style:业务办理

@@ -2,7 +2,7 @@ import request from '@/utils/request'
 
 
 // 转出
-export function completeTask(data) {
+export function completeTask (data) {
     return request({
         url: '/business/workFlow/completeTask',
         method: 'post',
@@ -10,7 +10,7 @@ export function completeTask(data) {
     })
 }
 // 回退表格数据
-export function getTaskBackNode(params) {
+export function getTaskBackNode (params) {
     return request({
         url: '/business/workFlow/getTaskBackNode',
         method: 'get',
@@ -18,7 +18,7 @@ export function getTaskBackNode(params) {
     })
 }
 //   退回确认接口
-export function sendBackTask(data) {
+export function sendBackTask (data) {
     return request({
         url: '/business/workFlow/sendBackTask',
         method: 'post',
@@ -26,7 +26,7 @@ export function sendBackTask(data) {
     })
 }
 // 获取左侧列表
-export function leftMenu(data) {
+export function leftMenu (data) {
     return request({
         url: '/ywbl/tdsyqlr/leftMenu',
         method: 'post',
@@ -34,17 +34,9 @@ export function leftMenu(data) {
     })
 }
 
-// 受理信息返显接口
-export function Init(data) {
-    return request({
-        url: '/ywbl/tdsyqlr/Init',
-        method: 'post',
-        data
-    })
-}
 
 // 材料目录明细初始化
-export function clmlInit(data) {
+export function clmlInit (data) {
     return request({
         url: '/zhcx/clml/Init',
         method: 'post',
@@ -53,7 +45,7 @@ export function clmlInit(data) {
 }
 
 // 材料目录明细移动
-export function move(data) {
+export function move (data) {
     return request({
         url: '/zhcx/clml/move',
         method: 'post',
@@ -62,7 +54,7 @@ export function move(data) {
 }
 
 // 材料目录明细保存
-export function save(data) {
+export function save (data) {
     return request({
         url: '/zhcx/clml/save',
         method: 'post',
@@ -71,7 +63,7 @@ export function save(data) {
 }
 
 // 材料目录批量删除
-export function clmlDelete(params) {
+export function clmlDelete (params) {
     return request({
         url: '/zhcx/clml/delete',
         method: 'delete',
@@ -80,7 +72,7 @@ export function clmlDelete(params) {
 }
 
 // 获取下一环节信息
-export  function getNextLinkInfo(params) {
+export function getNextLinkInfo (params) {
     // return   axios({
     //     url: '/business/workFlow/getNextLinkInfo',
     //     method: 'get',
@@ -95,7 +87,7 @@ export  function getNextLinkInfo(params) {
 }
 
 // 环节扩展信息
-export function stepExpandInfo(data) {
+export function stepExpandInfo (data) {
     return request({
         url: '/business/workFlow/stepExpandInfo',
         method: 'post',
@@ -104,7 +96,7 @@ export function stepExpandInfo(data) {
 }
 
 // 获取审批意见
-export function getSpyjList(data) {
+export function getSpyjList (data) {
     return request({
         url: '/business/workFlow/getSpyjList',
         method: 'post',
@@ -113,7 +105,7 @@ export function getSpyjList(data) {
 }
 
 // 保存审批意见
-export function saveSpyj(data) {
+export function saveSpyj (data) {
     return request({
         url: '/business/workFlow/saveSpyj',
         method: 'post',
@@ -121,7 +113,7 @@ export function saveSpyj(data) {
     })
 }
 // 根据受理申请保存审批意见
-export function saveSpyjBySlsq(data) {
+export function saveSpyjBySlsq (data) {
     return request({
         url: '/business/workFlow/saveSpyjBySlsq',
         method: 'post',
@@ -129,7 +121,7 @@ export function saveSpyjBySlsq(data) {
     })
 }
 // 登簿接口
-export function record(data) {
+export function record (data) {
     return request({
         url: '/business/workFlow/record',
         method: 'post',
@@ -137,7 +129,7 @@ export function record(data) {
     })
 }
 // 获取不动产权证列表
-export function getBdcqzList(params) {
+export function getBdcqzList (params) {
     return request({
         url: '/business/workFlow/getBdcqzList',
         method: 'get',
@@ -145,7 +137,7 @@ export function getBdcqzList(params) {
     })
 }
 // 获取印刷序列号
-export function readYsxlh(params) {
+export function readYsxlh (params) {
     return request({
         url: '/business/workFlow/readYsxlh',
         method: 'get',
@@ -153,7 +145,7 @@ export function readYsxlh(params) {
     })
 }
 // 缮证
-export function certificate(data) {
+export function certificate (data) {
     return request({
         url: '/business/workFlow/certificate',
         method: 'post',
@@ -161,7 +153,7 @@ export function certificate(data) {
     })
 }
 // 作废缮证信息
-export function invalidCertificate(data) {
+export function invalidCertificate (data) {
     return request({
         url: '/business/workFlow/invalidCertificate',
         method: 'post',
@@ -169,7 +161,7 @@ export function invalidCertificate(data) {
     })
 }
 // 缮证列表
-export function getCertificateList(data) {
+export function getCertificateList (data) {
     return request({
         url: '/business/workFlow/getCertificateList',
         method: 'post',
@@ -177,7 +169,7 @@ export function getCertificateList(data) {
     })
 }
 // 发证
-export function issueCertificate(data) {
+export function issueCertificate (data) {
     return request({
         url: '/business/workFlow/issueCertificate',
         method: 'post',

@@ -26,14 +26,6 @@ export const constantRoutes = [
     hidden: true
   },
   { path: '*', redirect: '/404', hidden: true },
-  // 详情
-  {
-    path: '/fqsq',
-    component: () => import('@/views/ywbl/fqsq/fqsq.vue'),
-    name: 'fqsq',
-    hidden: true,
-    meta: { title: '发起申请' }
-  },
   // 业务流程框架
   {
     path: '/workFrame',

 <template>
-  <dialogBox title="证书领取" @submitForm="submitForm"  saveButton="保存" width="60%" 
-    height='30%' @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="证书领取" @submitForm="submitForm" saveButton="保存" width="60%" height='30%' @closeDialog="closeDialog"
+    v-model="value">
     <div class="from-clues-content">
       <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600">
       </lb-table>
     </div>
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" style="display:flex;">
-        <el-form-item label="领证人" prop="lzrxm">
-            <el-input v-model="ruleForm.lzrxm"></el-input>
-        </el-form-item>
-        <el-form-item label="证件类型" prop="lzrzjlb">
-          <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
-            <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="证件号" prop="lzrzjh">
-            <el-input v-model="ruleForm.lzrzjh"></el-input>
-        </el-form-item>
-        <el-form-item label="领证人电话" prop="lzrdh">
-            <el-input v-model="ruleForm.lzrdh"></el-input>
-        </el-form-item>
+      <el-form-item label="领证人" prop="lzrxm">
+        <el-input v-model="ruleForm.lzrxm"></el-input>
+      </el-form-item>
+      <el-form-item label="证件类型" prop="lzrzjlb">
+        <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
+          <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="证件号" prop="lzrzjh">
+        <el-input v-model="ruleForm.lzrzjh"></el-input>
+      </el-form-item>
+      <el-form-item label="领证人电话" prop="lzrdh">
+        <el-input v-model="ruleForm.lzrdh"></el-input>
+      </el-form-item>
     </el-form>
   </dialogBox>
 </template>
 
 <script>
 import table from "@/utils/mixin/table";
-import { getCertificateList,issueCertificate } from "@/api/fqsq.js";
+import { getCertificateList, issueCertificate } from "@/api/fqsq.js";
 import { datas } from "./fzxxdata";
 import { mapGetters } from 'vuex'
 export default {
   mixins: [table],
   components: {
-     ...mapGetters(['dictData']),
+    ...mapGetters(['dictData']),
   },
   props: {
-      value: { type: Boolean, default: false },
+    value: { type: Boolean, default: false },
   },
   data () {
     return {
-       ruleForm: {
-           bsmBdcqz: [],
-           lzrxm: '',
-           lzrzjlb: '',
-           lzrzjh: '',
-           lzrdh: ''
-       },
-       rules: {
-          lzrxm: [
-            { required: true, message: '请输入领证人', trigger: 'blur' }
-          ],
-          lzrzjlb: [
-            { required: true, message: '请选择证件类型', trigger: 'change' }
-          ],
-          lzrzjh: [
-            { required: true, message: '请输入证件号', trigger: 'blur' }
-          ],
-          lzrdh: [
-            { required: true, message: '请输入电话号码', trigger: 'blur' }
-          ],
-        },
-       tableData: {
-            total: 0,
-            columns: datas.columns(),
-            data: [],
-        },
+      ruleForm: {
+        bsmBdcqz: [],
+        lzrxm: '',
+        lzrzjlb: '',
+        lzrzjh: '',
+        lzrdh: ''
+      },
+      rules: {
+        lzrxm: [
+          { required: true, message: '请输入领证人', trigger: 'blur' }
+        ],
+        lzrzjlb: [
+          { required: true, message: '请选择证件类型', trigger: 'change' }
+        ],
+        lzrzjh: [
+          { required: true, message: '请输入证件号', trigger: 'blur' }
+        ],
+        lzrdh: [
+          { required: true, message: '请输入电话号码', trigger: 'blur' }
+        ],
+      },
+      tableData: {
+        total: 0,
+        columns: datas.columns(),
+        data: [],
+      },
     }
   },
+
   methods: {
-      //列表初始化
-    tablelistFn(){            
+    fetchData () { },
+    //列表初始化
+    tablelistFn () {
       var bsmSldy = this.$parent._data.unitData[0].bsmSldy
-      getCertificateList({"bsmSldy":bsmSldy}).then(res => {
+      getCertificateList({ "bsmSldy": bsmSldy }).then(res => {
         if (res.code === 200) {
-           this.tableData.data = res.result
-           if(res.result){
-             res.result.forEach((item,index)=>{ 
-               this.ruleForm.bsmBdcqz.push(item.bsmBdcqz)
-             })
-           }  
+          this.tableData.data = res.result
+          if (res.result) {
+            res.result.forEach((item, index) => {
+              this.ruleForm.bsmBdcqz.push(item.bsmBdcqz)
+            })
+          }
         }
       })
     },
-    submitForm(){
+    submitForm () {
       this.$refs.ruleForm.validate(valid => {
-          if (valid) {  
-              issueCertificate(this.ruleForm).then(res => {
-                  if(res.code == 200){
-                     this.$message.success('保存成功')
-                     this.$emit("input", false);
-                     this.$refs.ruleForm.resetFields();
-                  }else{
-                     this.$message.error(res.message)
-                  }
-              })
-          } else {
-              return false;
-          }
+        if (valid) {
+          issueCertificate(this.ruleForm).then(res => {
+            if (res.code == 200) {
+              this.$message.success('保存成功')
+              this.$emit("input", false);
+              this.$refs.ruleForm.resetFields();
+            } else {
+              this.$message.error(res.message)
+            }
+          })
+        } else {
+          return false;
+        }
       });
     },
     closeDialog () {
@@ -109,5 +111,4 @@ export default {
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
-
 </style>

@@ -2,21 +2,13 @@
   <div class="fqsq">
     <div class="fqsq-header">
       <ul>
-        <li
-          @click="operation(index, item)"
-          v-for="(item, index) in headerleftList"
-          :key="index"
-        >
+        <li @click="operation(index, item)" v-for="(item, index) in headerleftList" :key="index">
           <svg-icon :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
       </ul>
       <ul>
-        <li
-          @click="operation(index, item)"
-          v-for="(item, index) in headerRightList"
-          :key="index"
-        >
+        <li @click="operation(index, item)" v-for="(item, index) in headerRightList" :key="index">
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -24,24 +16,16 @@
     </div>
     <div class="tabsList">
       <div class="tabsList-left">
-        <div
-          class="map-drawer-click"
-          v-if="!isShowdrawer"
-          @click="
-            () => {
-              this.isShowdrawer = !this.isShowdrawer;
-            }
-          "
-        ></div>
-        <div
-          class="map-drawer-expand"
-          v-else
-          @click="
-            () => {
-              this.isShowdrawer = !this.isShowdrawer;
-            }
-          "
-        ></div>
+        <div class="map-drawer-click" v-if="!isShowdrawer" @click="
+          () => {
+            this.isShowdrawer = !this.isShowdrawer;
+          }
+        "></div>
+        <div class="map-drawer-expand" v-else @click="
+          () => {
+            this.isShowdrawer = !this.isShowdrawer;
+          }
+        "></div>
         <ul v-if="this.isShowdrawer">
           <p class="title">申请单元列表({{ unitData.length }})</p>
           <div v-for="(item, index) in unitData" :key="index">
@@ -60,35 +44,18 @@
         </div>
         <div style="width: 100%">
           <el-tabs v-model="activeName" @tab-click="activeClick">
-            <el-tab-pane
-              :label="item.name"
-              :name="item.value"
-              v-for="(item, index) in tabList"
-              :key="index"
-            >
+            <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index">
             </el-tab-pane>
           </el-tabs>
           <div class="splitScreen-con">
-            <component
-              ref="slxx"
-              v-if="activeName == 'slsq'"
-              :is="editItem"
-              :flag="flag"
-              :fetch='fetch'
-              :key="key"
-            />
+            <component ref="slxx" v-if="activeName == 'slsq'" :is="editItem" :flag="flag" :fetch='fetch' :key="key" />
             <component :is="editItem" v-else :key="key" />
           </div>
         </div>
       </div>
     </div>
     <zc ref="zcDialogRef" v-model="zcDialog" :queryForm="queryForm" />
-    <thDialog
-      ref="thdialogRef"
-      v-model="thflag"
-      :bsmBusiness="bsmBusiness"
-      :queryForm="queryForm"
-    />
+    <thDialog ref="thdialogRef" v-model="thflag" :bsmBusiness="bsmBusiness" :queryForm="queryForm" />
     <zslqDialog ref="zslqDialog" v-model="zslqDialog" />
     <zsylDialog v-model="zsylFlag" />
   </div>
@@ -102,9 +69,10 @@ import zsylDialog from "./components/zsyl";
 import zslqDialog from "./components/zslq";
 export default {
   /**注册组件*/
-  components: { zc, thDialog, zsylDialog, comMsg,zslqDialog},
-  data() {
+  components: { zc, thDialog, zsylDialog, comMsg, zslqDialog },
+  data () {
     return {
+      activeIndex: '0',
       zsylFlag: false,
       zcDialog: false,
       thflag: false,
@@ -119,7 +87,7 @@ export default {
       flag: false,
       headerleftList: [],
       headerRightList: [],
-      activeName: "",
+      activeName: "slxx",
       tabList1: [],
       tabList: [],
       editItem: "",
@@ -131,17 +99,18 @@ export default {
   },
   watch: {
     activeName: {
-      handler(newName, oldName) {
+      handler (newName, oldName) {
         if (newName === "qlxx") {
           this.editItem = this.loadViewSlsq();
         } else {
+          console.log(newName, 'newNamenewNamenewName');
           this.editItem = this.loadView(newName);
         }
       },
       immediate: true,
     },
   },
-  mounted() {
+  mounted () {
     if (this.$route.query.bsmSlsq) {
       this.expandInfo(this.$route.query.bsmSlsq, this.$route.query.bestepid);
       this.queryForm.bsmSlsq = this.$route.query.bsmSlsq;
@@ -152,7 +121,7 @@ export default {
   },
   methods: {
     // 获取左侧列表
-    list() {
+    list () {
       let that = this;
       var formdata = new FormData();
       formdata.append("bsmSlsq", that.queryForm.bsmSlsq);
@@ -169,7 +138,7 @@ export default {
       });
     },
     //获取环节扩展信息
-    expandInfo(bsmSlsq, bestepid) {
+    expandInfo (bsmSlsq, bestepid) {
       let that = this;
       var formdata = new FormData();
       formdata.append("bsmSlsq", bsmSlsq);
@@ -184,28 +153,29 @@ export default {
         }
       });
     },
-    activeClick(tab, event) {
+    activeClick (tab, event) {
       if (tab.name == "slxx") {
         this.list();
       }
     },
     //  左侧列表点击调用接口
-    unitClick (item) {  
+    unitClick (item) {
+      console.log(item, 'unitClickunitClickunitClick');
       this.bsmBusiness = item.bsmBusiness
       var activeTabName = this.activeName
-      if(activeTabName == 'slxx'){
+      if (activeTabName == 'slxx') {
         //受理信息页面接口调取
         this.$nextTick(() => {
           this.$refs.slxx[0].list(item.bsmSldy)
         })
-      }else if(activeTabName == 'spyj'){
+      } else if (activeTabName == 'spyj') {
         //审批页面接口调取
         this.$nextTick(() => {
-          this.$refs.spyj[0].list(this.bsmBusiness,this.queryForm.bestepid)
-        })  
+          this.$refs.spyj[0].list(this.bsmBusiness, this.queryForm.bestepid)
+        })
       }
     },
-    operation(index, item) {
+    operation (index, item) {
       let that = this;
       switch (item.value) {
         case "zsyl":
@@ -237,7 +207,7 @@ export default {
         case "zslq":
           this.zslqDialog = true;
           this.$refs.zslqDialog.tablelistFn();
-          break;  
+          break;
         case "db":
           var formdata = new FormData();
           formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
@@ -260,14 +230,14 @@ export default {
           break;
       }
     },
-    loadView(view) {
+    loadView (view) {
       return (r) =>
-       require.ensure([], () => r(require(`./components/${view}.vue`)));
+        require.ensure([], () => r(require(`./components/${view}.vue`)));
     },
-    loadViewSlsq() {
+    loadViewSlsq () {
       return (r) =>
         require.ensure([], () =>
-          r(require("../../zhcx/djbcx/components/jsydsyq.vue"))
+          r(require("@/views/zhcx/djbcx/components/jsydsyq.vue"))
         );
     },
   },
@@ -316,6 +286,7 @@ export default {
     min-width: 50%;
   }
 
+
   &-header {
     @include flex;
     width: 100%;
@@ -344,6 +315,7 @@ export default {
       li:hover {
         border: 1px solid #ffffff;
         border-radius: 5px;
+
         .svg-icon {
           //color: $light-blue ;
         }
@@ -351,6 +323,10 @@ export default {
     }
   }
 
+  /deep/.el-menu-item.is-active {
+    background-color: #e7f4fe;
+  }
+
   .map-drawer-expand {
     width: 20px;
     height: 77px;

@@ -3,14 +3,14 @@
   width: 100%;
   position: sticky;
   top: 80px;
-  //background-color: #ffffff;
   border: 1px solid #ebeef5;
   z-index: 100;
   @include flex;
 }
 
 .leftmenu {
-  flex: 0 0 260px;
+  width: 0;
+  transition: all 0.3s;
   border-right: 1px solid #ebeef5;
   position: relative;
   box-sizing: border-box;
@@ -48,6 +48,10 @@
   }
 }
 
+.animation-map-drawer {
+  width: 260px;
+}
+
 /deep/.el-tabs__header {
   margin-bottom: 0 !important;
 }
@@ -98,6 +102,27 @@
   overflow: hidden;
 }
 
+.map-drawer {
+  width: 20px;
+  height: 79px;
+  position: absolute;
+  top: 30%;
+  z-index: 99;
+  cursor: pointer;
+}
+
+.map-drawer-expand {
+  background: url("../../../image/right.png");
+  background-size: cover;
+  right: 0%;
+}
+
+.map-drawer-click {
+  background: url("../../../image/left.png");
+  background-size: cover;
+  left: 0%;
+}
+
 .topButton {
   @include flex;
   width: 100%;

@@ -20,14 +20,26 @@
     <!-- 内容框架 -->
     <div class="containerFrame">
       <!-- 左侧菜单栏 -->
-      <div class="leftmenu" v-if="unitData.length>0">
-        <div class="title">申请单元列表({{ unitData.length }})</div>
-        <el-menu :default-active="activeIndex" @select="unitClick">
-          <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
-            <p>{{ item.bdcdyh }}</p>
-            <p>{{ item.zl }}</p>
-          </el-menu-item>
-        </el-menu>
+      <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
+        <div v-if="this.isShowdrawer">
+          <div class="title">申请单元列表({{ unitData.length }})</div>
+          <el-menu :default-active="activeIndex" @select="unitClick">
+            <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
+              <p>{{ item.bdcdyh }}</p>
+              <p>{{ item.zl }}</p>
+            </el-menu-item>
+          </el-menu>
+        </div>
+        <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
+          () => {
+            this.isShowdrawer = !this.isShowdrawer;
+          }
+        "></div>
+        <div class="map-drawer-expand map-drawer" v-else @click="
+          () => {
+            this.isShowdrawer = !this.isShowdrawer;
+          }
+        "></div>
       </div>
       <div class="leftCon">
         <!-- 分屏左侧预览 -->
@@ -61,10 +73,11 @@ import {
   completeTask,
 } from "@/api/fqsq.js";
 import { getForm } from "./flowform.js";
-import axios from "axios";
 export default {
   data () {
     return {
+      // 折叠
+      isShowdrawer: true,
       // 默认选中
       activeIndex: '0',
       //受理申请标识码

@@ -55,13 +55,14 @@
 //查封登记
 import { datas, sendThis } from "../javascript/bdcql.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
     bsmSqyw: { type: String, default: '' },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
+  mixins: [table, jump],
   data () {
     return {
       queryForm: {
@@ -105,7 +106,7 @@ export default {
           })
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -117,14 +118,7 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }

@@ -55,13 +55,14 @@
 <script>
 import { datas, sendThis } from "../javascript/bdcqlMain.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
     bsmSqyw: { type: String, default: '' },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
+  mixins: [table, jump],
   data () {
     return {
       queryForm: {
@@ -105,7 +106,7 @@ export default {
           })
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -117,14 +118,7 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }

@@ -55,13 +55,14 @@
 //查封登记
 import { datas, sendThis } from "../javascript/cfdj.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
     bsmSqyw: { type: String, default: '' },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
+  mixins: [table, jump],
   data () {
     return {
       queryForm: {
@@ -105,7 +106,7 @@ export default {
           })
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -117,14 +118,7 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }

@@ -6,31 +6,15 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="权利类型">
-              <el-select
-                v-model="queryForm.qllx"
-                filterable
-                clearable
-                placeholder="请选择权利类型"
-                class="width300px"
-              >
-                <el-option
-                  v-for="item in qllxs"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width300px">
+                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="不动产单元号">
-              <el-input
-                placeholder="请输入不动产单元号"
-                v-model="queryForm.bdcdyh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
@@ -38,23 +22,13 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="业务号">
-              <el-input
-                placeholder="请输入业务号"
-                v-model="queryForm.ywh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="不动产权证号">
-              <el-input
-                placeholder="请输入不动产权证号"
-                v-model="queryForm.bdcqzh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
@@ -68,24 +42,14 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table
-        :page-size="pageData.pageSize"
-        :heightNum="400"
-        :current-page.sync="pageData.currentPage"
-        :total="tableData.total"
-        @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange"
-        @selection-change="handleSelectionChange"
-        :column="tableData.columns"
-        :data="tableData.data"
-      >
+      <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
     <div class="submit_button">
       <el-button @click="closeDialog">取消</el-button>
-      <el-button type="primary" plain @click="submitForm" :loading="saveloding"
-        >发起申请</el-button
-      >
+      <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -93,6 +57,7 @@
 //抵押权首次登记
 import { datas, sendThis } from "../javascript/diyaq.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
@@ -100,8 +65,8 @@ export default {
     djqxObj: { type: Object, default: "" },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
-  data() {
+  mixins: [table, jump],
+  data () {
     return {
       queryForm: {
         qllx: "",
@@ -121,18 +86,18 @@ export default {
     };
   },
   watch: {
-    bsmSqyw(val) {
+    bsmSqyw (val) {
       this.fetchData();
     },
   },
-  mounted() {
+  mounted () {
     sendThis(this);
   },
   methods: {
-    closeDialog() {
+    closeDialog () {
       this.$emit("closeDialog");
     },
-    fetchData() {
+    fetchData () {
       if (this.bsmSqyw) {
         selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
@@ -143,7 +108,7 @@ export default {
         });
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -157,23 +122,16 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }
       });
     },
-    handleSelectionChange(val) {
+    handleSelectionChange (val) {
       this.bdcdysz = val;
     },
-    queryClick() {
+    queryClick () {
       this.fetchData();
     },
   },

@@ -6,23 +6,13 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="不动产单元号">
-              <el-input
-                placeholder="请输入不动产单元号"
-                v-model="queryForm.bdcdyh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="不动产权证号">
-              <el-input
-                placeholder="请输入不动产权证号"
-                v-model="queryForm.bdcqzh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
@@ -36,24 +26,14 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table border
-        :page-size="pageData.pageSize"
-        :heightNum="400"
-        :current-page.sync="pageData.currentPage"
-        :total="tableData.total"
-        @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange"
-        @selection-change="handleSelectionChange"
-        :column="tableData.columns"
-        :data="tableData.data"
-      >
+      <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
     <div class="submit_button">
       <el-button @click="closeDialog">取消</el-button>
-      <el-button type="primary" plain @click="submitForm" :loading="saveloding"
-        >发起申请</el-button
-      >
+      <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -61,6 +41,7 @@
 //首次登记
 import { datas, sendThis } from "../javascript/jsydsyq100.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
@@ -68,8 +49,8 @@ export default {
     djqxObj: { type: Object, default: "" },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
-  data() {
+  mixins: [table, jump],
+  data () {
     return {
       queryForm: {
         qllx: "",
@@ -89,18 +70,18 @@ export default {
     };
   },
   watch: {
-    bsmSqyw(val) {
+    bsmSqyw (val) {
       this.fetchData();
     },
   },
-  mounted() {
+  mounted () {
     sendThis(this);
   },
   methods: {
-    closeDialog() {
+    closeDialog () {
       this.$emit("closeDialog");
     },
-    fetchData() {
+    fetchData () {
       if (this.bsmSqyw) {
         selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
@@ -111,7 +92,7 @@ export default {
         });
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -125,23 +106,16 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }
       });
     },
-    handleSelectionChange(val) {
+    handleSelectionChange (val) {
       this.bdcdysz = val;
     },
-    queryClick() {
+    queryClick () {
       this.fetchData();
     },
   },

@@ -6,31 +6,15 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="权利类型200">
-              <el-select
-                v-model="queryForm.qllx"
-                filterable
-                clearable
-                placeholder="请选择权利类型"
-                class="width300px"
-              >
-                <el-option
-                  v-for="item in qllxs"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width300px">
+                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="不动产单元号">
-              <el-input
-                placeholder="请输入不动产单元号"
-                v-model="queryForm.bdcdyh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
@@ -38,23 +22,13 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="业务号">
-              <el-input
-                placeholder="请输入业务号"
-                v-model="queryForm.ywh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="不动产权证号">
-              <el-input
-                placeholder="请输入不动产权证号"
-                v-model="queryForm.bdcqzh"
-                clearable
-                class="width300px"
-              >
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px">
               </el-input>
             </el-form-item>
           </el-col>
@@ -68,24 +42,14 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table
-        :page-size="pageData.pageSize"
-        :heightNum="400"
-        :current-page.sync="pageData.currentPage"
-        :total="tableData.total"
-        @size-change="handleSizeChange"
-        @p-current-change="handleCurrentChange"
-        @selection-change="handleSelectionChange"
-        :column="tableData.columns"
-        :data="tableData.data"
-      >
+      <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
     <div class="submit_button">
       <el-button @click="closeDialog">取消</el-button>
-      <el-button type="primary" plain @click="submitForm" :loading="saveloding"
-        >发起申请</el-button
-      >
+      <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
     </div>
   </div>
 </template>
@@ -93,6 +57,7 @@
 //首次登记
 import { datas, sendThis } from "../javascript/jsydsyq200.js";
 import table from "@/utils/mixin/table";
+import jump from "../components/mixin/jump";
 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
 export default {
   props: {
@@ -100,8 +65,8 @@ export default {
     djqxObj: { type: Object, default: "" },
     djywbm: { type: String, default: "" }
   },
-  mixins: [table],
-  data() {
+  mixins: [table, jump],
+  data () {
     return {
       queryForm: {
         qllx: "",
@@ -121,18 +86,18 @@ export default {
     };
   },
   watch: {
-    bsmSqyw(val) {
+    bsmSqyw (val) {
       this.fetchData();
     },
   },
-  mounted() {
+  mounted () {
     sendThis(this);
   },
   methods: {
-    closeDialog() {
+    closeDialog () {
       this.$emit("closeDialog");
     },
-    fetchData() {
+    fetchData () {
       if (this.bsmSqyw) {
         selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
@@ -143,7 +108,7 @@ export default {
         });
       }
     },
-    submitForm() {
+    submitForm () {
       if (this.bdcdysz.length == 0) {
         this.$message.error("请至少选择一条数据");
         return;
@@ -157,28 +122,21 @@ export default {
       }).then((res) => {
         this.saveloding = false;
         if (res.code == 200) {
-          this.$emit("closeDialog");
-          const { href } = this.$router.resolve(
-            "/fqsq?bsmSlsq=" +
-              res.result.bsmSlsq +
-              "&bestepid=" +
-              res.result.bestepid
-          );
-          window.open(href, "_blank");
+          this.jump(res.result)
         } else {
           this.$message.error(res.message);
         }
       });
     },
-    handleSelectionChange(val) {
-      val.forEach((item,index)=>{
+    handleSelectionChange (val) {
+      val.forEach((item, index) => {
         item.bsmSsql = item.bsmQlxx
         item.ybdcqzsh = item.bdcqzh
       })
       this.bdcdysz = val;
-      
+
     },
-    queryClick() {
+    queryClick () {
       this.fetchData();
     },
   },

+export default {
+  methods: {
+    jump (data) {
+      this.$emit("closeDialog");
+      const { href } = this.$router.resolve(
+        "/workFrame?bsmSlsq=" +
+        data.bsmSlsq +
+        "&bestepid=" +
+        data.bestepid + '&bsmBusiness='
+      );
+      window.open(href, "_blank");
+    }
+  }
+}

@@ -5,12 +5,7 @@
         {{ title }}
         <div class="checkbox">
           <el-checkbox-group v-model="checkList" @change="checkChange">
-            <el-checkbox
-              v-for="item in qsztList"
-              :key="item.value"
-              :label="item.value"
-              >{{ item.label }}</el-checkbox
-            >
+            <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
           </el-checkbox-group>
         </div>
       </div>
@@ -20,15 +15,11 @@
             <td>
               {{ item.label }}
             </td>
-            <td
-              v-for="(row, index) in tableData"
-              :key="index"
-              :class="[
-                row.qszt == '2' ? 'lishi' : '',
-                row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+            <td v-for="(row, index) in tableData" :key="index" :class="[
+              row.qszt == '2' ? 'lishi' : '',
+              row.qszt == '0' ? 'linshi' : '',
+              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
+            ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -50,7 +41,7 @@
 import { datas } from "./jsydsyq.js";
 import { getJsydsyqList } from "@/api/zhcx.js";
 export default {
-  data() {
+  data () {
     return {
       qsztList: [
         {
@@ -78,14 +69,15 @@ export default {
       title: "建设用地使用权、宅基地使用权登记信息",
     };
   },
-  created() {
+  created () {
     this.propsParam = this.$attrs;
+    console.log(this.$attrs, 'this.$attrs;');
     this.columns = datas.columns();
     this.loadData();
     // this.$alert(datas.columns());
   },
   methods: {
-    loadData() {
+    loadData () {
       //this.$alert(this.propsParam.bdcdyh);
       getJsydsyqList({
         bdcdyid: this.propsParam.bdcdyid,
@@ -98,10 +90,10 @@ export default {
         }
       });
     },
-    checkChange() {
+    checkChange () {
       this.loadData();
     },
-    getQsztName(code) {
+    getQsztName (code) {
       let name = "";
       for (let item of this.qsztList) {
         if (item.value == code) {