Skip to content

M
mes-ui
Commit e50fbf3b authored by 康振飞's avatar 康振飞
Browse files
Options

开工进度以及结构优化

parent fcf4cd58
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 83 deletions
pages/produce/execute/MaterialCollec/index.vue
View file @ e50fbf3b
<template> <template>
<div class=""> <div class="wu_bg">
<div class="star" v-if="!starmodal"> <div class="star" v-if="!starmodal">
<a class="start" @click="starFun" > <a class="start" @click="starFun" >
<Icon type="md-play" />
物料领用</a> 物料领用</a>
</div> </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="ios-checkmark-circle-outline" /> 完工</Button>
<Button class="button" size='large' type="primary"><Icon type="md-swap" /> 转序交接</Button>
</div>
<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> </div>
</div> </div>
</template> </template>
......
pages/produce/execute/execute.less
View file @ e50fbf3b
...@@ -24,10 +24,25 @@ ...@@ -24,10 +24,25 @@
line-height: 176px; line-height: 176px;
font-size: 22px; font-size: 22px;
color: #fff; color: #fff;
} }
.button{ .button{
margin: 0 9%; margin: 0 9%;
} }
.star_step{
padding: 24px;
.step_item{
display: inline-block;
width: 200px;
.icon_B{
i{
font-size: 40px;
}
}
ul,li{
list-style: disc;
}
}
}
} }
.gd_list{ .gd_list{
position: absolute; position: absolute;
...@@ -295,6 +310,7 @@ ...@@ -295,6 +310,7 @@
} }
.gd_user { .gd_user {
padding: 6px; padding: 6px;
color: #707070;
} }
.user_bg { .user_bg {
// border: 3px solid #ceb0b0; // border: 3px solid #ceb0b0;
...@@ -308,8 +324,12 @@ ...@@ -308,8 +324,12 @@
} }
.gd_user { .gd_user {
padding: 6px; padding: 6px;
color: #fff;
} }
} }
} }
} }
}
.wu_bg{
height: calc(100vh - 165px);
} }
\ No newline at end of file
pages/produce/execute/index.vue
View file @ e50fbf3b
...@@ -4,21 +4,10 @@ ...@@ -4,21 +4,10 @@
<template> <template>
<div class="execute_box"> <div class="execute_box">
<div class="top_title"> <div class="top_title">
<span class="fl">{{orderTitle}}--{{orderindex}}</span> <span class="fl">{{orderTitle}}--{{orderindex}}</span>
<div>工单编号: 12001011</div> <div>工单编号: 12001011</div>
</div> </div>
<component :is="detail" :gdid="gdId"/>
<starOrder v-if="orderindex==0" ref="starOrder"/>
<MaterialCollec v-else-if="orderindex==1" ref="MaterialCollec"/>
<productSet v-else-if="orderindex==2" ref="productSet"/>
<taskTime v-else-if="orderindex==3" ref="taskTime"/>
<preparation v-else-if="orderindex==4" ref="preparation"/>
<ProcessCheck v-else-if="orderindex==5" ref="ProcessCheck"/>
<ProcessCase v-else-if="orderindex==6" ref="ProcessCase"/>
<judgment v-else-if="orderindex==7" ref="judgment"/>
<datafilling v-else-if="orderindex==8" ref="datafilling"/>
<testdata v-else-if="orderindex==9" ref="testdata"/>
<a class="gd_list" @click="orderlistMode = true">工单列表</a> <a class="gd_list" @click="orderlistMode = true">工单列表</a>
<a class="gn_area" @click="functionalMode = true">功能区</a> <a class="gn_area" @click="functionalMode = true">功能区</a>
<!-- 工单列表 --> <!-- 工单列表 -->
...@@ -47,29 +36,17 @@ ...@@ -47,29 +36,17 @@
<script> <script>
import functional from "./components/functional"; import functional from "./components/functional";
import orderlist from "./components/orderlist"; import orderlist from "./components/orderlist";
import starOrder from "./starOrder/index";
import MaterialCollec from "./MaterialCollec/index";
import productSet from "./productSet/index";
import taskTime from "./taskTime/index";
import preparation from "./preparation/index";
import ProcessCheck from "./ProcessCheck/index";
import ProcessCase from "./ProcessCase/index";
import judgment from "./judgment/index";
import datafilling from "./datafilling/index";
import testdata from "./testdata/index";
export default { export default {
components: { functional, orderlist, components: { functional, orderlist,},
starOrder,MaterialCollec,productSet,taskTime,preparation,
ProcessCheck,ProcessCase,judgment,datafilling,testdata
},
data(){ data(){
return{ return{
orderTitle:'进度汇报', orderTitle:'进度汇报',
orderindex:0, orderindex:0,
gdId:0,
starmodal: true, starmodal: true,
orderlistMode:false, orderlistMode:false,
functionalMode:false, functionalMode:false,
detail: null,
odermodel:'全部', odermodel:'全部',
oderList:[ oderList:[
{ {
...@@ -98,19 +75,12 @@ export default { ...@@ -98,19 +75,12 @@ export default {
} }
}, },
created() { created() {
// this.treeHeight = window.innerHeight - 120; this.detail = () => import("./starOrder/index");
}, },
async fetch({ store, params }) { async fetch({ store, params }) {
await store.dispatch("loadDictionary"); // 加载数据字典 await store.dispatch("loadDictionary"); // 加载数据字典
}, },
mounted() { mounted() {},
window.onresize = () => {
///浏览器窗口大小变化
return (() => {
this.treeHeight = window.innerHeight - 120;
})();
};
},
methods: { methods: {
starFun(){ starFun(){
this.$Message.success("开工...") this.$Message.success("开工...")
...@@ -122,7 +92,6 @@ export default { ...@@ -122,7 +92,6 @@ export default {
this.$refs.orderlist.loadTree(); this.$refs.orderlist.loadTree();
}else{ }else{
allList.map((u,i)=>{ allList.map((u,i)=>{
// console.log(i,":",u)
if(u.status==value){ if(u.status==value){
newitems.push(u) newitems.push(u)
} }
...@@ -133,6 +102,16 @@ export default { ...@@ -133,6 +102,16 @@ export default {
changeTitle(number,type){ changeTitle(number,type){
this.orderTitle = type this.orderTitle = type
this.orderindex = number this.orderindex = number
if(number==0){ this.detail = () => import("./starOrder/index");}
if(number==1){ this.detail = () => import("./MaterialCollec/index");}
if(number==2){ this.detail = () => import("./productSet/index");}
if(number==3){ this.detail = () => import("./taskTime/index");}
if(number==4){ this.detail = () => import("./preparation/index");}
if(number==5){ this.detail = () => import("./ProcessCheck/index");}
if(number==6){ this.detail = () => import("./ProcessCase/index");}
if(number==7){ this.detail = () => import("./judgment/index");}
if(number==8){ this.detail = () => import("./datafilling/index");}
if(number==9){ this.detail = () => import("./testdata/index");}
}, },
}, },
} }
......
pages/produce/execute/starOrder/index.vue
View file @ e50fbf3b
...@@ -6,11 +6,31 @@ ...@@ -6,11 +6,31 @@
<Icon type="md-play" /> <Icon type="md-play" />
开工</a> 开工</a>
</div> </div>
<div class="star flex fc-b" v-else-if="starmodal"> <div class="star" v-else-if="starmodal">
<Button class="button" size='large' type="primary"><Icon type="ios-pause" /> 暂停</Button> <div class=" flex fc-b">
<Button class="button" size='large' type="primary"><Icon type="logo-angular" /> 交检</Button> <Button class="button" size='large' type="primary"><Icon type="ios-pause" /> 暂停</Button>
<Button class="button" size='large' type="primary"><Icon type="ios-checkmark-circle-outline" /> 完工</Button> <Button class="button" size='large' type="primary"><Icon type="logo-angular" /> 交检</Button>
<Button class="button" size='large' type="primary"><Icon type="md-swap" /> 转序交接</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>
<div class="star_step">
<div class="step_item" v-for="i of 6" :key="i">
<p class="icon_B">
<Icon type="md-arrow-dropright-circle" />
</p>
<p><a> 开工</a></p>
<ul>
<li>暂停 2020-02-06 15:35</li>
<li>继续 2020-02-06 15:35</li>
</ul>
</div>
<!-- <p><span></span>
2020-02-06 15:35
</p> -->
<!-- <Steps :current="6">
<Step icon="md-arrow-dropright-circle" v-for="i of 6" :key="i" :content="contentMsge"></Step>
</Steps> -->
</div>
</div> </div>
<div class="footer_box"> <div class="footer_box">
<div class="ul_box fl"> <div class="ul_box fl">
...@@ -52,6 +72,7 @@ export default { ...@@ -52,6 +72,7 @@ export default {
data(){ data(){
return{ return{
starmodal: true, starmodal: true,
contentMsge:"<ul><li>暂停 2020-02-06 15:35</li><li>继续 2020-02-06 15:35</li></ul>",
} }
}, },
created() { created() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment