工单列表

pages/produce/orderlist.vue

@@ -49,7 +49,7 @@
             </Col>
           </Row>
           <div class="panel-text">
-            <Row >
+            <Row>
               <Col span="8">
                 <img
                   :src="getUrl(row.productUrl)"
@@ -61,9 +61,9 @@
               <Col span="16" class="row">
                 <p>开始时间：{{row.beginTime}}</p>
                 <p>
-                  <span v-if="(row.status==12||row.status==14||row.status==5)">计划</span>结束时间：{{row.endTime}}
+                  <span v-if="getStatus(row.status)">计划</span>结束时间：{{row.endTime}}
                 </p>
-                <p v-if="(row.status==12||row.status==14||row.status==5)&&getTimes(row.endTime)>0">
+                <p v-if="getStatus(row.status)&&getTimes(row.endTime)>0">
                   剩余时间：
                   <OutputTime :value="getTimes(row.endTime)" style="display:inline"></OutputTime>
                 </p>
@@ -77,21 +77,21 @@
                   type="md-alert"
                   size="18"
                   color="#FFA000"
-                  v-if="(row.status==12||row.status==14||row.status==5)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0"
+                  v-if="getStatus(row.status)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0"
                 />
                 <span
                   style="color:#FFA000"
-                  v-if="(row.status==12||row.status==14||row.status==5)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0"
+                  v-if="getStatus(row.status)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0"
                 >预警</span>&nbsp;&nbsp;
                 <Icon
                   type="md-timer"
                   size="18"
                   color="#FE7777"
-                  v-if="(row.status==12||row.status==14||row.status==5)&&compareTime(row.endTime)"
+                  v-if="getStatus(row.status)&&compareTime(row.endTime)"
                 />
                 <span
                   style="color:#FE7777"
-                  v-if="(row.status==12||row.status==14||row.status==5)&&compareTime(row.endTime)"
+                  v-if="getStatus(row.status)&&compareTime(row.endTime)"
                 >超期</span>
               </Col>
             </Row>
@@ -176,7 +176,7 @@ export default {
                   attrs: { oprate: "edit" },
                   on: { click: () => this.toExecute(params.row.id) }
                 },
-                "处理"
+                "查看"
               )
             ]);
           }
@@ -407,7 +407,7 @@ export default {
       typeInfo: "card",
       iconInfo: "md-apps",
       titleInfo: "卡片模式",
-      nowTime: new Date().getTime()
+      nowTime: new Date().getTime()//页面当前打开时间
     };
   },
   created() {},
@@ -417,14 +417,12 @@ export default {
   mounted() {
     this.search();
   },
-  async fetch({ store, params }) {
-    await store.dispatch("loadDictionary"); // 加载数据字典
-  },
   methods: {
     search() {
       this.$refs.grid.reload(this.easySearch);
     },
     toExecute() {
+      //跳转到对应操作页面
       this.$router.push("/produce/execute");
     },
     tdStyle(val) {
@@ -441,6 +439,7 @@ export default {
       return style;
     },
     changeShwo() {
+      //显示模式切换
       if (this.typeInfo == "card") {
         this.typeInfo = "table";
         this.iconInfo = "md-list";
@@ -473,16 +472,25 @@ export default {
       }
       return res;
     },
+    getStatus(status) {
+      //根据状态返回未开工、执行中、暂停状态的bool值
+      let res = true;
+      if (status == 12 || status == 14 || status == 5) {
+        res = true;
+      } else {
+        res = false;
+      }
+      return res
+    },
     getUrl(url) {
+      //返回img需要显示的src值
       let tempUrl = "";
       if (url && url.length > 0) {
         tempUrl = this.downUrl + JSON.parse(url)[0].filePath;
+      } else {
+        tempUrl = iconImg + "noPic_product.png";
       }
-      else
-      {
-        tempUrl=iconImg+"noPic_product.png"
-      }
-      return tempUrl 
+      return tempUrl;
     },
     l(key) {
       let vkey = "mes_order" + "." + key;
@@ -533,8 +541,7 @@ export default {
       }
     }
   }
-  .body:hover
-  {
+  .body:hover {
     cursor: pointer;
     box-shadow: 0 0 10px #888888;
   }