修改看板

src/views/base/monitorWorkUnit/index.vue

@@ -358,7 +358,7 @@ export default {
         delete node.children;
       }
       return {
-        id: node.objId,
+        id: node.monitorCode,
         label: node.monitorName,
         children: node.children
       };

src/views/board/liner/index.vue

@@ -11,24 +11,21 @@
     </div>
 
     <div class="scrollTable">
-      <div style="background-color: #094170">
+      <div style="background-color: #09417066">
         <div class="scrollTableItem" style="font-weight: bold;">
-          编号
+          产品型号
-        </div>
-        <div class="scrollTableItem" style="font-weight: bold;">
-          生产工单
         </div>
         <div class="scrollTableItem" style="font-weight: bold;">
           计划数量
         </div>
         <div class="scrollTableItem" style="font-weight: bold;">
-          实际数量
+          完成数量
         </div>
         <div class="scrollTableItem" style="font-weight: bold;">
-          差异值
+          生产进度
         </div>
         <div class="scrollTableItem" style="font-weight: bold;">
-          完成率
+          开始时间
         </div>
       </div>
       <vue-seamless-scroll
@@ -40,9 +37,8 @@
         <div
           v-for="(item, index) in scrollTableData"
           :key="index"
-
         >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
+          <div :style='"background-color:" + ((index % 2 === 0)? "#05346066":"#032d5766") '>
             <div
               class="scrollTableItem">
               {{ item.name }}
@@ -63,10 +59,6 @@
               class="scrollTableItem">
               {{ item.value2 }}
             </div>
-            <div
-              class="scrollTableItem">
-              {{ item.value2 }}
-            </div>
           </div>
         </div>
       </vue-seamless-scroll>
@@ -225,7 +217,8 @@ export default {
         {
           name: "入库",
           type: "bar",
-          barWidth: "15%",
+          barWidth: "30%",
+          barMaxWidth: 50,
           itemStyle: {
             normal: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -245,7 +238,8 @@ export default {
         {
           name: "出库",
           type: "bar",
-          barWidth: "15%",
+          barWidth: "30%",
+          barMaxWidth: 50,
           itemStyle: {
             normal: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -324,7 +318,8 @@ export default {
         {
           name: "内胆",
           type: "bar",
-          barWidth: "15%",
+          barWidth: "30%",
+          barMaxWidth: 50,
           itemStyle: {
             normal: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -344,7 +339,8 @@ export default {
         {
           name: "箱壳",
           type: "bar",
-          barWidth: "15%",
+          barWidth: "30%",
+          barMaxWidth: 50,
           itemStyle: {
             normal: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -442,7 +438,7 @@ export default {
   text-overflow: ellipsis;
   text-align: center;
   display: inline-block;
-  width: 16.6%;
+  width: 20%;
 }
 
 .chart1 {

src/views/board/setData.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="app-container">
+  </div>
+</template>
+
+<script>
+import backupsJson from '../../../../data.json'
+
+export default {
+  name: "Liner",
+  data() {
+    return {
+
+    }
+  },
+  mounted() {
+    console.log(backupsJson)
+  },
+  methods: {}
+};
+</script>
+<style scoped>
+
+</style>

vue.config.js

@@ -56,7 +56,7 @@ module.exports = {
     name: name,
     resolve: {
       alias: {
-        '@': resolve('src')
+        '@': resolve('./src')
       }
     },
     plugins: [