【修改】家用工程退押列表 实装不一致变色

src/views/deposit_home/deposit_list.vue

@@ -2,8 +2,8 @@
   <div class="app-container">
     <div v-if="showPage == 1">
       <el-radio-group v-model="deduction" size="mini" @change="handleRadio">
-        <el-radio-button label="全部"/>
-        <el-radio-button label="已退押"/>
+        <el-radio-button label="全部" />
+        <el-radio-button label="已退押" />
       </el-radio-group>
       <br><br>
       <!-- 筛选条件 -->
@@ -42,7 +42,7 @@
             </el-col> -->
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="行业类别" prop="refTradeCategory">
-                <el-input v-model="screenForm.refTradeCategory" placeholder="请输入"></el-input>
+                <el-input v-model="screenForm.refTradeCategory" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
@@ -99,23 +99,25 @@
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="是否退押 " prop="isRefundDeposit">
-                <el-select style="width:100%" v-model="screenForm.isRefundDeposit" clearable placeholder="请选择是否退押 ">
-                  <el-option v-for="item in refundDepositArr"
-                             :key="item.value"
-                             :label="item.label"
-                             :value="item.value">
-                  </el-option>
+                <el-select v-model="screenForm.isRefundDeposit" style="width:100%" clearable placeholder="请选择是否退押 ">
+                  <el-option
+                    v-for="item in refundDepositArr"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="状态 " prop="examineStatus">
-                <el-select style="width:100%" v-model="screenForm.examineStatus" clearable placeholder="请选择状态 ">
-                  <el-option v-for="item in examineStatusArr"
-                             :key="item.value"
-                             :label="item.label"
-                             :value="item.value">
-                  </el-option>
+                <el-select v-model="screenForm.examineStatus" style="width:100%" clearable placeholder="请选择状态 ">
+                  <el-option
+                    v-for="item in examineStatusArr"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -176,24 +178,24 @@
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
                 <el-form-item label="规格型号" prop="specification">
-                  <el-input v-model="screenForm.specification" placeholder="请输入规格型号"></el-input>
+                  <el-input v-model="screenForm.specification" placeholder="请输入规格型号" />
                 </el-form-item>
               </el-col>
               <el-col v-if="!isCustomer" :xs="24" :sm="12" :lg="6">
                 <el-form-item label="特价编号" prop="specialNo">
 
-                  <el-input v-model="screenForm.specialNo" placeholder="请输入特价编号"></el-input>
+                  <el-input v-model="screenForm.specialNo" placeholder="请输入特价编号" />
 
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
                 <el-form-item label="跨区厂编号" prop="refFactoryNo">
-                  <el-input v-model="screenForm.refFactoryNo" placeholder="请输入跨区厂编号"></el-input>
+                  <el-input v-model="screenForm.refFactoryNo" placeholder="请输入跨区厂编号" />
                 </el-form-item>
               </el-col>
               <el-col v-if="!isCustomer" :xs="24" :sm="12" :lg="6">
                 <el-form-item label="格力内部备注" prop="geLiInerNote">
-                  <el-input v-model="screenForm.geLiInerNote" placeholder="请输入格力内部备注"></el-input>
+                  <el-input v-model="screenForm.geLiInerNote" placeholder="请输入格力内部备注" />
                 </el-form-item>
               </el-col>
               <!-- <el-col v-if="!isCustomer" :xs="24" :sm="12" :lg="6">
@@ -201,19 +203,19 @@
                   <el-input v-model="screenForm.factoryNo" placeholder="请输入厂编号"></el-input>
                 </el-form-item>
               </el-col> -->
-              <el-col :xs="24" :sm="12" :lg="6" v-if="!isCustomer">
+              <el-col v-if="!isCustomer" :xs="24" :sm="12" :lg="6">
                 <el-form-item label="厂编号" style="margin-bottom:0">
                   <div class="fanwei">
-                     <el-form-item prop="startFactoryNo">
-                      <el-input  v-model="screenForm.startFactoryNo" placeholder="厂编号开始" ></el-input>
+                    <el-form-item prop="startFactoryNo">
+                      <el-input v-model="screenForm.startFactoryNo" placeholder="厂编号开始" />
 
-                     </el-form-item>
-                      <span>-</span>
+                    </el-form-item>
+                    <span>-</span>
                     <el-form-item prop="endFactoryNo">
 
-                      <el-input  v-model="screenForm.endFactoryNo" placeholder="厂编号结束" ></el-input>
+                      <el-input v-model="screenForm.endFactoryNo" placeholder="厂编号结束" />
 
-                     </el-form-item>
+                    </el-form-item>
                   </div>
                 </el-form-item>
               </el-col>
@@ -242,7 +244,7 @@
 
             </template>
             <el-col :xs="24" :sm="24" :lg="24">
-              <div class="fl" v-if="!isCustomer">
+              <div v-if="!isCustomer" class="fl">
 
                 <!-- <el-radio-group @change="changeEnginOrderTypeFn" v-model="enginOrderType" size="mini">
                   <el-radio-button label="HOME">家用工程</el-radio-button>
@@ -302,7 +304,7 @@
             @select-all="handleSelectionAllChange"
             @selection-change="handleSelectionAllChange"
           >
-            <el-table-column align="left" type="selection" width="55"/>
+            <el-table-column align="left" type="selection" width="55" />
             <el-table-column
               align="left"
               label="工程登录编号"
@@ -312,20 +314,17 @@
             />
             <el-table-column v-if="!isCustomer" align="right" label="跨区厂编号" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refFactoryNo" />
-                <span>{{scope.row.refFactoryNo}}</span>
+                <CopyButton :copy-text="scope.row.refFactoryNo" />
+                <span>{{ scope.row.refFactoryNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column v-if="!isCustomer" align="right" label="安装日期" prop="installDate" min-width="160" show-overflow-tooltip>
-            </el-table-column>
-            <el-table-column v-if="!isCustomer" align="right" label="厂编号" prop="factoryNo" min-width="160" show-overflow-tooltip>
-            </el-table-column>
-            <el-table-column v-if="!isCustomer" align="right" label="特价编号" prop="specialNo" min-width="160" show-overflow-tooltip>
-            </el-table-column>
+            <el-table-column v-if="!isCustomer" align="right" label="安装日期" prop="installDate" min-width="160" show-overflow-tooltip />
+            <el-table-column v-if="!isCustomer" align="right" label="厂编号" prop="factoryNo" min-width="160" show-overflow-tooltip />
+            <el-table-column v-if="!isCustomer" align="right" label="特价编号" prop="specialNo" min-width="160" show-overflow-tooltip />
             <el-table-column align="left" label="行业类别" prop="refTradeCategory" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refTradeCategory" />
-                <span>{{scope.row.refTradeCategory}}</span>
+                <CopyButton :copy-text="scope.row.refTradeCategory" />
+                <span>{{ scope.row.refTradeCategory }}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -337,8 +336,8 @@
             />
             <el-table-column align="left" label="区域" prop="refRegionWork" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refRegionWork" />
-                <span>{{scope.row.refRegionWork}}</span>
+                <CopyButton :copy-text="scope.row.refRegionWork" />
+                <span>{{ scope.row.refRegionWork }}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -363,7 +362,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerNumber"/>
+                <CopyButton :copy-text="scope.row.customerNumber" />
                 <span>{{ scope.row.customerNumber }}</span>
               </template>
             </el-table-column>
@@ -375,13 +374,13 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerName"/>
+                <CopyButton :copy-text="scope.row.customerName" />
                 <span>{{ scope.row.customerName }}</span>
               </template>
             </el-table-column>
             <el-table-column v-if="!isCustomer" align="left" label="格力内部备注" prop="geLiInerNote" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <span>{{scope.row.geLiInerNote}}</span>
+                <span>{{ scope.row.geLiInerNote }}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -392,13 +391,31 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.specification"/>
+                <CopyButton :copy-text="scope.row.specification" />
                 <span>{{ scope.row.specification }}</span>
               </template>
             </el-table-column>
-            <el-table-column align="left" label="实装物料编号" prop="realMaterialNumber" min-width="150" show-overflow-tooltip></el-table-column>
-            <el-table-column align="left" label="实装厂产品编码" prop="realMaterialOldNumber" min-width="200" show-overflow-tooltip></el-table-column>
-            <el-table-column align="left" label="实装规格型号" prop="realSpecification" min-width="300" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="实装规格型号" prop="realSpecification" min-width="300" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realSpecification != scope.row.specification?{color:'blue'}:''">
+                  {{ scope.row.realSpecification }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="实装物料编号" prop="realMaterialNumber" min-width="150" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber?{color:'blue'}:''">
+                  {{ scope.row.realMaterialNumber }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="实装厂产品编码" prop="realMaterialOldNumber" min-width="200" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber?{color:'blue'}:''">
+                  {{ scope.row.realMaterialOldNumber }}
+                </div>
+              </template>
+            </el-table-column>
             <el-table-column
               align="left"
               label="是否退押"
@@ -521,7 +538,7 @@
               prop="refDatumAcceptDate"
               min-width="160"
               show-overflow-tooltip
-            ></el-table-column>
+            />
             <el-table-column
               align="right"
               label="金额"
@@ -530,8 +547,8 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                {{ scope.row.totalPrice | numToFixed}}
-            </template>
+                {{ scope.row.totalPrice | numToFixed }}
+              </template>
             </el-table-column>
             <el-table-column
               align="right"
@@ -594,21 +611,21 @@
         </div>
       </div>
     </div>
-    <DepositListDetail v-else-if="showPage == 2"/>
-    <DepositApplyDeduction v-else-if="showPage == 3"/>
-    <DepositApplySurrender v-else-if="showPage == 4"/>
+    <DepositListDetail v-else-if="showPage == 2" />
+    <DepositApplyDeduction v-else-if="showPage == 3" />
+    <DepositApplySurrender v-else-if="showPage == 4" />
   </div>
 </template>
 
 <script>
 import DepositListDetail from './components/deposit_list-detail'
 import {
-  getDepositManageDate,
-} from "@/api/engin_deposit/refund_list";
+  getDepositManageDate
+} from '@/api/engin_deposit/refund_list'
 import DepositApplyDeduction from './components/deposit-apply-deduction.vue'
 import DepositApplySurrender from './components/deposit-apply-surrender.vue'
-import {downloadFiles, handleImport} from '@/utils/util'
-import {getList} from '@/api/engin_deposit.js'
+import { downloadFiles, handleImport } from '@/utils/util'
+import { getList } from '@/api/engin_deposit.js'
 import Mixin from '@/mixin'
 
 export default {
@@ -652,8 +669,8 @@ export default {
         startAcceptTime: '',
         endAcceptTime: '',
         geLiInerNote: '',
-        startFactoryNo:'',
-        endFactoryNo:''
+        startFactoryNo: '',
+        endFactoryNo: ''
       }, // 搜索表单
       listLoading: false, // 列表加载loading
       deduction: '全部',
@@ -688,7 +705,7 @@ export default {
         {
           label: '关闭',
           value: 'CLOSE'
-        },
+        }
       ]
     }
   },
@@ -698,10 +715,10 @@ export default {
     }
   },
   methods: {
-    //同步资料日期
+    // 同步资料日期
     async syncDateFn() {
-      await getDepositManageDate();
-      this.$message.success("同步资料日期成功");
+      await getDepositManageDate()
+      this.$message.success('同步资料日期成功')
     },
     // 免扣申请
     deductionFn() {
@@ -736,11 +753,11 @@ export default {
           item.totalPrice = item.itemPrice * item.itemQty
 
           // item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
-          item.sums1 = ['qty','orderHasSendQty','itemDataQty',
-          "itemContractQty"]
-          item.sums2 = ['itemDepositAmount', 'diffAmount', 'price','totalAmount','depositAmount','totalPrice',"itemContractPrice",
-          "itemContractAmount",
-     ]
+          item.sums1 = ['qty', 'orderHasSendQty', 'itemDataQty',
+            'itemContractQty']
+          item.sums2 = ['itemDepositAmount', 'diffAmount', 'price', 'totalAmount', 'depositAmount', 'totalPrice', 'itemContractPrice',
+            'itemContractAmount'
+          ]
         })
         this.listLoading = false
         this.listTotal = res.data.total
@@ -751,15 +768,13 @@ export default {
     },
     hanleDownloadFiles() {
       let isRefundDeposit = this.deduction === '已退押' ? true : ''
-      if (this.screenForm.isRefundDeposit == true || this.screenForm.isRefundDeposit == false ) {
-          isRefundDeposit =this.screenForm.isRefundDeposit
-    }
+      if (this.screenForm.isRefundDeposit == true || this.screenForm.isRefundDeposit == false) {
+        isRefundDeposit = this.screenForm.isRefundDeposit
+      }
       downloadFiles('deposit-manage/export', {
         ...this.screenForm,
         isRefundDeposit,
-        orderType:'HOME' })
-
-
+        orderType: 'HOME' })
     },
     // 导入
     async handleImport(param) {

src/views/deposit_home/refund_list.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="app-container">
     <div v-if="showSurrender">
-      <el-radio-group @change="changeRadioFn" v-model="examine" size="mini">
+      <el-radio-group v-model="examine" size="mini" @change="changeRadioFn">
         <el-radio-button label="">全部</el-radio-button>
         <el-radio-button label="SAVE">保存</el-radio-button>
         <el-radio-button label="WAIT">待审核</el-radio-button>
         <!--    <el-radio-button label="FAIL">审核驳回</el-radio-button> -->
         <el-radio-button label="OK">审核通过</el-radio-button>
       </el-radio-group>
-      <br /><br />
+      <br><br>
       <!-- 筛选条件 -->
       <div>
         <el-form
@@ -48,7 +48,7 @@
                 <el-input
                   v-model="screenForm.refTradeCategory"
                   placeholder="请输入"
-                ></el-input>
+                />
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
@@ -85,38 +85,36 @@
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="是否退押 " prop="isRefundDeposit">
                 <el-select
-                  style="width: 100%"
                   v-model="screenForm.isRefundDeposit"
+                  style="width: 100%"
                   placeholder="请选择是否退押 "
                 >
-                  <el-option label="默认" :value="null"></el-option>
+                  <el-option label="默认" :value="null" />
 
                   <el-option
                     v-for="item in refundDepositArr"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  >
-                  </el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="状态 " prop="examineStatus">
                 <el-select
-                  style="width: 100%"
                   v-model="screenForm.examineStatus"
+                  style="width: 100%"
                   placeholder="请选择状态 "
                 >
-                  <el-option label="默认" :value="null"></el-option>
+                  <el-option label="默认" :value="null" />
 
                   <el-option
                     v-for="item in examineStatusArr"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  >
-                  </el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -199,7 +197,7 @@
                   <el-input
                     v-model="screenForm.specification"
                     placeholder="规格型号"
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
@@ -207,7 +205,7 @@
                   <el-input
                     v-model="screenForm.specialNo"
                     placeholder="特价编号"
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
@@ -215,7 +213,7 @@
                   <el-input
                     v-model="screenForm.refFactoryNo"
                     placeholder="跨区厂编号"
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
@@ -223,7 +221,7 @@
                   <el-input
                     v-model="screenForm.geLiInerNote"
                     placeholder="格力内部备注"
-                  ></el-input>
+                  />
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :lg="6">
@@ -233,14 +231,14 @@
                       <el-input
                         v-model="screenForm.startFactoryNo"
                         placeholder="厂编号开始"
-                      ></el-input>
+                      />
                     </el-form-item>
                     <span>-</span>
                     <el-form-item prop="endFactoryNo">
                       <el-input
                         v-model="screenForm.endFactoryNo"
                         placeholder="厂编号结束"
-                      ></el-input>
+                      />
                     </el-form-item>
                   </div>
                 </el-form-item>
@@ -282,7 +280,6 @@
 
                 </el-form-item>
 
-
               </el-col> -->
             </template>
             <el-col :xs="24" :sm="24" :lg="24">
@@ -295,9 +292,11 @@
               </div>
               <el-form-item label="" class="fr">
                 <el-button size="mini" @click="resetFn">清空</el-button>
-                <el-button size="mini" type="primary" @click="searchFn"
-                  >搜索</el-button
-                >
+                <el-button
+                  size="mini"
+                  type="primary"
+                  @click="searchFn"
+                >搜索</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -312,23 +311,24 @@
           </el-radio-group> -->
           <!-- <el-button type="primary" size="mini" @click="syncDateFn">同步资料日期</el-button> -->
           <el-popconfirm
+            v-if="$checkBtnRole('examine', $route.meta.roles)"
             title="批量审核吗？"
             @onConfirm="batchExamine"
-            v-if="$checkBtnRole('examine', $route.meta.roles)"
           >
             <el-button
               slot="reference"
               size="mini"
               type="warning"
               icon="el-icon-finished"
-              >批量审核工程机已审单据</el-button
-            >
+            >批量审核工程机已审单据</el-button>
           </el-popconfirm>
         </div>
         <div class="fr">
-          <el-button type="primary" size="mini" @click="exportFn"
-            >导出</el-button
-          >
+          <el-button
+            type="primary"
+            size="mini"
+            @click="exportFn"
+          >导出</el-button>
           <el-upload
             class="import-btn"
             action=""
@@ -351,13 +351,12 @@
             fit
             highlight-current-row
             stripe
-            @selection-change="handleSelectionChange"
             show-summary
             :summary-method="$getSummaries"
+            @selection-change="handleSelectionChange"
           >
             >
-            <el-table-column type="selection" align="center" width="55">
-            </el-table-column>
+            <el-table-column type="selection" align="center" width="55" />
             <el-table-column
               align="left"
               label="状态"
@@ -366,27 +365,25 @@
               show-overflow-tooltip
             >
               <template v-slot="{ row }">
-                <el-tag size="mini" v-show="row.examineStatus == 'SAVE'"
-                  >保存</el-tag
-                >
                 <el-tag
+                  v-show="row.examineStatus == 'SAVE'"
                   size="mini"
+                >保存</el-tag>
+                <el-tag
                   v-show="row.examineStatus == 'WAIT'"
+                  size="mini"
                   type="warning"
-                  >待审核</el-tag
-                >
+                >待审核</el-tag>
                 <el-tag
-                  size="mini"
                   v-show="row.examineStatus == 'OK'"
+                  size="mini"
                   type="success"
-                  >通过</el-tag
-                >
+                >通过</el-tag>
                 <el-tag
-                  size="mini"
                   v-show="row.examineStatus == 'FAIL'"
+                  size="mini"
                   type="danger"
-                  >不通过</el-tag
-                >
+                >不通过</el-tag>
               </template>
             </el-table-column>
             <el-table-column
@@ -397,7 +394,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refEnginRecordNo" />
+                <CopyButton :copy-text="scope.row.refEnginRecordNo" />
                 <span>{{ scope.row.refEnginRecordNo }}</span>
               </template>
             </el-table-column>
@@ -431,7 +428,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.customerNumber" />
+                <CopyButton :copy-text="scope.row.customerNumber" />
                 <span>{{ scope.row.customerNumber }}</span>
               </template>
             </el-table-column>
@@ -443,7 +440,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.customerName" />
+                <CopyButton :copy-text="scope.row.customerName" />
                 <span>{{ scope.row.customerName }}</span>
               </template>
             </el-table-column>
@@ -455,7 +452,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refFactoryNo" />
+                <CopyButton :copy-text="scope.row.refFactoryNo" />
                 <span>{{ scope.row.refFactoryNo }}</span>
               </template>
             </el-table-column>
@@ -465,16 +462,14 @@
               prop="factoryNo"
               min-width="160"
               show-overflow-tooltip
-            >
-            </el-table-column>
+            />
             <el-table-column
               align="right"
               label="特价编号"
               prop="specialNo"
               min-width="160"
               show-overflow-tooltip
-            >
-            </el-table-column>
+            />
             <el-table-column
               align="left"
               label="行业类别"
@@ -483,7 +478,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refTradeCategory" />
+                <CopyButton :copy-text="scope.row.refTradeCategory" />
                 <span>{{ scope.row.refTradeCategory }}</span>
               </template>
             </el-table-column>
@@ -495,7 +490,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refUseUnit" />
+                <CopyButton :copy-text="scope.row.refUseUnit" />
                 <span>{{ scope.row.refUseUnit }}</span>
               </template>
             </el-table-column>
@@ -507,7 +502,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.refRegionWork" />
+                <CopyButton :copy-text="scope.row.refRegionWork" />
                 <span>{{ scope.row.refRegionWork }}</span>
               </template>
             </el-table-column>
@@ -531,7 +526,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.materialNumber" />
+                <CopyButton :copy-text="scope.row.materialNumber" />
                 <span>{{ scope.row.materialNumber }}</span>
               </template>
             </el-table-column>
@@ -543,7 +538,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.materialOldNumber" />
+                <CopyButton :copy-text="scope.row.materialOldNumber" />
                 <span>{{ scope.row.materialOldNumber }}</span>
               </template>
             </el-table-column>
@@ -556,7 +551,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.materialName" />
+                <CopyButton :copy-text="scope.row.materialName" />
                 <span>{{ scope.row.materialName }}</span>
               </template>
             </el-table-column>
@@ -564,17 +559,35 @@
               align="left"
               label="规格型号"
               prop="specification"
-              min-width="260"
+              min-width="300"
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.specification" />
+                <CopyButton :copy-text="scope.row.specification" />
                 <span>{{ scope.row.specification }}</span>
               </template>
             </el-table-column>
-            <el-table-column align="left" label="实装物料编号" prop="realMaterialNumber" min-width="150" show-overflow-tooltip></el-table-column>
-            <el-table-column align="left" label="实装厂产品编码" prop="realMaterialOldNumber" min-width="200" show-overflow-tooltip></el-table-column>
-            <el-table-column align="left" label="实装规格型号" prop="realSpecification" min-width="300" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="实装规格型号" prop="realSpecification" min-width="300" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realSpecification != scope.row.specification?{color:'blue'}:''">
+                  {{ scope.row.realSpecification }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="实装物料编号" prop="realMaterialNumber" min-width="150" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber?{color:'blue'}:''">
+                  {{ scope.row.realMaterialNumber }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="实装厂产品编码" prop="realMaterialOldNumber" min-width="200" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber?{color:'blue'}:''">
+                  {{ scope.row.realMaterialOldNumber }}
+                </div>
+              </template>
+            </el-table-column>
             <el-table-column
               align="left"
               label="是否退押"
@@ -587,8 +600,7 @@
                   v-if="scope.row.isRefundDeposit"
                   type="success"
                   size="small"
-                  >是</el-tag
-                >
+                >是</el-tag>
                 <el-tag v-else type="warning" size="small">否</el-tag>
               </template>
             </el-table-column>
@@ -612,8 +624,7 @@
               prop="installDate"
               min-width="160"
               show-overflow-tooltip
-            >
-            </el-table-column>
+            />
             <el-table-column
               align="left"
               label="审核人"
@@ -622,7 +633,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <CopyButton :copyText="scope.row.confirmName" />
+                <CopyButton :copy-text="scope.row.confirmName" />
                 <span>{{ scope.row.confirmName }}</span>
               </template>
             </el-table-column>
@@ -696,27 +707,25 @@
 
               <template slot-scope="scope">
                 <el-button
-                  type="text"
-                  class="textColor"
                   v-if="
                     scope.row.examineStatus == 'WAIT' &&
-                    $checkBtnRole('examine', $route.meta.roles)
+                      $checkBtnRole('examine', $route.meta.roles)
                   "
+                  type="text"
+                  class="textColor"
                   @click="examineFn(scope.row.depositManageId)"
-                  >审批</el-button
-                >
+                >审批</el-button>
 
                 <el-button
-                  type="text"
-                  class="textColor"
                   v-if="
                     scope.row.examineStatus == 'SAVE' ||
-                    scope.row.examineStatus == 'OK' ||
-                    scope.row.examineStatus == 'FAIL'
+                      scope.row.examineStatus == 'OK' ||
+                      scope.row.examineStatus == 'FAIL'
                   "
+                  type="text"
+                  class="textColor"
                   @click="infoFn(scope.row.depositManageId)"
-                  >详情</el-button
-                >
+                >详情</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -724,22 +733,21 @@
         <!-- 分页 -->
         <div class="fr">
           <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
             :current-page="currentPage"
             :page-sizes="[10, 20, 30, 50]"
             :page-size="pageSize"
             layout="total, sizes, prev, pager, next, jumper"
             :total="listTotal"
-          >
-          </el-pagination>
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
         </div>
       </div>
     </div>
-    <RefundListDetail @updateList="updateList" :detailId="detailId" v-else />
+    <RefundListDetail v-else :detail-id="detailId" @updateList="updateList" />
     <ExamineDialog
-      :isShow.sync="isShowExamineDialog"
-      :examineForm.sync="examineForm"
+      :is-show.sync="isShowExamineDialog"
+      :examine-form.sync="examineForm"
     />
   </div>
 </template>
@@ -749,160 +757,160 @@ import {
   examineData,
   getDepositManageList,
   getDepositManageDate,
-  getDepositManagExport,
-} from "@/api/engin_deposit/refund_list";
-import { downloadFiles, handleImport } from "@/utils/util";
-import ExamineDialog from "@/components/Common/examine-dialog";
+  getDepositManagExport
+} from '@/api/engin_deposit/refund_list'
+import { downloadFiles, handleImport } from '@/utils/util'
+import ExamineDialog from '@/components/Common/examine-dialog'
 
-import RefundListDetail from "./components/refund_list-detail.vue";
+import RefundListDetail from './components/refund_list-detail.vue'
 export default {
   components: {
     RefundListDetail,
-    ExamineDialog,
+    ExamineDialog
   },
   data() {
     return {
       importFileList: [],
-      enginOrderType: "HOME", //列表类型
+      enginOrderType: 'HOME', // 列表类型
       currentPage: 1, // 当前页码
       pageSize: 10, // 每页数量
       listTotal: 0, // 列表总数
       dataList: [], // 列表数据
       screenForm: {
-        confirmName: "", // 审核人
-        createName: "", // 创建人
-        customerKeyword: "", // 客户编码/客户名称
-        endDeliverTime: "", // 发货申请日期-结束
-        enginOrderNo: "", // 工程订单编号
-        enginOrderType: "HOME", // 工程订单类型
-        examineStatus: "", // 状态
-        refEnginRecordNo: "", // 登录单号
-        refProjectName: "", // 项目名称
-        refUseUnit: "", // 使用单位
-        startDeliverTime: "", // 发货申请日期-开始
-        startSubmitTime: "",
-        startConfirmTime: "",
+        confirmName: '', // 审核人
+        createName: '', // 创建人
+        customerKeyword: '', // 客户编码/客户名称
+        endDeliverTime: '', // 发货申请日期-结束
+        enginOrderNo: '', // 工程订单编号
+        enginOrderType: 'HOME', // 工程订单类型
+        examineStatus: '', // 状态
+        refEnginRecordNo: '', // 登录单号
+        refProjectName: '', // 项目名称
+        refUseUnit: '', // 使用单位
+        startDeliverTime: '', // 发货申请日期-开始
+        startSubmitTime: '',
+        startConfirmTime: '',
         isRefundDeposit: null,
-        startInstallTime: "",
-        endConfirmTime: "",
-        endInstallTime: "",
-        specification: "",
-        refFactoryNo: "",
-        factoryNo: "",
-        specialNo: "",
-        refRegionWork: "",
-        endSubmitTime: "",
-        refTradeCategory: "",
-        startAcceptTime: "",
-        endAcceptTime: "",
-        geLiInerNote: "",
-        startFactoryNo: "",
-        endFactoryNo: "",
+        startInstallTime: '',
+        endConfirmTime: '',
+        endInstallTime: '',
+        specification: '',
+        refFactoryNo: '',
+        factoryNo: '',
+        specialNo: '',
+        refRegionWork: '',
+        endSubmitTime: '',
+        refTradeCategory: '',
+        startAcceptTime: '',
+        endAcceptTime: '',
+        geLiInerNote: '',
+        startFactoryNo: '',
+        endFactoryNo: ''
       }, // 搜索表单
       refundDepositArr: [
         {
-          label: "是",
-          value: true,
+          label: '是',
+          value: true
         },
         {
-          label: "否",
-          value: false,
-        },
+          label: '否',
+          value: false
+        }
       ],
 
       examineStatusArr: [
         {
-          label: "保存",
-          value: "SAVE",
+          label: '保存',
+          value: 'SAVE'
         },
         {
-          label: "待审核",
-          value: "WAIT",
+          label: '待审核',
+          value: 'WAIT'
         },
         {
-          label: "通过",
-          value: "OK",
+          label: '通过',
+          value: 'OK'
         },
         {
-          label: "不通过",
-          value: "FAIL",
+          label: '不通过',
+          value: 'FAIL'
         },
         {
-          label: "关闭",
-          value: "CLOSE",
-        },
+          label: '关闭',
+          value: 'CLOSE'
+        }
       ],
       listLoading: false, // 列表加载loading
-      examine: "",
+      examine: '',
       showSurrender: true,
-      detailId: "",
+      detailId: '',
       selectData: [],
       isShowExamineDialog: false,
       examineForm: {
-        status: "OK",
-        remark: "",
-      },
-    };
+        status: 'OK',
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    isCustomer() {
+      return (
+        this.$store.getters.customerId && this.$store.getters.customerNumber
+      )
+    }
   },
   created() {
     this.getDataList({
       pageSize: this.pageSize,
       pageNum: this.currentPage,
       enginOrderType: this.enginOrderType,
-      ...this.screenForm,
+      ...this.screenForm
       // startDeliverTime: "",
-    });
-  },
-  computed: {
-    isCustomer() {
-      return (
-        this.$store.getters.customerId && this.$store.getters.customerNumber
-      );
-    },
+    })
   },
   methods: {
-    //同步资料日期
+    // 同步资料日期
     async syncDateFn() {
-      await getDepositManageDate();
-      this.$message.success("同步资料日期成功");
+      await getDepositManageDate()
+      this.$message.success('同步资料日期成功')
     },
     // 导入
     async handleImport(param) {
-      const file = param.file;
+      const file = param.file
 
-      const formData = new FormData();
-      formData.append("file", file);
+      const formData = new FormData()
+      formData.append('file', file)
 
-      let result = await handleImport("deposit-manage/import", formData);
+      const result = await handleImport('deposit-manage/import', formData)
 
-      console.log(result);
-      this.importFileList = [];
+      console.log(result)
+      this.importFileList = []
       if (result.code == 200) {
-        this.$message.success("导入成功");
+        this.$message.success('导入成功')
         this.getDataList({
           pageSize: this.pageSize,
           pageNum: this.currentPage,
-          confirmName: "",
-          createName: "",
-          customerKeyword: "",
+          confirmName: '',
+          createName: '',
+          customerKeyword: '',
           // endDeliverTime: "",
-          enginOrderNo: "",
+          enginOrderNo: '',
           enginOrderType: this.enginOrderType,
-          examineStatus: "",
-          refEnginRecordNo: "",
-          refProjectName: "",
-          refUseUnit: "",
-          ...this.screenForm,
+          examineStatus: '',
+          refEnginRecordNo: '',
+          refProjectName: '',
+          refUseUnit: '',
+          ...this.screenForm
           // startDeliverTime: "",
-        });
+        })
       } else {
-        this.$message.error(result.message);
+        this.$message.error(result.message)
       }
     },
     // 打开 批量审批
     batchExamine() {
       // if (this.selectData.length) {
-      this.submitExamineForm();
+      this.submitExamineForm()
       // this.isShowExamineDialog = true;
       //   return
       // }
@@ -911,198 +919,198 @@ export default {
     // 提交 批量审批
     submitExamineForm() {
       let ids = this.selectData.map((item) => {
-        return item.id;
-      });
-      ids = [...new Set(ids)];
+        return item.id
+      })
+      ids = [...new Set(ids)]
       examineData({
-        id: ids.join(","),
+        id: ids.join(','),
         examineStatus: this.examineForm.status,
         examineRemark: this.examineForm.remark,
-        serviceId: "",
+        serviceId: ''
       }).then((res) => {
-        this.isShowExamineDialog = false;
-        this.$successMsg("修改成功");
+        this.isShowExamineDialog = false
+        this.$successMsg('修改成功')
         this.getDataList({
           pageSize: this.pageSize,
           pageNum: this.currentPage,
-          confirmName: "",
-          createName: "",
-          customerKeyword: "",
+          confirmName: '',
+          createName: '',
+          customerKeyword: '',
           // endDeliverTime: "",
-          enginOrderNo: "",
+          enginOrderNo: '',
           enginOrderType: this.enginOrderType,
-          examineStatus: "",
-          refEnginRecordNo: "",
-          refProjectName: "",
-          refUseUnit: "",
-          ...this.screenForm,
+          examineStatus: '',
+          refEnginRecordNo: '',
+          refProjectName: '',
+          refUseUnit: '',
+          ...this.screenForm
           // startDeliverTime: "",
-        });
-      });
+        })
+      })
     },
-    //审批后更新列表数据
+    // 审批后更新列表数据
     updateList() {
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
-        confirmName: "",
-        createName: "",
-        customerKeyword: "",
+        confirmName: '',
+        createName: '',
+        customerKeyword: '',
         // endDeliverTime: "",
-        enginOrderNo: "",
+        enginOrderNo: '',
         enginOrderType: this.enginOrderType,
-        examineStatus: "",
-        refEnginRecordNo: "",
-        refProjectName: "",
-        refUseUnit: "",
-        ...this.screenForm,
+        examineStatus: '',
+        refEnginRecordNo: '',
+        refProjectName: '',
+        refUseUnit: '',
+        ...this.screenForm
         // startDeliverTime: "",
-      });
+      })
     },
-    //切换列表
+    // 切换列表
     changeEnginOrderTypeFn(v) {
       // console.log(v);
-      this.pageSize = 10;
-      this.currentPage = 1;
+      this.pageSize = 10
+      this.currentPage = 1
 
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
-        confirmName: "",
-        createName: "",
-        customerKeyword: "",
+        confirmName: '',
+        createName: '',
+        customerKeyword: '',
         // endDeliverTime: "",
-        enginOrderNo: "",
+        enginOrderNo: '',
         enginOrderType: v,
         examineStatus: this.examine,
-        refEnginRecordNo: "",
-        refProjectName: "",
-        refUseUnit: "",
-        ...this.screenForm,
+        refEnginRecordNo: '',
+        refProjectName: '',
+        refUseUnit: '',
+        ...this.screenForm
         // startDeliverTime: "",
-      });
+      })
     },
     // 更改每页数量
     handleSizeChange(val) {
-      this.pageSize = val;
-      this.currentPage = 1;
+      this.pageSize = val
+      this.currentPage = 1
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
-        confirmName: "",
-        createName: "",
-        customerKeyword: "",
+        confirmName: '',
+        createName: '',
+        customerKeyword: '',
         // endDeliverTime: "",
-        enginOrderNo: "",
+        enginOrderNo: '',
         enginOrderType: this.enginOrderType,
         examineStatus: this.examine,
-        refEnginRecordNo: "",
-        refProjectName: "",
-        refUseUnit: "",
-        ...this.screenForm,
+        refEnginRecordNo: '',
+        refProjectName: '',
+        refUseUnit: '',
+        ...this.screenForm
         // startDeliverTime: "",
-      });
+      })
     },
     // 更改当前页
     handleCurrentChange(val) {
-      this.currentPage = val;
+      this.currentPage = val
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
-        confirmName: "",
-        createName: "",
-        customerKeyword: "",
+        confirmName: '',
+        createName: '',
+        customerKeyword: '',
         // endDeliverTime: "",
-        enginOrderNo: "",
+        enginOrderNo: '',
         enginOrderType: this.enginOrderType,
         examineStatus: this.examine,
-        refEnginRecordNo: "",
-        refProjectName: "",
-        refUseUnit: "",
-        ...this.screenForm,
+        refEnginRecordNo: '',
+        refProjectName: '',
+        refUseUnit: '',
+        ...this.screenForm
         // startDeliverTime: "",
-      });
+      })
     },
-    //切换radio
+    // 切换radio
     changeRadioFn(v) {
-      this.examine = v;
+      this.examine = v
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
         enginOrderType: this.enginOrderType,
         ...this.screenForm,
-        examineStatus: this.examine,
+        examineStatus: this.examine
         // startDeliverTime: "",
-      });
+      })
     },
-    //导出
+    // 导出
     exportFn() {
-      let params = {
+      const params = {
         ...this.screenForm,
-        orderType: "HOME",
-        examine: this.examine,
-      };
-      downloadFiles("deposit-manage/export", params);
+        orderType: 'HOME',
+        examine: this.examine
+      }
+      downloadFiles('deposit-manage/export', params)
     },
-    //多选列表数据
+    // 多选列表数据
     handleSelectionChange(selectData) {
-      this.selectData = selectData;
+      this.selectData = selectData
     },
-    //重置
+    // 重置
     resetFn() {
-      this.screenForm.startInstallTime = "";
-      this.screenForm.endInstallTime = "";
-      this.$refs.screenForm.resetFields();
+      this.screenForm.startInstallTime = ''
+      this.screenForm.endInstallTime = ''
+      this.$refs.screenForm.resetFields()
       // this.screenForm.endSpecification = "";
       // this.screenForm.endSpecialNo = "";
       // this.screenForm.endRefFactoryNo = "";
     },
-    //搜索
+    // 搜索
     searchFn() {
       this.getDataList({
         pageSize: this.pageSize,
         pageNum: this.currentPage,
-        confirmName: "",
-        createName: "",
-        enginOrderNo: "",
+        confirmName: '',
+        createName: '',
+        enginOrderNo: '',
         enginOrderType: this.enginOrderType,
         examineStatus: this.examine,
-        refUseUnit: "",
-        ...this.screenForm,
-      });
+        refUseUnit: '',
+        ...this.screenForm
+      })
     },
-    //详情
+    // 详情
     infoFn(id) {
-      this.detailId = id;
-      this.showSurrender = false;
+      this.detailId = id
+      this.showSurrender = false
     },
     async getDataList(data) {
-      const res = await getDepositManageList(data);
+      const res = await getDepositManageList(data)
       res.data.records.forEach((item) => {
-        item.totalPrice = item.itemPrice * item.itemQty;
-        item.sums1 = ["orderHasSendQty", "itemDataQty", "itemQty","hasSendQty",
-          "itemContractQty"];
+        item.totalPrice = item.itemPrice * item.itemQty
+        item.sums1 = ['orderHasSendQty', 'itemDataQty', 'itemQty', 'hasSendQty',
+          'itemContractQty']
         item.sums2 = [
-          "itemDepositAmount",
-          "diffAmount",
-          "price",
-          "totalAmount",
-          "depositAmount",
-          "totalPrice",
-          "itemContractPrice",
-          "itemContractAmount",
+          'itemDepositAmount',
+          'diffAmount',
+          'price',
+          'totalAmount',
+          'depositAmount',
+          'totalPrice',
+          'itemContractPrice',
+          'itemContractAmount'
 
-        ];
-      });
-      this.dataList = res.data.records;
-      this.listTotal = res.data.total;
+        ]
+      })
+      this.dataList = res.data.records
+      this.listTotal = res.data.total
     },
     examineFn(id) {
-      this.detailId = id;
-      this.showSurrender = false;
-    },
-  },
-};
+      this.detailId = id
+      this.showSurrender = false
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>