修改查封登记

@@ -5,8 +5,14 @@
 -->
 <template>
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
-      label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flagTop"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con">
         <div class="slxx_title title-block">
           受理信息
@@ -32,17 +38,37 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
-              <el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-                </el-option>
+              <el-select
+                disabled
+                v-model="ruleForm.slsq.qllx"
+                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="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
-              <el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
-                </el-option>
+              <el-select
+                disabled
+                v-model="ruleForm.slsq.djlx"
+                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>
@@ -56,6 +82,25 @@
           查封不动产情况
           <div class="triangle"></div>
         </div>
+
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
+              <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
+              <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况：">
+              <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc">
@@ -75,38 +120,34 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
-              <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
               <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
-              <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
+          <el-col :span="16">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
+              <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
-              <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
+              <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
-              <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
+              <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
-              <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input>
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
+              <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
+
         <div class="slxx_title title-block">
           查封信息
           <div class="triangle"></div>
@@ -114,12 +155,18 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
-              <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.cfdj.cfjg"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
-              <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.cfdj.cfwh"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -131,48 +178,75 @@
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx">
-              <el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.cfdj.cfqx"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
-              <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"
-                value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker>
+              <el-date-picker
+                v-model="ruleForm.cfdj.cfqssj"
+                class="width100"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
-              <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100"
-                :disabled="$route.query.viewtype || ableEdit || isJfOperation" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
-              </el-date-picker>
+              <el-date-picker
+                v-model="ruleForm.cfdj.cfjssj"
+                class="width100"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
-              <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.cfdj.cfwj"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="16">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
-              <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                v-model="ruleForm.cfdj.cffw"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="24">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
-              <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit || isJfOperation">
-              </el-input>
+              <el-input
+                v-model="ruleForm.cfdj.fj"
+                type="textarea"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col>
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
-              <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy"
-                :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
+              <el-input
+                class="textArea"
+                type="textarea"
+                v-model="ruleForm.cfdj.djyy"
+                :disabled="$route.query.viewtype || ableEdit || isJfOperation"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -184,17 +258,26 @@
           <el-row :gutter="10">
             <el-col :span="8">
               <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg">
-                <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
+                <el-input
+                  v-model="ruleForm.cfdj.jfjg"
+                  :disabled="$route.query.viewtype || ableEdit"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj">
-                <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
+                <el-input
+                  v-model="ruleForm.cfdj.jfwj"
+                  :disabled="$route.query.viewtype || ableEdit"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh">
-                <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
+                <el-input
+                  v-model="ruleForm.cfdj.jfwh"
+                  :disabled="$route.query.viewtype || ableEdit"
+                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -209,11 +292,11 @@
   </div>
 </template>
 <script>
-  import sqrViewTable from "@/views/workflow/components/sqrViewTable";
-  import { Init, saveData } from "@/api/workflow/cfdjFlow.js";
-  import { mapGetters } from "vuex";
-  export default {
-    data () {
+import sqrViewTable from "@/views/workflow/components/sqrViewTable";
+import { Init, saveData } from "@/api/workflow/cfdjFlow.js";
+import { mapGetters } from "vuex";
+export default {
+  data() {
     return {
       disabled: true,
       flagTop: this.flag ? "top" : "",
@@ -228,10 +311,10 @@
       isJfOperation: false,
     };
   },
-    async created () {
+  async created() {
     this.propsParam = this.$attrs;
     this.ableEdit = this.$parent.showBatch;
-      if (this.propsParam.djlx == '400') {
+    if (this.propsParam.djlx == "400") {
       this.isJfOperation = true;
     }
     var formdata = new FormData();
@@ -239,13 +322,11 @@
     formdata.append("djlx", this.propsParam.djlx);
     Init(formdata).then((res) => {
       if (res.code === 200 && res.result) {
-          this.ruleForm = res.result
+        this.ruleForm = res.result;
       }
     });
   },
-    watch: {
-
-    },
+  watch: {},
   components: { sqrViewTable },
   props: {
     flag: {
@@ -262,24 +343,24 @@
   },
 
   methods: {
-      onSubmit () {
+    onSubmit() {
       saveData(this.ruleForm).then((res) => {
         if (res.code === 200) {
-            this.$message.success('保存成功');
+          this.$message.success("保存成功");
         }
       });
     },
-      changeCflx (e) {
-        let cflxItem = {}
-        cflxItem = this.dictData['A32'].find((item) => {
-          return item.dcode == e
-        })
+    changeCflx(e) {
+      let cflxItem = {};
+      cflxItem = this.dictData["A32"].find((item) => {
+        return item.dcode == e;
+      });
       this.ruleForm.cfdj.cflxmc = cflxItem.dname;
-      }
     },
-  };
+  },
+};
 </script>
 <style scoped lang='scss'>
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>
\ No newline at end of file