Commit a24d5e0f authored by 仇晓婷's avatar 仇晓婷

流水排产页面

parent dc4e44c0
......@@ -32,17 +32,77 @@
</div>
</div>
<div class="aps-r">
<Form :model="formItem" :label-width="100">
<FormItem label="工时">
<DatePicker
type="datetimerange"
format="yyyy-MM-dd HH:mm"
placeholder="请选择工时"
v-model="formItem.time"
style="width:300px"
></DatePicker>
</FormItem>
<FormItem label="类型">
<RadioGroup v-model="formItem.radio">
<Radio label="0">人员</Radio>
<Radio label="1">班组</Radio>
</RadioGroup>
</FormItem>
<FormItem label="人员分组形式" v-if="formItem.radio==0">
<Dictionary
disabled
code="aps.scheduling.groupingForm"
v-model="formItem.resourcesType"
type="radio"
></Dictionary>
</FormItem>
<FormItem label="班组" v-if="formItem.radio==1">
<Select v-model="formItem.model1" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</FormItem>
<FormItem>
<div v-for="(li,index) in listGroup" :key="index" class="list-check">
<!-- <Checkbox-List
:single-list="li"
ref="groups"
@changeData="setData"
:resourcesType="resourcesType"
></Checkbox-List>-->
</div>
</FormItem>
<FormItem label="已选择">
<Tag
closable
@on-close="handleClose"
:key="index"
v-for="(val, index) in tagGroup"
>{{val}}</Tag>
</FormItem>
<FormItem label="备注">
<Input
v-model="formItem.textarea"
type="textarea"
:autosize="{minRows: 2,maxRows: 5}"
placeholder="Enter something..."
></Input>
</FormItem>
<FormItem>
<Button style="margin-left: 8px">取消</Button>
<Button type="primary">下发</Button>
</FormItem>
</Form>
</div>
</div>
</template>
<script>
// import List from './list.vue'
// import Set from './set'
// import Api from './api'
export default {
name: "list",
// components: {
// List
// Set
// },
async fetch({ store, params }) {
await store.dispatch("loadDictionary"); // 加载数据字典
......@@ -70,7 +130,49 @@ export default {
partTaskPk: "", //车间
result: [],
isactive: 0,
selectName: "all"
formItem: {
resourcesType: 0,
input: "",
select: "",
radio: "0",
checkbox: [],
switch: true,
date: "",
time: "",
slider: [20, 50],
textarea: "",
day: 0
},
tagdata: [],
listGroup: [],
tagGroup: [],
cityList: [
{
value: "New York",
label: "New York"
},
{
value: "London",
label: "London"
},
{
value: "Sydney",
label: "Sydney"
},
{
value: "Ottawa",
label: "Ottawa"
},
{
value: "Paris",
label: "Paris"
},
{
value: "Canberra",
label: "Canberra"
}
]
};
},
created() {
......@@ -101,10 +203,7 @@ export default {
listData(li, index) {
this.isactive = index;
},
tagClick(name) {
this.selectName = name;
this.tagTata(this.selectName);
},
tagTata(name) {
if (name == "all") {
this.status = "";
......@@ -126,7 +225,14 @@ export default {
}
});
},
close() {}
close() {},
getList(v) {},
handleClose(nodeKey) {
// this.$refs.users.handleCheck({ checked: false, nodeKey: nodeKey });
},
setData(val) {
this.tagGroup = val;
}
}
};
</script>
......@@ -199,8 +305,14 @@ export default {
}
}
.aps-r {
border: 1px solid rgba(228, 230, 237, 1);
width: 80%;
padding: 0 15px;
padding: 15px 15px 15px 30px;
margin-left: 20px;
box-shadow: darkgrey 2px 2px 8px 1px; //边框阴影
.list-check {
border-color: rgba(38, 128, 235, 0.5);
}
}
}
</style>
\ No newline at end of file
......@@ -46,7 +46,7 @@
<a href="javascript:;" @click="goCemplate">整机排产&nbsp;&nbsp;&nbsp;</a>
</Badge>
<Badge :count="this.$store.state.countRun" overflow-count="99" type="info">
<a href="javascript:;">流水排产&nbsp;&nbsp;&nbsp;</a>
<a href="javascript:;" @click="goStream">流水排产&nbsp;&nbsp;&nbsp;</a>
</Badge>
</template>
<template slot="searchForm">
......@@ -535,6 +535,12 @@ export default {
name: "aps-complete"
});
},
goStream() {
this.$router.push({
name: "aps-stream"
});
},
addOk() {
this.$refs.grid.load();
this.addModal = false;
......
......@@ -2,7 +2,14 @@
<div class="scheduling">
<div class="aps-l">
<Row class="row-p">
<Col :span="9" class="chan-chi">排产池</Col>
<Col :span="6" class="chan-chi">排产池</Col>
<Col :span="18" class="l-ringht">
<RadioGroup v-model="status" type="button" @on-change="changeStatus" size="small">
<Radio label="0">全部</Radio>
<Radio label="1">未排产</Radio>
<Radio label="2">已排查</Radio>
</RadioGroup>
</Col>
</Row>
<div
class="left-body"
......@@ -18,8 +25,8 @@
</Col>
</Row>
<div class="fa">{{li.routing_version}}</div>
<div class="gong-xu">
<Icon type="ios-copy" />
<div class="time-s">
<!-- <Icon type="ios-copy" /> -->
<span>工序:{{li.routing_schema}}</span>
</div>
<div class="time-s">{{li.demand_start}}{{li.demand_finish}}</div>
......@@ -30,11 +37,11 @@
<Row class="g-list">
<Col :span="2" class="chan-chi">工序列表</Col>
<Col :span="22" class="l-ringht">
<Tabs v-model="selectName" type="card" @on-click="tagClick">
<TabPane label="全部" name="all"></TabPane>
<TabPane label="已排产" name="yi"></TabPane>
<TabPane label="未排产" name="wei"></TabPane>
</Tabs>
<RadioGroup v-model="status" type="button" @on-change="changeStatus" size="small">
<Radio label="0">全部</Radio>
<Radio label="1">未排产</Radio>
<Radio label="2">已排查</Radio>
</RadioGroup>
</Col>
</Row>
<div class="right-body">
......@@ -44,80 +51,100 @@
</div>
</template>
<script>
import List from './list.vue'
import Api from './api'
import List from "./list.vue";
import Api from "./api";
export default {
name: 'list',
name: "list",
components: {
List
},
async fetch({ store, params }) {
await store.dispatch('loadDictionary') // 加载数据字典
await store.dispatch("loadDictionary"); // 加载数据字典
},
data() {
return {
activeindex: 1,
list: [],
status: '', //为空是全部排产,0为未排产;13为已排查;
partTaskPk: '', //车间
list: [
{
part_task_pk: "euuei",
order_id: "hdhfk",
routing_version: "fsslllsl",
demand_start: "2020-3-30",
demand_finish: "2020-3-30"
},
{
part_task_pk: "euuei",
order_id: "hdhfk",
routing_version: "fsslllsl",
demand_start: "2020-3-30",
demand_finish: "2020-3-30"
}
],
status: "0", //全部排产0,1为未排产;2为已排查;
partTaskPk: "", //车间
result: [],
isactive: 0,
selectName: 'all'
}
selectName: "all"
};
},
created() {
this.orderlist()
// this.orderlist();
},
methods: {
// 过滤条件
changeStatus(a) {
console.log(a);
// this.orderlist(a);
},
orderlist() {
Api.getmesorder({ status: 2, workshop_id: 3 }).then((r) => {
Api.getmesorder({ status: 2, workshop_id: 3 }).then(r => {
// console.log(r)
if (r.success) {
this.list = r.result
this.listData(r.result[0].part_task_pk, 0)
this.list = r.result;
this.listData(r.result[0].part_task_pk, 0);
}
})
});
},
listData(li, index) {
this.status = ''
this.partTaskPk = li
this.tagClick('all')
this.isactive = index
this.status = "";
this.partTaskPk = li;
this.tagClick("all");
this.isactive = index;
},
tagClick(name) {
this.selectName = name
this.tagTata(this.selectName)
this.selectName = name;
this.tagTata(this.selectName);
},
tagTata(name) {
if (name == 'all') {
this.status = ''
if (name == "all") {
this.status = "";
}
if (name == 'yi') {
this.status = 13
if (name == "yi") {
this.status = 13;
}
if (name == 'wei') {
this.status = 0
if (name == "wei") {
this.status = 0;
}
let data = {
part_task_pk: this.partTaskPk,
status: this.status
}
Api.gettaskseqinfo(data).then((r) => {
};
Api.gettaskseqinfo(data).then(r => {
// console.log(r)
if (r.success) {
this.result = r.result
this.result = r.result;
}
})
});
},
close() {}
}
}
};
</script>
<style lang="less" scoped>
.addclass {
border-color: #249e91 !important;
border-color: rgba(38, 128, 235, 0.5) !important;
.title-i {
background: #249e91 !important;
background: rgba(38, 128, 235, 0.5) !important;
}
}
.scheduling {
......@@ -125,13 +152,14 @@ export default {
display: -webkit-flex;
height: 100%;
.aps-l {
width: 25%;
width: 20%;
border-right: 1px solid #e4e6ed;
height: 100%;
height: 86vh;
padding: 0 15px 10px 10px;
overflow: auto;
.row-p {
border-bottom: 1px solid #e4e6ed;
padding: 5px;
.chan-chi {
font-size: 14px;
font-weight: bold;
......@@ -141,6 +169,13 @@ export default {
text-align: right;
}
}
.left-body:hover {
cursor: pointer;
border-color: rgba(38, 128, 235, 0.5);
.title-i {
background: rgba(38, 128, 235, 0.5) !important;
}
}
.left-body {
margin-top: 15px;
border: 1px solid rgba(228, 230, 237, 1);
......@@ -162,15 +197,9 @@ export default {
.fa {
height: 32px;
line-height: 32px;
color: #249e91;
color: rgba(38, 128, 235, 1);
padding: 5px 8px 0 8px;
}
.gong-xu {
padding: 0 8px;
height: 32px;
line-height: 32px;
color: #515a6e;
}
.time-s {
padding: 0 8px;
height: 32px;
......@@ -180,18 +209,17 @@ export default {
}
}
.aps-r {
width: 75%;
width: 80%;
padding: 0 15px;
.g-list {
font-size: 14px;
font-weight: bold;
width: 100%;
border-bottom: 1px solid #e4e6ed;
.chan-chi {
font-size: 14px;
font-weight: bold;
margin-top: 3px;
padding-bottom: 6px;
border-bottom: 1px solid #e4e6ed;
}
.l-ringht {
text-align: left;
......
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