工单执行

pages/produce/orderlist.vue

 <template>
-  <div class="aps-r">
-    <DataGrid
-      :columns="columns"
-      ref="grid"
-      :batch="false"
-      :type="typeInfo"
-      :span="6"
-      :lazy="true"
-      :conditions="easySearch"
-      :action="action"
-      :gutter="40"
-    >
+<div class="aps-r">
+    <DataGrid :columns="columns" ref="grid" :batch="false" :type="typeInfo" :span="6" :lazy="true" :conditions="easySearch" :action="action" :gutter="40">
         <template slot="easySearch">
             <Form ref="formInline" :model="easySearch" inline>
                 <FormItem prop="keys">
-            <Input
-              placeholder="请输入订单编号/产品名称/图号"
-              v-model="easySearch.keys.value"
-              v-width="260"
-              clearable
-            />
+                    <Input placeholder="请输入订单编号/产品名称/图号" v-model="easySearch.keys.value" v-width="260" clearable />
                 </FormItem>
+                <!--
+                <FormItem>
+                    <Dictionary code="taskList.status" placeholder="请选择工单状态" :multiple="true" v-model="easySearch.status.value"></Dictionary>
+                </FormItem>
+                -->
                 <FormItem>
                     <Button type="primary" @click="search">查询</Button>
                 </FormItem>
@@ -33,10 +23,7 @@
             <Button :icon="iconInfo" shape="circle" :title="titleInfo" @click="changeShwo"></Button>
         </template>
         <template slot="card" slot-scope="{row}">
-        <div
-          class="body"
-          @click="toExecute(row.id,row.orderId,row.executeId,row.routingHeaderId,row.routingDetailId,row.quantity,row.status,row.mesCode,row.productName,row.drawnNumber)"
-        >
+            <div class="body" @click="toExecute(row.id,row.orderId,row.executeId,row.routingHeaderId,row.routingDetailId,row.quantity,row.status,row.mesCode,row.productName,row.drawnNumber)">
                 <Row class="title-i">
                     <Col :span="10" class="order-code">
                     <Ellipsis :text="row.productName" :lines="1" tooltip transfer />
@@ -48,13 +35,7 @@
                     <div class="statuBg" :style="tdStyle(row.status)"></div>
                     <div class="boxTitle">
                         <div class="text">
-                  <state
-                    code="taskList.status"
-                    ref="state"
-                    :value="row.status"
-                    type="text"
-                    :color="false"
-                  ></state>
+                            <state code="taskList.status" ref="state" :value="row.status" type="text" :color="false"></state>
                         </div>
                     </div>
                     </Col>
@@ -92,33 +73,17 @@
                     <Row class="rowBottom">
                         <Col span="14">{{l("drawnNumber")}}：{{row.drawnNumber}}</Col>
                         <Col span="10" class="tr">
-                <Icon
-                  type="md-alert"
-                  size="18"
-                  color="#FFA000"
-                  v-if="getStatus(row.status)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0"
-                />
-                <span
-                  style="color:#FFA000"
-                  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="getStatus(row.status)&&compareTime(row.endTime)"
-                />
-                <span
-                  style="color:#FE7777"
-                  v-if="getStatus(row.status)&&compareTime(row.endTime)"
-                >超期</span>
+                        <Icon type="md-alert" size="18" color="#FFA000" v-if="getStatus(row.status)&&getTimes(row.endTime)<86400&&getTimes(row.endTime)>0" />
+                        <span style="color:#FFA000" 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="getStatus(row.status)&&compareTime(row.endTime)" />
+                        <span style="color:#FE7777" v-if="getStatus(row.status)&&compareTime(row.endTime)">超期</span>
                         </Col>
                     </Row>
                 </div>
             </div>
         </template>
     </DataGrid>
-  </div>
+</div>
 </template>
 
 <script>
@@ -137,10 +102,13 @@ export default {
                     op: "mesCode,productName,drawnNumber",
                     value: null,
                 },
+                // status: {
+                //     op: "In",
+                //     value: [12, 14, 5, 7, -1]
+                // }
             },
             downUrl: fileUrlDown,
-      columns: [
-        {
+            columns: [{
                     title: this.l("mesCode"),
                     key: "mesCode",
                     width: 240,
@@ -194,14 +162,12 @@ export default {
                     align: "center",
                     render: (h, params) => {
                         return h(
-              "div",
-              {
+                            "div", {
                                 class: "action",
                             },
                             [
                                 h(
-                  "op",
-                  {
+                                    "op", {
                                         attrs: {
                                             oprate: "edit",
                                         },
@@ -238,7 +204,10 @@ export default {
         let oldStr = localStorage.getItem("admin");
         let userlist = this.$store.getters.getUser(2);
     },
-  async fetch({ store, params }) {
+    async fetch({
+        store,
+        params
+    }) {
         await store.dispatch("loadDictionary"); // 加载数据字典
     },
     mounted() {
@@ -390,16 +359,19 @@ export default {
 
         .panel-text {
             padding: 5px 8px;
+
             .img-i {
                 width: 120px;
                 height: 120px;
                 overflow: hidden;
                 border: #cacbd0 dashed 1px;
+
                 img {
                     //   width: 90px;
                     //   height: 90px;
                 }
             }
+
             .row {
                 color: #666666;
                 padding-left: 10px;