外协数据维护

src/views/Outsourcing/OutsourcingDataMaintenance/index.vue

@@ -22,6 +22,7 @@
         :data="tableData3"
         border
         stripe
+        size="small"
         tooltip-effect="dark"
         style="width: 100%;"
         height="650">
@@ -43,30 +44,31 @@
           <template slot-scope="scope">{{ scope.row.工艺名称简称 }}</template>
         </el-table-column>
 
+        <el-table-column label="计算方式" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="parseInt(scope.row.外协价格计算标准流水号)===1" type="success" size="small">工时</el-tag>
+            <el-tag v-if="parseInt(scope.row.外协价格计算标准流水号)===2" type="success" size="small">重量</el-tag>
+            <el-tag v-if="parseInt(scope.row.外协价格计算标准流水号)===3" type="success" size="small">面积</el-tag>
+          </template>
+        </el-table-column>
+
         <el-table-column align="center" label="工时价格(元/分)">
           <template slot-scope="scope">
-            <div :class="colorCode1[scope.$index]">
-              <h4>{{ scope.row.外协价格1 }}</h4>
-            </div>
+            {{ scope.row.外协价格1 }}
           </template>
         </el-table-column>
 
         <el-table-column align="center" label="重量价格(元/kg)">
           <template slot-scope="scope">
-            <div :class="colorCode2[scope.$index]">
-              <h4>{{ scope.row.重量价格1 }}</h4>
-            </div>
+            {{ scope.row.重量价格1 }}
           </template>
         </el-table-column>
 
         <el-table-column align="center" label="面积价格(元/m2)">
           <template slot-scope="scope">
-            <div :class="colorCode3[scope.$index]">
-              <h4>{{ scope.row.面积价格1 }}</h4>
-            </div>
+            {{ scope.row.面积价格1 }}
           </template>
         </el-table-column>
-
         <el-table-column label="操作" width="130px" align="center">
           <template slot-scope="scope">
             <el-button
@@ -227,21 +229,6 @@ export default {
       getTable(this.Code_Check, this.Code, this.Code_Check1, this.processClassificationValue, this.pageList, this.pageSize).then(response => {
         this.total = parseInt(response.data.total)
         if (response.data.rows.length !== 0) {
-          for (let i = 0; i < response.data.rows.length; i++) {
-            if (response.data.rows[i].外协价格计算标准流水号 === '1') {
-              this.colorCode1.push('mianji')
-              this.colorCode2.push('')
-              this.colorCode3.push('')
-            } else if (response.data.rows[i].外协价格计算标准流水号 === '2') {
-              this.colorCode1.push('')
-              this.colorCode2.push('mianji')
-              this.colorCode3.push('')
-            } else {
-              this.colorCode1.push('')
-              this.colorCode2.push('')
-              this.colorCode3.push('mianji')
-            }
-          }
           this.tableData3 = response.data.rows
         }
       })