0412 新看板

src/views/modules/board/sopBoard.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mod-config container ">
     <div  class="pdfMenu" >
-        <div v-bind:style="{ width: '100%', height: '10%', backgroundColor: color }"></div>
+        <div  v-bind:style="{ width: '100%', height: '10%', backgroundColor: color,border: '3px',borderColor: 'white' ,borderStyle:'solid'}"></div>
 <!--        <button v-on:click="changeColor">Change Color</button>-->
       <h1 style="color: white">SOP指导书  派工单|{{seqNo}}</h1>
     </div>
@@ -44,7 +44,7 @@
     data () {
 
       return {
-        color:'yellow',
+        color:'#ffff00',
         tvId:this.$route.query.ip?this.$route.query.ip:'TV001',
         operator:'',
         seqNo:'',
@@ -104,11 +104,11 @@
       },
       changeColor(type){
         if(type==='1'){
-          this.color='green'
+          this.color='#00ff00'
         }else if(type==='2'){
-          this.color='yellow'
+          this.color='#ffff00'
         }else {
-          this.color='yellow'
+          this.color='#ffff00'
         }
       },
 
@@ -185,17 +185,17 @@
     height: 13px;
     padding: 0px;
   }
-  .board2 .el-table .green {
+  .board2 .el-table .#00ff00 {
     background: #8cee8c;
   }
   .board2 .el-table .success-row {
-    background: #1bb61b;
+    background: #00ff00;
   }
   .board2 .el-table .false-row {
     /*background: #cbcb14;*/
-    background: #db1212;
+    background: #ff0000;
   }
-  .board2 .el-table .yellow-row{
+  .board2 .el-table .#ffff00-row{
     background: #ffff00;
   }
   .container {