修改看板表格

src/router/index.ts

@@ -49,16 +49,6 @@ export const constantRoutes: RouteRecordRaw[] = [
     hidden: true,
     component: () => import('@/views/boardGenerate/index.vue')
   },
-  {
-    path: '/boardGenerate1',
-    hidden: true,
-    component: () => import('@/views/boardGenerate/index1.vue')
-  },
-  {
-    path: '/boardGenerate2',
-    hidden: true,
-    component: () => import('@/views/boardGenerate/index2.vue')
-  },
   {
     path: '/boardView',
     hidden: true,

src/views/boardGenerate/boardList.vue

@@ -168,7 +168,7 @@ const createData = () => {
   }
 };
 const compileBoard = (row) => {
-  router.push({ path: '/boardGenerate1', query: { id: row.pageConfigId } });
+  router.push({ path: '/boardGenerate', query: { id: row.pageConfigId } });
 };
 const viewboard = (row) => {
   router.push({ path: '/boardView', query: { id: row.pageConfigId } });

src/views/boardGenerate/nodes/form/scrollTableNode.vue

@@ -6,7 +6,7 @@
 
     <div class="custom-node"
          :style="{width:props.dimensions.width*props.ratioWidth+'px',height:props.dimensions.height*props.ratioHeight+'px',pointerEvents:props.isView?'auto': 'none'}">
-      <div style="background-color: #094170"
+      <div style="background-color: #094170" v-if="props.data.options.isThShow"
            :style="{ height:props.data.options.thHeight, color:props.data.options.thColor,backgroundColor:props.data.options?.thBgColor }">
         <div class="scrollTable" style="font-weight: bold;"
              :style="{width: i.width || '100px',textAlign:i.align || 'left',lineHeight:props.data.options.thHeight}"
@@ -27,16 +27,22 @@
           <div class="scrollTable" style="font-weight: bold;"
                :style="{width: i.width || '100px',height:props.data.options.tdHeight,lineHeight:props.data.options.tdHeight,textAlign:i.align || 'left' }"
                v-for="(i,k) in props.data.options.tableOptions">
-            <span v-if="i.type === '文本'">{{ setText(((props.inputData.tableData || [])[k] || {})[i.field], i.formula)
-              }}</span>
-            <el-tag type="primary" v-else-if="i.type === '标签'">
-              {{ setText(((props.inputData.tableData || [])[k] || {})[i.field], i.formula) }}
-            </el-tag>
-            <el-image :preview-src-list="[((props.inputData.tableData || [])[k] || {})[i.field]]"
-                      v-else-if="i.type === '图片'" style="width: 100%;" :style="{height:props.data.options.tdHeight}"
-                      :src="setText(((props.inputData.tableData || [])[k] || {})[i.field],i.formula)" fit="contain" />
+            <span v-if="i.type === '文本'">
+              {{ setText(((props.inputData.tableData || [])[index] || {})[i.field], i.formula)}}
+            </span>
 
-            <span v-else>{{ setText(((props.inputData.tableData || [])[k] || {})[i.field], i.formula) }}</span>
+            <el-progress class="progress" v-else-if="i.type === '进度条'" :text-inside="true"
+                         :stroke-width="26"
+                         :percentage="parseFloat(setText(((props.inputData.tableData || [])[index] || {})[i.field], i.formula))" />
+
+            <el-tag type="primary" v-else-if="i.type === '标签'">
+              {{ setText(((props.inputData.tableData || [])[index] || {})[i.field], i.formula) }}
+            </el-tag>
+            <el-image :preview-src-list="[((props.inputData.tableData || [])[index] || {})[i.field]]"
+                      v-else-if="i.type === '图片'" style="width: 100%;" :style="{height:props.data.options.tdHeight}"
+                      :src="setText(((props.inputData.tableData || [])[index] || {})[i.field],i.formula)" fit="contain" />
+
+            <span v-else>{{ setText(((props.inputData.tableData || [])[index] || {})[i.field], i.formula) }}</span>
 
           </div>
         </div>
@@ -125,6 +131,13 @@ const resize = (e) => {
 .scrollTable {
   display: inline-block;
   vertical-align: top;
+  position: relative;
+}
+.progress{
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  transform: translateY(-50%);
 }
 </style>
 

src/views/print/nodes/selectNode.vue

@@ -24,7 +24,6 @@
           {{ text }}
           </span>
       </div>
-
     </div>
   </div>
 </template>
@@ -180,6 +179,7 @@ const border = () => {
   .span {
     text-align: center;
     width: 100%;
+    font-size: 14px;
   }
 }