style:受理申请

@@ -12,5 +12,8 @@ const getters = {
   addDict: state => state.dict.addDict,
   dictData: state => state.dict.dictData,
   djbxx: state => state.djbxx.djbxx,
+  // 受理信息
+  oldDetail: state => state.slxx.oldDetail,
+  newDetail: state => state.slxx.newDetail
 }
 export default getters

+const state = {
+  oldDetail: {},
+  newDetail: {}
+}
+
+const mutations = {
+  SET_OLDDETAIL: (state, data) => {
+    state.oldDetail = data
+  },
+  SET_NEWDETAIL: (state, data) => {
+    state.newDetail = data
+  }
+}
+
+const actions = {
+  setQlrxxOld ({ commit }, data) {
+    commit('SET_OLDDETAIL', data)
+  },
+  setQlrxxNew ({ commit }, data) {
+    commit('SET_NEWDETAIL', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

-const state = {
-  bsmSqyw: '',
-  djqxObj: {
-    djqxbm: "",
-    djqxmc: ""
-  },
-  djywbm: ''
-}
-const mutations = {
-  SET_BSMSQYW: (state, data) => {
-    state.bsmSqyw = data
-  },
-  SET_DJQXOBJ: (state, data) => {
-    state.djqxObj = data
-  },
-  SET_DJYWBM: (state, data) => {
-    state.djywbm = data
-  },
-}
-
-const actions = {
-  setBsmSqyw ({ commit }, data) {
-    commit('SET_BSMSQYW', data)
-  },
-  setDjqxObj ({ commit }, data) {
-    commit('SET_DJQXOBJ', data)
-  },
-  setDjywbm ({ commit }, data) {
-    commit('SET_DJYWBM', data)
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions
-}

 <template>
   <div>
-    <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableDataList">
+    <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
     </lb-table>
     <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
   </div>
@@ -29,6 +29,7 @@ export default {
   },
   data () {
     return {
+      key: 0,
       dataIndex: 0,
       dialog: false,
       details: {},
@@ -103,7 +104,12 @@ export default {
       handler: function (val, oldVal) {
         let that = this
         if (val.length == 0 || !val) {
-          that.tableDataList = [{}]
+          that.tableDataList = _.cloneDeep([{
+            sqrmc: '',
+            dlrzjlx: '',
+            dlrzjh: '',
+            fr: ''
+          }])
         } else {
           that.tableDataList = _.cloneDeep(val)
         }
@@ -111,13 +117,6 @@ export default {
       immediate: true,
       deep: true
     },
-    '$route.query.bsmSlsq': {
-      handler (newValue, oldValue) {
-        // 获取列表数据
-        // this.details = 
-      },
-      deep: true
-    },
     gyfs: {
       handler (newVal, oldValue) {
         let dataList = _.cloneDeep(this.InformationTable)
@@ -140,6 +139,7 @@ export default {
   methods: {
     updateDetail (value) {
       this.tableDataList[this.dataIndex] = value
+      this.key++
       this.$emit('upDateQlrxxList', this.tableDataList)
     },
     // 添加
@@ -154,6 +154,7 @@ export default {
     readClick () { },
     // 修改
     handleEdit (index, row) {
+      console.log(row, 'rowrowrowrowrow');
       this.dataIndex = index
       this.dialog = true
       this.details = row

@@ -12,8 +12,8 @@
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="姓名/名称" prop="xm">
-            <el-input v-model="ruleForm.xm" maxlegth="15"></el-input>
+          <el-form-item label="姓名/名称" prop="sqrmc">
+            <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -32,8 +32,8 @@
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone">
-            <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input>
+          <el-form-item label="联系电话" prop="dh" :rules="$rules.common.phone">
+            <el-input v-model="ruleForm.dh" maxlength="11"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -142,6 +142,7 @@ import { mapGetters } from 'vuex'
 export default {
   props: {
     value: { type: Boolean, default: false },
+    details: { type: Object, default: {} }
   },
   computed: {
     ...mapGetters(["dictData"]),
@@ -151,10 +152,10 @@ export default {
       myValue: this.value,
       ruleForm: {
         qlrlx: '',
-        xm: '',
+        sqrmc: '',
         zjzl: '',
         zjh: '',
-        lxdh: '',
+        dh: '',
         xb: '',
         frmc: '',
         gjdq: '',
@@ -174,11 +175,11 @@ export default {
         qlrlx: [
           { required: true, message: '权利人类型', trigger: 'change' }
         ],
-        xm: [
+        sqrmc: [
           { required: true, message: '姓名/名称', trigger: 'blur' }
         ],
         zjzl: [
-          { required: true, message: '证件种类', trigger: 'chagyfsnge' }
+          { required: true, message: '证件种类', trigger: 'change' }
         ],
         zjh: [
           { required: true, message: '证件号', trigger: 'blur' }
@@ -188,8 +189,14 @@ export default {
   },
   watch: {
     value (val) {
-      this.myValue = val;
+      this.myValue = _.cloneDeep(val)
     },
+    details: {
+      handler: function (val, oldVal) {
+        this.ruleForm = val
+      },
+      deep: true
+    }
   },
   methods: {
     closeDialog () {
@@ -198,7 +205,18 @@ export default {
     },
     submitForm () {
       this.$emit("input", false);
-      this.$emit("updateDetail", this.ruleForm);
+      this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+      // this.$refs['ruleForm'].validate((valid) => {
+      //   if (valid) {
+      //     this.$message({
+      //       message: '修改成功!',
+      //       type: 'success'
+      //     })
+
+      //   } else {
+      //     this.$message.error('请完善必填项');
+      //   }
+      // })
     }
   }
 }

@@ -54,7 +54,7 @@
         </div>
         <!-- 表单内容区域 -->
         <div class="rightContainer">
-          <el-tabs v-model="tabName" @tab-click="tabClick">
+          <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>
           </el-tabs>
@@ -63,10 +63,6 @@
       </div>
     </div>
     <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
-    <!-- <dialogBox title="流程图" width="60%" v-model="myValue" @closeDialog="closeDialog">
-      <process-viewer :key="`designer-${loadIndex}`" style="height:500px" :xml="xmlData" :finished-info="finishedInfo"
-        :all-comment-list="historyTaskList" @ch="changeLoadIndex" />
-    </dialogBox> -->
   </div>
 </template>
 
@@ -82,6 +78,7 @@ import {
   getNextLinkInfo,
   completeTask,
 } from "@/api/fqsq.js";
+import { mapGetters } from "vuex"
 import { deleteBdcdy } from "@/api/ywbl.js";
 import ProcessViewer from './components/processViewer.vue'
 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
@@ -135,6 +132,9 @@ export default {
     this.loadBdcdylist();
     this.flowInitParam();
   },
+  computed: {
+    ...mapGetters(["oldDetail", "newDetail"])
+  },
   methods: {
     changeLoadIndex () {
       this.loadIndex++
@@ -386,8 +386,14 @@ export default {
       }
     },
     //表单选项卡事件
-    tabClick (tab, event) {
-      this.getFromRouter(tab.name);
+    beforeLeave (activeName, oldActiveName) {
+      console.log(this.oldDetail, this.newDetail);
+      if (!_.isEqual(this.oldDetail, this.newDetail)) {
+        this.$message.error('界面内容有所变化,请先保存')
+        return false
+      } else {
+        if (activeName && activeName != 0) this.getFromRouter(activeName)
+      }
     },
     //切换选项卡内容组件
     getFromRouter (tabname) {

@@ -8,74 +8,74 @@
           受理信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.slywxx">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
               <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
               <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
               <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.slywxx">
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllxmc">
-                <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>            
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
+              <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlxmc">
-                 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>      
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
+              <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
               <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-       <div class="slxx_title title-block">
+        <div class="slxx_title title-block">
           不动产单元情况
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">         
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
               <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
             </el-form-item>
-           </el-col>    
+          </el-col>
           <el-col :span="16">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
               <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
             </el-form-item>
-          </el-col>        
+          </el-col>
         </el-row>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="yt">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
               <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：" prop="tdsyqzsj">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
               <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：" prop="tdsyqx">
-                <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
+              <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
               <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
@@ -92,7 +92,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.fdcq2">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
               <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
@@ -109,7 +109,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
               <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
@@ -126,12 +126,12 @@
             </el-form-item>
           </el-col>
         </el-row>
-         <div class="slxx_title title-block">
+        <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
-          <el-col :span="14">
+          <el-col :span="14" v-if="ruleForm.qlxx">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
               <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.gyfs">
                 <el-radio label="1">单独所有</el-radio>
@@ -140,7 +140,7 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'">
+          <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
               <el-radio-group v-model="ruleForm.sffbcz">
                 <el-radio label="1">是</el-radio>
@@ -148,7 +148,7 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'">
+          <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
               <el-select v-model="ruleForm.czr" placeholder="持证人">
                 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
@@ -157,19 +157,21 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <InformationTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.qlxx.gyfs" />
+        <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
+          :gyfs="ruleForm.qlxx.gyfs" />
         <div class="slxx_title title-block">
           登记原因
           <div class="triangle"></div>
         </div>
         <el-row :gutter="10">
           <el-col>
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.fdcq2.djyy">
+            <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
+              <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
+                v-model="ruleForm.fdcq2.djyy">
               </el-input>
             </el-form-item>
           </el-col>
-        </el-row> 
+        </el-row>
       </div>
       <el-row class="btn" v-if="!$route.query.viewtype">
         <el-form-item :class="flag ? 'marginBot0' : ''">
@@ -184,63 +186,62 @@ import InformationTable from "@/views/workflow/components/InformationTable";
 import { Init, saveData } from "@/api/fwsyqFlow.js";
 import { mapGetters } from "vuex";
 export default {
-  async created() {
+  async created () {
     //this.propsParam = this.$attrs;
     var formdata = new FormData();
     formdata.append("bsmSldy", this.propsParam.bsmSldy);
     formdata.append("djlx", this.propsParam.djlx);
-    Init(formdata).then((res) => {
+    Init(formdata).then(res => {
       if (res.code === 200 && res.result) {
         // this.ruleForm = {
         //   ...res.result.slywxx,
         //   ...res.result.zdjbxx,
         //   ...res.result.qlxx,
         //   ...res.result.fdcq2,
-        // };        
+        // };
         this.ruleForm = res.result;
       }
-    });
+    })
   },
   components: { InformationTable },
   computed: {
     ...mapGetters(["dictData", "flag"]),
   },
-  data() {
+  data () {
     return {
       disabled: true,
       tdytOption: [],
       czrOptions: [],
       ruleForm: {
-       
-        slry: "",
-        slsj: "",
-        qllx: "",
-        djlx: "",
-        djqx: "",
-        // 宗地代码
-        zddm: "",
-        bdcdyh: "",
-        qlxzmc: "",
-        qlrxx: [],
-        // 自然幢号
-        zrzh: "",
-        // 户不动产单元号
-        hbdcdyh: "",
-        djzt: "",
-        // 图幅丘幢号
-        tfqzh: "",
-        zl: "",
-        // 房屋用途
-        fwyt: "",
-        fwxz: "",
-        fwjg: "",
-        // 权利人信息
-        gyfs: "1",
-        // 是否分别持证
-        sffbcz: "",
-        // 持证人
-        czr: "",
-        djyy: "",
+        // slry: "",
+        // slsj: "",
+        // qllx: "",
+        // djlx: "",
+        // djqx: "",
+        // // 宗地代码
+        // zddm: "",
+        // bdcdyh: "",
+        // qlxzmc: "",
+        // qlrxx: [],
+        // // 自然幢号
+        // zrzh: "",
+        // // 户不动产单元号
+        // hbdcdyh: "",
+        // djzt: "",
+        // // 图幅丘幢号
+        // tfqzh: "",
+        // zl: "",
+        // // 房屋用途
+        // fwyt: "",
+        // fwxz: "",
+        // fwjg: "",
+        // // 权利人信息
+        // gyfs: "1",
+        // // 是否分别持证
+        // sffbcz: "",
+        // // 持证人
+        // czr: "",
+        // djyy: "",
       },
       //传递参数
       propsParam: this.$attrs,
@@ -248,7 +249,11 @@ export default {
     };
   },
   methods: {
-    list(bsmSldy) {
+    // 更新权利人信息
+    upDateQlrxxList (val) {
+      this.ruleForm.qlrxx = val
+    },
+    list (bsmSldy) {
       var formdata = new FormData();
       formdata.append("bsmSldy", bsmSldy);
       Init(formdata).then((res) => {
@@ -262,7 +267,7 @@ export default {
         }
       });
     },
-    onSubmit() {
+    onSubmit () {
       saveData(this.ruleForm).then((res) => {
         console.log(this.ruleForm);
         //this.$alert(this.ruleForm);

@@ -184,13 +184,18 @@ export default {
     formdata.append("bsmSldy", this.propsParam.bsmSldy);
     Init(formdata).then((res) => {
       if (res.code === 200 && res.result) {
-        this.ruleForm = {}
         this.ruleForm = {
           ...res.result,
           ...res.result.zdjbxxdatas,
           ...res.result.qlxxdatas,
           ...res.result.jsydsyqdatas
         }
+        this.$store.dispatch('slxx/setQlrxxOld', {
+          qlrxx: this.ruleForm.qlrxx,
+          fj: this.ruleForm.fj,
+          gyfs: this.ruleForm.gyfs,
+          djyy: this.ruleForm.djyy
+        })
       }
     })
   },
@@ -198,34 +203,24 @@ export default {
   computed: {
     ...mapGetters(["dictData", "flag"])
   },
+  watch: {
+    ruleForm: {
+      handler: function (newValue) {
+        this.$store.dispatch('slxx/setQlrxxNew', {
+          qlrxx: this.ruleForm.qlrxx,
+          fj: this.ruleForm.fj,
+          gyfs: this.ruleForm.gyfs,
+          djyy: this.ruleForm.djyy
+        })
+      },
+      deep: true
+    }
+  },
   data () {
     return {
       disabled: true,
       czrOptions: [],
-      ruleForm: {
-        // ywh: "",
-        // slry: "",
-        // slsj: "",
-        // qllx: "",
-        // djlx: "",
-        // djqx: "",
-        // zddm: "",
-        // bdcdyh: "",
-        // qlxzmc: "",
-        // zdmj: "",
-        // zl: "",
-        // tdyt: "",
-        // qlsdfs: "",
-        // qdjg: "",
-        // tdsyqx: "",
-        // syqqzsj: "",
-        // fj: "",
-        // qlrxx: [],
-        // djyy: "",
-        // gyfs: "1",
-        // sffbcz: "",
-        // czr: "",
-      },
+      ruleForm: {},
       //传递参数
       propsParam: {},
       rules: {}
@@ -234,7 +229,13 @@ export default {
   methods: {
     // 更新权利人信息
     upDateQlrxxList (val) {
-      this.ruleForm.qlrxx = val
+      this.ruleForm.qlrxx = _.cloneDeep(val)
+      // this.$store.dispatch('slxx/setQlrxxNew', {
+      //   qlrxx: this.ruleForm.qlrxx,
+      //   fj: this.ruleForm.fj,
+      //   gyfs: this.ruleForm.gyfs,
+      //   djyy: this.ruleForm.djyy
+      // })
     },
     list (bsmSldy) {
       var formdata = new FormData();