style:业务申请

@@ -16,8 +16,7 @@
       :inline="flag"
       :show-message="false"
       inline-message
-      label-width="145px"
-    >
+      label-width="145px">
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -52,18 +51,15 @@
                 :table-width="550"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                 <el-table-column prop="mjmc" label="面积"></el-table-column>
                 <el-table-column prop="ytmc" label="用途"></el-table-column>
@@ -102,8 +98,7 @@
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -137,8 +132,7 @@
                 placeholder=""
                 :normalizer="normalizer"
                 :show-count="true"
-                :options="dictData['A9']"
-              />
+                :options="dictData['A9']" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -146,15 +140,13 @@
               <div style="display: flex">
                 <el-input
                   v-model="ruleForm.fdcq2.qjjg"
-                  style="width: 500%"
-                ></el-input>
+                  style="width: 500%"></el-input>
                 <el-select v-model="ruleForm.fdcq2.jedw">
                   <el-option
                     v-for="item in dictData['A57']"
                     :key="item.dcode"
                     :label="item.dname"
-                    :value="item.dcode"
-                  >
+                    :value="item.dcode">
                   </el-option>
                 </el-select>
               </div>
@@ -167,8 +159,7 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -180,8 +171,7 @@
                   v-for="item in dictData['A17']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -203,8 +193,7 @@
                   v-for="item in dictData['A19']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -213,15 +202,13 @@
             <el-form-item
               label="房屋结构："
               prop="fdcq2.fwjg"
-              :rules="rules.fwjgrules"
-            >
+              :rules="rules.fwjgrules">
               <el-select v-model="ruleForm.fdcq2.fwjg">
                 <el-option
                   v-for="item in dictData['A46']"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                >
+                  :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -261,8 +248,7 @@
             <el-form-item
               label="不动产权证号："
               prop="qlxx.bdcqzh"
-              :rules="rules.bdcqzhrules"
-            >
+              :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -279,8 +265,7 @@
             <el-form-item
               label="登记机构："
               prop="qlxx.djjg"
-              :rules="rules.djjgrules"
-            >
+              :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
@@ -288,8 +273,7 @@
             <el-form-item
               label="登簿人："
               prop="qlxx.dbr"
-              :rules="rules.dbrrules"
-            >
+              :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
@@ -297,15 +281,13 @@
             <el-form-item
               label="登记时间："
               prop="qlxx.djsj"
-              :rules="rules.djsjrules"
-            >
+              :rules="rules.djsjrules">
               <el-date-picker
                 v-model="ruleForm.qlxx.djsj"
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd"
-              >
+                format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -331,8 +313,7 @@
         <tdytTable
           :tableData="ruleForm.tdytqxList"
           @upDateTdytxxList="upDateTdytxxList"
-          :ableOperation="ableOperation"
-        />
+          :ableOperation="ableOperation" />
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -342,8 +323,7 @@
             <el-form-item label="共有方式：">
               <el-radio-group
                 :disabled="!ableOperation"
-                v-model="ruleForm.qlxx.gyfs"
-              >
+                v-model="ruleForm.qlxx.gyfs">
                 <el-radio label="0">单独所有</el-radio>
                 <el-radio label="1">共同共有</el-radio>
                 <el-radio label="2">按份所有</el-radio>
@@ -357,8 +337,7 @@
           @upDateQlrxxList="upDateQlrxxList"
           :ableOperation="ableOperation"
           :key="key"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
+          :gyfs="ruleForm.qlxx.gyfs" />
       </div>
       <el-row class="btn" v-if="ableOperation">
         <el-form-item>
@@ -369,21 +348,21 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import { init,getSsQlxx, save } from "@/api/djbRepair.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import selectTable from "@/components/selectTable/index.vue";
-import tdytTable from "@/views/workflow/components/tdytTable";
-// import the component
-// import Treeselect from '@riophae/vue-treeselect'
-//   // import the styles
-// import '@riophae/vue-treeselect/dist/vue-treeselect.css'
-export default {
-  components: { qlrCommonTable, tdytTable,selectTable},
+  import { mapGetters } from "vuex";
+  import { init, getSsQlxx, save } from "@/api/djbRepair.js";
+  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+  import selectTable from "@/components/selectTable/index.vue";
+  import tdytTable from "@/views/workflow/components/tdytTable";
+  // import the component
+  // import Treeselect from '@riophae/vue-treeselect'
+  //   // import the styles
+  // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+  export default {
+    components: { qlrCommonTable, tdytTable, selectTable },
     computed: {
       ...mapGetters(["dictData", "flag"]),
       // 根据流程判断表单是否为只读
-    editDisabled() {
+      editDisabled () {
         if (!this.ableOperation) {
           //只读状态
           return true;
@@ -391,15 +370,15 @@ export default {
         return false;
       },
     },
-  data() {
+    data () {
       return {
-      ssqlxxshow:true,
+        ssqlxxshow: true,
         props: {
           label: "bdcqzh",
           value: "bdcdyid",
         },
         // 键名转换，方法默认是label和children进行树状渲染
-      normalizer(node) {
+        normalizer (node) {
           //方法
           if (node.children == null || node.children == "null") {
             delete node.children;
@@ -473,18 +452,18 @@ export default {
         },
       };
     },
-  created() {},
-  mounted() {
+    created () { },
+    mounted () {
       this.loadData();
       this.ableOperation = this.$parent.ableOperation;
     },
     methods: {
-       ssQlxxchange(val) {
+      ssQlxxchange (val) {
         this.ruleForm.ssQlxx = val;
         this.ruleForm.qlxx.ssywh = val.ssywh;
       },
-    djlxchange(val) {
-      console.log("val",val);
+      djlxchange (val) {
+        console.log("val", val);
         if (val == null || val == 100) {
           this.ssqlxxshow = false;
         } else {
@@ -492,7 +471,7 @@ export default {
         }
       },
 
-    loadData() {
+      loadData () {
         this.$startLoading();
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
@@ -523,22 +502,22 @@ export default {
         });
       },
       // 更新土地用途信息
-    upDateTdytxxList(val) {
+      upDateTdytxxList (val) {
         this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
         this.key++;
       },
       // 更新权利人信息
-    upDateQlrxxList(val) {
+      upDateQlrxxList (val) {
         this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
         this.czrOptions = this.ruleForm.qlrData;
         this.key++;
       },
       // 更新义务人信息
-    upDateYwrxxList(val) {
+      upDateYwrxxList (val) {
         this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
         this.key++;
       },
-    onSubmit() {
+      onSubmit () {
         this.$refs.ruleForm.validate((valid) => {
           if (valid) {
             if (this.ruleForm.qlrData.length == 0) {
@@ -621,9 +600,9 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-07-19 14:43:59
+ * @LastEditTime: 2023-07-20 09:30:06
 -->
 <template>
   <div class="slxx">
@@ -201,7 +201,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-07-14 11:18:17
+ * @LastEditTime: 2023-07-20 09:30:11
 -->
 <template>
   <div class="slxx">
@@ -194,7 +194,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-05-25 08:41:40
+ * @LastEditTime: 2023-07-20 09:30:21
 -->
 <template>
   <div class="slxx">
@@ -111,7 +111,6 @@
             </el-form-item>
           </el-col>
 
-
           <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
             <el-form-item label="是否分别持证：">
               <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
@@ -145,7 +144,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
@@ -154,11 +153,11 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  created(callbackfn, thisArg) {
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    created (callbackfn, thisArg) {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -184,19 +183,19 @@ export default {
         tdytOption: [],
         czrOptions: [],
         ruleForm: {
-        cfdjList:[]//查封登记
-        ,diyaqList:[]//抵押权
-        ,fdcq2List:[]//房屋信息集合
-        ,qlrList:[]//权利人
-        ,ywrList:[]//义务人
-        ,qlxxList:[]//权利信息集合
-        ,sldyList:[]//受理不动产单元集合
-        ,slsq: {}//受理申请流程明细
-        ,flow: {}//受理申请流程明细
-        ,sqrList:[]//申请人
-        ,ssQlxxList:[]//上手权利信息
-        ,user:{}//用户
-        ,zdjbxx: {}//宗地基本信息
+          cfdjList: []//查封登记
+          , diyaqList: []//抵押权
+          , fdcq2List: []//房屋信息集合
+          , qlrList: []//权利人
+          , ywrList: []//义务人
+          , qlxxList: []//权利信息集合
+          , sldyList: []//受理不动产单元集合
+          , slsq: {}//受理申请流程明细
+          , flow: {}//受理申请流程明细
+          , sqrList: []//申请人
+          , ssQlxxList: []//上手权利信息
+          , user: {}//用户
+          , zdjbxx: {}//宗地基本信息
         },
         //传递参数
         propsParam: this.$attrs,
@@ -204,17 +203,17 @@ export default {
         ableOperation: true,
         rules: {},
         bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
-      splicingFdcq2:{//前端根据后台数组组装展示内容
-        fwxz:{}//房屋性质
-        ,fwjg:{}//房屋结构
-        ,jzmj:{} //建筑面积
-        ,zts:{}//房屋总套数
+        splicingFdcq2: {//前端根据后台数组组装展示内容
+          fwxz: {}//房屋性质
+          , fwjg: {}//房屋结构
+          , jzmj: {} //建筑面积
+          , zts: {}//房屋总套数
         }
       }
     },
     methods: {
       //组装房地产权通用信息
-    splicingFdcq2Info(){
+      splicingFdcq2Info () {
         let fdcq2List = this.ruleForm.fdcq2List;
         let fwxzArr = [];
         let fwjgArr = [];
@@ -231,7 +230,7 @@ export default {
         let fwjg = Array.from(new Set(fwjgArr)).join(",");
         this.splicingFdcq2.fwxz = fwxz;
         this.splicingFdcq2.fwjg = fwjg;
-      this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj;
+        this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
         this.splicingFdcq2.zts = fdcq2List.length;
 
       },
@@ -266,55 +265,55 @@ export default {
         })
       }
     }
-}
+  }
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
+  /deep/.el-form {
     display: flex;
     flex-direction: column;
     height: calc(100vh - 130px);
-}
+  }
 
-/deep/.el-form-item__label {
+  /deep/.el-form-item__label {
     padding: 0;
-}
+  }
 
-/deep/.el-radio {
+  /deep/.el-radio {
     margin-right: 10px;
-}
+  }
 
-/deep/.el-select {
+  /deep/.el-select {
     width: 100%;
-}
+  }
 
-/deep/.el-form-item {
+  /deep/.el-form-item {
     margin-bottom: 8px;
-}
+  }
 
-.marginBot0 {
+  .marginBot0 {
     margin-bottom: 0 !important;
-}
+  }
 
-.slxx {
+  .slxx {
     box-sizing: border-box;
-}
+  }
 
-.slxx_con {
+  .slxx_con {
     flex: 1;
     height: 100%;
     background-color: #ffffff;
     overflow-y: auto;
     padding-right: 3px;
     overflow-x: hidden;
-}
+  }
 
-.submit_btn {
+  .submit_btn {
     height: 50px;
-}
+  }
 
-.slxx_title {
+  .slxx_title {
     border-bottom: 1px solid $borderColor;
     padding-left: 10px;
     padding-bottom: 5px;
@@ -323,23 +322,23 @@ export default {
     font-size: 16px;
     font-weight: 500;
     color: #4a4a4a;
-}
+  }
 
-.btn {
+  .btn {
     text-align: center;
     padding-top: 10px;
     height: 36px;
     background-color: #ffffff;
     padding: 5px 0;
-}
+  }
 
-.textArea {
+  .textArea {
     /deep/.el-textarea__inner {
       min-height: 90px !important;
     }
-}
+  }
 
-/deep/.el-form-item__label {
+  /deep/.el-form-item__label {
     padding-bottom: 0px;
-}
+  }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-07-11 10:08:11
+ * @LastEditTime: 2023-07-20 09:32:18
 -->
 <template>
   <!-- 受理信息 -->
@@ -177,7 +177,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -189,7 +189,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
@@ -225,7 +225,7 @@
     computed: {
       ...mapGetters(["dictData", "flag"]),
       // 根据流程判断表单是否为只读
-      editDisabled() {
+      editDisabled () {
         if (!this.ableOperation) {
           //只读状态
           return true;

@@ -183,7 +183,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -226,7 +226,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -142,7 +142,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -145,7 +145,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -192,7 +192,7 @@
           </el-col>
         </el-row>
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -174,7 +174,7 @@
           抵押人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/>
+        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" />
 
         <div class="slxx_title title-block">
           登记原因
@@ -194,9 +194,8 @@
             </el-form-item>
           </el-col>
         </el-row>
-
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmitClick()">保存</el-button>
         </el-form-item>

@@ -218,7 +218,7 @@
           抵押人信息
           <div class="triangle"></div>
         </div>
-        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/>
+        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" />
 
         <div class="slxx_title title-block">
           登记原因
@@ -238,9 +238,8 @@
             </el-form-item>
           </el-col>
         </el-row>
-
       </div>
-      <el-row class="btn" v-if="!ableOperation">
+      <el-row class="btn" v-if="ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmitClick()">保存</el-button>
         </el-form-item>