进程汇报--工单列表

pages/produce/execute/components/orderlist.vue

@@ -3,10 +3,55 @@
 </style>
 <template>
     <div class="order_list">
-        <h4 class="order_title">
+        <!-- <h4 class="order_title">
             <span class="gd_tt">工单列表</span>
             <a ><Icon type="ios-list" size="18" />  展开全部列表</a>
-        </h4>
+        </h4> -->
+        <div class="select_t">
+            <!-- <Icon type="md-arrow-dropright" /> -->
+            <Select v-model="odermodel" style="width:100px">
+                <Option v-for="item in oderList" :value="item.value" :key="item.index">{{ item.label }}</Option>
+            </Select>
+            <Button class="fr">时间正序排列</Button>
+        </div>
+        <div class="card_box">
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">执行中</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">未开工</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">执行中</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">暂停中</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">交检中</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+            <Card class="card_order">
+                <p slot="title">CJ_181212_002_001 <span class="fr">已完成</span></p>
+                <p>发动机</p>
+                <p><Icon type="ios-pricetags" />工序1：领料</p>
+                <p>2018-12-12 ~ 2018-12-30</p>
+            </Card>
+        </div>
     </div>
 </template>
 <script>
@@ -15,6 +60,31 @@ export default {
     data(){
         return{
             gnFlag:0,
+            odermodel:'全部',
+            oderList:[
+                {
+                    value: '全部',
+                    label: '全部'
+                },{
+                    value: '未开工',
+                    label: '未开工'
+                },{
+                    value: '执行中',
+                    label: '执行中'
+                },{
+                    value: '暂停中',
+                    label: '暂停中'
+                },{
+                    value: '交检中',
+                    label: '交检中'
+                },{
+                    value: '交接中',
+                    label: '交接中'
+                },{
+                    value: '已完成',
+                    label: '已完成'
+                },
+            ],
         }        
     },
     methods: {

pages/produce/execute/execute.less

@@ -90,6 +90,17 @@
                             margin: 0 55px 0 0;
                         }
                     }
+                    .order_list{
+                        .select_t {
+                            padding: 15px 20px;
+                        }
+                        .card_box{
+                            padding: 0 15px;
+                            .card_order{
+                                margin: 15px 0;
+                            }
+                        }
+                    }
                 }
             }
         }

pages/produce/execute/index.vue

@@ -14,7 +14,7 @@
             </div>
         <div class="star flex fc-b" v-else-if="starmodal">
             <Button class="button" size='large' type="primary"><Icon type="ios-pause" /> 暂停</Button>
-            <Button class="button" size='large' type="primary"><Icon type="logo-angular" /> 校验</Button>
+            <Button class="button" size='large' type="primary"><Icon type="logo-angular" /> 交检</Button>
             <Button class="button" size='large' type="primary"><Icon type="ios-checkmark-circle-outline" /> 完工</Button>
             <Button class="button" size='large' type="primary"><Icon type="md-swap" /> 转序交接</Button>
         </div>
@@ -52,8 +52,14 @@
         </div>
         <a class="gd_list" @click="orderlistMode = true">工单列表</a>
         <a class="gn_area" @click="functionalMode = true">功能区</a>
-        <!--  title="工单列表" -->
-        <Drawer placement="left" class="gd_box" :closable="false" v-model="orderlistMode">
+        <!-- -->
+        <Drawer title="工单列表"  placement="left" class="gd_box" :closable="false" v-model="orderlistMode">
+            <!-- <p slot="title"> -->
+                <!-- 55555 -->
+                 <!-- <span class="gd_tt">工单列表222252</span>
+                <a ><Icon type="ios-list" size="18" />  展开全部列表</a> -->
+            <!-- </p> -->
+            <!-- <Slot name="title">123123</Slot> -->
             <orderlist ref="orderlist"/>
         </Drawer>
          <!-- title="功能区"  -->