表格样式调整

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

@@ -3,12 +3,15 @@
     <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
       <Add :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='新增'" />
-     <Xj ref="xj"  :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='下架'"  />
+      <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,12 +66,13 @@
               title: "已创建检验单",
               field: "issuedJyd",
               width: 140,
+              align: 'center', width: 80,
               formatter(a, b, v) {
-              let map = {
-              	Y: '✔',
-              	N: 'X'
-              }
-              	return map[v];
+                let map = {
+                  Y: '✔',
+                  N: 'X'
+                }
+                return map[v];
               }
             },
             {
@@ -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,9 +175,9 @@
           ctx.DialogTitle = '下架'
           ctx.DialogWidth = '70vw'
           ctx.showDialog = true
-          this.$nextTick(()=>{
-            this.$refs.xj.$refs.basePage.queryParams.mid=ctx.singleItem.id
-             this.$refs.xj.$refs.basePage.refresh()
+          this.$nextTick(() => {
+            this.$refs.xj.$refs.basePage.queryParams.mid = ctx.singleItem.id
+            this.$refs.xj.$refs.basePage.refresh()
           })
 
         } else {
@@ -155,7 +187,8 @@
       }
     },
     components: {
-      Add,Xj
+      Add,
+      Xj
       // Edit
     }