水表档案form样式调整

src/views/mis/meterManage/meterInfo/meter-form.vue

@@ -3,33 +3,33 @@
     :hide-required-asterisk="true" :disabled="isDisabled" class="MIS_FORM">
     <div style="height:65vh; overflow-y:auto;margin-bottom: 6px;">
       <el-collapse v-model="activeNames">
-        <el-collapse-item name="1" disabled="true">
+        <el-collapse-item name="1">
           <template slot="title">
             <i class="el-icon-postcard iconSize"></i><span class="title">基本信息</span>
           </template>
           <el-descriptions :column="3" border size="mini" labelClassName="descLabel" contentClassName="descContent">
             <el-descriptions-item label="用户编号" label-class-name="redStar">
               <el-form-item>
-                <el-input v-model="meterForm.yhbh" placeholder="用户编号" class="mis-highlightFont readonly-input" autocomplete="off"
-                  readonly></el-input>
+                <el-input v-model="meterForm.yhbh" placeholder="用户编号" class="mis-highlightFont readonly-input"
+                  autocomplete="off" readonly></el-input>
               </el-form-item>
             </el-descriptions-item>
             <el-descriptions-item label="抄表卡号">
               <el-form-item>
-                <el-input v-model="meterForm.cbkh" placeholder="抄表卡号" class="mis-highlightFont readonly-input" autocomplete="off"
-                  readonly></el-input>
+                <el-input v-model="meterForm.cbkh" placeholder="抄表卡号" class="mis-highlightFont readonly-input"
+                  autocomplete="off" readonly></el-input>
               </el-form-item>
             </el-descriptions-item>
             <el-descriptions-item label="抄表卡ID">
               <el-form-item>
-                <el-input v-model="meterForm.cbkid" placeholder="系统自动生成" class="mis-highlightFont readonly-input" autocomplete="off"
-                  readonly></el-input>
+                <el-input v-model="meterForm.cbkid" placeholder="系统自动生成" class="mis-highlightFont readonly-input"
+                  autocomplete="off" readonly></el-input>
               </el-form-item>
             </el-descriptions-item>
             <el-descriptions-item label="计费状态" style="width:100%">
               <el-form-item>
-                <cpsSelect v-model="meterForm.jfzt" placeholder="请选择" skey="jfzt" :disabled="meterForm.isEdit!=0" valueField="code"
-                  labelField="name"></cpsSelect>
+                <cpsSelect v-model="meterForm.jfzt" placeholder="请选择" skey="jfzt" :disabled="meterForm.isEdit != 0"
+                  valueField="code" labelField="name"></cpsSelect>
               </el-form-item>
             </el-descriptions-item>
             <el-descriptions-item label="抄表频率" label-class-name="redStar">
@@ -99,7 +99,7 @@
                 </cpsSelect>
               </el-form-item>
             </el-descriptions-item>
-            <el-descriptions-item label="收取垃圾费" label-class-name="redStar">
+            <el-descriptions-item label="收垃圾费" label-class-name="redStar">
               <el-form-item prop="ljfbz">
                 <el-switch v-model="meterForm.ljfbz" active-text="需收取" inactive-text="不收取" active-value="1"
                   inactive-value="0" @change="onChangeFeeMode">
@@ -120,24 +120,24 @@
                   :disabled="meterForm.ljfbz != 1"></el-input-number>
               </el-form-item>
             </el-descriptions-item>
-       
+
           </el-descriptions>
         </el-collapse-item>
-        <el-collapse-item name="2" disabled="true">
+        <el-collapse-item name="2">
           <template slot="title">
             <i class="el-icon-price-tag iconSize"></i><span class="title">水价信息</span>
           </template>
           <el-descriptions :column="2" border size="mini">
-            <el-descriptions-item label="是否一表多价" label-class-name="redStar">
+            <el-descriptions-item label="一表多价" label-class-name="redStar">
               <el-form-item>
                 <el-switch v-model="meterForm.ybdjbz" active-text="是" inactive-text="否" active-value="1"
                   inactive-value="0" @change="onChangeMulFlag">
                 </el-switch>
               </el-form-item>
             </el-descriptions-item>
-            <el-descriptions-item label="是否收污水费" label-class-name="redStar">
+            <el-descriptions-item label="收污水费" label-class-name="redStar">
               <el-form-item>
-                <el-switch v-model="meterForm.wsfbz" active-text="是" inactive-text="否" active-value="1"
+                <el-switch v-model="meterForm.wsfbz" active-text="需收取" inactive-text="不收取" active-value="1"
                   inactive-value="0">
                 </el-switch>
               </el-form-item>
@@ -155,7 +155,7 @@
             <el-descriptions-item label="比例1" label-class-name="redStar">
               <el-form-item prop="slbl">
                 <el-input-number v-model="meterForm.slbl" controls-position="right" :min="0.00" :precision="2"
-                  placeholder="0至1代表百分比例，大于1代表定量" style="width:100%"  :disabled="meterForm.ybdjbz != 1"></el-input-number>
+                  placeholder="0至1代表百分比例，大于1代表定量" style="width:100%" :disabled="meterForm.ybdjbz != 1"></el-input-number>
               </el-form-item>
             </el-descriptions-item>
             <el-descriptions-item label="水价2">
@@ -194,7 +194,7 @@
             </el-descriptions-item>
           </el-descriptions>
         </el-collapse-item>
-        <el-collapse-item name="3" disabled="true">
+        <el-collapse-item name="3">
           <template slot="title">
             <i class="el-icon-document iconSize"></i><span class="title">其他信息</span>
           </template>
@@ -277,7 +277,7 @@ export default {
   },
   data() {
     var checkIsEmpty = (rule, value, callback) => {
-  
+
       if (value == undefined || value.toString().trim() === '') {
         return callback(new Error(rule.message));
       }
@@ -308,7 +308,7 @@ export default {
       callback();
     };
     return {
-      activeNames: ['1', '2','3'],
+      activeNames: ['1', '2', '3'],
       meterData: {
         priceCodes: []             //水价下拉数据集
       },
@@ -483,18 +483,33 @@ export default {
   font-size: 11px;
 }
 
-.descLabel {
+.title {
+  font-size: 16px;
+  margin-right: 3px;
+}
+
+/deep/ .descLabel {
   width: 11.11%;
 }
 
-.descContent {
+/deep/ .descContent {
   width: 22.22%;
 }
+
+/deep/ .el-collapse-item__header {
+  pointer-events: none;
+}
+
+/deep/ .el-collapse-item__arrow {
+  pointer-events: auto;
+}
+
 /* 只读输入框背景色 */
 .readonly-input {
   /deep/ .el-input__inner {
-    background-color:  #FAFAFA; 
-    cursor: default; /* 将鼠标指针改为默认样式 */
+    background-color: #FAFAFA;
+    cursor: default;
+    /* 将鼠标指针改为默认样式 */
   }
 }
 </style>