|
|
@@ -0,0 +1,626 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <Toptitle title="生产清点单详情">
|
|
|
+ <Dropdown trigger="click" @on-click='print($event,null,1)'>
|
|
|
+ <Button type="primary">批量补打 <Icon type="ios-apps" /></Button>
|
|
|
+
|
|
|
+ <DropdownMenu slot="list">
|
|
|
+ <DropdownItem v-for="item in printData" :key="item.id" :name='item.id'>{{item.title}}</DropdownItem>
|
|
|
+ </DropdownMenu>
|
|
|
+ </Dropdown>
|
|
|
+ <Button @click="$router.go(-1)" style="margin-left:20px">返回</Button>
|
|
|
+ </Toptitle>
|
|
|
+ <div class="weight_memo_info_content">
|
|
|
+ <div class="form_content">
|
|
|
+ <Form :label-width="105" :model="formData">
|
|
|
+ <FormItem label="项目编码:">
|
|
|
+ <span >{{formData.order_no}}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="项目名称:">
|
|
|
+ <span>{{formData.residential_name}}</span>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ <Form :label-width="105">
|
|
|
+ <FormItem label='图号:'>
|
|
|
+ <Select filterable multiple v-model="searchData.url_number">
|
|
|
+ <Option v-for="(item,index) in urlList" :key="index" :value="item" :label="item"/>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label='产品名称:'>
|
|
|
+ <Select filterable multiple v-model="searchData.product_title">
|
|
|
+ <Option v-for="(item,index) in productList" :key="index" :value="item" :label="item"/>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem :label-width='40'>
|
|
|
+ <Button type="primary" @click="initData(searchData)">搜索</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <Card v-for="(item,index) in infoNumber" :key="index">
|
|
|
+ <div class="table_header">
|
|
|
+ <div class="table_header_left">
|
|
|
+ <Checkbox v-model="item.is_select" @on-change='handleCheckSelect'></Checkbox>
|
|
|
+ <span>图号：{{item.url_number}}</span>
|
|
|
+ <span>产品名称：{{item.product_title}}</span>
|
|
|
+ <span>总计：{{item.total}}</span>
|
|
|
+ <span>已清点：{{item.complete}}</span>
|
|
|
+ <span>未清点：{{item.un_complete}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="table_header_right">
|
|
|
+
|
|
|
+ <Dropdown trigger="click" @on-click='print($event,item,2)'>
|
|
|
+ <Button type="primary">批量补打 <Icon type="ios-apps" /></Button>
|
|
|
+ <DropdownMenu slot="list">
|
|
|
+ <DropdownItem v-for="item in printData" :key="item.id" :name='item.id'>{{item.title}}</DropdownItem>
|
|
|
+ </DropdownMenu>
|
|
|
+ </Dropdown>
|
|
|
+ <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" class="demo-tabs-style1">
|
|
|
+<Tabs type="card" :value='tabIndex' :capture-focus='true' @on-click='handleTabClick($event,item)'>
|
|
|
+ <TabPane label="已清点" name='1'>
|
|
|
+ <Form :label-width='120' style="display:flex;flex-wrap:wrap;margin-top:15px">
|
|
|
+ <FormItem label='房号：'>
|
|
|
+ <Select style="width:200px" size="small" filter-by-label filterable clearable v-model="leftSearchData.house_id">
|
|
|
+ <Option v-for="item in leftHouseNumber" :key="item.id" :value="item.id" :label='item.title'></Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label='组件/部件：'>
|
|
|
+ <Select style="width:200px" size="small" filter-by-label filterable clearable v-model="leftSearchData.part_title">
|
|
|
+ <Option v-for="(item,index) in leftPartList" :key="index" :value="item" :label="item"></Option>
|
|
|
+ </Select></FormItem>
|
|
|
+ <FormItem label='清点方式：' filter-by-label>
|
|
|
+ <Select style="width:200px" size="small" v-model="leftSearchData.is_check" clearable>
|
|
|
+ <Option value='1'>系统清点</Option>
|
|
|
+ <Option value="2">手动清点</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem :label-width='40'>
|
|
|
+ <Button type="primary" size='small' @click="search(item)">搜索</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ <Table :data='leftTableData' :columns='leftTableColumns' border max-height='400'>
|
|
|
+ <template slot="set" slot-scope="{row}">
|
|
|
+
|
|
|
+ <Dropdown trigger="click" transfer @on-click='print($event,row,3)'>
|
|
|
+ <Button type="success" ghost>补打 <Icon type="ios-apps" /></Button>
|
|
|
+ <DropdownMenu slot="list">
|
|
|
+ <DropdownItem v-for="item in printData" :key="item.id" :name='item.id'>{{item.title}}</DropdownItem>
|
|
|
+ </DropdownMenu>
|
|
|
+ </Dropdown>
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ <div class="content_body_page">
|
|
|
+ <Page
|
|
|
+ :page-size-opts="[10, 20, 30, 40, 100]"
|
|
|
+ @on-page-size-change="changeLeftSize($event,item)"
|
|
|
+ @on-change="changeLeftPage($event,item)"
|
|
|
+ :current="leftPageIndex"
|
|
|
+ show-total
|
|
|
+ show-elevator
|
|
|
+ :total="leftTotal"
|
|
|
+ show-sizer
|
|
|
+ :page-size="leftPageSize"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane label="未清点" name='0'>
|
|
|
+<Form :label-width='120' style="display:flex;flex-wrap:wrap;margin-top:15px">
|
|
|
+ <FormItem label='房号：'>
|
|
|
+ <Select style="width:200px" size="small" filter-by-label filterable clearable v-model="rightSearchData.house_id" >
|
|
|
+ <Option v-for="item in rightHouseNumber" :key="item.id" :value="item.id" :label='item.title'></Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label='组件/部件：'>
|
|
|
+ <Select style="width:200px" size="small" filter-by-label filterable clearable v-model="rightSearchData.part_title" >
|
|
|
+ <Option v-for="(item,index) in rightPartList" :key="index" :value="item" :label="item"></Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem :label-width='40'>
|
|
|
+ <Button type="primary" size='small' @click="search(item)">搜索</Button>
|
|
|
+ </FormItem>
|
|
|
+
|
|
|
+ </Form>
|
|
|
+ <Table :data='rightTableData' :columns='rightTableColumns' border max-height='400'>
|
|
|
+ </Table>
|
|
|
+ <div class="content_body_page">
|
|
|
+ <Page
|
|
|
+ :page-size-opts="[10, 20, 30, 40, 100]"
|
|
|
+ @on-page-size-change="changeRightSize($event,item)"
|
|
|
+ @on-change="changeRightPage($event,item)"
|
|
|
+ :current="rightPageIndex"
|
|
|
+ show-total
|
|
|
+ show-elevator
|
|
|
+ :total="rightTotal"
|
|
|
+ show-sizer
|
|
|
+ :page-size="rightPageSize"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import $ from "jquery";
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ wxsoect:'',
|
|
|
+ state:false,
|
|
|
+ ////////////
|
|
|
+ selectData:[],
|
|
|
+ printData:[],//打印格式
|
|
|
+ ////////////////
|
|
|
+ tabIndex:'',
|
|
|
+ //////////////////////
|
|
|
+ leftSearchData:{
|
|
|
+ house_id:[],
|
|
|
+ part_title:[],
|
|
|
+ is_check:'',
|
|
|
+ },
|
|
|
+ rightSearchData:{
|
|
|
+ house_id:[],
|
|
|
+ part_title:[],
|
|
|
+ },
|
|
|
+ ////////////////////////////
|
|
|
+ leftPageIndex:1,
|
|
|
+ leftPageSize:10,
|
|
|
+ rightPageIndex:1,
|
|
|
+ rightPageSize:10,
|
|
|
+ leftTotal:0,
|
|
|
+ rightTotal:0,
|
|
|
+ /////////////////////////
|
|
|
+ leftHouseNumber:[],
|
|
|
+ leftPartList:[],
|
|
|
+ ///////////////////
|
|
|
+ rightHouseNumber:[],
|
|
|
+ rightPartList:[],
|
|
|
+ //////////////////
|
|
|
+ urlList:[],
|
|
|
+ productList:[],
|
|
|
+ formData: {
|
|
|
+ order_no:'',
|
|
|
+ residential_name:'',
|
|
|
+ },
|
|
|
+ leftTableData:[],
|
|
|
+ rightTableData:[],
|
|
|
+ searchData: {
|
|
|
+ url_number:[],
|
|
|
+ product_title:[],
|
|
|
+ },
|
|
|
+ leftTableColumns:[
|
|
|
+ {title:'序号',type:'index',minWidth:80,key:'',align:'center'},
|
|
|
+ {title:'房号',key:'house_number',minWidth:120,align:'center',render:(h,params)=>{
|
|
|
+ const {row} = params;
|
|
|
+ return h('span',{},`${row.house?`${row.house}-`:''}${row.unit?`${row.unit}-`:''}${row.layer?`${row.layer}-`:''}${row.number}`)
|
|
|
+ }},
|
|
|
+ {title:'组合/部件',key:'part_title',minWidth:120,align:'center'},
|
|
|
+ {title:'精裁尺寸',key:'measure',minWidth:120,align:'center'},
|
|
|
+ {title:'清点方式',key:'is_check',minWidth:120,align:'center',render:(h,params)=>{
|
|
|
+ const {row} = params;
|
|
|
+ return h('span',{},row.is_check == 1?'系统清点':'人工清点')
|
|
|
+ }},
|
|
|
+ {title:'操作',key:'set',minWidth:120,align:'center',slot:'set'},
|
|
|
+ ],
|
|
|
+ rightTableColumns:[
|
|
|
+ {title:'序号',type:'index',minWidth:80,key:'',align:'center'},
|
|
|
+ {title:'房号',key:'house_number',minWidth:120,align:'center',render:(h,params)=>{
|
|
|
+ const {row} = params;
|
|
|
+ return h('span',{},`${row.house?`${row.house}-`:''}${row.unit?`${row.unit}-`:''}${row.layer?`${row.layer}-`:''}${row.number}`)
|
|
|
+ }},
|
|
|
+ {title:'组合/部件',key:'part_title',minWidth:120,align:'center'},
|
|
|
+ {title:'精裁尺寸',key:'measure',minWidth:120,align:'center'},
|
|
|
+ ],
|
|
|
+ //进入页面需要获取的数值
|
|
|
+ infoNumber:[],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ //获取打印格式
|
|
|
+ this.axios.get('/api/ext_print_format_list').then(res=>{
|
|
|
+ this.printData = res.data.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.initData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCheckSelect(){
|
|
|
+
|
|
|
+ let selectProduct = [];
|
|
|
+ this.infoNumber.forEach(v=>{
|
|
|
+ if(v.is_select){
|
|
|
+ let obj = {};
|
|
|
+ obj.product_id = v.product_id;
|
|
|
+ obj.id = v.id;
|
|
|
+ selectProduct.push(obj);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.selectData = selectProduct;
|
|
|
+ console.log(this.selectData);
|
|
|
+ },
|
|
|
+ handleTabClick(e,item){
|
|
|
+ this.tabIndex = e;
|
|
|
+ this.search(item);
|
|
|
+ },
|
|
|
+ changeRightSize(e,item){
|
|
|
+ this.rightPageSize = e;
|
|
|
+ this.rightPageIndex = 1;
|
|
|
+ this.search(item);
|
|
|
+ },
|
|
|
+ changeRightPage(e,item){
|
|
|
+ this.rightPageIndex = e;
|
|
|
+ this.search(item);
|
|
|
+ },
|
|
|
+ changeLeftSize(e,item){
|
|
|
+ this.leftPageSize = e;
|
|
|
+ this.leftPageIndex =1;
|
|
|
+ this.search(item);
|
|
|
+ },
|
|
|
+ changeLeftPage(e,item){
|
|
|
+ this.leftPageIndex =e;
|
|
|
+ this.search(item);
|
|
|
+ },
|
|
|
+ print(e,row,type){
|
|
|
+ //type==1 顶部大打印 2 每条的批量补打 3 表格里面的小打印
|
|
|
+ //e 是 number;
|
|
|
+ let printStyle = this.printData.find(v=>(v.id == e));
|
|
|
+ console.log(printStyle);
|
|
|
+ let printerUsbPort = printStyle.printerUsbPort;
|
|
|
+ let sub_type = printStyle.sub_type;
|
|
|
+ let printer_brand = printStyle.printer_brand;
|
|
|
+ let data = {};
|
|
|
+ data.order_no = this.$route.query.order_no;
|
|
|
+ data.rows=[];
|
|
|
+ data.type=3;
|
|
|
+ data.num =1;
|
|
|
+ switch(type){
|
|
|
+ case 1:
|
|
|
+ if(this.selectData.length==0){
|
|
|
+ return this.$Message.warning('请先选择要打印的数据！')
|
|
|
+ }
|
|
|
+ this.selectData.forEach(val=>{
|
|
|
+ data.product_id = val.product_id;
|
|
|
+ val.id.forEach(e=>{
|
|
|
+ data.id = e;
|
|
|
+ this.printDetail(printerUsbPort,sub_type,printer_brand,data)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ if(!row.complete){
|
|
|
+ return this.$Message.warning('无可打印的数据！')
|
|
|
+ }
|
|
|
+ data.product_id = row.product_id;
|
|
|
+ row.id&&row.id.forEach(v=>{
|
|
|
+ data.id = v;
|
|
|
+ this.printDetail(printerUsbPort,sub_type,printer_brand,data)
|
|
|
+ })
|
|
|
+
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ data.product_id = row.product_id;
|
|
|
+ data.id = row.id;
|
|
|
+ this.printDetail(printerUsbPort,sub_type,printer_brand,data)
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ if(type==3){
|
|
|
+ this.state&&this.search(row);
|
|
|
+ }else{
|
|
|
+ this.state&&this.initData(this.searchData);
|
|
|
+ this.selectData = [];
|
|
|
+ }
|
|
|
+
|
|
|
+ this.state = false;
|
|
|
+ },
|
|
|
+ printDetail(printerUsbPort,sub_type,printer_brand,data){
|
|
|
+ if(printer_brand === '灵天智能'){
|
|
|
+ const wxsoect = new WebSocket(`ws://localhost:${printerUsbPort?printerUsbPort:'1808'}`);
|
|
|
+ this.wxsoect = wxsoect;
|
|
|
+ console.log("this.wxsoect :>> ", this.wxsoect);
|
|
|
+ wxsoect.onopen = function(evt) {
|
|
|
+ console.log(`已成功打开`);
|
|
|
+ };
|
|
|
+ };
|
|
|
+ this.axios({
|
|
|
+ method: "post",
|
|
|
+ url: "/api/station_print",
|
|
|
+ data,
|
|
|
+ }).then((resp) => {
|
|
|
+ if (resp.code == 200) {
|
|
|
+ if(printer_brand === '灵天智能'){
|
|
|
+ resp.data.map(ele=>{
|
|
|
+ this.printDemo(ele)
|
|
|
+ })
|
|
|
+ }else if(printer_brand === 'POSTEK'){
|
|
|
+ this.handlePrintChipsUsb(resp.data,printerUsbPort,sub_type);
|
|
|
+ }else{
|
|
|
+ return this.$Message.error('该格式未设置打印机')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initData(row) {
|
|
|
+ this.axios.post('/api/artificial_count_detail',{order_no:this.$route.query.order_no,...row}).then(res=>{
|
|
|
+ this.formData.order_no = res.data.order_no;
|
|
|
+ this.formData.residential_name = res.data.residential_name;
|
|
|
+ this.productList = res.data.product_title;
|
|
|
+ this.urlList = res.data.url_number;
|
|
|
+ this.infoNumber = res.data.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handlePrintChipsUsb(contents,printerUsbPort,sub_type) {
|
|
|
+ this.axios.get("/api/get_print_url").then((res) => {
|
|
|
+ // let data = {};
|
|
|
+ // let url = "http://192.168.0.145:888/postek/print"; //request_url
|
|
|
+ let url = `http://${res.data.request_url}:888/postek/print`; //request_url
|
|
|
+ let _this = this;
|
|
|
+ $.ajax({
|
|
|
+ type: "post",
|
|
|
+ url,
|
|
|
+ data: _this.func.PrintChipsUsb(contents,2,printerUsbPort,sub_type),
|
|
|
+ dataType: "json",
|
|
|
+ timeout: 5000,
|
|
|
+ success: function(result) {
|
|
|
+
|
|
|
+ if (result.retval == "0") {
|
|
|
+ _this.$Message.success("发送成功");
|
|
|
+ _this.state = true;
|
|
|
+ } else {
|
|
|
+ _this.$Message.error("发送失败，返回结果：" + result.msg);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function() {
|
|
|
+ _this.state = false;
|
|
|
+ },
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ printDemo(data) {
|
|
|
+ setTimeout(()=>{
|
|
|
+ if (!data) return (this.state=false&&0);
|
|
|
+ const st = this.wxsoect;
|
|
|
+ const {
|
|
|
+ client_name,
|
|
|
+ product_title,
|
|
|
+ part_title,
|
|
|
+ measure,
|
|
|
+ process,
|
|
|
+ url_number,
|
|
|
+ color_title,
|
|
|
+ chip,
|
|
|
+ chip_bin,
|
|
|
+ house,
|
|
|
+ unit,
|
|
|
+ layer,
|
|
|
+ number_detail,
|
|
|
+ position,
|
|
|
+ } = data;
|
|
|
+ st.send("OpenPort|255");
|
|
|
+ st.send("ZM_ClearBuffer");
|
|
|
+ st.send("ZM_SetPrintSpeed|4");
|
|
|
+ st.send("ZM_SetDarkness|12");
|
|
|
+
|
|
|
+ if (location.origin.indexOf("121.37.173.82") > -1) {
|
|
|
+ st.send("ZM_SetLabelHeight|136|32");
|
|
|
+ } else {
|
|
|
+ st.send("ZM_SetLabelHeight|160|16");
|
|
|
+ }
|
|
|
+
|
|
|
+ st.send("ZM_SetLabelWidth|664");
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|70|20|24|0|Arial|1|600|0|0|0|A1| 项目:${client_name ||
|
|
|
+ ""}`
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|280|20|24|0|Arial|1|600|0|0|0|A1| 区域: ${layer||''}`
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|70|55|24|0|Arial|1|600|0|0|0|A2| 房号:${number_detail||''}`
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|280|55|24|0|Arial|1|600|0|0|0|A2| 产品:${product_title ||
|
|
|
+ ""} `
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|70|90|24|0|Arial|1|600|0|0|0|A3| 部件:${part_title || ""} `
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|280|90|24|0|Arial|1|600|0|0|0|A3| 图号: ${url_number ||
|
|
|
+ ""} `
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|70|125|24|0|Arial|1|600|0|0|0|A4| 尺寸: ${measure ||
|
|
|
+ ""} `
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|280|125|24|0|Arial|1|600|0|0|0|A4| 木皮:${color_title || ""}`
|
|
|
+ );
|
|
|
+ st.send(
|
|
|
+ `ZM_DrawTextTrueTypeW|520|90|12|0|Arial|1|600|0|0|0|A4| ${chip_bin || ""}`
|
|
|
+ );
|
|
|
+ st.send(`ZM_RW_RfidFormat|1|0|0|${chip.length}|1|${chip}`);
|
|
|
+ st.send("ZM_PrintLabel_R|1|1");
|
|
|
+ st.send("ClosePort");
|
|
|
+ },1000)
|
|
|
+ this.state = true;
|
|
|
+ },
|
|
|
+ show(item,index) {
|
|
|
+ this.infoNumber[index].showType = !this.infoNumber[index].showType
|
|
|
+ if(item.showType){ //全部未展开
|
|
|
+ this.infoNumber.forEach(_item=>{
|
|
|
+ _item.showType = false;
|
|
|
+ })
|
|
|
+ document.getElementsByClassName('ico')[index].style.transform = 'rotate(90deg)'
|
|
|
+ item.showType = true;
|
|
|
+ this.leftPageIndex=1;
|
|
|
+ this.leftPageSize=10;
|
|
|
+ this.rightPageIndex=1;
|
|
|
+ this.rightPageSize=10;
|
|
|
+ this.leftSearchData = {house_id:[],part_title:[],is_check:''};
|
|
|
+ this.rightSearchData={house_id:[],part_title:[]};
|
|
|
+ this.tabIndex = '1';
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.search(item)
|
|
|
+ }else{ //展开其中一项
|
|
|
+ this.infoNumber.forEach(_item=>{
|
|
|
+ _item.showType = false;
|
|
|
+ })
|
|
|
+ document.getElementsByClassName('ico')[index].style.transform = 'rotate(0deg)'
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ search(item){
|
|
|
+ let page_size,page_index,obj;
|
|
|
+ if(this.tabIndex==='1'){
|
|
|
+ page_size = this.leftPageSize;
|
|
|
+ page_index = this.leftPageIndex;
|
|
|
+ obj = this.leftSearchData;
|
|
|
+ }else{
|
|
|
+ page_size = this.rightPageSize;
|
|
|
+ page_index = this.rightPageIndex;
|
|
|
+ obj = this.rightSearchData;
|
|
|
+ }
|
|
|
+ this.axios.post('/api/artificial_count_detail_open',{...obj,page_size,page_index,url_number:item.url_number,state:this.tabIndex,order_no:this.$route.query.order_no}).then(res=>{
|
|
|
+ let house_list = [];
|
|
|
+ res.data.house.forEach(v=>{
|
|
|
+ let obj = {};
|
|
|
+ obj.id = v.house_id;
|
|
|
+ obj.title = `${v.house?`${v.house}-`:''}${v.unit?`${v.unit}-`:''}${v.layer?`${v.layer}-`:''}${v.number}`;
|
|
|
+ house_list.push(obj);
|
|
|
+ })
|
|
|
+ if(this.tabIndex==='1'){
|
|
|
+ this.leftPartList = res.data.part_title;
|
|
|
+ this.leftHouseNumber =house_list;
|
|
|
+ this.leftTableData = res.data.data.data;
|
|
|
+ this.leftTotal = res.data.data.total;
|
|
|
+ }else{
|
|
|
+ this.rightPartList = res.data.part_title;
|
|
|
+ this.rightHouseNumber = house_list;
|
|
|
+ this.rightTableData = res.data.data.data;
|
|
|
+ this.rightTotal = res.data.data.total;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</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: 300px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.table_header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .table_header_left{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ span{
|
|
|
+ margin: 0 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table_header_right {
|
|
|
+ width: 400px;
|
|
|
+ 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);
|
|
|
+}
|
|
|
+.inputWrap {
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+#inputmultiple {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: none;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+.inputWrapButton {
|
|
|
+ margin-left:10px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ padding: 0 15px;
|
|
|
+ user-select: none;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #2d8cf0;
|
|
|
+ border-color: #2d8cf0;
|
|
|
+ outline: 0;
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: color 0.2s linear, background-color 0.2s linear,
|
|
|
+ border 0.2s linear, box-shadow 0.2s linear;
|
|
|
+ &:hover {
|
|
|
+ background-color: #70b1f7;
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/.ivu-tabs-nav{
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+}
|
|
|
+/deep/.ivu-tabs-nav-scroll{
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+}
|
|
|
+/deep/.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content {
|
|
|
+ height: auto;
|
|
|
+ margin-top: -18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content > .ivu-tabs-tabpane {
|
|
|
+ background: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.demo-tabs-style1 > .ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab {
|
|
|
+ border-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab-active {
|
|
|
+ border-color: #fff;
|
|
|
+ color: white;
|
|
|
+ background: #2d8cf0;
|
|
|
+ }
|
|
|
+ .content_body_page{
|
|
|
+ text-align: center;
|
|
|
+ margin: 15px 0;
|
|
|
+ }
|
|
|
+</style>
|
