外协付款计划

src/views/Outsourcing/OutsourcingPaymentPlanManagement/index.vue

@@ -56,12 +56,18 @@
     </el-card>
 
     <el-card>
-      <el-table v-loading="loading" :data="tableData" :row-class-name="tableRowClassName" height="580" style="width: 100%;" border element-loading-text="拼命加载中" @row-click="getParts">
+      <el-table v-loading="loading" :data="tableData" height="580" style="width: 100%;" border element-loading-text="拼命加载中" @row-click="getParts">
         <el-table-column
           label=" "
           type="index"
           align="center"
           width="50"/>
+        <el-table-column label="外协状态" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.实际付款时间!==''" type="success" size="small">已付款</el-tag>
+            <el-tag v-else type="info" size="small">未付款</el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="表单号" align="center" width="280px">
           <template slot-scope="scope">
             {{ scope.row.表单号 }}
@@ -425,14 +431,6 @@ export default {
       this.dialogFormVisible2 = false
       this.$refs[formName].resetFields()
     },
-    // 表格颜色
-    tableRowClassName({ row }) {
-      if (row.实际付款时间 !== '') {
-        return 'fukuan'
-      } else {
-        return ''
-      }
-    },
     // 获取表格2数据
     getParts(row) {
       this.loading2 = true