修改抵押权信息对应的单位问题

@@ -56,12 +56,12 @@ class data extends filter {
       },
       {
         prop: 'DYMJ',
-        label: '抵押面积',
+        label: '抵押面积(㎡)',
          width: 80        
       },
       {
         prop: "DYJE",
-        label: "抵押数额",
+        label: "抵押数额(万元)",
          width: 80        
       },
       {

@@ -9,39 +9,65 @@
           <el-col :span="4">
             <el-form-item label="行政区" class="d-flex">
               <el-select
-                v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
-                class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
-                <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                v-model="
+                  $store.state.user.userInfo.grade === 'county'
+                    ? (form.qxdm = $store.state.user.userInfo.areaCode)
+                    : form.qxdm
+                "
+                class="width100"
+                clearable
+                placeholder="行政区"
+                :disabled="$store.state.user.userInfo.grade === 'county'"
+              >
+                <el-option
+                  v-for="item in dicData['A20']"
+                  :key="item.DCODE"
+                  :label="item.DNAME"
+                  :value="item.DCODE"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="开始日期" class="d-flex">
-              <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
-                              :picker-options="pickerOptionsStart" v-model="form.startDate"
-                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+              <el-date-picker
+                class="width100"
+                :clearable="false"
+                type="date"
+                placeholder="开始日期"
+                :picker-options="pickerOptionsStart"
+                v-model="form.startDate"
+                value-format="yyyy-MM-dd HH:mm:ss"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="结束日期" class="d-flex">
-              <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
-                              :picker-options="pickerOptionsEnd" v-model="form.endDate" value-format="yyyy-MM-dd HH:mm:ss"
-                              @change="endTimeChange"></el-date-picker>
+              <el-date-picker
+                class="width100"
+                :clearable="false"
+                type="date"
+                placeholder="结束日期"
+                :picker-options="pickerOptionsEnd"
+                v-model="form.endDate"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                @change="endTimeChange"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="2" >
-            <el-form-item label="抵押总金额：" class="d-flex">
-                <el-input v-model="totalData.DYJE"  disabled></el-input>
+          <el-col :span="3">
+            <el-form-item label="抵押总金额：" style="color: white;">
+              <span>{{totalData.DYJE}}万元</span>
             </el-form-item>
           </el-col>
-          <el-col :span="2" >
-            <el-form-item label="抵押总面积：" class="d-flex">
-                <el-input v-model="totalData.DYMJ"  disabled></el-input>
+          <el-col :span="3">
+            <el-form-item label="抵押总面积："  style="color: white;">
+              <span>{{totalData.DYMJ}}㎡</span>
             </el-form-item>
           </el-col>
           <!-- 操作按钮 -->
-          <el-col :span="8" class="btnColRight">
+          <el-col :span="6" class="btnColRight">
             <btn nativeType="cz" @click="resetForm">重置</btn>
             <btn nativeType="cx" @click="featchData">查询</btn>
           </el-col>
@@ -50,9 +76,16 @@
     </div>
     <!-- 图表 -->
     <div class="from-clues-content">
-      <lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :total="tableData.total"
-                @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
-                :data="tableData.data">
+      <lb-table
+        ref="table"
+        :page-size="pageData.pageSize"
+        :current-page.sync="pageData.current"
+        :total="tableData.total"
+        @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange"
+        :column="tableData.columns"
+        :data="tableData.data"
+      >
       </lb-table>
     </div>
   </div>
@@ -69,22 +102,19 @@ import business from "@/api/business";
 export default {
   name: "jktj",
   mixins: [tableMixin],
-  data () {
+  data() {
     return {
       // 分页
       pageData: {
         total: 0,
         pageSize: 10,
-        current: 1
+        current: 1,
       },
       pickerOptionsStart: {
         disabledDate: (time) => {
           let endDateVal = this.form.endDate;
           if (endDateVal) {
-            return (
-              time.getTime() >=
-              new Date(endDateVal).getTime()
-            );
+            return time.getTime() >= new Date(endDateVal).getTime();
           }
         },
       },
@@ -92,10 +122,7 @@ export default {
         disabledDate: (time) => {
           let beginDateVal = this.form.startDate;
           if (beginDateVal) {
-            return (
-              time.getTime() <
-              new Date(beginDateVal).getTime()
-            );
+            return time.getTime() < new Date(beginDateVal).getTime();
           }
         },
       },
@@ -109,9 +136,8 @@ export default {
             type: "index",
             width: "50",
             index: this.indexMethod,
-          }
-        ]
-          .concat(data.columns()),
+          },
+        ].concat(data.columns()),
         // 表格列表数据
         total: 0,
         data: [],
@@ -121,13 +147,13 @@ export default {
         startDate: getFirstDayOfSeason(),
         endDate: timeFormat(new Date(), true),
         qxdm: "",
-        sfgd: "1"
+        sfgd: "1",
       },
       chartData: [],
-      totalData:{DYMJ:0,DYJE:0}
+      totalData: { DYMJ: 0, DYJE: 0 },
     };
   },
-  mounted () {
+  mounted() {
     // 查询业务量
     this.featchData();
   },
@@ -140,27 +166,27 @@ export default {
      * @param {*} val
      * @author:
      */
-    handleSizeChange (val) {
-      this.formData.pageSize = val
-      this.featchData()
+    handleSizeChange(val) {
+      this.formData.pageSize = val;
+      this.featchData();
     },
     /**
      * @description: 截止日期变化
      * @param {*} val
      * @author: renchao
      */
-    endTimeChange (val) {
-      this.form.endDate = timeFormat(new Date(val), true)
+    endTimeChange(val) {
+      this.form.endDate = timeFormat(new Date(val), true);
     },
     /**
      * @description: handleSearch
      * @author:
      */
-    handleSearch () {
-      this.form.currentPage = 1
-      this.tableData.data = []
+    handleSearch() {
+      this.form.currentPage = 1;
+      this.tableData.data = [];
       if (this.featchData) {
-        this.featchData()
+        this.featchData();
       }
     },
     /**
@@ -168,34 +194,38 @@ export default {
      * @param {*} val
      * @author:
      */
-    handleCurrentChange (val) {
-      this.form.currentPage = val
+    handleCurrentChange(val) {
+      this.form.currentPage = val;
       //this.featchData()
     },
     async featchData() {
-      let {result: res} = await business.diya(this.form);
-      res.list.forEach(it=> {
-        if (it.DJSJ !== undefined && typeof it.DJSJ !== ''){
-          it.DJSJ=it.DJSJ.slice(0, 19);
-          it.DJSJ=it.DJSJ.replace('T',' ');
-        }       
-        if (it.MJDW !== undefined && typeof it.MJDW === 'string'){
-          let mjdws = this.dicData['A7'].filter(item => item.DCODE === it.MJDW.trim());
+      let { result: res } = await business.diya(this.form);
+      res.list.forEach((it) => {
+        if (it.DJSJ !== undefined && typeof it.DJSJ !== "") {
+          it.DJSJ = it.DJSJ.slice(0, 19);
+          it.DJSJ = it.DJSJ.replace("T", " ");
+        }
+        if (it.MJDW !== undefined && typeof it.MJDW === "string") {
+          let mjdws = this.dicData["A7"].filter(
+            (item) => item.DCODE === it.MJDW.trim()
+          );
           it.MJDWMC = mjdws.length > 0 ? mjdws[0].DNAME : "";
         }
-        if (it.JEDW !== undefined && typeof it.JEDW === 'string'){
-          let jedws = this.dicData['A57'].filter(item => item.DCODE === it.JEDW.trim());
+        if (it.JEDW !== undefined && typeof it.JEDW === "string") {
+          let jedws = this.dicData["A57"].filter(
+            (item) => item.DCODE === it.JEDW.trim()
+          );
           it.JEDWMC = jedws.length > 0 ? jedws[0].DNAME : "";
-        }        
-      })
-      this.tableData.data = res.list
-      this.pageData.current = res.pageNum
-      this.pageData.pageSize = res.pageSize
-      this.tableData.total = res.total
+        }
+      });
+      this.tableData.data = res.list;
+      this.pageData.current = res.pageNum;
+      this.pageData.pageSize = res.pageSize;
+      this.tableData.total = res.total;
 
-      let {result: dyTotal} = await business.getDyaqTotol(this.form);     
-      this.totalData=dyTotal[0];
-    }
+      let { result: dyTotal } = await business.getDyaqTotol(this.form);
+      this.totalData = dyTotal[0];
+    },
   },
 };
 </script>