fix: 数据变色方法调整

src/views/deposit_home/components/deposit-apply-surrender.vue

@@ -249,7 +249,7 @@
             <template slot-scope="scope">
               <el-input
                 v-model="scope.row.depositSpecification"
-                :class="scope.row.realSpecification != scope.row.specification ? 'input' : scope.row.depositSpecification !=scope.row.realSpecification ? 'input2':'' "
+                :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')"
                 size="mini"
                 readonly
                 @click.native="getRealMaterData(scope.$index)"
@@ -266,7 +266,7 @@
             <template slot-scope="scope">
               <el-input
                 v-model="scope.row.depositMaterialNumber"
-                :class="scope.row.realMaterialNumber != scope.row.materialNumber? 'input' : scope.row.depositMaterialNumber != scope.row.realMaterialNumber? 'input2':'' "
+                :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')"
                 size="mini"
                 readonly
                 @click.native="getRealMaterData(scope.$index)"
@@ -283,7 +283,7 @@
             <template slot-scope="scope">
               <el-input
                 v-model="scope.row.depositMaterialOldNumber"
-                :class="scope.row.realMaterialOldNumber != scope.row.materialOldNumber? 'input' : scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber? 'input2':'' "
+                :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')"
                 size="mini"
                 readonly
                 @click.native="getRealMaterData(scope.$index)"
@@ -750,6 +750,20 @@ export default {
       return (qty, price) => {
         return Number(qty) * Number(price)
       }
+    },
+    setColour() {
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
+      }
     }
   },
   watch: {

src/views/deposit_home/components/deposit_list-detail.vue

@@ -337,7 +337,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : scope.row.depositSpecification !=scope.row.realSpecification ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')">
                   {{ scope.row.depositSpecification }}
                 </div>
               </template>
@@ -350,7 +350,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } :scope.row.depositMaterialNumber != scope.row.realMaterialNumber? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')">
                   {{ scope.row.depositMaterialNumber }}
                 </div>
               </template>
@@ -363,7 +363,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } :scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')">
                   {{ scope.row.depositMaterialOldNumber }}
                 </div>
               </template>
@@ -1107,9 +1107,17 @@ export default {
       return !!(this.$store.getters.customerId && this.$store.getters.customerNumber)
     },
     setColour() {
-      return e => {
-        console.log(e)
-        return { color: '#f00' }
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
       }
     }
   },
@@ -1232,6 +1240,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .input .el-input__inner, .input {
+  color: blue !important;
+}
+::v-deep .input2  .el-input__inner, .input2 {
+  color: #f00 !important;
+}
 .aaa {
   height: 64px;
   width: 64px;

src/views/deposit_home/components/deposit_replenish.vue

@@ -335,7 +335,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : scope.row.depositSpecification !=scope.row.realSpecification ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')">
                   {{ scope.row.depositSpecification }}
                 </div>
               </template>
@@ -348,7 +348,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } :scope.row.depositMaterialNumber != scope.row.realMaterialNumber? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')">
                   {{ scope.row.depositMaterialNumber }}
                 </div>
               </template>
@@ -361,7 +361,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } :scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')">
                   {{ scope.row.depositMaterialOldNumber }}
                 </div>
               </template>
@@ -1143,6 +1143,20 @@ export default {
   computed: {
     isCustomer() {
       return !!(this.$store.getters.customerId && this.$store.getters.customerNumber)
+    },
+    setColour() {
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
+      }
     }
   },
   created() {
@@ -1313,6 +1327,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .input .el-input__inner, .input {
+  color: blue !important;
+}
+::v-deep .input2  .el-input__inner, .input2 {
+  color: #f00 !important;
+}
 .aaa {
   height: 64px;
   width: 64px;

src/views/deposit_home/components/refund_list-detail.vue

@@ -447,13 +447,16 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div v-if="title=='详情'" :class="scope.row.realSpecification != scope.row.specification ? 'input' : scope.row.depositSpecification !=scope.row.realSpecification ? 'input2':'' ">
+                <div
+                  v-if="title=='详情'"
+                  :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')"
+                >
                   {{ scope.row.depositSpecification }}
                 </div>
                 <el-input
                   v-else
                   v-model="scope.row.depositSpecification"
-                  :class="scope.row.realSpecification != scope.row.specification ? 'input' : scope.row.depositSpecification !=scope.row.realSpecification ? 'input2':'' "
+                  :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')"
                   size="mini"
                   readonly
                   @click.native="getRealMaterData(scope.$index)"
@@ -470,14 +473,14 @@
               <template slot-scope="scope">
                 <div
                   v-if="title=='详情'"
-                  :class="scope.row.realMaterialNumber != scope.row.materialNumber? 'input' : scope.row.depositMaterialNumber != scope.row.realMaterialNumber? 'input2':'' "
+                  :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')"
                 >
                   {{ scope.row.depositMaterialNumber }}
                 </div>
                 <el-input
                   v-else
                   v-model="scope.row.depositMaterialNumber"
-                  :class="scope.row.realMaterialNumber != scope.row.materialNumber? 'input' : scope.row.depositMaterialNumber != scope.row.realMaterialNumber? 'input2':'' "
+                  :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')"
                   size="mini"
                   readonly
                   @click.native="getRealMaterData(scope.$index)"
@@ -494,14 +497,14 @@
               <template slot-scope="scope">
                 <div
                   v-if="title=='详情'"
-                  :class="scope.row.realMaterialOldNumber != scope.row.materialOldNumber? 'input' : scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber? 'input2':'' "
+                  :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')"
                 >
                   {{ scope.row.depositMaterialOldNumber }}
                 </div>
                 <el-input
                   v-else
                   v-model="scope.row.depositMaterialOldNumber"
-                  :class="scope.row.realMaterialOldNumber != scope.row.materialOldNumber? 'input' : scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber? 'input2':'' "
+                  :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')"
                   size="mini"
                   readonly
                   @click.native="getRealMaterData(scope.$index)"
@@ -1199,6 +1202,20 @@ export default {
         console.log(qty, price)
         return Number(qty) * Number(price)
       }
+    },
+    setColour() {
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
+      }
     }
   },
   data() {
@@ -1659,10 +1676,10 @@ export default {
 
 <style lang="scss" scoped>
 
-::v-deep .input .el-input__inner {
+::v-deep .input .el-input__inner, .input {
   color: blue !important;
 }
-::v-deep .input2  .el-input__inner {
+::v-deep .input2  .el-input__inner, .input2 {
   color: #f00 !important;
 }
 .inpt {

src/views/deposit_home/components/refund_reexamine.vue

@@ -82,12 +82,12 @@
               detailList.examineStatus == 'SAVE'
                 ? '保存'
                 : detailList.examineStatus == 'WAIT'
-                ? '待审核'
-                : detailList.examineStatus == 'OK'
-                ? '通过'
-                : detailList.examineStatus == 'FAIL'
-                ? '不通过'
-                : '关闭'
+                  ? '待审核'
+                  : detailList.examineStatus == 'OK'
+                    ? '通过'
+                    : detailList.examineStatus == 'FAIL'
+                      ? '不通过'
+                      : '关闭'
             }}
           </div>
         </el-col>
@@ -135,35 +135,35 @@
           <div class="value">{{ detailList.refInstallAddress }}</div>
         </el-col>
         <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">登录有效期</div>
-              <div class="value">
-                {{ detailList.refBillsExpireDate }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">实际使用单位</div>
-              <div class="value">
-                {{ detailList.realUseUnit }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">实际安装地址</div>
-              <div class="value">
-                {{ detailList.realInstallAddress }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">项目编号</div>
-              <div class="value">
-                {{ detailList.refProjectNo }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">购买单位</div>
-              <div class="value">
-                {{ detailList.refBuyUnitName }}
-              </div>
-            </el-col>
+          <div class="label">登录有效期</div>
+          <div class="value">
+            {{ detailList.refBillsExpireDate }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">实际使用单位</div>
+          <div class="value">
+            {{ detailList.realUseUnit }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">实际安装地址</div>
+          <div class="value">
+            {{ detailList.realInstallAddress }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">项目编号</div>
+          <div class="value">
+            {{ detailList.refProjectNo }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">购买单位</div>
+          <div class="value">
+            {{ detailList.refBuyUnitName }}
+          </div>
+        </el-col>
         <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
             <div class="label">工程订单号</div>
             <div class="value">{{ detailList.customerName }}</div>
@@ -213,13 +213,13 @@
           </div>
         </el-col>
         <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
-              <div class="label">格力内部资料备注</div>
-              <div class="value">{{ detailList.geLiInnerDataNote }}</div>
-            </el-col>
-            <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
-              <div class="label">订单格力内部备注</div>
-              <div class="value">{{ detailList. orderGeLiInnerNote }}</div>
-            </el-col>
+          <div class="label">格力内部资料备注</div>
+          <div class="value">{{ detailList.geLiInnerDataNote }}</div>
+        </el-col>
+        <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
+          <div class="label">订单格力内部备注</div>
+          <div class="value">{{ detailList. orderGeLiInnerNote }}</div>
+        </el-col>
         <el-col :xs="24" :sm="24" :lg="8" class="item">
           <div class="label">提交保证函</div>
           <!-- <div class="value">{{ detailList.remark }}</div> -->
@@ -466,7 +466,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : scope.row.depositSpecification !=scope.row.realSpecification ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')">
                   {{ scope.row.depositSpecification }}
                 </div>
               </template>
@@ -479,7 +479,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } :scope.row.depositMaterialNumber != scope.row.realMaterialNumber? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')">
                   {{ scope.row.depositMaterialNumber }}
                 </div>
               </template>
@@ -492,7 +492,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } :scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')">
                   {{ scope.row.depositMaterialOldNumber }}
                 </div>
               </template>
@@ -597,101 +597,101 @@
       </div>
     </div>
     <h3>押金货品信息</h3>
-      <el-divider />
-      <!-- 列表 -->
-      <div class="mymain-container">
-        <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="detailList.collectList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            show-summary
-            :summary-method="$getSummaries"
-          >
-            <el-table-column align="left" label="工程登录单号" prop="refEnginRecordNo" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.refEnginRecordNo" />
-                <span>{{ scope.row.refEnginRecordNo }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="规格型号" prop="specification" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.specification" />
-                <span>{{ scope.row.specification }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="基本单位编码" prop="unit" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.unit" />
-                <span>{{ scope.row.unit }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerWalletName" />
-                <span>{{ scope.row.customerWalletName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="现金钱包编码" prop="customerWalletNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerWalletNumber" />
-                <span>{{ scope.row.customerWalletNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料类型名称" prop="k3CategoryName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.k3CategoryName" />
-                <span>{{ scope.row.k3CategoryName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料类型编码" prop="k3CategoryNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.k3CategoryNumber" />
-                <span>{{ scope.row.k3CategoryNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料名称" prop="materialName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialName" />
-                <span>{{ scope.row.materialName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料编码" prop="materialNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialNumber" />
-                <span>{{ scope.row.materialNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料旧编码" prop="materialOldNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialOldNumber" />
-                <span>{{ scope.row.materialOldNumber }}</span>
-              </template>
-            </el-table-column>
+    <el-divider />
+    <!-- 列表 -->
+    <div class="mymain-container">
+      <div class="table">
+        <el-table
+          v-loading="listLoading"
+          :data="detailList.collectList"
+          element-loading-text="Loading"
+          border
+          fit
+          highlight-current-row
+          stripe
+          show-summary
+          :summary-method="$getSummaries"
+        >
+          <el-table-column align="left" label="工程登录单号" prop="refEnginRecordNo" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.refEnginRecordNo" />
+              <span>{{ scope.row.refEnginRecordNo }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="规格型号" prop="specification" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.specification" />
+              <span>{{ scope.row.specification }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="基本单位编码" prop="unit" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.unit" />
+              <span>{{ scope.row.unit }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.customerWalletName" />
+              <span>{{ scope.row.customerWalletName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="现金钱包编码" prop="customerWalletNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.customerWalletNumber" />
+              <span>{{ scope.row.customerWalletNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料类型名称" prop="k3CategoryName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.k3CategoryName" />
+              <span>{{ scope.row.k3CategoryName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料类型编码" prop="k3CategoryNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.k3CategoryNumber" />
+              <span>{{ scope.row.k3CategoryNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料名称" prop="materialName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialName" />
+              <span>{{ scope.row.materialName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料编码" prop="materialNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialNumber" />
+              <span>{{ scope.row.materialNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料旧编码" prop="materialOldNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialOldNumber" />
+              <span>{{ scope.row.materialOldNumber }}</span>
+            </template>
+          </el-table-column>
 
-            <el-table-column align="left" label="已发押金数量" prop="hasSendQty" min-width="130" show-overflow-tooltip />
-            <el-table-column align="left" label="单价" prop="price" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.price | numToFixed }}
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="已退押金金额" prop="refundDepositAmount" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.refundDepositAmount | numToFixed }}
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="押金金额" prop="depositAmount" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.depositAmount | numToFixed }}
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
+          <el-table-column align="left" label="已发押金数量" prop="hasSendQty" min-width="130" show-overflow-tooltip />
+          <el-table-column align="left" label="单价" prop="price" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.price | numToFixed }}
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="已退押金金额" prop="refundDepositAmount" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.refundDepositAmount | numToFixed }}
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="押金金额" prop="depositAmount" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.depositAmount | numToFixed }}
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
+    </div>
     <h3 class="gdzl">工程资料</h3>
     <!--    <el-button :readonly="isDis" class="batchDownload" type="primary" size="small" @click="batchDownloadFn"-->
     <!--      >批量下载</el-button-->
@@ -723,11 +723,11 @@
                 fit="cover"
                 :preview-src-list="[imageURL + scope.row.fileUrl]"
               />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa" src="@/assets/common/zip.jpeg" />
+              <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa" src="@/assets/common/zip.jpeg">
             </template>
           </el-table-column>
           <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
@@ -737,9 +737,11 @@
           </el-table-column>
           <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
-                >下载</el-button
-              >
+              <el-button
+                type="text"
+                class="textColor"
+                @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
+              >下载</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -927,19 +929,19 @@
                     fit="cover"
                     :preview-src-list="[imageURL + scope.row.fileUrl]"
                   />
-                  <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
+                  <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png">
                   <img
                     v-if="checkFileType(scope.row.fileUrl) == 'excel'"
                     class="file"
                     src="@/assets/common/excel.png"
-                  />
-                  <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
-                  <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
+                  >
+                  <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png">
+                  <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png">
                   <img
                     v-if="checkFileType(scope.row.fileUrl) == 'file'"
                     class="file aaa"
                     src="@/assets/common/zip.jpeg"
-                  />
+                  >
                 </template>
               </el-table-column>
               <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
@@ -949,9 +951,11 @@
               </el-table-column>
               <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
                 <template slot-scope="scope">
-                  <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
-                    >下载</el-button
-                  >
+                  <el-button
+                    type="text"
+                    class="textColor"
+                    @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
+                  >下载</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -1004,7 +1008,7 @@
               <el-col :xs="12" :sm="24" :lg="24" class="item">
                 <div class="label">复核说明</div>
                 <div class="value">
-                  <el-input v-model="detailList.reviewRemark" type="text"></el-input>
+                  <el-input v-model="detailList.reviewRemark" type="text" />
                 </div>
               </el-col>
             </el-row>
@@ -1012,7 +1016,7 @@
         </div>
       </div>
     </div>
-    <br />
+    <br>
 
     <!-- 按钮 -->
     <!-- detailList.examineStatus != 'OK' || detailList.examineStatus != 'FAIL' -->
@@ -1056,6 +1060,20 @@ export default {
         console.log(qty, price)
         return Number(qty) * Number(price)
       }
+    },
+    setColour() {
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
+      }
     }
   },
   data() {
@@ -1202,16 +1220,15 @@ export default {
         ]
       })
       res.data.collectList.forEach(item => {
-
-// item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
-item.sums1 = ['orderHasSendQty', 'dataQty', 'hasSendQty']
-item.sums2 = [ 'price', 'refundDepositAmount', 'depositAmount']
-})
+        // item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
+        item.sums1 = ['orderHasSendQty', 'dataQty', 'hasSendQty']
+        item.sums2 = ['price', 'refundDepositAmount', 'depositAmount']
+      })
       res.data.items = arr
       this.amendData = res.data.dataList.filter(k => k.dataPosition == 'AMEND')
       this.original = res.data.dataList.filter(k => k.dataPosition != 'AMEND')
-      res.data.realUseUnit =res.data.realUseUnit || res.data.refUseUnit
-          res.data.realInstallAddress =   res.data.realInstallAddress ||res.data.refInstallAddress
+      res.data.realUseUnit = res.data.realUseUnit || res.data.refUseUnit
+      res.data.realInstallAddress = res.data.realInstallAddress || res.data.refInstallAddress
       this.detailList = res.data
 
       if (res.data.examineStatus == 'SAVE' || res.data.examineStatus == 'OK' || res.data.examineStatus == 'FAIL') {
@@ -1226,6 +1243,12 @@ item.sums2 = [ 'price', 'refundDepositAmount', 'depositAmount']
 </script>
 
 <style lang="scss" scoped>
+::v-deep .input .el-input__inner, .input {
+  color: blue !important;
+}
+::v-deep .input2  .el-input__inner, .input2 {
+  color: #f00 !important;
+}
 .inpt {
   ::v-deep .el-input__inner {
     text-align: right;

src/views/deposit_home/components/refund_replenish.vue

@@ -82,12 +82,12 @@
               detailList.examineStatus == 'SAVE'
                 ? '保存'
                 : detailList.examineStatus == 'WAIT'
-                ? '待审核'
-                : detailList.examineStatus == 'OK'
-                ? '通过'
-                : detailList.examineStatus == 'FAIL'
-                ? '不通过'
-                : '关闭'
+                  ? '待审核'
+                  : detailList.examineStatus == 'OK'
+                    ? '通过'
+                    : detailList.examineStatus == 'FAIL'
+                      ? '不通过'
+                      : '关闭'
             }}
           </div>
         </el-col>
@@ -135,35 +135,35 @@
           <div class="value">{{ detailList.refInstallAddress }}</div>
         </el-col>
         <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">登录有效期</div>
-              <div class="value">
-                {{ detailList.refBillsExpireDate }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">实际使用单位</div>
-              <div class="value">
-                {{ detailList.realUseUnit }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">实际安装地址</div>
-              <div class="value">
-                {{ detailList.realInstallAddress }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">项目编号</div>
-              <div class="value">
-                {{ detailList.refProjectNo }}
-              </div>
-            </el-col>
-            <el-col :xs="24" :sm="24" :lg="8" class="item">
-              <div class="label">购买单位</div>
-              <div class="value">
-                {{ detailList.refBuyUnitName }}
-              </div>
-            </el-col>
+          <div class="label">登录有效期</div>
+          <div class="value">
+            {{ detailList.refBillsExpireDate }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">实际使用单位</div>
+          <div class="value">
+            {{ detailList.realUseUnit }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">实际安装地址</div>
+          <div class="value">
+            {{ detailList.realInstallAddress }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">项目编号</div>
+          <div class="value">
+            {{ detailList.refProjectNo }}
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8" class="item">
+          <div class="label">购买单位</div>
+          <div class="value">
+            {{ detailList.refBuyUnitName }}
+          </div>
+        </el-col>
         <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
             <div class="label">工程订单号</div>
             <div class="value">{{ detailList.customerName }}</div>
@@ -213,13 +213,13 @@
           </div>
         </el-col>
         <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
-              <div class="label">格力内部资料备注</div>
-              <div class="value">{{ detailList.geLiInnerDataNote }}</div>
-            </el-col>
-            <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
-              <div class="label">订单格力内部备注</div>
-              <div class="value">{{ detailList. orderGeLiInnerNote }}</div>
-            </el-col>
+          <div class="label">格力内部资料备注</div>
+          <div class="value">{{ detailList.geLiInnerDataNote }}</div>
+        </el-col>
+        <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
+          <div class="label">订单格力内部备注</div>
+          <div class="value">{{ detailList. orderGeLiInnerNote }}</div>
+        </el-col>
         <el-col :xs="24" :sm="24" :lg="8" class="item">
           <div class="label">提交保证函</div>
           <!-- <div class="value">{{ detailList.remark }}</div> -->
@@ -466,7 +466,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : scope.row.depositSpecification !=scope.row.realSpecification ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'specification', 'realSpecification', 'depositSpecification')">
                   {{ scope.row.depositSpecification }}
                 </div>
               </template>
@@ -479,7 +479,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } :scope.row.depositMaterialNumber != scope.row.realMaterialNumber? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialNumber', 'realMaterialNumber', 'depositMaterialNumber')">
                   {{ scope.row.depositMaterialNumber }}
                 </div>
               </template>
@@ -492,7 +492,7 @@
               show-overflow-tooltip
             >
               <template slot-scope="scope">
-                <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } :scope.row.depositMaterialOldNumber != scope.row.realMaterialOldNumber ? { color: '#f00' }:'' ">
+                <div :class="setColour(scope.row,'materialOldNumber', 'realMaterialOldNumber', 'depositMaterialOldNumber')">
                   {{ scope.row.depositMaterialOldNumber }}
                 </div>
               </template>
@@ -597,101 +597,101 @@
       </div>
     </div>
     <h3>押金货品信息</h3>
-      <el-divider />
-      <!-- 列表 -->
-      <div class="mymain-container">
-        <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="detailList.collectList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            show-summary
-            :summary-method="$getSummaries"
-          >
-            <el-table-column align="left" label="工程登录单号" prop="refEnginRecordNo" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.refEnginRecordNo" />
-                <span>{{ scope.row.refEnginRecordNo }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="规格型号" prop="specification" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.specification" />
-                <span>{{ scope.row.specification }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="基本单位编码" prop="unit" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.unit" />
-                <span>{{ scope.row.unit }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerWalletName" />
-                <span>{{ scope.row.customerWalletName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="现金钱包编码" prop="customerWalletNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.customerWalletNumber" />
-                <span>{{ scope.row.customerWalletNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料类型名称" prop="k3CategoryName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.k3CategoryName" />
-                <span>{{ scope.row.k3CategoryName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料类型编码" prop="k3CategoryNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.k3CategoryNumber" />
-                <span>{{ scope.row.k3CategoryNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料名称" prop="materialName" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialName" />
-                <span>{{ scope.row.materialName }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料编码" prop="materialNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialNumber" />
-                <span>{{ scope.row.materialNumber }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="金蝶物料旧编码" prop="materialOldNumber" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                <CopyButton :copy-text="scope.row.materialOldNumber" />
-                <span>{{ scope.row.materialOldNumber }}</span>
-              </template>
-            </el-table-column>
+    <el-divider />
+    <!-- 列表 -->
+    <div class="mymain-container">
+      <div class="table">
+        <el-table
+          v-loading="listLoading"
+          :data="detailList.collectList"
+          element-loading-text="Loading"
+          border
+          fit
+          highlight-current-row
+          stripe
+          show-summary
+          :summary-method="$getSummaries"
+        >
+          <el-table-column align="left" label="工程登录单号" prop="refEnginRecordNo" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.refEnginRecordNo" />
+              <span>{{ scope.row.refEnginRecordNo }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="规格型号" prop="specification" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.specification" />
+              <span>{{ scope.row.specification }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="基本单位编码" prop="unit" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.unit" />
+              <span>{{ scope.row.unit }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.customerWalletName" />
+              <span>{{ scope.row.customerWalletName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="现金钱包编码" prop="customerWalletNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.customerWalletNumber" />
+              <span>{{ scope.row.customerWalletNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料类型名称" prop="k3CategoryName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.k3CategoryName" />
+              <span>{{ scope.row.k3CategoryName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料类型编码" prop="k3CategoryNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.k3CategoryNumber" />
+              <span>{{ scope.row.k3CategoryNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料名称" prop="materialName" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialName" />
+              <span>{{ scope.row.materialName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料编码" prop="materialNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialNumber" />
+              <span>{{ scope.row.materialNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="金蝶物料旧编码" prop="materialOldNumber" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copy-text="scope.row.materialOldNumber" />
+              <span>{{ scope.row.materialOldNumber }}</span>
+            </template>
+          </el-table-column>
 
-            <el-table-column align="left" label="已发押金数量" prop="hasSendQty" min-width="130" show-overflow-tooltip />
-            <el-table-column align="left" label="单价" prop="price" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.price | numToFixed }}
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="已退押金金额" prop="refundDepositAmount" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.refundDepositAmount | numToFixed }}
-              </template>
-            </el-table-column>
-            <el-table-column align="left" label="押金金额" prop="depositAmount" min-width="130" show-overflow-tooltip>
-              <template slot-scope="scope">
-                {{ scope.row.depositAmount | numToFixed }}
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
+          <el-table-column align="left" label="已发押金数量" prop="hasSendQty" min-width="130" show-overflow-tooltip />
+          <el-table-column align="left" label="单价" prop="price" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.price | numToFixed }}
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="已退押金金额" prop="refundDepositAmount" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.refundDepositAmount | numToFixed }}
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="押金金额" prop="depositAmount" min-width="130" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.depositAmount | numToFixed }}
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
+    </div>
     <h3 class="gdzl">工程资料</h3>
     <!--    <el-button :readonly="isDis" class="batchDownload" type="primary" size="small" @click="batchDownloadFn"-->
     <!--      >批量下载</el-button-->
@@ -723,11 +723,11 @@
                 fit="cover"
                 :preview-src-list="[imageURL + scope.row.fileUrl]"
               />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
-              <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa" src="@/assets/common/zip.jpeg" />
+              <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png">
+              <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa" src="@/assets/common/zip.jpeg">
             </template>
           </el-table-column>
           <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
@@ -737,9 +737,11 @@
           </el-table-column>
           <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
-                >下载</el-button
-              >
+              <el-button
+                type="text"
+                class="textColor"
+                @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
+              >下载</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -920,15 +922,15 @@
                   fit="cover"
                   :preview-src-list="[imageURL + scope.row.fileUrl]"
                 />
-                <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
-                <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png" />
-                <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
-                <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
+                <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png">
+                <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png">
+                <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png">
+                <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png">
                 <img
                   v-if="checkFileType(scope.row.fileUrl) == 'file'"
                   class="file aaa"
                   src="@/assets/common/zip.jpeg"
-                />
+                >
               </template>
             </el-table-column>
             <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
@@ -938,9 +940,11 @@
             </el-table-column>
             <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
-                  >下载</el-button
-                >
+                <el-button
+                  type="text"
+                  class="textColor"
+                  @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
+                >下载</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -994,7 +998,7 @@
               <el-col :xs="12" :sm="24" :lg="24" class="item">
                 <div class="label">复核说明</div>
                 <div class="value">
-                  <input v-model="detailList.reviewRemark" type="text" />
+                  <input v-model="detailList.reviewRemark" type="text">
                 </div>
               </el-col>
             </el-row>
@@ -1059,7 +1063,7 @@
         </div>
       </div>
     </div>
-    <br />
+    <br>
 
     <!-- 按钮 -->
     <!-- detailList.examineStatus != 'OK' || detailList.examineStatus != 'FAIL' -->
@@ -1106,6 +1110,20 @@ export default {
         console.log(qty, price)
         return Number(qty) * Number(price)
       }
+    },
+    setColour() {
+      return (row, oldValue, newValue, mostNewValue) => {
+        let myCalss = ''
+        if (row[newValue] !== row[oldValue]) {
+          myCalss = 'input'
+        }
+        if (row[mostNewValue] !== row[newValue]) {
+          myCalss = 'input2'
+        }
+        console.log(row, 9999, myCalss)
+
+        return myCalss
+      }
     }
   },
   data() {
@@ -1443,16 +1461,15 @@ export default {
         ]
       })
       res.data.collectList.forEach(item => {
-
-// item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
-item.sums1 = ['orderHasSendQty', 'dataQty', 'hasSendQty']
-item.sums2 = [ 'price', 'refundDepositAmount', 'depositAmount']
-})
+        // item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
+        item.sums1 = ['orderHasSendQty', 'dataQty', 'hasSendQty']
+        item.sums2 = ['price', 'refundDepositAmount', 'depositAmount']
+      })
       res.data.items = arr
       this.amendData = res.data.dataList.filter(k => k.dataPosition == 'AMEND')
       this.original = res.data.dataList.filter(k => k.dataPosition != 'AMEND')
-      res.data.realUseUnit =res.data.realUseUnit || res.data.refUseUnit
-          res.data.realInstallAddress =   res.data.realInstallAddress ||res.data.refInstallAddress
+      res.data.realUseUnit = res.data.realUseUnit || res.data.refUseUnit
+      res.data.realInstallAddress = res.data.realInstallAddress || res.data.refInstallAddress
       this.detailList = res.data
       if (res.data.examineStatus == 'SAVE' || res.data.examineStatus == 'OK' || res.data.examineStatus == 'FAIL') {
         this.title = '详情'
@@ -1496,6 +1513,12 @@ item.sums2 = [ 'price', 'refundDepositAmount', 'depositAmount']
 </script>
 
 <style lang="scss" scoped>
+::v-deep .input .el-input__inner, .input {
+  color: blue !important;
+}
+::v-deep .input2  .el-input__inner, .input2 {
+  color: #f00 !important;
+}
 .inpt {
   ::v-deep .el-input__inner {
     text-align: right;