显示当前流程

@@ -12,7 +12,8 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in leftButtonList"
-          :key="index">
+          :key="index"
+        >
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -21,7 +22,8 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in rightButtonList"
-          :key="index">
+          :key="index"
+        >
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -43,18 +45,25 @@
         </div>
         <!-- 表单内容区域 -->
         <div class="rightContainer">
+          <div class="count">
+            当前流程所在环节:
+            <span>{{ this.zbhj }}</span>
+          </div>
           <el-tabs v-model="tabName" :before-leave="beforeLeave">
             <el-tab-pane
               :label="item.name"
               :name="item.value"
               v-for="item in tabList"
-              :key="item.value">
+              :key="item.value"
+            >
             </el-tab-pane>
           </el-tabs>
+
           <component
             :key="fresh"
             :is="componentTag"
-            v-bind="currentSelectProps" />
+            v-bind="currentSelectProps"
+          />
         </div>
       </div>
     </div>
@@ -63,26 +72,26 @@
   </div>
 </template>
 <style scoped lang="scss">
-  @import "~@/styles/mixin.scss";
-  @import "./workFrame.scss";
+@import "~@/styles/mixin.scss";
+@import "./workFrame.scss";
 </style>
 <script>
-  import WorkFlow from "./mixin/index";
-  import { getForm } from "./flowform";
-  import { getStepFormInfo } from "@/api/workFlow.js";
-  import NoticeBar from "@/components/NoticeBar/index";
-  // import ProcessViewer from "./components/processViewer.vue";
+import WorkFlow from "./mixin/index";
+import { getForm } from "./flowform";
+import { getStepFormInfo } from "@/api/workFlow.js";
+import NoticeBar from "@/components/NoticeBar/index";
+// import ProcessViewer from "./components/processViewer.vue";
 
-  import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
-  import qllxDailog from "./djbBook/components/qllxDailog";
-  import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
-  import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
-  // 登记簿数据信息
-  import { addRepairRecord } from "@/api/djbRepair.js";
-  // 获取权利类型数组
+import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
+import qllxDailog from "./djbBook/components/qllxDailog";
+import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
+import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
+// 登记簿数据信息
+import { addRepairRecord } from "@/api/djbRepair.js";
+// 获取权利类型数组
 
-  import { getBdcqljqtsx } from "@/api/djbDetail.js";
-  export default {
+import { getBdcqljqtsx } from "@/api/djbDetail.js";
+export default {
   components: {
     selectBdc,
     NoticeBar,
@@ -90,11 +99,13 @@
     qllxDailog,
   },
   mixins: [WorkFlow],
-    data () {
+  data() {
     return {
       bsmSlsq: this.$route.query.bsmSlsq,
       //当前流程所在环节
       bestepid: this.$route.query.bestepid,
+      //当前流程所在环节
+      zbhj: this.$route.query.zbhj,
       //设置那个表单选中
       tabName: "",
       isEdit: true,
@@ -114,17 +125,17 @@
       _beforeUnload_time: "",
       treedata: {},
       tabdata: [],
-        bsmRepair:"",
+      bsmRepair: "",
       defaultNode: {},
       clxxForm: "",
       //材料信息选择卡索引
       clxxIndex: "",
       //材料信息选项卡对象
       clxxTab: {},
-        ableOperation:false
+      ableOperation: false,
     };
   },
-    mounted () {
+  mounted() {
     // this.getleftMenubl()
   },
 
@@ -134,17 +145,17 @@
      * @param {*} qllx
      * @author: renchao
      */
-      stepForm (qllx) {
+    stepForm(qllx) {
       this.oneSelectProps.qllx = qllx;
       if (this.$refs.Menu.supplementarylist.length) {
         getStepFormInfo(this.oneSelectProps).then((res) => {
           this.$nextTick(function () {
             this.tabList = res.result;
             this.tabName = this.tabList[0].value;
-                this.ableOperation=this.tabList[0].ableOperation
+            this.ableOperation = this.tabList[0].ableOperation;
             this.getFromRouter(this.tabName);
 
-               if(this.tabList.length!=8){
+            if (this.tabList.length != 8) {
               let that = this;
               this.tabList.forEach(function (item, index) {
                 if (item.value == "clxx") {
@@ -152,7 +163,7 @@
                   that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
                   that.clxxTab = item;
                 }
-              })
+              });
             }
           });
         });
@@ -164,8 +175,8 @@
      * @param {*} val
      * @author: renchao
      */
-      getCurrentSelectProps (val) {
-       this.bsmRepair= val.bsmRepair
+    getCurrentSelectProps(val) {
+      this.bsmRepair = val.bsmRepair;
       if (val.bdcdyid) {
         this.oneSelectProps = val;
       }
@@ -185,7 +196,7 @@
      * @description: 获取渲染登记簿列表
      * @author: renchao
      */
-      getdjblist () {
+    getdjblist() {
       getBdcqljqtsx({
         bdcdyid: this.currentSelectProps.bdcdyid,
         bdcdyh: this.currentSelectProps.bdcdyh,
@@ -219,7 +230,7 @@
      * @param {*} activeName
      * @author: renchao
      */
-      beforeLeave (activeName) {
+    beforeLeave(activeName) {
       if (activeName && activeName != 0) this.getFromRouter(activeName);
     },
     //切换选项卡内容组件
@@ -228,7 +239,7 @@
      * @param {*} tabname
      * @author: renchao
      */
-      getFromRouter (tabname) {
+    getFromRouter(tabname) {
       this.componentTag = getForm(tabname);
     },
     // closefp () {
@@ -245,7 +256,7 @@
      * @param {*} del
      * @author: renchao
      */
-      addRepairRecord (row, del) {
+    addRepairRecord(row, del) {
       let from = {
         bsmQlxx: "",
         bsmSlsq: this.bsmSlsq,
@@ -282,7 +293,7 @@
         })
         .catch((res) => {
           console.log("错", res);
-          })
+        });
     },
     // openDialog () {
     //   this.$store.dispatch('user/refreshPage', false)
@@ -296,7 +307,22 @@
 
     //   this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
     // }
-    }
-  };
+  },
+};
 </script>
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.rightContainer {
+  position: relative;
+}
+.count {
+  font-size: 14px;
+  position: absolute;
+  right: 25px;
+  top: 12px;
+  height: 30px;
+  span {
+    font-weight: 600;
+    color: #3498db;
+  }
+}
+</style>

@@ -35,6 +35,10 @@
         </div>
         <!-- 表单内容区域 -->
         <div class="rightContainer">
+            <div class="count">
+            当前流程所在环节:
+            <span>{{ this.zbhj }}</span>
+          </div>
           <el-tabs v-model="tabName" :before-leave="beforeLeave">
             <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
             </el-tab-pane>
@@ -84,6 +88,8 @@
         bsmSlsq: this.$route.query.bsmSlsq,
         //当前流程所在环节
         bestepid: this.$route.query.bestepid,
+        //当前流程所在环节
+        zbhj: this.$route.query.zbhj,
         //设置那个表单选中
         tabName: "",
         //设置那个表单选择
@@ -201,4 +207,19 @@
     }
   }
 </script>
-
+<style scoped lang="scss">
+.rightContainer {
+  position: relative;
+}
+.count {
+  font-size: 14px;
+  position: absolute;
+  right: 25px;
+  top: 12px;
+  height: 30px;
+  span {
+    font-weight: 600;
+    color: #3498db;
+  }
+}
+</style>

@@ -6,46 +6,96 @@
 <template>
   <div class="from-clues">
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px">
+      <el-form
+        :model="queryForm"
+        ref="queryForm"
+        @submit.native.prevent
+        label-width="100px"
+      >
         <el-row>
           <el-col :span="5">
             <el-form-item label="业务来源">
-              <el-select v-model="queryForm.ywly" class="width100" filterable
-                @change="handleSelect('ywly', 'ywlymc', 'ywly')" @clear="handleEmpty('ywlymc')" clearable
-                placeholder="请选择业务来源">
-                <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="queryForm.ywly"
+                class="width100"
+                filterable
+                @change="handleSelect('ywly', 'ywlymc', 'ywly')"
+                @clear="handleEmpty('ywlymc')"
+                clearable
+                placeholder="请选择业务来源"
+              >
+                <el-option
+                  v-for="item in dictData['ywly']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')"
-                @clear="handleEmpty('qllxmc')" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="queryForm.qllx"
+                class="width100"
+                @change="handleSelect('A8', 'qllxmc', 'qllx')"
+                @clear="handleEmpty('qllxmc')"
+                filterable
+                clearable
+                placeholder="请选择权利类型"
+              >
+                <el-option
+                  v-for="item in dictData['A8']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="登记类型">
-              <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')"
-                @clear="handleEmpty('djlxmc')" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-select
+                v-model="queryForm.djlx"
+                class="width100"
+                @change="handleSelect('A21', 'djlxmc', 'djlx')"
+                @clear="handleEmpty('djlxmc')"
+                filterable
+                clearable
+                placeholder="请选择登记类型"
+              >
+                <el-option
+                  v-for="item in dictData['A21']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
+              <el-input
+                placeholder="请输入业务号"
+                v-model="queryForm.ywh"
+                clearable
+                class="width100"
+              >
               </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="3" class="btnColRight">
             <el-form-item>
-              <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
+              <el-button
+                type="primary"
+                native-type="submit"
+                @click="handleSearch"
+                >查询</el-button
+              >
               <el-button @click="moreQueryClick">高级查询</el-button>
             </el-form-item>
           </el-col>
@@ -53,25 +103,45 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width100">
+              <el-input
+                placeholder="请输入不动产单元号"
+                v-model="queryForm.bdcdyh"
+                clearable
+                class="width100"
+              >
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="申请人">
-              <el-input placeholder="如需要模糊查询，前后输入%" v-model="queryForm.sqrmc" clearable class="width100">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model="queryForm.sqrmc"
+                clearable
+                class="width100"
+              >
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="申请人证件号">
-              <el-input placeholder="如需要模糊查询，前后输入%" v-model="queryForm.sqrzjhm" clearable class="width100">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model="queryForm.sqrzjhm"
+                clearable
+                class="width100"
+              >
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="坐落">
-              <el-input placeholder="如需要模糊查询，前后输入%" v-model.trim="queryForm.zl" clearable class="width100">
+              <el-input
+                placeholder="如需要模糊查询，前后输入%"
+                v-model.trim="queryForm.zl"
+                clearable
+                class="width100"
+              >
               </el-input>
             </el-form-item>
           </el-col>
@@ -81,42 +151,65 @@
           <ul>
             <li v-for="(item, index) in searchList" :key="index">
               {{ item.name }}:{{ item.value }}
-              <i class="el-icon-circle-close" @click="handelItem(item, index)"></i>
+              <i
+                class="el-icon-circle-close"
+                @click="handelItem(item, index)"
+              ></i>
             </li>
           </ul>
-          <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部
+          <el-button
+            class="clean-btn"
+            type="text"
+            v-if="searchList.length > 0"
+            @click.native="hanldeCleanAll"
+            >清除全部
           </el-button>
         </el-row>
       </el-form>
     </div>
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
-        :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
+      <lb-table
+        :page-size="pageData.size"
+        class="loadingtext"
+        @sort-change="handleSort"
+        :current-page.sync="pageData.currentPage"
+        :total="tableData.total"
+        @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange"
+        :column="tableData.columns"
+        :data="tableData.data"
+      >
       </lb-table>
     </div>
-    <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
+    <searchBox
+      v-model="isSearch"
+      @getSearch="getSearch"
+      :advancedForm="otherForm"
+    />
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  import searchBox from "../components/search.vue";
-  import table from "@/utils/mixin/table";
-  import searchMin from "../components/mixin/index";
-  import { datas, sendThis } from "./dbxdata";
-  import { searchTaskToDo } from "@/api/workflow/search.js";
-  import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js";
-  export default {
+import { mapGetters } from "vuex";
+import searchBox from "../components/search.vue";
+import table from "@/utils/mixin/table";
+import searchMin from "../components/mixin/index";
+import { datas, sendThis } from "./dbxdata";
+import { searchTaskToDo } from "@/api/workflow/search.js";
+import {
+  judgeUserTaskPermission,
+  deleteFlow,
+  claimTask,
+} from "@/api/workFlow.js";
+export default {
   name: "dbx",
   components: { searchBox },
   mixins: [table, searchMin],
   computed: {
     ...mapGetters(["dictData", "transfer"]),
   },
-    data () {
+  data() {
     return {
-        queryForm: {
-        },
+      queryForm: {},
       searchForm: {
         ywlymc: "",
         qllxmc: "",
@@ -131,20 +224,20 @@
       jumpid: "",
     };
   },
-    mounted () {
+  mounted() {
     sendThis(this);
   },
   watch: {
     queryForm: {
-        handler (newName, oldName) { },
+      handler(newName, oldName) {},
       immediate: true,
     },
   },
-    activated () {
+  activated() {
     this.queryClick();
     window["getBpageList"] = () => {
       this.queryClick();
-      }
+    };
   },
   methods: {
     // 列表渲染接口
@@ -152,7 +245,7 @@
      * @description: 列表渲染接口
      * @author: renchao
      */
-      queryClick () {
+    queryClick() {
       this.$startLoading();
       this.searchForm.ywh = this.queryForm.ywh;
       this.iterationData();
@@ -174,7 +267,7 @@
      * @param {*} val
      * @author: renchao
      */
-      handleSort (val) {
+    handleSort(val) {
       this.queryForm.sortField = val.prop;
       this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
       this.queryClick();
@@ -184,7 +277,7 @@
      * @param {*} item
      * @author: renchao
      */
-      del (item) {
+    del(item) {
       let formdata = new FormData();
       formdata.append("bsmSlsq", item.bsmSlsq);
       this.$confirm("确定要删除吗, 是否继续?", "提示", {
@@ -218,7 +311,7 @@
      * @param {*} item
      * @author: renchao
      */
-      ywhClick (item) {
+    ywhClick(item) {
       //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
       judgeUserTaskPermission({
         bsmSlsq: item.bsmSlsq,
@@ -235,7 +328,9 @@
                   item.bestepid +
                   "&bsmBusiness=" +
                   "&sqywbm=" +
-                  item.djywbm
+                  item.djywbm +
+                  "&zbhj=" +
+                  item.zbhj
               );
               window.open(href, `djbworkFrame${item.bsmSlsq}`);
             } else {
@@ -246,12 +341,14 @@
                   item.bestepid +
                   "&bsmBusiness=" +
                   "&sqywbm=" +
-                  item.djywbm
+                  item.djywbm +
+                  "&zbhj=" +
+                  item.zbhj
               );
               window.open(href, `workFrame${item.bsmSlsq}`);
             }
 
-              localStorage.setItem('ywbl', JSON.stringify(item));
+            localStorage.setItem("ywbl", JSON.stringify(item));
 
             //从待办箱进入的调取任务领取接口
             claimTask(item.bsmSlsq, item.bestepid);
@@ -264,11 +361,11 @@
         } else {
           this.$message.error("用户任务权限判断失败，请联系管理员");
         }
-        })
-      }
-    }
-  }
+      });
+    },
+  },
+};
 </script>
 <style scoped lang="scss">
-  @import "~@/styles/public.scss";
+@import "~@/styles/public.scss";
 </style>