a

src/views/mis/codingManagement/payMode-form.vue

@@ -15,7 +15,7 @@
           inactive-color="lightgray">
         </el-switch>
       </el-descriptions-item>
-      <el-descriptions-item label="档案是否启用" span="2" v-if="false">
+      <el-descriptions-item label="档案是否启用" span="2">
         <el-switch v-model="detailData.yhIsdisabled" active-text="是" inactive-text="否" active-value="1" inactive-value="0"
           inactive-color="lightgray">
         </el-switch>

src/views/mis/codingManagement/payMode-index.vue

@@ -93,14 +93,14 @@ export default {
             return cellValue == 1 ? "是" : "否";
           },
         },
-        {
-          label: "余额滚动标志",
-          prop: "yegdbz",
-          align: "center",
-          formatter: function (row, column, cellValue, index) {
-            return cellValue == 1 ? "参与滚动" : "不参与滚动";
-          },
-        },
+        // {
+        //   label: "余额滚动标志",
+        //   prop: "yegdbz",
+        //   align: "center",
+        //   formatter: function (row, column, cellValue, index) {
+        //     return cellValue == 1 ? "参与滚动" : "不参与滚动";
+        //   },
+        // },
         {
           label: "操作人员",
           prop: "oname",

src/views/mis/customerManagement/customer-form.vue

@@ -1,215 +1,110 @@
 <template>
-  <el-form
-    :model="detailData"
-    :disabled="editState"
-    :rules="rules"
-    :inline-message="true"
-    :status-icon="true"
-    ref="form"
-    class="MIS_FORM"
-  >
+  <el-form :model="detailData" :disabled="editState" :rules="rules" :inline-message="true" :status-icon="true" ref="form"
+    class="MIS_FORM">
     <el-collapse v-model="activeNames">
       <el-collapse-item name="1">
         <template slot="title">
-          <i class="el-icon-postcard title"></i
-          ><span class="title">用户信息</span>
+          <i class="el-icon-postcard title"></i><span class="title">用户信息</span>
         </template>
-        <el-descriptions
-          :column="3"
-          border
-          size="mini"
-          labelClassName="descLabel"
-          contentClassName="descContent"
-        >
+        <el-descriptions :column="3" border size="mini" labelClassName="descLabel" contentClassName="descContent">
           <el-descriptions-item label="所属公司" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.ssgs">
-              <cpsCompany
-                v-model="detailData.yhKhjbxx.ssgs"
-                placeholder="请选择"
-                style="width: 100%"
-                @change="changeGs"
-              >
+              <cpsCompany v-model="detailData.yhKhjbxx.ssgs" placeholder="请选择" style="width: 100%" @change="changeGs">
               </cpsCompany>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="所属片区" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.sscbpq">
-              <cpsSelect
-                v-model="detailData.yhKhjbxx.sscbpq"
-                placeholder="请选择"
-                skey="cbpq"
-                :params="{ ssgs: detailData.yhKhjbxx.ssgs }"
-                isDisabled="all"
-                :refresh="cbpqRefresh"
-                @change="changeCbpq"
-              >
+              <cpsSelect v-model="detailData.yhKhjbxx.sscbpq" placeholder="请选择" skey="cbpq"
+                :params="{ ssgs: detailData.yhKhjbxx.ssgs }" isDisabled="all" :refresh="cbpqRefresh" @change="changeCbpq">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="抄 表 册" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.sscbb">
-              <cpsSelect
-                v-model="detailData.yhKhjbxx.sscbb"
-                placeholder="请选择"
-                skey="cbb"
-                :params="{
-                  ssgs: detailData.yhKhjbxx.ssgs,
-                  sscbpq: detailData.yhKhjbxx.sscbpq,
-                }"
-                isDisabled="all"
-                :refresh="cbbRefresh"
-                :labelGroup="true"
-                :filterable="true"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhKhjbxx.sscbb" placeholder="请选择" skey="cbb" :params="{
+                ssgs: detailData.yhKhjbxx.ssgs,
+                sscbpq: detailData.yhKhjbxx.sscbpq,
+              }" isDisabled="all" :refresh="cbbRefresh" :labelGroup="true" :filterable="true"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="用户编号">
-            <el-input
-              v-model="detailData.yhKhjbxx.yhbh"
-              placeholder="自动生成"
-              disabled
-              class="mis-highlightFont"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.yhbh" placeholder="自动生成" disabled class="mis-highlightFont"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="用户姓名" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.yhxm">
-              <el-input
-                v-model="detailData.yhKhjbxx.yhxm"
-                placeholder="请输入"
-              ></el-input>
+              <el-input v-model="detailData.yhKhjbxx.yhxm" placeholder="请输入"></el-input>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="联系电话" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.lxdh">
-              <el-input
-                v-model="detailData.yhKhjbxx.lxdh"
-                placeholder="请输入"
-              ></el-input>
+              <el-input v-model="detailData.yhKhjbxx.lxdh" placeholder="请输入"></el-input>
             </el-form-item>
           </el-descriptions-item>
 
-          <el-descriptions-item
-            label="用户地址"
-            labelClassName="redStar"
-            :span="2"
-          >
+          <el-descriptions-item label="用户地址" labelClassName="redStar" :span="2">
             <el-form-item prop="yhKhjbxx.yhdz">
-              <el-input
-                v-model.trim="detailData.yhKhjbxx.yhdz"
-                placeholder="请输入"
-              ></el-input>
+              <el-input v-model.trim="detailData.yhKhjbxx.yhdz" placeholder="请输入"></el-input>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="用户状态" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.yhzt">
-              <cpsSelect
-                v-model="detailData.yhKhjbxx.yhzt"
-                placeholder="请选择"
-                skey="yhzt"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhKhjbxx.yhzt" placeholder="请选择" skey="yhzt"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="用户数量" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.rks">
-              <el-input-number
-                v-model.number="detailData.yhKhjbxx.rks"
-                placeholder="请输入"
-                controls-position="right"
-                :min="0"
-                :max="15"
-                style="width: 100%"
-              ></el-input-number>
+              <el-input-number v-model.number="detailData.yhKhjbxx.rks" placeholder="请输入" controls-position="right"
+                :min="0" :max="15" style="width: 100%"></el-input-number>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="年度累计" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.jtzqljl">
-              <el-input-number
-                v-model="detailData.yhKhjbxx.jtzqljl"
-                placeholder="请输入"
-                controls-position="right"
-                :min="0"
-                style="width: 100%"
-              ></el-input-number>
+              <el-input-number v-model="detailData.yhKhjbxx.jtzqljl" placeholder="请输入" controls-position="right" :min="0"
+                style="width: 100%"></el-input-number>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="申请日期" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.sqrq">
-              <el-date-picker
-                v-model="detailData.yhKhjbxx.sqrq"
-                type="date"
-                placeholder="选择日期"
-                style="width: 100%"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker v-model="detailData.yhKhjbxx.sqrq" type="date" placeholder="选择日期" style="width: 100%"
+                value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="付费方式" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.fffs">
-              <cpsSelect
-                v-model="detailData.yhKhjbxx.fffs"
-                placeholder="请选择"
-                skey="fffs"
-                :params="{ yh_isdisabled: 1 }"
-              >
+              <cpsSelect v-model="detailData.yhKhjbxx.fffs" placeholder="请选择" skey="fffs" :params="{ yh_isdisabled: 1 }">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="通水标志">
-            <el-switch
-              v-model="detailData.yhKhjbxx.tsbz"
-              active-text="已通水"
-              inactive-text="未通水"
-              active-value="1"
-              inactive-value="0"
-              inactive-color="lightgray"
-              @change="
-                (value) => changeRequiredValidate(value, '1', 'yhKhjbxx.tsrq')
-              "
-            >
+            <el-switch v-model="detailData.yhKhjbxx.tsbz" active-text="已通水" inactive-text="未通水" active-value="1"
+              inactive-value="0" inactive-color="lightgray" @change="(value) => changeRequiredValidate(value, '1', 'yhKhjbxx.tsrq')
+                ">
             </el-switch>
           </el-descriptions-item>
           <el-descriptions-item label="通水日期">
             <el-form-item prop="yhKhjbxx.tsrq">
-              <el-date-picker
-                v-model="detailData.yhKhjbxx.tsrq"
-                type="date"
-                placeholder="选择日期"
-                style="width: 100%"
-                :disabled="detailData.yhKhjbxx.tsbz != 1"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker v-model="detailData.yhKhjbxx.tsrq" type="date" placeholder="选择日期" style="width: 100%"
+                :disabled="detailData.yhKhjbxx.tsbz != 1" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="证件类别">
-            <cpsSelect
-              v-model="detailData.yhKhjbxx.zjlb"
-              placeholder="请选择"
-              skey="tymb"
-              :params="{ pcid: 10 }"
-            >
+            <cpsSelect v-model="detailData.yhKhjbxx.zjlb" placeholder="请选择" skey="tymb" :params="{ pcid: 10 }">
             </cpsSelect>
           </el-descriptions-item>
           <el-descriptions-item label="证件号码">
-            <el-input
-              v-model="detailData.yhKhjbxx.zjhm"
-              placeholder="请输入"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.zjhm" placeholder="请输入"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="建档日期" labelClassName="redStar">
             <el-form-item prop="yhKhjbxx.jdrq">
-              <el-date-picker
-                v-model="detailData.yhKhjbxx.jdrq"
-                type="date"
-                placeholder="选择日期"
-                style="width: 100%"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker v-model="detailData.yhKhjbxx.jdrq" type="date" placeholder="选择日期" style="width: 100%"
+                value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-descriptions-item>
@@ -218,237 +113,125 @@
 
       <el-collapse-item name="2">
         <template slot="title">
-          <i class="el-icon-odometer title"></i
-          ><span class="title">表具信息</span>
+          <i class="el-icon-odometer title"></i><span class="title">表具信息</span>
         </template>
-        <el-descriptions
-          :column="3"
-          border
-          size="mini"
-          labelClassName="descLabel"
-          contentClassName="descContent"
-        >
+        <el-descriptions :column="3" border size="mini" labelClassName="descLabel" contentClassName="descContent">
           <el-descriptions-item label="计费状态" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.jfzt">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.jfzt"
-                placeholder="请选择"
-                skey="jfzt"
-                valueField="name"
-                labelField="name"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhCbkxx.jfzt" placeholder="请选择" skey="jfzt" valueField="name"
+                labelField="name"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="抄表频率" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.cbpl">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.cbpl"
-                placeholder="请选择"
-                skey="cbpl"
-                isDisabled="all"
-              >
+              <cpsSelect v-model="detailData.yhCbkxx.cbpl" placeholder="请选择" skey="cbpl" isDisabled="all">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="水价" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sjbm">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sjbm"
-                placeholder="请选择"
-                skey="sj"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhCbkxx.sjbm" placeholder="请选择" skey="sj"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="表具类型" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sblb">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sblb"
-                placeholder="请选择"
-                skey="sblb"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhCbkxx.sblb" placeholder="请选择" skey="sblb"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="表具厂家" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sbsccj">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sbsccj"
-                placeholder="请选择"
-                skey="sbcj"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhCbkxx.sbsccj" placeholder="请选择" skey="sbcj"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="表具型号" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sbxh">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sbxh"
-                placeholder="请选择"
-                skey="sbxh"
-              ></cpsSelect>
+              <cpsSelect v-model="detailData.yhCbkxx.sbxh" placeholder="请选择" skey="sbxh"></cpsSelect>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="表具口径" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sbkj">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sbkj"
-                placeholder="请选择"
-                skey="tymb"
-                :params="{ pcid: 12 }"
-              >
+              <cpsSelect v-model="detailData.yhCbkxx.sbkj" placeholder="请选择" skey="tymb" :params="{ pcid: 12 }">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="表具量程" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sblc">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.sblc"
-                placeholder="请选择"
-                skey="tymb"
-                :params="{ pcid: 13 }"
-              >
+              <cpsSelect v-model="detailData.yhCbkxx.sblc" placeholder="请选择" skey="tymb" :params="{ pcid: 13 }">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="表具编号" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sbbh">
-              <el-input
-                v-model="detailData.yhCbkxx.sbbh"
-                placeholder="请输入"
-                class="mis-highlightFont"
-              ></el-input>
+              <el-input v-model="detailData.yhCbkxx.sbbh" placeholder="请输入" class="mis-highlightFont"></el-input>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="水表起数" labelClassName="redStar">
             <el-form-item prop="yhCbkxx.sbqs">
-              <el-input-number
-                v-model="detailData.yhCbkxx.sbqs"
-                placeholder="请输入"
-                controls-position="right"
-                :min="0"
-                style="width: 100%"
-              ></el-input-number>
+              <el-input-number v-model="detailData.yhCbkxx.sbqs" placeholder="请输入" controls-position="right" :min="0"
+                style="width: 100%"></el-input-number>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="表具位置">
-            <cpsSelect
-              v-model="detailData.yhCbkxx.bjwz"
-              placeholder="请选择"
-              skey="tymb"
-              :params="{ pcid: 15 }"
-            >
+            <cpsSelect v-model="detailData.yhCbkxx.bjwz" placeholder="请选择" skey="tymb" :params="{ pcid: 15 }">
             </cpsSelect>
           </el-descriptions-item>
           <el-descriptions-item label="出厂日期">
-            <el-date-picker
-              v-model="detailData.yhCbkxx.sbccrq"
-              type="date"
-              placeholder="选择日期"
-              style="width: 100%"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
+            <el-date-picker v-model="detailData.yhCbkxx.sbccrq" type="date" placeholder="选择日期" style="width: 100%"
+              value-format="yyyy-MM-dd HH:mm:ss">
             </el-date-picker>
           </el-descriptions-item>
 
           <el-descriptions-item label="收污水费" labelClassName="redStar">
-            <el-switch
-              v-model="detailData.yhCbkxx.wsfbz"
-              active-text="需收取"
-              inactive-text="不收取"
-              active-value="1"
-              inactive-value="0"
-              inactive-color="lightgray"
-            >
+            <el-switch v-model="detailData.yhCbkxx.wsfbz" active-text="需收取" inactive-text="不收取" active-value="1"
+              inactive-value="0" inactive-color="lightgray">
             </el-switch>
           </el-descriptions-item>
           <el-descriptions-item label="抄表卡号">
-            <el-input
-              v-model="detailData.yhCbkxx.cbkh"
-              placeholder="自动生成"
-              disabled
-            ></el-input>
+            <el-input v-model="detailData.yhCbkxx.cbkh" placeholder="自动生成" disabled></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="抄表卡ID">
-            <el-input
-              v-model="detailData.yhCbkxx.cbkid"
-              placeholder="自动生成"
-              disabled
-            ></el-input>
+            <el-input v-model="detailData.yhCbkxx.cbkid" placeholder="自动生成" disabled></el-input>
           </el-descriptions-item>
 
           <el-descriptions-item label="收垃圾费" labelClassName="redStar">
-            <el-switch
-              v-model="detailData.yhCbkxx.ljfbz"
-              active-text="需收取"
-              inactive-text="不收取"
-              active-value="1"
-              inactive-value="0"
-              inactive-color="lightgray"
-              @change="
-                (value) =>
-                  changeRequiredValidate1(value, '1', [
-                    'yhCbkxx.ljffs',
-                    'yhCbkxx.ljfje',
-                  ])
-              "
-            >
+            <el-switch v-model="detailData.yhCbkxx.ljfbz" active-text="需收取" inactive-text="不收取" active-value="1"
+              inactive-value="0" inactive-color="lightgray" @change="(value) =>
+                changeRequiredValidate1(value, '1', [
+                  'yhCbkxx.ljffs',
+                  'yhCbkxx.ljfje',
+                ])
+                ">
             </el-switch>
           </el-descriptions-item>
           <el-descriptions-item label="收取方式">
             <el-form-item prop="yhCbkxx.ljffs">
-              <cpsSelect
-                v-model="detailData.yhCbkxx.ljffs"
-                placeholder="请选择"
-                skey="ljfsqfs"
-                :disabled="detailData.yhCbkxx.ljfbz != 1"
-              >
+              <cpsSelect v-model="detailData.yhCbkxx.ljffs" placeholder="请选择" skey="ljfsqfs"
+                :disabled="detailData.yhCbkxx.ljfbz != 1">
               </cpsSelect>
             </el-form-item>
           </el-descriptions-item>
           <el-descriptions-item label="垃圾费单价">
             <el-form-item prop="yhCbkxx.ljfje">
-              <el-input-number
-                v-model="detailData.yhCbkxx.ljfje"
-                placeholder="请输入"
-                controls-position="right"
-                :min="0"
-                :max="10"
-                :precision="2"
-                :step="0.1"
-                style="width: 100%"
-                :disabled="detailData.yhCbkxx.ljfbz != 1"
-              ></el-input-number>
+              <el-input-number v-model="detailData.yhCbkxx.ljfje" placeholder="请输入" controls-position="right" :min="0"
+                :max="10" :precision="2" :step="0.1" style="width: 100%"
+                :disabled="detailData.yhCbkxx.ljfbz != 1"></el-input-number>
             </el-form-item>
           </el-descriptions-item>
 
           <el-descriptions-item label="开卡标志">
-            <el-switch
-              v-model="detailData.yhCbkxx.kkbz"
-              active-text="已开卡"
-              inactive-text="未开卡"
-              active-value="1"
-              inactive-value="0"
-              inactive-color="lightgray"
-            >
+            <el-switch v-model="detailData.yhCbkxx.kkbz" active-text="已开卡" inactive-text="未开卡" active-value="1"
+              inactive-value="0" inactive-color="lightgray">
             </el-switch>
           </el-descriptions-item>
           <el-descriptions-item label="IC卡ID号">
-            <el-input
-              v-model="detailData.yhCbkxx.ickid"
-              placeholder="自动生成"
-              disabled
-            ></el-input>
+            <el-input v-model="detailData.yhCbkxx.ickid" placeholder="自动生成" disabled></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="开卡日期">
-            <el-date-picker
-              v-model="detailData.yhCbkxx.kkrq"
-              type="date"
-              placeholder="选择日期"
-              style="width: 100%"
-              :disabled="detailData.yhCbkxx.kkbz != 1"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
+            <el-date-picker v-model="detailData.yhCbkxx.kkrq" type="date" placeholder="选择日期" style="width: 100%"
+              :disabled="detailData.yhCbkxx.kkbz != 1" value-format="yyyy-MM-dd HH:mm:ss">
             </el-date-picker>
           </el-descriptions-item>
         </el-descriptions>
@@ -456,150 +239,76 @@
 
       <el-collapse-item name="3">
         <template slot="title">
-          <i class="el-icon-collection title"></i
-          ><span class="title">其他信息</span>
+          <i class="el-icon-collection title"></i><span class="title">其他信息</span>
         </template>
-        <el-descriptions
-          :column="3"
-          border
-          size="mini"
-          labelClassName="descLabel"
-          contentClassName="descContent"
-        >
+        <el-descriptions :column="3" border size="mini" labelClassName="descLabel" contentClassName="descContent">
           <el-descriptions-item label="合同签订">
-            <el-switch
-              v-model="detailData.yhKhjbxx.htqd"
-              active-text="已签订"
-              inactive-text="未签订"
-              active-value="1"
-              inactive-value="0"
-              inactive-color="lightgray"
-            >
+            <el-switch v-model="detailData.yhKhjbxx.htqd" active-text="已签订" inactive-text="未签订" active-value="1"
+              inactive-value="0" inactive-color="lightgray">
             </el-switch>
           </el-descriptions-item>
           <el-descriptions-item label="合同编号">
-            <el-input
-              v-model="detailData.yhKhjbxx.htbh"
-              placeholder="请输入"
-              :disabled="detailData.yhKhjbxx.htqd != 1"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.htbh" placeholder="请输入"
+              :disabled="detailData.yhKhjbxx.htqd != 1"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="签订日期">
-            <el-date-picker
-              v-model="detailData.yhKhjbxx.htqdrq"
-              type="date"
-              placeholder="选择日期"
-              style="width: 100%"
-              :disabled="detailData.yhKhjbxx.htqd != 1"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
+            <el-date-picker v-model="detailData.yhKhjbxx.htqdrq" type="date" placeholder="选择日期" style="width: 100%"
+              :disabled="detailData.yhKhjbxx.htqd != 1" value-format="yyyy-MM-dd HH:mm:ss">
             </el-date-picker>
           </el-descriptions-item>
 
           <el-descriptions-item label="住宅电话">
-            <el-input
-              v-model="detailData.yhKhjbxx.zzdh"
-              placeholder="请输入"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.zzdh" placeholder="请输入"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="电子邮箱">
-            <el-input
-              v-model="detailData.yhKhjbxx.dzyx"
-              placeholder="请输入"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.dzyx" placeholder="请输入"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="姓名简码">
-            <el-input
-              v-model="detailData.yhKhjbxx.pyjm"
-              placeholder="自动生成"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.pyjm" placeholder="自动生成"></el-input>
           </el-descriptions-item>
 
           <el-descriptions-item label="性别">
-            <cpsSelect
-              v-model="detailData.yhKhjbxx.xb"
-              placeholder="请选择"
-              skey="xb"
-            ></cpsSelect>
+            <cpsSelect v-model="detailData.yhKhjbxx.xb" placeholder="请选择" skey="xb"></cpsSelect>
           </el-descriptions-item>
           <el-descriptions-item label="用户类型">
-            <cpsSelect
-              v-model="detailData.yhKhjbxx.khlb"
-              placeholder="请选择"
-              skey="tymb"
-              :params="{ pcid: 24 }"
-            >
+            <cpsSelect v-model="detailData.yhKhjbxx.khlb" placeholder="请选择" skey="tymb" :params="{ pcid: 24 }">
             </cpsSelect>
           </el-descriptions-item>
           <el-descriptions-item label="行政区域">
-            <cpsSelect
-              v-model="detailData.yhKhjbxx.ssregion"
-              placeholder="请选择"
-              skey="cbpq"
-              isDisabled="all"
-            >
+            <cpsSelect v-model="detailData.yhKhjbxx.ssregion" placeholder="请选择" skey="cbpq" isDisabled="all">
             </cpsSelect>
           </el-descriptions-item>
 
           <el-descriptions-item label="开票类型">
-            <cpsSelect
-              v-model="detailData.yhKhjbxx.fplx"
-              placeholder="请选择"
-              skey="fplx"
-              isDisabled="all"
-            >
+            <cpsSelect v-model="detailData.yhKhjbxx.fplx" placeholder="请选择" skey="fplx" isDisabled="all">
             </cpsSelect>
           </el-descriptions-item>
-          <el-descriptions-item label="购方电话">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpLxdh"
-              placeholder="请输入"
-            ></el-input>
+          <el-descriptions-item label="购方名称">
+            <el-input v-model="detailData.yhKhjbxx.fpName" placeholder="请输入"></el-input>
           </el-descriptions-item>
-          <el-descriptions-item label="购方名称" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpName"
-              placeholder="请输入"
-            ></el-input>
+          <el-descriptions-item label="购方税号">
+            <el-input v-model="detailData.yhKhjbxx.fpNsrsbh" placeholder="请输入"></el-input>
           </el-descriptions-item>
 
-          <el-descriptions-item label="购方税号" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpNsrsbh"
-              placeholder="请输入"
-            ></el-input>
-          </el-descriptions-item>
-          <el-descriptions-item label="购方银行开户行" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpBankname"
-              placeholder="请输入"
-            ></el-input>
+          <el-descriptions-item label="购方地址" :span="2">
+            <el-input v-model="detailData.yhKhjbxx.fpDz" placeholder="请输入"></el-input>
           </el-descriptions-item>
-          <el-descriptions-item label="开户行账号" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpBankcode"
-              placeholder="请输入"
-            ></el-input>
+          <el-descriptions-item label="购方电话">
+            <el-input v-model="detailData.yhKhjbxx.fpLxdh" placeholder="请输入"></el-input>
           </el-descriptions-item>
-          <el-descriptions-item label="购方地址" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpDz"
-              placeholder="请输入"
-            ></el-input>
+
+          <el-descriptions-item label="开户行名称" :span="3">
+            <el-input v-model="detailData.yhKhjbxx.fpBankname" placeholder="请输入"></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="开户行账号" :span="3">
+            <el-input v-model="detailData.yhKhjbxx.fpBankcode" placeholder="请输入"></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="开票备注" :span="3">
-            <el-input
-              v-model="detailData.yhKhjbxx.fpBz"
-              placeholder="请输入"
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.fpBz" placeholder="请输入"></el-input>
           </el-descriptions-item>
 
           <el-descriptions-item label="档案批次">
-            <el-input
-              v-model="detailData.yhKhjbxx.bzPcxlh"
-              placeholder="自动生成"
-              disabled
-            ></el-input>
+            <el-input v-model="detailData.yhKhjbxx.bzPcxlh" placeholder="自动生成" disabled></el-input>
           </el-descriptions-item>
           <el-descriptions-item label="操作人员">
             <el-input v-model="detailData.yhKhjbxx.czryxm" disabled></el-input>
@@ -726,7 +435,7 @@ export default {
   },
   computed: {},
   watch: {},
-  created() {},
+  created() { },
   mounted() {
     this.cbpqRefresh = !this.cbpqRefresh;
     this.cbbRefresh = !this.cbbRefresh;
@@ -736,8 +445,8 @@ export default {
       "yhKhjbxx.tsrq"
     );
   },
-  created() {},
-  destroyed() {},
+  created() { },
+  destroyed() { },
   methods: {
     changeGs(value) {
       console.log("gs[" + value + "]");

src/views/mis/customerManagement/customer-index.vue

@@ -6,43 +6,15 @@
         <el-row>
           <el-col :span="18">
             <div style="display: flex; align-items: center">
-              所属公司：<cpsCompany
-                v-model="queryParams.ssgs"
-                size="small"
-                style="width: 150px"
-                @change="changeGs"
-              >
-              </cpsCompany
-              >&nbsp; 所属片区：<cpsSelect
-                v-model="queryParams.sscbpq"
-                size="small"
-                skey="cbpq"
-                :params="{ ssgs: queryParams.ssgs }"
-                isDisabled="all"
-                :refresh="cbpqRefresh"
-                @change="changeCbpq"
-                style="width: 150px"
-              >
-              </cpsSelect
-              >&nbsp; 所属表册：<cpsSelect
-                v-model="queryParams.sscbb"
-                size="small"
-                skey="cbb"
-                :params="{ ssgs: queryParams.ssgs, sscbpq: queryParams.sscbpq }"
-                isDisabled="all"
-                :refresh="cbbRefresh"
-                :labelGroup="true"
-                :filterable="true"
-                style="width: 150px"
-              ></cpsSelect>
-              &nbsp; 关 键 字：<el-input
-                v-model="queryParams.searchText"
-                size="small"
-                style="width: 150px"
-                placeholder="输入关键字"
-                clearable
-                @keyup.enter.native="clickQuery()"
-              />&nbsp;
+              所属公司：<cpsCompany v-model="queryParams.ssgs" size="small" style="width: 150px" @change="changeGs">
+              </cpsCompany>&nbsp; 所属片区：<cpsSelect v-model="queryParams.sscbpq" size="small" skey="cbpq"
+                :params="{ ssgs: queryParams.ssgs }" isDisabled="all" :refresh="cbpqRefresh" @change="changeCbpq"
+                style="width: 150px">
+              </cpsSelect>&nbsp; 所属表册：<cpsSelect v-model="queryParams.sscbb" size="small" skey="cbb"
+                :params="{ ssgs: queryParams.ssgs, sscbpq: queryParams.sscbpq }" isDisabled="all" :refresh="cbbRefresh"
+                :labelGroup="true" :filterable="true" style="width: 150px"></cpsSelect>
+              &nbsp; 关 键 字：<el-input v-model="queryParams.searchText" size="small" style="width: 150px"
+                placeholder="输入关键字" clearable @keyup.enter.native="clickQuery()" />&nbsp;
               <!-- <el-button-group>
                             <el-button type="primary" size="small" icon="el-icon-search"
                                 @click="clickQuery()">查询</el-button>
@@ -51,127 +23,52 @@
                                     style="padding-left: 6px;padding-right:6px;" @click="advancedQuery"></el-button>
                             </el-tooltip>
                         </el-button-group> -->
-              <el-dropdown
-                split-button
-                type="primary"
-                size="small"
-                placement="top"
-                @click="clickQuery()"
-                @command="advancedQuery"
-              >
+              <el-dropdown split-button type="primary" size="small" placement="top" @click="clickQuery()"
+                @command="advancedQuery">
                 <i class="el-icon-search"></i> 查询
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="advancedQuery"
-                    >高级搜索</el-dropdown-item
-                  >
+                  <el-dropdown-item command="advancedQuery">高级搜索</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
           </el-col>
           <el-col :span="6" class="list-opCol">
-            <el-button
-              type="primary"
-              size="small"
-              icon="el-icon-plus"
-              @click="clickAdd()"
-              >添加</el-button
-            >
-            <el-button
-              type="primary"
-              size="small"
-              icon="el-icon-edit"
-              @click="clickModify()"
-              :disabled="disabledModify"
-              >修改</el-button
-            >
-            <el-button
-              type="danger"
-              size="small"
-              icon="el-icon-delete"
-              @click="clickDelete()"
-              :disabled="disabledDelete"
-              >作废</el-button
-            >
-            <el-popover
-              placement="top-start"
-              title="提示"
-              width="200"
-              trigger="hover"
-              content="数据量大时等待时间可能较长，请您耐心等待！"
-            >
-              <el-button
-                slot="reference"
-                type="primary"
-                size="small"
-                icon="el-icon-document"
-                @click="clickExport()"
-                >导出</el-button
-              >
+            <el-button type="primary" size="small" icon="el-icon-plus" @click="clickAdd()">添加</el-button>
+            <el-button type="primary" size="small" icon="el-icon-edit" @click="clickModify()"
+              :disabled="disabledModify">修改</el-button>
+            <el-button type="danger" size="small" icon="el-icon-delete" @click="clickDelete()"
+              :disabled="disabledDelete">作废</el-button>
+            <el-popover placement="top-start" title="提示" width="200" trigger="hover" content="数据量大时等待时间可能较长，请您耐心等待！">
+              <el-button slot="reference" type="primary" size="small" icon="el-icon-document"
+                @click="clickExport()">导出</el-button>
             </el-popover>
             <!-- <el-button type="info" size="small" icon="el-icon-document" @click="clickExport()">导出</el-button> -->
           </el-col>
         </el-row>
       </el-header>
       <el-main>
-        <tfTable
-          :table-data="dataList"
-          :column="columns"
-          :for-id="true"
-          :pagination="true"
-          :currentpage="pageInfo.current"
-          :pagesize="pageInfo.size"
-          :total="pageInfo.tableTotal"
-          :border="true"
-          :multiple="false"
-          :fixed="true"
-          :isdelete="false"
-          :is-select="false"
-          :stripe="true"
-          @handleCurrentChange="handleCurrentChange"
-          @handleSizeChange="handleSizeChange"
-          @handleSelectionChange="handleSelectionChange"
-          @rowDblclick="showDetail"
-          @detail="showDetail"
-          @sortChange="onCustomerSortChange"
-          @rowClick="handleRowClick"
-        />
+        <tfTable :table-data="dataList" :column="columns" :for-id="true" :pagination="true"
+          :currentpage="pageInfo.current" :pagesize="pageInfo.size" :total="pageInfo.tableTotal" :border="true"
+          :multiple="false" :fixed="true" :isdelete="false" :is-select="false" :stripe="true"
+          @handleCurrentChange="handleCurrentChange" @handleSizeChange="handleSizeChange"
+          @handleSelectionChange="handleSelectionChange" @rowDblclick="showDetail" @detail="showDetail"
+          @sortChange="onCustomerSortChange" @rowClick="handleRowClick" />
       </el-main>
     </el-container>
     <!-- 详情页 -->
-    <el-dialog
-      v-if="dialogVisible"
-      v-dialogDrag
-      :title="dialogTitle"
-      top="0vh"
-      :visible.sync="dialogVisible"
-      width="70%"
-      height="100%"
-    >
+    <el-dialog v-if="dialogVisible" v-dialogDrag :title="dialogTitle" top="0vh" :visible.sync="dialogVisible" width="70%"
+      height="100%">
       <!-- <div style="height:calc(100vh - 121px); overflow:auto;"> -->
       <tfDetail :detailData="detailData" :editState="editState" ref="dForm" />
       <!-- </div> -->
       <template slot="footer">
-        <el-button
-          type="warning"
-          icon="el-icon-check"
-          @click="clickSave()"
-          v-if="!editState"
-          >确 定</el-button
-        >
-        <el-button type="warning" icon="el-icon-close" @click="clickCancel()"
-          >关 闭</el-button
-        >
+        <el-button type="warning" icon="el-icon-check" @click="clickSave()" v-if="!editState">确 定</el-button>
+        <el-button type="warning" icon="el-icon-close" @click="clickCancel()">关 闭</el-button>
       </template>
     </el-dialog>
 
     <!-- 高级搜索 -->
-    <el-drawer
-      title="高级搜索"
-      :visible.sync="drawerDialog"
-      direction="ttb"
-      size="350px"
-      ref="drawer"
-    >
+    <el-drawer title="高级搜索" :visible.sync="drawerDialog" direction="ttb" size="350px" ref="drawer">
       <el-container>
         <el-main>
           <el-row type="flex" style="padding: 8px 12px">
@@ -180,90 +77,34 @@
               <el-tag>筛选条件</el-tag>
               <div class="filterDiv">
                 <div style="margin: 5px">
-                  所属公司：<cpsCompany
-                    v-model="queryParams.ssgs"
-                    size="small"
-                    style="width: 180px"
-                    @change="changeGs"
-                  >
-                  </cpsCompany
-                  >&nbsp; 所属片区：<cpsSelect
-                    v-model="queryParams.sscbpq"
-                    size="small"
-                    skey="cbpq"
-                    :params="{ ssgs: queryParams.ssgs }"
-                    isDisabled="all"
-                    :refresh="cbpqRefresh"
-                    @change="changeCbpq"
-                    style="width: 180px"
-                  >
-                  </cpsSelect
-                  >&nbsp; 所属表册：<cpsSelect
-                    v-model="queryParams.sscbb"
-                    size="small"
-                    skey="cbb"
-                    :params="{
-                      ssgs: queryParams.ssgs,
-                      sscbpq: queryParams.sscbpq,
-                    }"
-                    isDisabled="all"
-                    :refresh="cbbRefresh"
-                    :labelGroup="true"
-                    :filterable="true"
-                    style="width: 180px"
-                  >
-                  </cpsSelect
-                  >&nbsp;
+                  所属公司：<cpsCompany v-model="queryParams.ssgs" size="small" style="width: 180px" @change="changeGs">
+                  </cpsCompany>&nbsp; 所属片区：<cpsSelect v-model="queryParams.sscbpq" size="small" skey="cbpq"
+                    :params="{ ssgs: queryParams.ssgs }" isDisabled="all" :refresh="cbpqRefresh" @change="changeCbpq"
+                    style="width: 180px">
+                  </cpsSelect>&nbsp; 所属表册：<cpsSelect v-model="queryParams.sscbb" size="small" skey="cbb" :params="{
+                    ssgs: queryParams.ssgs,
+                    sscbpq: queryParams.sscbpq,
+                  }" isDisabled="all" :refresh="cbbRefresh" :labelGroup="true" :filterable="true"
+                    style="width: 180px">
+                  </cpsSelect>&nbsp;
                 </div>
                 <div style="margin: 5px">
-                  用户状态：<cpsSelect
-                    v-model="queryParams.yhzt"
-                    size="small"
-                    skey="yhzt"
-                    style="width: 180px"
-                    isDisabled="all"
-                  >
-                  </cpsSelect
-                  >&nbsp; 用水性质：<cpsSelect
-                    v-model="queryParams.sjbm"
-                    size="small"
-                    skey="sj"
-                    style="width: 180px"
-                  >
-                  </cpsSelect
-                  >&nbsp; 表具类型：<cpsSelect
-                    v-model="queryParams.sblb"
-                    size="small"
-                    skey="sblb"
-                    style="width: 180px"
-                  >
-                  </cpsSelect
-                  >&nbsp;
+                  用户状态：<cpsSelect v-model="queryParams.yhzt" size="small" skey="yhzt" style="width: 180px"
+                    isDisabled="all">
+                  </cpsSelect>&nbsp; 用水性质：<cpsSelect v-model="queryParams.sjbm" size="small" skey="sj"
+                    style="width: 180px">
+                  </cpsSelect>&nbsp; 表具类型：<cpsSelect v-model="queryParams.sblb" size="small" skey="sblb"
+                    style="width: 180px">
+                  </cpsSelect>&nbsp;
                 </div>
                 <div style="margin: 5px">
-                  关&nbsp;键&nbsp;字&nbsp;：<el-input
-                    v-model="queryParams.searchText"
-                    size="small"
-                    style="width: 440px"
-                    placeholder="输入编号、姓名、地址、电话"
-                    clearable
-                  />&nbsp;
+                  关&nbsp;键&nbsp;字&nbsp;：<el-input v-model="queryParams.searchText" size="small" style="width: 440px"
+                    placeholder="输入编号、姓名、地址、电话" clearable />&nbsp;
                 </div>
                 <div style="margin: 5px">
-                  建档日期：<el-date-picker
-                    v-model="dprJdrq"
-                    type="daterange"
-                    align="right"
-                    unlink-panels
-                    range-separator="至"
-                    start-placeholder="建档开始日期"
-                    end-placeholder="建档结束日期"
-                    value-format="yyyy-MM-dd"
-                    :picker-options="pickerOptions"
-                    size="small"
-                    style="width: 438px"
-                    @change="
-                      () => {
+                  建档日期：<el-date-picker v-model="dprJdrq" type="daterange" align="right" unlink-panels range-separator="至"
+                    start-placeholder="建档开始日期" end-placeholder="建档结束日期" value-format="yyyy-MM-dd"
+                    :picker-options="pickerOptions" size="small" style="width: 438px" @change="() => {
                         if (this.dprJdrq && this.dprJdrq.length > 0) {
                           this.queryParams.jdrqStart = this.dprJdrq[0];
                           this.queryParams.jdrqEnd = this.dprJdrq[1];
@@ -272,8 +113,7 @@
                           this.queryParams.jdrqEnd = undefined;
                         }
                       }
-                    "
-                  >
+                      ">
                   </el-date-picker>
                 </div>
               </div>
@@ -283,59 +123,32 @@
               <el-tag>分类匹配</el-tag>
               <div class="filterDiv">
                 <div style="margin: 5px">
-                  用户编号：<el-input
-                    v-model="queryParams.yhbh"
-                    placeholder="请输入"
-                    size="small"
-                    style="width: 200px"
-                  ></el-input>
+                  用户编号：<el-input v-model="queryParams.yhbh" placeholder="请输入" size="small"
+                    style="width: 200px"></el-input>
                 </div>
                 <div style="margin: 5px">
-                  用户姓名：<el-input
-                    v-model="queryParams.yhxm"
-                    placeholder="请输入"
-                    size="small"
-                    style="width: 200px"
-                  ></el-input>
+                  用户姓名：<el-input v-model="queryParams.yhxm" placeholder="请输入" size="small"
+                    style="width: 200px"></el-input>
                 </div>
                 <div style="margin: 5px">
-                  用户地址：<el-input
-                    v-model="queryParams.yhdz"
-                    placeholder="请输入"
-                    size="small"
-                    style="width: 200px"
-                  ></el-input>
+                  用户地址：<el-input v-model="queryParams.yhdz" placeholder="请输入" size="small"
+                    style="width: 200px"></el-input>
                 </div>
                 <div style="margin: 5px">
-                  联系电话：<el-input
-                    v-model="queryParams.lxdh"
-                    placeholder="请输入"
-                    size="small"
-                    style="width: 200px"
-                  ></el-input>
+                  联系电话：<el-input v-model="queryParams.lxdh" placeholder="请输入" size="small"
+                    style="width: 200px"></el-input>
                 </div>
               </div>
             </el-col>
           </el-row>
         </el-main>
         <el-footer style="text-align: right; padding-top: 8px">
-          <el-button
-            type="warning"
-            icon="el-icon-check"
-            @click="
-              () => {
-                this.pageInfo.current = 1;
-                this.bindList(true);
-              }
-            "
-            >确 定</el-button
-          >
-          <el-button
-            type="warning"
-            icon="el-icon-close"
-            @click="$refs.drawer.closeDrawer()"
-            >关 闭</el-button
-          >
+          <el-button type="warning" icon="el-icon-check" @click="() => {
+              this.pageInfo.current = 1;
+              this.bindList(true);
+            }
+            ">确 定</el-button>
+          <el-button type="warning" icon="el-icon-close" @click="$refs.drawer.closeDrawer()">关 闭</el-button>
         </el-footer>
       </el-container>
     </el-drawer>
@@ -504,13 +317,13 @@ export default {
           czsj: undefined,
           jdrybm: undefined,
           jdryxm: undefined,
-          fplx: undefined,
-          fpLxdh: undefined,
-          fpName: undefined,
-          fpNsrsbh: undefined,
-          fpBankname: undefined,
-          fpBankcode: undefined,
-          fpDz: undefined,
+          fplx: undefined,//发票类型
+          fpName: undefined,//名称
+          fpNsrsbh: undefined,//纳税人识别号
+          fpDz: undefined,//地址
+          fpLxdh: undefined,//电话
+          fpBankname: undefined,//开户行名称
+          fpBankcode: undefined,//开户行账号
           fpBz: undefined,
         },
         yhCbkxx: {
@@ -585,7 +398,7 @@ export default {
       }
     },
   },
-  created() {},
+  created() { },
   mounted() {
     this.bindList();
   },
@@ -625,7 +438,7 @@ export default {
         .catch((ex) => {
           this.$message.error("查询失败！");
         })
-        .finally(() => {});
+        .finally(() => { });
     },
     resetDetailData() {
       // 表单数据
@@ -690,7 +503,7 @@ export default {
         .catch((ex) => {
           this.$message.error("导出失败！");
         })
-        .finally(() => {});
+        .finally(() => { });
     },
     /**
      * @description 显示详情