|
@@ -0,0 +1,230 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <Toptitle title="码单信息">
|
|
|
+ <slot name="titleButton">
|
|
|
+ <Button style="margin-left:10px" type="primary">导入</Button>
|
|
|
+ <Button style="margin-left:10px" @click="$router.go(-1)">返回</Button>
|
|
|
+ <Button style="margin-left:10px">保存</Button>
|
|
|
+ </slot>
|
|
|
+ </Toptitle>
|
|
|
+ <div class="weight_memo_info_content">
|
|
|
+ <div class="form_content">
|
|
|
+ <Form :label-width="85" :model="formData">
|
|
|
+ <FormItem label="项目编码:">
|
|
|
+ <Input />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="项目名称:">
|
|
|
+ <Input />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="项目简称:">
|
|
|
+ <Input />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="下单日期:">
|
|
|
+ <DatePicker
|
|
|
+ type="date"
|
|
|
+ v-model="formData.start_time"
|
|
|
+ placeholder="年/月/日"
|
|
|
+ ></DatePicker>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ </div>
|
|
|
+ <Card v-for="(item,index) in infoNumber" :key="index">
|
|
|
+ <div class="table_header">
|
|
|
+ <div class="table_header_left">
|
|
|
+ <span>图号:{{item.url_number}}</span>
|
|
|
+ <span>产品名称:{{item.product_title}}</span>
|
|
|
+ <span :style="item.state == 1?'color:red;':''">{{item.state == 0?'未匹配':item.state == 1?'匹配完成':'匹配中'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="table_header_right">
|
|
|
+ <Button type="primary" size="small" :disabled="item.state==0?false:true">删除</Button>
|
|
|
+ <div @click="show(item,index)" style="cursor: pointer;"><span style="font-size:16px;">{{item.showType?'收缩':'展开'}}</span><Icon type="md-arrow-dropright" ref="ico" class="ico"/></div>
|
|
|
+ <span>总计{{item.total}}条数据</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="item.showType">
|
|
|
+ <div>
|
|
|
+ <Topsearch :list="list" @searchData="initData" />
|
|
|
+ </div>
|
|
|
+ <div v-for="(_item,_index) in tableData" :key="_index">
|
|
|
+ <div class="mate_info"><div>匹配信息:{{_item.match_info}}</div><span>总计{{_item.total}}条数据</span></div>
|
|
|
+ <Table :columns="tableColumns" border :data="_item.data">
|
|
|
+ </Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formData: {
|
|
|
+ start_time: "",
|
|
|
+ },
|
|
|
+ tableData:[{
|
|
|
+ match_info:'w1=300 w2=550 w3==900 2组',
|
|
|
+ total:3,
|
|
|
+ data:[
|
|
|
+ {part_title:'饰面1',line_number:2,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'121',vacuum_size:'300*550*150',part_num:'111',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'1'},
|
|
|
+ {part_title:'饰面2',line_number:3,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'3',vacuum_size:'300*550*150',part_num:'5',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'0'},
|
|
|
+ {part_title:'饰面3',line_number:3,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'2',vacuum_size:'300*550*150',part_num:'7',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'1'},
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ match_info:'w1=300 w2=550 w3==900 3组',
|
|
|
+ total:3,
|
|
|
+ data:[
|
|
|
+ {part_title:'饰面1',line_number:2,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'121',vacuum_size:'300*550*150',part_num:'111',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'1'},
|
|
|
+ {part_title:'饰面2',line_number:3,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'3',vacuum_size:'300*550*150',part_num:'5',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'0'},
|
|
|
+ {part_title:'饰面3',line_number:3,veneer_one:'橡木',material:'12cm多层板',veneer_two:'橡木',wollens_size:'315*565*150', material_num:'2',vacuum_size:'300*550*150',part_num:'7',treatment_area:'8.88',vacuum_area:'300*200*150',technological_requirements:'按图七口',match_state:'1'},
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ searchData: {},
|
|
|
+ tableColumns:[
|
|
|
+ { title: "序号", type:'index', align: "center", minWidth: 140 },
|
|
|
+ { title: "部件名称", key: "part_title", align: "center", minWidth: 140 },
|
|
|
+ { title: "行号", key: "line_number", align: "center", minWidth: 140 },
|
|
|
+ { title: "木皮1", key: "veneer_one", align: "center", minWidth: 140 },
|
|
|
+ { title: "原材料", key: "material", align: "center", minWidth: 140 },
|
|
|
+ { title: "木皮2", key: "veneer_two", align: "center", minWidth: 140 },
|
|
|
+ { title: "毛料尺寸", key: "wollens_size", align: "center", minWidth: 140 },
|
|
|
+ { title: "原料数量", key: "material_num", align: "center", minWidth: 140 },
|
|
|
+ { title: "精裁尺寸", key: "vacuum_size", align: "center", minWidth: 140 },
|
|
|
+ { title: "零部件数量", key: "part_num", align: "center", minWidth: 140 },
|
|
|
+ { title: "贴皮面积", key: "treatment_area", align: "center", minWidth: 140 },
|
|
|
+ { title: "精裁面积", key: "vacuum_area", align: "center", minWidth: 140 },
|
|
|
+ { title: "工艺要求", key: "technological_requirements", align: "center", minWidth: 140 },
|
|
|
+ { title: "匹配状态", key: "match_state", align: "center", minWidth: 140 },
|
|
|
+ ],
|
|
|
+ showType: false,
|
|
|
+ //进入页面需要获取的数值
|
|
|
+ infoNumber:[
|
|
|
+ {url_number:'001',product_title:'木饰面',state:0,total:6,showType:false},
|
|
|
+ {url_number:'004',product_title:'木饰面',state:1,total:6,showType:false},
|
|
|
+ {url_number:'007',product_title:'台盆柜',state:2,total:6,showType:false},
|
|
|
+ ],
|
|
|
+ icoState:'md-arrow-dropright',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ list() {
|
|
|
+ return [{
|
|
|
+ title: "特殊尺寸",
|
|
|
+ name: "Select",
|
|
|
+ value: "",
|
|
|
+ placeholder: "请选择",
|
|
|
+ serverName: "type_id",
|
|
|
+ option: [
|
|
|
+ { label: "已匹配", value: 1 },
|
|
|
+ { label: "未匹配", value: 0 },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "部件名称",
|
|
|
+ name: "Select",
|
|
|
+ value: "",
|
|
|
+ placeholder: "请选择",
|
|
|
+ serverName: "type_id",
|
|
|
+ option: [
|
|
|
+ { label: "已匹配", value: 1 },
|
|
|
+ { label: "未匹配", value: 0 },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "精裁尺寸",
|
|
|
+ name: "Select",
|
|
|
+ value: "",
|
|
|
+ placeholder: "请选择",
|
|
|
+ serverName: "type_id",
|
|
|
+ option: [
|
|
|
+ { label: "已匹配", value: 1 },
|
|
|
+ { label: "未匹配", value: 0 },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "匹配状态",
|
|
|
+ name: "Select",
|
|
|
+ value: "",
|
|
|
+ placeholder: "请选择",
|
|
|
+ serverName: "type_id",
|
|
|
+ option: [
|
|
|
+ { label: "已匹配", value: 1 },
|
|
|
+ { label: "未匹配", value: 0 },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ initData() {},
|
|
|
+ show(item,index) {
|
|
|
+ item.showType = !item.showType
|
|
|
+ if(item.showType){ //全部未展开
|
|
|
+ this.infoNumber.forEach(_item=>{
|
|
|
+ _item.showType = false;
|
|
|
+ })
|
|
|
+ document.getElementsByClassName('ico')[index].style.transform = 'rotate(90deg)'
|
|
|
+ item.showType = true
|
|
|
+ }else{ //展开其中一项
|
|
|
+ this.infoNumber.forEach(_item=>{
|
|
|
+ _item.showType = false;
|
|
|
+ })
|
|
|
+ document.getElementsByClassName('ico')[index].style.transform = 'rotate(0deg)'
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang='scss'>
|
|
|
+.weight_memo_info_content{
|
|
|
+ height: 700px;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.form_content {
|
|
|
+ margin-top: 10px;
|
|
|
+ /deep/.ivu-form {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ /deep/.ivu-form-item {
|
|
|
+ display: inline-block;
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.table_header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .table_header_left{
|
|
|
+ span{
|
|
|
+ margin: 0 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table_header_right {
|
|
|
+ width: 240px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ }
|
|
|
+}
|
|
|
+.mate_info{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 20px 0;
|
|
|
+}
|
|
|
+.ico{
|
|
|
+ height:14px;
|
|
|
+ transition: all 0.4s;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+/deep/ .ivu-card{
|
|
|
+ border-radius: 15px;
|
|
|
+ margin: 15px 0;
|
|
|
+ background: rgb(236, 236, 236);
|
|
|
+}
|
|
|
+</style>
|