表格样式调整

src/views/ccgl/zlgl/jyd/top/index.vue

@@ -38,6 +38,34 @@
           saveSelected: true
 
         },
+        cellStyle({
+          row,
+          column,
+          rowIndex,
+          columnIndex
+        }) {
+          // 定义样式变量
+          let cellStyle;
+          switch (row.isSendSap) {
+            // 0代表正常
+            case 'Y':
+              // 设置文本颜色 绿色 可以直接写颜色编码，也可以直接写颜色的单词
+              cellStyle = 'color:green';
+              break;
+              // 0代表金禁用
+            case 'N':
+              // 设置文本颜色 红色
+              cellStyle = 'color:red';
+              break;
+              // 如果有其他状态，就默认显示，不给文本颜色
+            default:
+              cellStyle = '';
+          }
+
+          if (column.label == "是否发送sap") {
+            return cellStyle
+          }
+        },
         config: {
           /* Dialog*/
           // queryDetail: true,
@@ -134,7 +162,14 @@
             {
               title: "是否发送sap",
               field: "isSendSap",
-              width: 240
+              align: 'center', width: 80,
+              formatter(a, b, v) {
+                let map = {
+                  Y: '✔',
+                  N: 'X'
+                }
+                return map[v];
+              }
             },
             {
               title: "备注",

src/views/ccgl/zlgl/kccjd/top/index.vue

@@ -6,9 +6,12 @@
       <Xj ref="xj" :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='下架'" />
     </template>
     <template #toolbar="ctx">
-      <el-button  v-if="ctx.basePage.powerObj['01']"   @click="showAdd(ctx.basePage)" size='mini' type="primary">新增</el-button>
-      <el-button  v-if="ctx.basePage.powerObj['21']"   @click="cxjyrw(ctx.basePage)" size='mini' type="primary">创建检验单</el-button>
-      <el-button  v-if="ctx.basePage.powerObj['22']"   @click="cjxjrw(ctx.basePage)" size='mini' type="primary">下架</el-button>
+      <el-button v-if="ctx.basePage.powerObj['01']" @click="showAdd(ctx.basePage)" size='mini'
+        type="primary">新增</el-button>
+      <el-button v-if="ctx.basePage.powerObj['21']" @click="cxjyrw(ctx.basePage)" size='mini'
+        type="primary">创建检验单</el-button>
+      <el-button v-if="ctx.basePage.powerObj['22']" @click="cjxjrw(ctx.basePage)" size='mini'
+        type="primary">下架</el-button>
 
     </template>
 
@@ -63,6 +66,7 @@
               title: "已创建检验单",
               field: "issuedJyd",
               width: 140,
+              align: 'center', width: 80,
               formatter(a, b, v) {
                 let map = {
                   Y: '✔',
@@ -82,6 +86,34 @@
               fieldType: 'ftDateTime'
             }
           ],
+          cellStyle({
+            row,
+            column,
+            rowIndex,
+            columnIndex
+          }) {
+            // 定义样式变量
+            let cellStyle;
+            switch (row.issuedJyd) {
+              // 0代表正常
+              case 'Y':
+                // 设置文本颜色 绿色 可以直接写颜色编码，也可以直接写颜色的单词
+                cellStyle = 'color:green';
+                break;
+                // 0代表金禁用
+              case 'N':
+                // 设置文本颜色 红色
+                cellStyle = 'color:red';
+                break;
+                // 如果有其他状态，就默认显示，不给文本颜色
+              default:
+                cellStyle = '';
+            }
+
+            if (column.label == "已创建检验单") {
+              return cellStyle
+            }
+          },
           queryParams: [
             [{
                 label: '重检单号',
@@ -143,8 +175,8 @@
           ctx.DialogTitle = '下架'
           ctx.DialogWidth = '70vw'
           ctx.showDialog = true
-          this.$nextTick(()=>{
-            this.$refs.xj.$refs.basePage.queryParams.mid=ctx.singleItem.id
+          this.$nextTick(() => {
+            this.$refs.xj.$refs.basePage.queryParams.mid = ctx.singleItem.id
             this.$refs.xj.$refs.basePage.refresh()
           })
 
@@ -155,7 +187,8 @@
       }
     },
     components: {
-      Add,Xj
+      Add,
+      Xj
       // Edit
     }