Merge branch 'product' of http://git.mes123.com/zhouyx/mes-ui into product

pages/produce/execute/execute.less

+
+.execute_box{
+    .top_title{
+        height: 50px;
+        line-height: 49px;
+        text-align: center;
+        font-weight: 600;
+        border-bottom: 1px solid #CACBD0;
+    }
+    .star{
+        height: 33vh;
+        padding: 6vh 0;
+        border-bottom: 1px solid #CACBD0;
+        .start{
+            width: 177px;
+            height: 177px;
+            background: url("../image/starbg.png")no-repeat center;
+            background-size: 100%;
+            display: block;
+            margin: 0 auto;
+            text-align: center;
+            line-height: 176px;
+            font-size: 22px;
+            color: #fff;
+        }
+    }
+    .gd_list{
+        position: absolute;
+        top: 45%;
+        left: 1px;
+        background: #2680EB;
+        color: #fff;
+        width: 32px;
+        padding: 8px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px;
+    }
+    .gn_area{
+        position: absolute;
+        top: 45%;
+        right: 1px;
+        background: #515A6E;
+        color: #fff;
+        width: 32px;
+        padding: 8px;
+        border-top-left-radius: 5px;
+        border-bottom-left-radius: 5px;
+    }
+    .footer_box{
+        height: calc( 66vh - 142px);
+        padding: 40px 40px 40px 40px;
+        .ul_box{
+            padding: 35px 60px;
+            min-width: 380px;
+            min-height: 370px;
+            border-right: 1px solid #CACBD0;
+            ul li{
+                height: 30px;
+                line-height: 29px;
+            }
+        }
+        .img_box {
+            text-align: center;
+            line-height: 350px;
+            font-size: 32px;
+            width: 750px;
+            height: 350px;
+            background: #ddd;
+            margin: 10px 0 0 170px;
+        }
+    }
+}
\ No newline at end of file

pages/produce/execute/index.vue

+<style lang="less">
+@import "./execute.less";
+</style>
+<template>
+    <div class="execute_box">
+        <div class="top_title">
+            <span class="fl">进度汇报</span>
+            <div>工单编号: 12001011</div>
+        </div>
+        <div class="star" v-if="starmodal">
+            <a class="start">
+                <Icon type="md-play" />
+                开工</a>
+            </div>
+        <div class="star" v-else-if="!starmodal">执行</div>
+        <a class="gd_list" @click="value1 = true">工单列表</a>
+        <a class="gn_area" @click="value2 = true">功能区</a>
+        <div class="footer_box">
+            <div class="ul_box fl">
+                <ul>
+                    <li>名称：名称1</li>
+                    <li>图号：UIGT-763245</li>
+                    <li>状态：未开工</li>
+                    <li>订单编号：097543346</li>
+                    <li>订单属性1：</li>
+                    <li>订单属性2：</li>
+                    <li>订单属性3：</li>
+                    <li>计划数量：10</li>
+                    <li>节点日期：2020-02-25</li>
+                </ul>
+            </div>
+            <div class="ul_box fl">
+                <ul>
+                    <li>工序名称：名称1</li>
+                    <li>工序序号：UIGT-763245</li>
+                    <li>派工数量：66</li>
+                    <li>资源名称：23366</li>
+                    <li>资源编号：986732038</li>
+                    <li>人员信息：</li>
+                    <li>开始时间：</li>
+                    <li>结束时间：</li>
+                    <li>单件工时：10</li>
+                    <li>准备工时：2020-02-25</li>
+                </ul>
+            </div>
+            <div class="img_box fl">
+                图片区
+            </div>
+        </div>
+        <Drawer title="Basic Drawer" :closable="false" v-model="value2">
+            <p>Some contents...</p>
+            <p>Some contents...</p>
+            <p>Some contents...</p>
+        </Drawer>
+        <Drawer title="Basic Drawer" placement="left" :closable="false" v-model="value1">
+            <p>Some contents...</p>
+            <p>Some contents...</p>
+            <p>Some contents...</p>
+        </Drawer>
+    </div>
+</template>
+<script>
+export default {
+    // components: { ProductTree, Search },
+    data(){
+        return{
+            starmodal: true,
+            value1:false,
+            value2:false,
+        }
+    },
+    created() {
+        // this.treeHeight = window.innerHeight - 120;
+    },
+    async fetch({ store, params }) {
+        await store.dispatch("loadDictionary"); // 加载数据字典
+    },
+    mounted() {
+        window.onresize = () => {
+        ///浏览器窗口大小变化
+        return (() => {
+            this.treeHeight = window.innerHeight - 120;
+        })();
+        };
+    },
+    methods: {},
+}
+</script>