|
|
@@ -0,0 +1,942 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <Toptitle title="匹配">
|
|
|
+ <Button
|
|
|
+ @click="handleAutoMatching"
|
|
|
+ v-if="currencyTag == 1"
|
|
|
+ type="primary"
|
|
|
+ style="margin-right: 10px"
|
|
|
+ >自动匹配</Button
|
|
|
+ >
|
|
|
+ <Button @click="back" v-else type="primary" style="margin-right: 10px"
|
|
|
+ >撤销匹配</Button
|
|
|
+ >
|
|
|
+ <Button @click="back" type="primary" ghost style="margin-right: 10px"
|
|
|
+ >返回</Button
|
|
|
+ >
|
|
|
+ </Toptitle>
|
|
|
+ <div class="top-info">
|
|
|
+ <Row align="middle">
|
|
|
+ <Col span="4">
|
|
|
+ <span>项目编号：</span><span>{{ info.project_no }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4"
|
|
|
+ ><span>项目名称：</span><span>{{ info.project_title }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6" v-if="currencyTag == 1">
|
|
|
+ <span>图号：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ filter-by-label
|
|
|
+ v-model="info.image_number"
|
|
|
+ :max-tag-count="2"
|
|
|
+ style="width: 200px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in urlSelectList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6" v-if="currencyTag == 1">
|
|
|
+ <span>产品名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ filter-by-label
|
|
|
+ v-model="info.product_name"
|
|
|
+ :max-tag-count="2"
|
|
|
+ style="width: 200px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in productList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4" v-if="currencyTag == 1">
|
|
|
+ <Button @click="handleSearchUnmatchedInfo" type="primary"
|
|
|
+ >确认</Button
|
|
|
+ >
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div class="context-tabs">
|
|
|
+ <Tabs type="card" @on-click="handleTabsClick" v-model="currencyTag">
|
|
|
+ <Button @click="back" type="primary" size="small" slot="extra">
|
|
|
+ 匹配
|
|
|
+ </Button>
|
|
|
+ <TabPane label="本次未匹配" name="1">
|
|
|
+ <Row>
|
|
|
+ <Col
|
|
|
+ span="16"
|
|
|
+ style="border-top: 1px solid #adb5bd;border-right: 1px solid #adb5bd;padding:10px"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <h1>码单信息</h1>
|
|
|
+ <div class="context-unmatched-sheet">
|
|
|
+ <div
|
|
|
+ v-for="url_info in unmatchedObj.urlList"
|
|
|
+ :key="url_info.id"
|
|
|
+ style="padding-top:10px"
|
|
|
+ >
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="4">
|
|
|
+ <span>图号：</span><span>{{ url_info.number }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <span>产品名称：</span
|
|
|
+ ><span>{{ url_info.product_name }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4" offset="6">
|
|
|
+ <span>
|
|
|
+ 总计
|
|
|
+ <span style="color:red">{{
|
|
|
+ url_info.product_detail_num
|
|
|
+ }}</span>
|
|
|
+ 条数据
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4">
|
|
|
+ <Button
|
|
|
+ @click="handleShowCurrencySheet(url_info)"
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ >{{ url_info.isCurrenct ? "收缩" : "展开" }}</Button
|
|
|
+ >
|
|
|
+ <Icon
|
|
|
+ size="20"
|
|
|
+ :type="
|
|
|
+ url_info.isCurrenct
|
|
|
+ ? 'md-arrow-dropdown'
|
|
|
+ : 'md-arrow-dropright'
|
|
|
+ "
|
|
|
+ style="vertical-align: middle;"
|
|
|
+ />
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div
|
|
|
+ v-if="url_info.isCurrenct"
|
|
|
+ class="context-unmatched-sheet-search"
|
|
|
+ >
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="6">
|
|
|
+ <span>特殊尺寸：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.wool_size"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in wool_size"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <span>部件名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.part_name"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in part_name"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <span>精裁尺寸：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.cut_size"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in cut_size"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <Button
|
|
|
+ @click="getSheetDetailList(url_info)"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="url_info.isCurrenct"
|
|
|
+ class="context-unmatched-sheet-table"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-for="table_info in unmatchedObj.part_list"
|
|
|
+ :key="table_info.id"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="10" style="padding:10px 0">
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ <span
|
|
|
+ v-for="(match_info, index) in table_info.key
|
|
|
+ .list"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ match_info.key }}:{{ match_info.value }}
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="3" offset="11">
|
|
|
+ 总计{{ table_info.key.num }}条数据
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <Table
|
|
|
+ :columns="unmatchedSheetTableColumns"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ @on-selection-change="handleSelectChange"
|
|
|
+ :data="table_info.part_list"
|
|
|
+ ></Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span="8">
|
|
|
+ <div style="border-top: 1px solid #adb5bd;padding:10px">
|
|
|
+ <h1>房间信息</h1>
|
|
|
+ <div class="context-unmatched-room">
|
|
|
+ <div
|
|
|
+ v-for="url_info in unmatchedObj.urlList"
|
|
|
+ :key="url_info.id"
|
|
|
+ style="padding-top:10px"
|
|
|
+ >
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="4">
|
|
|
+ <span>图号：</span><span>{{ url_info.number }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="8">
|
|
|
+ <span>产品名称：</span
|
|
|
+ ><span>{{ url_info.product_name }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6" offset="2">
|
|
|
+ <span>
|
|
|
+ 总计
|
|
|
+ <span style="color:red">{{
|
|
|
+ url_info.house_num
|
|
|
+ }}</span>
|
|
|
+ 条数据
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4">
|
|
|
+ <Button
|
|
|
+ @click="handleShowCurrencySheet(url_info)"
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ >{{ url_info.isCurrenct ? "收缩" : "展开" }}</Button
|
|
|
+ >
|
|
|
+ <Icon
|
|
|
+ size="20"
|
|
|
+ :type="
|
|
|
+ url_info.isCurrenct
|
|
|
+ ? 'md-arrow-dropdown'
|
|
|
+ : 'md-arrow-dropright'
|
|
|
+ "
|
|
|
+ style="vertical-align: middle;"
|
|
|
+ />
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div
|
|
|
+ v-if="url_info.isCurrenct"
|
|
|
+ class="context-unmatched-room-search"
|
|
|
+ >
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="12" style="padding:10px 0">
|
|
|
+ <span>区域名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.region"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in regionList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="12" style="padding:10px 0">
|
|
|
+ <span>房号：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.number"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in number"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="12" style="padding:10px 0">
|
|
|
+ <span>特殊尺寸：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="info.wool_size"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in wool_size"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="12" style="padding:10px 0">
|
|
|
+ <Button @click="back" size="small" type="primary"
|
|
|
+ >搜索</Button
|
|
|
+ >
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="url_info.isCurrenct"
|
|
|
+ class="context-unmatched-room-table"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <Table
|
|
|
+ :columns="unmatchedRoomTableColumnsUsed"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ @on-selection-change="handleSelectChange"
|
|
|
+ :data="unmatchedRoomList.house_list"
|
|
|
+ ></Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane label="本次已匹配" name="2">
|
|
|
+ <Row type="flex" align="middle" style="padding:10px 0">
|
|
|
+ <Col span="4">
|
|
|
+ <span>图号：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="matchedInfo.image_number"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in urlMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4">
|
|
|
+ <span>产品名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ v-model="matchedInfo.product_name"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in productMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <Button @click="back" size="small" type="primary">
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div
|
|
|
+ v-for="matched_info in matchedList"
|
|
|
+ :key="matched_info.number"
|
|
|
+ class="matched-block"
|
|
|
+ >
|
|
|
+ <Row>
|
|
|
+ <Col span="2">
|
|
|
+ <Checkbox v-model="matched_info.isSelect">全选</Checkbox>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <span>图号：{{ matched_info.image_number }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <span>产品名称：{{ matched_info.product_name }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2" offset="14">
|
|
|
+ 总计
|
|
|
+ <span style="color:red">{{ matched_info.num }}</span>
|
|
|
+ 条数据
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <Button
|
|
|
+ @click="handleShowCurrencyMatched(matched_info)"
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ >{{ matched_info.isCurrenct ? "收缩" : "展开" }}</Button
|
|
|
+ >
|
|
|
+ <Icon
|
|
|
+ size="20"
|
|
|
+ :type="
|
|
|
+ matched_info.isCurrenct
|
|
|
+ ? 'md-arrow-dropdown'
|
|
|
+ : 'md-arrow-dropright'
|
|
|
+ "
|
|
|
+ style="vertical-align: middle;"
|
|
|
+ />
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row style="margin-top:20px" v-if="matched_info.isCurrenct">
|
|
|
+ <Col span="4">
|
|
|
+ <span>区域名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.region"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in regionMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4">
|
|
|
+ <span>房号：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.number"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in numberMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="4">
|
|
|
+ <span>部件名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.part_name"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in partNameMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <Button @click="back" size="small" type="primary">
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div v-if="matched_info.isCurrenct">
|
|
|
+ <div
|
|
|
+ v-for="(matched_detail, index) in matchedDetailList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <Row type="flex" align="middle">
|
|
|
+ <Col span="10" style="padding:10px 0">
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ <span>匹配信息：</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Table
|
|
|
+ :columns="matchedSheetTableColumns"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ @on-selection-change="handleSelectChange"
|
|
|
+ :data="matched_detail.detail"
|
|
|
+ >
|
|
|
+ <template slot="setSlot" slot-scope="{ row, index }">
|
|
|
+ <a @click="handleMatchedSet(row, index, 5)">撤销匹配 </a>
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
|
+// 例如：import 《组件名称》 from '《组件路径》';
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "",
|
|
|
+ components: {},
|
|
|
+ props: {},
|
|
|
+ // import引入的组件需要注入到对象中才能使用
|
|
|
+ data() {
|
|
|
+ // 这里存放数据
|
|
|
+ return {
|
|
|
+ currencyTag: "1", //当前分页
|
|
|
+ info: {
|
|
|
+ id: this.$route.query.id,
|
|
|
+ project_no: this.$route.query.project_no,
|
|
|
+ project_title: this.$route.query.project_title,
|
|
|
+ cut_size: "",
|
|
|
+ number: "",
|
|
|
+ part_name: "",
|
|
|
+ region: "",
|
|
|
+ wool_size: "",
|
|
|
+ image_number: [],
|
|
|
+ product_name: [],
|
|
|
+ },
|
|
|
+ matchedInfo: {
|
|
|
+ image_number: [],
|
|
|
+ product_name: [],
|
|
|
+ },
|
|
|
+ cut_size: [], //精裁尺寸 未匹配
|
|
|
+ number: [], //房号 未匹配
|
|
|
+ part_name: [], //部件名称 未匹配
|
|
|
+ regionList: [], //区域名称 未匹配
|
|
|
+ wool_size: [], //毛料尺寸 未匹配
|
|
|
+ urlSelectList: [], //图号列表 未匹配
|
|
|
+ productList: [], //产品列表 未匹配
|
|
|
+ urlMatchedList: [], //图号列表 已匹配
|
|
|
+ productMatchedList: [], //产品列表 已匹配
|
|
|
+ regionMatchedList: [], //区域列表 已匹配
|
|
|
+ numberMatchedList: [], //房号列表 已匹配
|
|
|
+ partNameMatchedList: [], //部件列表 已匹配
|
|
|
+ unmatchedObj: {
|
|
|
+ urlList: [], //图号列表
|
|
|
+ part_list: [
|
|
|
+ { part_list: [{ title: 1 }], key: { list: [], num: null } },
|
|
|
+ { part_list: [{ title: 1 }], key: { list: [], num: null } },
|
|
|
+ ], //当前图号下表格列表
|
|
|
+ }, //码单信息
|
|
|
+ unmatchedRoomList: {
|
|
|
+ urlList: [], //图号列表
|
|
|
+ house_list: [{ title: 1 }], //当前图号下表格列表
|
|
|
+ }, //房间信息
|
|
|
+ matchedList: [
|
|
|
+ {
|
|
|
+ number: "123",
|
|
|
+ product_name: "321",
|
|
|
+ isSelect: false,
|
|
|
+ product_detail_num: 1,
|
|
|
+ detail: [
|
|
|
+ {
|
|
|
+ title: "333",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number: "aaa",
|
|
|
+ product_name: "vvv",
|
|
|
+ isSelect: true,
|
|
|
+ product_detail_num: 2,
|
|
|
+ detail: [
|
|
|
+ {
|
|
|
+ title: "ddd",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ matchedDetailList: [],
|
|
|
+ unmatchedSheetTableColumns: [
|
|
|
+ { title: "全选", align: "center", minWidth: 60, type: "selection" },
|
|
|
+ { title: "序号", align: "center", type: "index", minWidth: 60 },
|
|
|
+ { title: "部件名称", align: "center", key: "part_name", minWidth: 100 },
|
|
|
+ { title: "行号", align: "center", key: "line", minWidth: 60 },
|
|
|
+ { title: "木皮1", align: "center", key: "skin1", minWidth: 60 },
|
|
|
+ {
|
|
|
+ title: "原材料",
|
|
|
+ align: "center",
|
|
|
+ minWidth: 80,
|
|
|
+ render: (h, params) => {
|
|
|
+ return h("span", {}, params.row.board1 + params.row.board2);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { title: "木皮2", align: "center", key: "skin2", minWidth: 60 },
|
|
|
+ { title: "毛料尺寸", align: "center", key: "wool_size", minWidth: 80 },
|
|
|
+ {
|
|
|
+ title: "原料数量",
|
|
|
+ align: "center",
|
|
|
+ key: "wool_number",
|
|
|
+ minWidth: 80,
|
|
|
+ },
|
|
|
+ { title: "精裁尺寸", align: "center", key: "cut_size", minWidth: 80 },
|
|
|
+ {
|
|
|
+ title: "零部件数量",
|
|
|
+ align: "center",
|
|
|
+ key: "cut_number",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "未匹配数量",
|
|
|
+ align: "center",
|
|
|
+ key: "unbind_number",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ { title: "贴皮面积", align: "center", key: "stick", minWidth: 80 },
|
|
|
+ { title: "精裁面积", align: "center", key: "cut", minWidth: 80 },
|
|
|
+ { title: "工艺要求", align: "center", key: "remark", minWidth: 80 },
|
|
|
+ ], //未匹配码单表头
|
|
|
+ unmatchedRoomTableColumns: [
|
|
|
+ { title: "全选", align: "center", minWidth: 60, type: "selection" },
|
|
|
+ { title: "序号", align: "center", type: "index", minWidth: 60 },
|
|
|
+ { title: "区域", align: "center", key: "region", minWidth: 60 },
|
|
|
+ { title: "房号", align: "center", key: "number", minWidth: 60 },
|
|
|
+ ], //未匹配房间表头
|
|
|
+ unmatchedRoomTableColumnsUsed: [],
|
|
|
+ matchedSheetTableColumns: [
|
|
|
+ { title: "全选", align: "center", minWidth: 60, type: "selection" },
|
|
|
+ { title: "序号", align: "center", type: "index", minWidth: 60 },
|
|
|
+ { title: "区域名称", align: "center", key: "region", minWidth: 100 },
|
|
|
+ { title: "房号", align: "center", key: "number", minWidth: 60 },
|
|
|
+ { title: "部件名称", align: "center", key: "part_name", minWidth: 80 },
|
|
|
+ { title: "行号", align: "center", key: "line", minWidth: 60 },
|
|
|
+ { title: "木皮1", align: "center", key: "skin1", minWidth: 60 },
|
|
|
+ {
|
|
|
+ title: "原材料",
|
|
|
+ align: "center",
|
|
|
+ minWidth: 80,
|
|
|
+ render: (h, params) => {
|
|
|
+ return h("span", {}, params.row.board1 + params.row.board2);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { title: "木皮2", align: "center", key: "skin2", minWidth: 80 },
|
|
|
+ { title: "毛料尺寸", align: "center", key: "wool_size", minWidth: 80 },
|
|
|
+ {
|
|
|
+ title: "原料数量",
|
|
|
+ align: "center",
|
|
|
+ key: "wool_number",
|
|
|
+ minWidth: 80,
|
|
|
+ },
|
|
|
+ { title: "精裁尺寸", align: "center", key: "cut_size", minWidth: 80 },
|
|
|
+ {
|
|
|
+ title: "零部件数量",
|
|
|
+ align: "center",
|
|
|
+ key: "cut_number",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ { title: "贴皮面积", align: "center", key: "stick", minWidth: 80 },
|
|
|
+ { title: "精裁面积", align: "center", key: "cut", minWidth: 80 },
|
|
|
+ { title: "工艺要求", align: "center", key: "remark", minWidth: 80 },
|
|
|
+ {
|
|
|
+ title: "操作",
|
|
|
+ align: "center",
|
|
|
+ key: "title",
|
|
|
+ minWidth: 80,
|
|
|
+ slot: "setSlot",
|
|
|
+ },
|
|
|
+ ], //匹配表头
|
|
|
+ unmatchedSelectedList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 生命周期 - 创建完成（可以访问当前this实例）
|
|
|
+ created() {},
|
|
|
+ // 生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ back() {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ handleSelectChange(selection) {
|
|
|
+ this.unmatchedSelectedList = this.unmatchedSelectedList.concat(
|
|
|
+ selection.map((v) => {
|
|
|
+ return v.product_title;
|
|
|
+ })
|
|
|
+ );
|
|
|
+ // = Array.from(
|
|
|
+ // new Set([...res.data.support_remark, ...this.support_remark])
|
|
|
+ // );
|
|
|
+ },
|
|
|
+ handleTabsClick(name) {
|
|
|
+ name == 2 &&
|
|
|
+ this.axios
|
|
|
+ .get("/api/bst_matching_on_product_list", {
|
|
|
+ params: { id: this.info.id },
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ res.data.list.map((v) => {
|
|
|
+ v.isCurrenct = false;
|
|
|
+ });
|
|
|
+ this.matchedList = res.data.list;
|
|
|
+ this.urlMatchedList = res.data.image_number;
|
|
|
+ this.productMatchedList = res.data.product_name;
|
|
|
+ console.log(res);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleShowCurrencySheet(row) {
|
|
|
+ console.log("row :>> ", row);
|
|
|
+ if (row.isCurrenct) {
|
|
|
+ row.isCurrenct = !row.isCurrenct;
|
|
|
+ } else {
|
|
|
+ this.unmatchedObj.urlList.map((v) => (v.isCurrenct = false));
|
|
|
+ row.isCurrenct = true;
|
|
|
+ }
|
|
|
+ this.getSheetDetailList(row);
|
|
|
+ },
|
|
|
+ handleShowCurrencyMatched(row) {
|
|
|
+ console.log("row :>> ", row);
|
|
|
+ if (row.isCurrenct) {
|
|
|
+ row.isCurrenct = !row.isCurrenct;
|
|
|
+ } else {
|
|
|
+ this.matchedList.map((v) => (v.isCurrenct = false));
|
|
|
+ row.isCurrenct = true;
|
|
|
+ }
|
|
|
+ this.getMatchedDetailList(row);
|
|
|
+ },
|
|
|
+ getSheetDetailList(row) {
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .get("/api/bst_matching_un_product_detail", {
|
|
|
+ params: {
|
|
|
+ cut_order_product_id: row.id,
|
|
|
+ id: this.info.id,
|
|
|
+ cut_size: this.info.cut_size,
|
|
|
+ number: this.info.number,
|
|
|
+ part_name: this.info.part_name,
|
|
|
+ region: this.info.region,
|
|
|
+ wool_size: this.info.wool_size,
|
|
|
+ },
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.unmatchedObj.part_list = res.data.part_list;
|
|
|
+ this.unmatchedRoomList.house_list = res.data.house_list;
|
|
|
+ this.unmatchedRoomTableColumnsUsed = this.unmatchedRoomTableColumns.concat(
|
|
|
+ res.data.head_word.map((v) => {
|
|
|
+ return { title: v, align: "center", key: v, minWidth: 60 };
|
|
|
+ })
|
|
|
+ );
|
|
|
+ this.cut_size = res.data.search_word.cut_size;
|
|
|
+ this.number = res.data.search_word.number;
|
|
|
+ this.part_name = res.data.search_word.part_name;
|
|
|
+ this.regionList = res.data.search_word.region;
|
|
|
+ this.wool_size = res.data.search_word.wool_size;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getMatchedDetailList(row) {
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .get("/api/bst_matching_on_product_detail", {
|
|
|
+ params: {
|
|
|
+ cut_order_product_id: row.id || 14,
|
|
|
+ id: this.matchedInfo.id,
|
|
|
+ number: this.matchedInfo.number,
|
|
|
+ part_name: this.matchedInfo.part_name,
|
|
|
+ region: this.matchedInfo.region,
|
|
|
+ },
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.regionMatchedList = res.data.region;
|
|
|
+ this.numberMatchedList = res.data.number;
|
|
|
+ this.partNameMatchedList = res.data.part_name;
|
|
|
+ this.matchedDetailList = res.data.list;
|
|
|
+ console.log("res :>> ", res);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleSearchUnmatchedInfo() {
|
|
|
+ this.axios({
|
|
|
+ method: "get",
|
|
|
+ url: "/api/bst_matching_un_product_list",
|
|
|
+ params: {
|
|
|
+ id: this.info.id,
|
|
|
+ image_number: this.info.image_number,
|
|
|
+ product_name: this.info.product_name,
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ console.log("res :>> ", res);
|
|
|
+ res.data.list.map((v) => (v.isCurrenct = false));
|
|
|
+ this.unmatchedObj.urlList = res.data.list;
|
|
|
+ this.urlSelectList = res.data.image_number;
|
|
|
+ this.productList = res.data.product_name;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleAutoMatching() {
|
|
|
+ this.axios
|
|
|
+ .post("/api/matching_product_house", {
|
|
|
+ id: this.info.id,
|
|
|
+ image_number: this.info.image_number,
|
|
|
+ product_title: this.info.product_name,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ this.handleSearchUnmatchedInfo();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleMatchedSet(row, index, type) {},
|
|
|
+ },
|
|
|
+ // 监听属性 类似于data概念
|
|
|
+ computed: {},
|
|
|
+ // 监控data中的数据变化
|
|
|
+ watch: {},
|
|
|
+ beforeCreate() {}, // 生命周期 - 创建之前
|
|
|
+ beforeMount() {}, // 生命周期 - 挂载之前
|
|
|
+ beforeUpdate() {}, // 生命周期 - 更新之前
|
|
|
+ updated() {}, // 生命周期 - 更新之后
|
|
|
+ beforeDestroy() {}, // 生命周期 - 销毁之前
|
|
|
+ destroyed() {}, // 生命周期 - 销毁完成
|
|
|
+ activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.top-info {
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.context-tabs {
|
|
|
+ position: relative;
|
|
|
+ max-height: 650px;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ padding: 15px;
|
|
|
+ margin: 10px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 1px 1px 5px 1px #999;
|
|
|
+ // 未匹配样式
|
|
|
+ .context-unmatched-sheet-table,
|
|
|
+ .context-unmatched-room-table {
|
|
|
+ }
|
|
|
+ .context-unmatched-sheet-search,
|
|
|
+ .context-unmatched-room-search {
|
|
|
+ padding: 10px 0;
|
|
|
+ }
|
|
|
+ // 匹配样式
|
|
|
+ .matched-block {
|
|
|
+ padding: 15px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ background-color: #e9ecef;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/.ivu-tabs-nav-scroll {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+/deep/.ivu-table-cell {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+</style>
|
Andy