前端 sdy

src/views/houseSelfCollect/paymentManagement.vue

@@ -69,7 +69,7 @@
       <el-table-column class="table_td" prop="paymentNo" width="100" label="编号" sortable></el-table-column>
       <el-table-column class="table_td" prop="customerName" label="客户" sortable>
         <template slot-scope="scope">
-          <div @click.stop="customer(scope.row)"><span>{{scope.row.customerName}}</span></div>
+          <div @click.stop="customer(scope.row)"><span :class="{ text_css: scope.row.textcss }">{{scope.row.customerName}}</span></div>
         </template>
       </el-table-column>
       <el-table-column class="table_td" prop="carNo" label="车牌号"></el-table-column>
@@ -184,8 +184,9 @@
       title="客户信息"
       :visible.sync="customerInfo"
       :append-to-body="true"
+      :close="customerclose"
     >
-      <el-form class="customer" :model="customer">
+      <el-form class="customer">
 
         <div class="flex">
           <div style="flex: 1; text-align: center">
@@ -222,21 +223,21 @@
         <el-form-item label="开户支行" label-width="100px">
           {{ customerlist.bankDepositBranch }}
         </el-form-item>
-        <el-form-item label="收款人姓名" :label-width="formLabelWidth" v-if="customerlist.customerTypeFlag == '1'">
+        <el-form-item label="收款人姓名" label-width="100px" v-if="customerlist.customerTypeFlag == '1'">
           {{ customerlist.payeeName }}
         </el-form-item>
-        <el-form-item label="收款人身份证号" :label-width="formLabelWidth" v-if="customerlist.customerTypeFlag == '1'">
+        <el-form-item label="收款人身份证号" label-width="120px" v-if="customerlist.customerTypeFlag == '1'">
           {{ customerlist.payeeNumberCard }}
         </el-form-item>
-        <el-form-item label="手机号" :label-width="formLabelWidth">
+        <el-form-item label="手机号" label-width="100px">
           {{ customerlist.customerPhone }}
         </el-form-item>
-        <el-form-item label="联系地址" :label-width="formLabelWidth">
+        <el-form-item label="联系地址" label-width="100px">
           {{ customerlist.compAddress }}
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="customerInfo = false">取 消</el-button>
+        <el-button @click="customerclose">取 消</el-button>
       </div>
     </el-dialog>
   </div>
@@ -428,11 +429,26 @@ import {
           .catch(() => {})
       },
       customer(row) {
-        this.customerInfo = true
+        for(let i = 0 ; i < this.paymentList.length ; i++){
+          if(row.id == this.paymentList[i].id){
+            row.textcss = true
+          }else{
+            this.paymentList[i].textcss = false
+          }
+        }
+        row.textcss = true
+        this. customerInfo = true
         this.customerlist = row.identityAuthenticationInfo
         this.customerlist.cardAddressUrl1 = this.customerlist.cardAddressUrl.split(',')[0]
         this.customerlist.cardAddressUrl2 = this.customerlist.cardAddressUrl.split(',')[1]
         this.customerlist.payeeAddressUrls = this.customerlist.payeeAddressUrl.split(',')
+        this.$forceUpdate();
+      },
+      customerclose(e){
+        console.log(e)
+          //  row.textcss = false
+              this. customerInfo = false
+
       },
       //合计
       getSummaries(param) {
@@ -636,7 +652,7 @@ import {
         .then(response => {
           this.paymentList = response.records
           for(let i = 0 ; i < this.paymentList.length ; i++){
-            this.paymentList.textcss = ""
+            this.paymentList.textcss = false
           }
           this.deptBudgetTotal = response.total
         })