|
|
@@ -0,0 +1,1531 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <Toptitle title="匹配">
|
|
|
+ <Button
|
|
|
+ v-show="currencyTag != 1"
|
|
|
+ @click="handleMatchedSelectAll(isMatchedSelectAll)"
|
|
|
+ type="primary"
|
|
|
+ :ghost="!isMatchedSelectAll"
|
|
|
+ style="margin-right: 10px"
|
|
|
+ >{{ isMatchedSelectAll ? "取消选中" : "全部选中" }}</Button
|
|
|
+ >
|
|
|
+ <Button
|
|
|
+ @click="handleMatchedSet()"
|
|
|
+ v-show="currencyTag != 1"
|
|
|
+ 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" type="flex" justify="start">
|
|
|
+ <Col style="margin-right: 20px">
|
|
|
+ <span>金螳螂ID：</span><span>{{ detailList.jtl_id }}</span>
|
|
|
+ </Col>
|
|
|
+
|
|
|
+ <Col style="margin-right: 20px">
|
|
|
+ <span>项目编号：</span><span>{{ detailList.order_no }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col style="margin-right: 20px">
|
|
|
+ <span>项目名称：</span><span>{{ detailList.abbreviation }}</span>
|
|
|
+ </Col>
|
|
|
+ <Col style="margin-right: 20px">
|
|
|
+ <span>项目简介：</span><span>{{ detailList.project_title }}</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div class="context-tabs">
|
|
|
+ <Tabs type="card" @on-click="handleTabsClick" v-model="currencyTag">
|
|
|
+ <Button
|
|
|
+ @click="handleIsAllowHandingMatch"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ slot="extra"
|
|
|
+ v-show="currencyTag == 1"
|
|
|
+ style="margin-right: 20px"
|
|
|
+ >
|
|
|
+ 匹配
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ v-show="currencyTag == 1"
|
|
|
+ @click="matchiSngSave"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ slot="extra"
|
|
|
+ :disabled="ifMatching"
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </Button>
|
|
|
+ <TabPane label="未匹配" name="1">
|
|
|
+ <Row>
|
|
|
+ <Col
|
|
|
+ span="12"
|
|
|
+ style="
|
|
|
+ border-top: 1px solid #adb5bd;
|
|
|
+ border-right: 1px solid #adb5bd;
|
|
|
+ padding: 10px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="sheet-block">
|
|
|
+ <h1>合同信息</h1>
|
|
|
+ <div class="context-unmatched-sheet">
|
|
|
+ <Row
|
|
|
+ type="flex"
|
|
|
+ align="middle"
|
|
|
+ style="padding-top: 20px; justify-content: space-around"
|
|
|
+ >
|
|
|
+ <Col span="">
|
|
|
+ <span>区域：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ filter-by-label
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ v-model="search.region_list"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in searchRegionList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="7">
|
|
|
+ <span>产品名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ filter-by-label
|
|
|
+ clearable
|
|
|
+ transfer
|
|
|
+ v-model="search.product_title_list"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 120px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in searchProductTitleList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+
|
|
|
+ <Col span="4">
|
|
|
+ <Button
|
|
|
+ @click="contractSearch()"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ style="margin-left: -30px"
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div style="padding-top: 20px">
|
|
|
+ <Table
|
|
|
+ :columns="contractColumns"
|
|
|
+ border
|
|
|
+ @on-selection-change="checkedContract"
|
|
|
+ :max-height="500"
|
|
|
+ :data="contractData"
|
|
|
+ show-summary
|
|
|
+ :summary-method="handleSummary"
|
|
|
+ ></Table>
|
|
|
+ <div class="table_bottom">
|
|
|
+ 总共<span>{{ contractTotal || 0 }}</span
|
|
|
+ >条数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span="12">
|
|
|
+ <div
|
|
|
+ class="room-block"
|
|
|
+ style="border-top: 1px solid #adb5bd; padding: 10px"
|
|
|
+ >
|
|
|
+ <h1>深化信息</h1>
|
|
|
+
|
|
|
+ <div
|
|
|
+ style="margin-top: 15px"
|
|
|
+ v-for="matched_info in matchedList"
|
|
|
+ :key="matched_info.number"
|
|
|
+ class="matched-block"
|
|
|
+ >
|
|
|
+ <Row type="flex" justify="space-between" align="top">
|
|
|
+ <Col
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ >制单日期：{{
|
|
|
+ func.replaceDate(matched_info.crt_time).split(" ")[0]
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </Col>
|
|
|
+ <Col
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ span="6"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ 总计
|
|
|
+ <span style="color: red">{{ matched_info.total }}</span>
|
|
|
+ 条数据
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <Button
|
|
|
+ @click="handleShowCurrencyMatched1(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"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row
|
|
|
+ style="
|
|
|
+ margin-top: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ "
|
|
|
+ v-if="matched_info.isCurrenct"
|
|
|
+ >
|
|
|
+ <Col span="6">
|
|
|
+ <span>区域：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.region"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 100px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in regionMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ >
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <span>图号：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.url_number"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 100px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in urlMatchedList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ >
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="6">
|
|
|
+ <span>产品名称：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.product_title "
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 100px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in productList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <Button
|
|
|
+ @click="getMatchedDetailList(matched_info)"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div v-if="matched_info.isCurrenct">
|
|
|
+ <keep-alive>
|
|
|
+ <Table
|
|
|
+ ref="selection"
|
|
|
+ @on-selection-change="checkedDeepen"
|
|
|
+ :columns="matchedSheetTableColumns"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ on-selection-change
|
|
|
+ :data="matched_detail"
|
|
|
+ style="width: 100%"
|
|
|
+ show-summary
|
|
|
+ :summary-method="deepenSummary"
|
|
|
+ >
|
|
|
+ <template
|
|
|
+ slot-scope="{ row }"
|
|
|
+ slot="total_price"
|
|
|
+ ref="row"
|
|
|
+ >
|
|
|
+ <div class="service table_slot">
|
|
|
+ <Input
|
|
|
+ v-model="row.total_price"
|
|
|
+ type="number"
|
|
|
+ @on-blur="checkPrice(row)"
|
|
|
+ style="width: 80%"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ </keep-alive>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane label="已匹配" name="2">
|
|
|
+ <div class="context-tabs">
|
|
|
+ <div
|
|
|
+ v-for="matched_info in matchedDetailList"
|
|
|
+ :key="matched_info.number"
|
|
|
+ class="matched-block"
|
|
|
+ >
|
|
|
+ <Row type="flex" justify="space-between" align="top">
|
|
|
+ <Col
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <Checkbox
|
|
|
+ v-model="matched_info.del_isSelect"
|
|
|
+ @on-change="(e) => MatchedSelect(matched_info, e)"
|
|
|
+ class="del_check"
|
|
|
+ >选择</Checkbox
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ >制单日期：{{
|
|
|
+ func.replaceDate(matched_info.crt_time).split(" ")[0]
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </Col>
|
|
|
+ <Col
|
|
|
+ style="display: flex; justify-content: space-between"
|
|
|
+ span="6"
|
|
|
+ >
|
|
|
+ <span v-if="matched_info.matching_status == 2">
|
|
|
+ <Button
|
|
|
+ @click="handleGoProduction(2, matched_info)"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ :disabled="matched_info.product_state != 0"
|
|
|
+ >下生产通知</Button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ 总计
|
|
|
+ <span style="color: red">{{ matched_info.total }}</span>
|
|
|
+ 条数据
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <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"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <Row
|
|
|
+ style="margin-top: 20px; padding-bottom: 20px"
|
|
|
+ v-if="matched_info.isCurrenct"
|
|
|
+ >
|
|
|
+ <Col span="4">
|
|
|
+ <span>区域：</span>
|
|
|
+ <span>
|
|
|
+ <Select
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ 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
|
|
|
+ clearable
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.url_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
|
|
|
+ transfer
|
|
|
+ clearable
|
|
|
+ filter-by-label
|
|
|
+ v-model="matchedInfo.product_title"
|
|
|
+ :max-tag-count="2"
|
|
|
+ size="small"
|
|
|
+ style="width: 150px"
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ v-for="(item, index) in productList"
|
|
|
+ :key="index"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></Option>
|
|
|
+ </Select>
|
|
|
+ </span>
|
|
|
+ </Col>
|
|
|
+ <Col span="2">
|
|
|
+ <Button
|
|
|
+ @click="getMatchedDetailList1(matched_info)"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ <div v-if="matched_info.isCurrenct">
|
|
|
+ <div>
|
|
|
+ <Table
|
|
|
+ ref="selection"
|
|
|
+ @on-selection-change="ifCheckAll"
|
|
|
+ :columns="unmatchedSheetTableColumns"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ on-selection-change
|
|
|
+ :data="matched_detail"
|
|
|
+ show-summary
|
|
|
+ :summary-method="unmatchedSummary"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <template slot="setSlot" slot-scope="{ row }">
|
|
|
+ <a @click="cancelMatch(row)" style="margin: 0 5px"
|
|
|
+ >撤销匹配</a
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+ </div>
|
|
|
+ <Modal width="80" v-model="showHandingMatchModal" title="手动匹配确认">
|
|
|
+ <div>
|
|
|
+ <Row style="padding: 10px 0">
|
|
|
+ <Col span="8">部件名称：{{ currentChooseTitle }}</Col>
|
|
|
+ <Col span="6">未匹配数量：{{ currentChooseNumber }}</Col>
|
|
|
+ <Col span="4"
|
|
|
+ >余：{{ currentChooseNumber - currentChooseNumberUsed }}</Col
|
|
|
+ >
|
|
|
+ <Col span="4" offset="2">
|
|
|
+ <Button size="small" @click="handleHandingMatchAVG">
|
|
|
+ 平均分配
|
|
|
+ </Button>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <Table
|
|
|
+ :columns="unmatchedRoomTableColumnsModal"
|
|
|
+ border
|
|
|
+ :max-height="500"
|
|
|
+ :data="unmatchedSelectedList"
|
|
|
+ >
|
|
|
+ <template slot="numSlot" slot-scope="{ index }">
|
|
|
+ <Input
|
|
|
+ @on-change="handleHandingMatchNumChange"
|
|
|
+ v-model="unmatchedSelectedList[index].num"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ </div>
|
|
|
+ <div slot="footer">
|
|
|
+ <Button @click="showHandingMatchModal = false">取消</Button>
|
|
|
+ <Button type="primary" @click="handleHandingMatch">确定</Button>
|
|
|
+ </div>
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
|
+// 例如：import 《组件名称》 from '《组件路径》';
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "",
|
|
|
+ components: {},
|
|
|
+ props: {},
|
|
|
+ // import引入的组件需要注入到对象中才能使用
|
|
|
+ data() {
|
|
|
+ // 这里存放数据
|
|
|
+ return {
|
|
|
+ ifMatching: true, //确认按钮
|
|
|
+ currencyTag: "1", //当前分页
|
|
|
+ info: {
|
|
|
+ id: this.$route.query.id,
|
|
|
+ project_number: this.$route.query.project_number,
|
|
|
+ project_name: this.$route.query.project_name,
|
|
|
+ cut_size: "",
|
|
|
+ number: "",
|
|
|
+ part_name: "",
|
|
|
+ region: "",
|
|
|
+ wool_size1: "",
|
|
|
+ wool_size2: "",
|
|
|
+ image_number: [],
|
|
|
+ product_name: [],
|
|
|
+ },
|
|
|
+
|
|
|
+ matchedInfo: {
|
|
|
+ product_title: [],
|
|
|
+ url_number: [],
|
|
|
+ region: [],
|
|
|
+ },
|
|
|
+ cut_size: [], //精裁尺寸 未匹配
|
|
|
+ number: [], //房号 未匹配
|
|
|
+ part_name: [], //部件名称 未匹配
|
|
|
+ regionList: [], //区域名称 未匹配
|
|
|
+ wool_size1: [], //毛料尺寸 未匹配
|
|
|
+ wool_size2: [], //毛料尺寸 已匹配
|
|
|
+ urlSelectList: [], //图号列表 未匹配
|
|
|
+ productList: [], //产品列表 未匹配
|
|
|
+ urlMatchedList: [], //图号列表 已匹配
|
|
|
+ productMatchedList: [], //产品列表 已匹配
|
|
|
+ regionMatchedList: [], //区域列表 已匹配
|
|
|
+ numberMatchedList: [], //房号列表 已匹配
|
|
|
+ partNameMatchedList: [], //部件列表 已匹配
|
|
|
+ unmatchedObj: {
|
|
|
+ urlList: [], //图号列表
|
|
|
+ part_list: [], //当前图号下表格列表
|
|
|
+ }, //码单信息
|
|
|
+ unmatchedRoomList: {
|
|
|
+ urlList: [], //图号列表
|
|
|
+ house_list: [{ title: 1 }], //当前图号下表格列表
|
|
|
+ }, //房间信息
|
|
|
+ currentChooseId: "", //选中码单信息中的ID
|
|
|
+ currentChooseNumber: 0, //选中码单信息中的ID
|
|
|
+ currentChooseTitle: "", //选中码单信息中的ID
|
|
|
+ currentChooseNumberUsed: "",
|
|
|
+ matchedList: [],
|
|
|
+ matchedDetailList: [],
|
|
|
+ matchedTimeList: [],
|
|
|
+ unmatchedSheetTableColumns: [
|
|
|
+ {
|
|
|
+ title: "序号",
|
|
|
+ align: "center",
|
|
|
+ type: "index",
|
|
|
+ resizable: true,
|
|
|
+ key: "index",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "区域",
|
|
|
+ align: "center",
|
|
|
+ key: "region",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "图号",
|
|
|
+ align: "center",
|
|
|
+ key: "url_number",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "产品名称",
|
|
|
+ align: "center",
|
|
|
+ key: "product_title",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "数量",
|
|
|
+ align: "center",
|
|
|
+ key: "num",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "金额",
|
|
|
+ align: "center",
|
|
|
+ key: "total_price",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ { title: "操作", align: "center", slot: "setSlot", width: 100 },
|
|
|
+ ], //未匹配码单表头
|
|
|
+ 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: "house",
|
|
|
+ minWidth: 60,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "单元",
|
|
|
+ align: "center",
|
|
|
+ key: "unit",
|
|
|
+ minWidth: 60,
|
|
|
+ slot: "unit",
|
|
|
+ },
|
|
|
+ { title: "楼层", align: "center", key: "layer", minWidth: 60 },
|
|
|
+ { title: "房号", align: "center", key: "number", minWidth: 60 },
|
|
|
+ ], //未匹配房间表头
|
|
|
+ unmatchedRoomTableColumnsUsed: [],
|
|
|
+ contractColumns: [
|
|
|
+ {
|
|
|
+ title: "全选",
|
|
|
+ align: "center",
|
|
|
+ width: 60,
|
|
|
+ type: "selection",
|
|
|
+ key: "index",
|
|
|
+ },
|
|
|
+ { title: "序号", align: "center", type: "index" },
|
|
|
+ { title: "区域", align: "center", key: "region" },
|
|
|
+ { title: "产品名称", align: "center", key: "product_title" },
|
|
|
+ { title: "数量", align: "center", key: "num" },
|
|
|
+ { title: "金额", align: "center", key: "total_price" },
|
|
|
+ ],
|
|
|
+ contractData: [],
|
|
|
+ contractTotal: "",
|
|
|
+ matchedSheetTableColumns: [
|
|
|
+ {
|
|
|
+ type: "selection",
|
|
|
+ width: 60,
|
|
|
+ align: "center",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "序号",
|
|
|
+ align: "center",
|
|
|
+ type: "index",
|
|
|
+ resizable: true,
|
|
|
+ key: "index",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "区域",
|
|
|
+ align: "center",
|
|
|
+ key: "region",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "图号",
|
|
|
+ align: "center",
|
|
|
+ key: "url_number",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "产品名称",
|
|
|
+ align: "center",
|
|
|
+ key: "product_title",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "数量",
|
|
|
+ align: "center",
|
|
|
+ key: "num",
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "金额",
|
|
|
+ align: "center",
|
|
|
+ key: "total_price",
|
|
|
+ resizable: true,
|
|
|
+ slot: "total_price",
|
|
|
+ },
|
|
|
+ ], //深化信息表头
|
|
|
+ unmatchedRoomTableColumnsModal: [],
|
|
|
+ unmatchedSelectedList: [],
|
|
|
+ matchedSelectedList: [],
|
|
|
+ showHandingMatchModal: false,
|
|
|
+ isMatchedSelectAll: false,
|
|
|
+ matchedReopenTag: "",
|
|
|
+ matchedReopenList: [],
|
|
|
+ isClickMatch: true,
|
|
|
+ detailList: {},
|
|
|
+ matched_detail: [],
|
|
|
+ checkedContractList: [], //合同选择的数据
|
|
|
+ checkedDeepenList: [], //深化信息选择的
|
|
|
+ revocationList: [], //撤销匹配选中的列表
|
|
|
+ search:{
|
|
|
+ product_title_list:[],
|
|
|
+ region_list:[]
|
|
|
+ },
|
|
|
+ searchRegionList:[],
|
|
|
+ searchProductTitleList:[]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 生命周期 - 创建完成（可以访问当前this实例）
|
|
|
+ created() {},
|
|
|
+ // 生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
+ mounted() {
|
|
|
+ // this.handleSearchUnmatchedInfo();
|
|
|
+ this.detail();
|
|
|
+ this.deepenList();
|
|
|
+ this.contractList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ checkPrice(row) {
|
|
|
+ if (row.total_price < 0) {
|
|
|
+ row.total_price = "0.00";
|
|
|
+ this.matched_detail[row._index].total_price = "0.00";
|
|
|
+ } else {
|
|
|
+ row.total_price = Number(row.total_price).toFixed(2);
|
|
|
+ this.matched_detail[row._index].total_price = Number(
|
|
|
+ this.matched_detail[row._index].total_price
|
|
|
+ ).toFixed(2);
|
|
|
+ if (row.total_price > 0) {
|
|
|
+ this.matched_detail.forEach((e) => {
|
|
|
+ if (e.id == row.id) {
|
|
|
+ e.total_price = row.total_price;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deepenSummary({ columns, data }) {
|
|
|
+ const sums = {};
|
|
|
+ columns.forEach((column, index) => {
|
|
|
+ const key = column.key;
|
|
|
+ if (key === "index") {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "合计",
|
|
|
+ };
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const values = data.map((item) => Number(item[key]));
|
|
|
+ if (key == "total_price") {
|
|
|
+ const v = values.reduce((prev, curr) => {
|
|
|
+ const value = Number(curr);
|
|
|
+ if (!isNaN(value)) {
|
|
|
+ return prev + curr;
|
|
|
+ } else {
|
|
|
+ return prev;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: (v * 1).toFixed(2),
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "",
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return sums;
|
|
|
+ },
|
|
|
+ unmatchedSummary({ columns, data }) {
|
|
|
+ const sums = {};
|
|
|
+ columns.forEach((column, index) => {
|
|
|
+ const key = column.key;
|
|
|
+ if (key === "index") {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "合计",
|
|
|
+ };
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const values = data.map((item) => Number(item[key]));
|
|
|
+ if (key == "total_price") {
|
|
|
+ const v = values.reduce((prev, curr) => {
|
|
|
+ const value = Number(curr);
|
|
|
+ if (!isNaN(value)) {
|
|
|
+ return prev + curr;
|
|
|
+ } else {
|
|
|
+ return prev;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: (v * 1).toFixed(2),
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "",
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return sums;
|
|
|
+ },
|
|
|
+ handleSummary({ columns, data }) {
|
|
|
+ const sums = {};
|
|
|
+ columns.forEach((column, index) => {
|
|
|
+ const key = column.key;
|
|
|
+ if (key === "index") {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "合计",
|
|
|
+ };
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const values = data.map((item) => Number(item[key]));
|
|
|
+ if (key == "total_price") {
|
|
|
+ const v = values.reduce((prev, curr) => {
|
|
|
+ const value = Number(curr);
|
|
|
+ if (!isNaN(value)) {
|
|
|
+ return prev + curr;
|
|
|
+ } else {
|
|
|
+ return prev;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: (v * 1).toFixed(2),
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ sums[key] = {
|
|
|
+ key,
|
|
|
+ value: "",
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return sums;
|
|
|
+ },
|
|
|
+ handleMatchedSet(row, index, type) {
|
|
|
+ if (this.matchedSelectedList.length == 0) {
|
|
|
+ return this.$Message.warning("请选择");
|
|
|
+ }
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_revoke", {
|
|
|
+ id: [],
|
|
|
+ order_no: this.matchedSelectedList,
|
|
|
+ time: this.matchedTimeList,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.matchedSelectedList = [];
|
|
|
+ this.matchedTimeList = [];
|
|
|
+ this.handleMatchedListInit();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cancelMatch(row) {
|
|
|
+ //撤销匹配
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_revoke", {
|
|
|
+ id: [row.id],
|
|
|
+ order_no: row.order_no,
|
|
|
+ time: [],
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.handleMatchedListInit();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkedContract(se) {
|
|
|
+ this.checkedContractList = se;
|
|
|
+ },
|
|
|
+ checkedDeepen(se) {
|
|
|
+ this.checkedDeepenList = se;
|
|
|
+ },
|
|
|
+ contractSearch() {
|
|
|
+ //合同信息搜索按钮
|
|
|
+ this.contractList();
|
|
|
+ },
|
|
|
+ detail() {
|
|
|
+ //详情接口
|
|
|
+ this.axios({
|
|
|
+ method: "post",
|
|
|
+ url: "/api/contract_match_detail",
|
|
|
+ params: {
|
|
|
+ order_no: this.$route.query.order_no,
|
|
|
+ region: "",
|
|
|
+ product_title: "",
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.detailList = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ contractList() {
|
|
|
+ //合同信息table
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_detail_contract", {
|
|
|
+ order_no: this.$route.query.order_no,
|
|
|
+ region: this.search.region_list,
|
|
|
+ product_title: this.search.product_title_list,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.contractData = res.data.data;
|
|
|
+ this.contractTotal = res.data.total;
|
|
|
+ this.searchRegionList = res.data.region_list;
|
|
|
+ this.searchProductTitleList = res.data.product_title_list
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ MatchedSelect(row, e) {
|
|
|
+ row.del_isSelect = e;
|
|
|
+ if (e == false) {
|
|
|
+ this.isMatchedSelectAll = e;
|
|
|
+ }
|
|
|
+ this.matchedSelectedList = [];
|
|
|
+ this.matchedTimeList = [];
|
|
|
+ this.matchedDetailList.forEach((v) => {
|
|
|
+ if (v.del_isSelect) {
|
|
|
+ this.matchedSelectedList.push(v.order_no);
|
|
|
+ this.matchedTimeList.push(v.crt_time);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (this.matchedDetailList.every((target) => target.del_isSelect)) {
|
|
|
+ this.isMatchedSelectAll = true;
|
|
|
+ } else {
|
|
|
+ this.isMatchedSelectAll = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ifCheckAll(s) {
|
|
|
+ this.revocationList = s;
|
|
|
+ },
|
|
|
+ back() {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ handleSelectChange(selection) {
|
|
|
+ this.unmatchedSelectedList = selection;
|
|
|
+ this.unmatchedSelectedList.map((v) => (v.num = ""));
|
|
|
+ },
|
|
|
+ handleMatchedSelectChange(selection) {
|
|
|
+ this.matchedSelectedList = this.matchedSelectedList.concat(
|
|
|
+ selection.map((v) => {
|
|
|
+ return v.cut_order_product_id;
|
|
|
+ })
|
|
|
+ );
|
|
|
+ },
|
|
|
+ handleTabsClick(name) {
|
|
|
+ name == 2 && this.handleMatchedListInit();
|
|
|
+ name == 1 && this.contractList();
|
|
|
+ },
|
|
|
+ deepenList() {
|
|
|
+ //深化信息接口
|
|
|
+ this.axios({
|
|
|
+ method: "post",
|
|
|
+ url: "/api/contract_match_detail_deep",
|
|
|
+ params: { order_no: this.$route.query.order_no, state: 0 },
|
|
|
+ }).then((res) => {
|
|
|
+ this.matchedList = [];
|
|
|
+ res.data.map((v) => {
|
|
|
+ v.isCurrenct = false;
|
|
|
+ });
|
|
|
+ this.matchedList = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleMatchedListInit() {
|
|
|
+ //已匹配
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_detail_deep", {
|
|
|
+ order_no: this.$route.query.order_no,
|
|
|
+ state: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.matchedDetailList = [];
|
|
|
+ res.data.map((v) => {
|
|
|
+ v.isCurrenct = false;
|
|
|
+ });
|
|
|
+ this.matchedDetailList = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleShowCurrencySheet(row, type) {
|
|
|
+ if (row.isCurrenct) {
|
|
|
+ row.isCurrenct = !row.isCurrenct;
|
|
|
+ } else {
|
|
|
+ this.unmatchedObj.urlList.map((v) => (v.isCurrenct = false));
|
|
|
+ row.isCurrenct = true;
|
|
|
+ this.matchedReopenTag = row.id;
|
|
|
+ }
|
|
|
+ this.getSheetDetailList(row, type);
|
|
|
+ },
|
|
|
+ handleHiddenSheetDetail(row) {
|
|
|
+ if (row.isHidden) {
|
|
|
+ row.isHidden = !row.isHidden;
|
|
|
+ } else {
|
|
|
+ row.isHidden = true;
|
|
|
+ }
|
|
|
+ this.matchedReopenList = [];
|
|
|
+ this.unmatchedObj.part_list.map((v) => {
|
|
|
+ if (v.isHidden) {
|
|
|
+ this.matchedReopenList.push(
|
|
|
+ v.key.list
|
|
|
+ .map((w) => {
|
|
|
+ return w.value;
|
|
|
+ })
|
|
|
+ .join("*")
|
|
|
+ );
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ handleHiddenMatchedDetail(row) {
|
|
|
+ if (row.isHidden) {
|
|
|
+ row.isHidden = !row.isHidden;
|
|
|
+ } else {
|
|
|
+ row.isHidden = true;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ handleShowCurrencyMatched1(row) {
|
|
|
+ if (!row) {
|
|
|
+ return this.matchedList.map((v) => (v.isCurrenct = false));
|
|
|
+ }
|
|
|
+ if (row.isCurrenct) {
|
|
|
+ row.isCurrenct = !row.isCurrenct;
|
|
|
+ } else {
|
|
|
+ this.matchedList.map((v) => (v.isCurrenct = false));
|
|
|
+ row.isCurrenct = true;
|
|
|
+ }
|
|
|
+ this.getMatchedDetailList(row);
|
|
|
+ },
|
|
|
+ handleShowCurrencyMatched(row) {
|
|
|
+ if (row.isCurrenct) {
|
|
|
+ row.isCurrenct = !row.isCurrenct;
|
|
|
+ } else {
|
|
|
+ this.matchedList.map((v) => (v.isCurrenct = false));
|
|
|
+ row.isCurrenct = true;
|
|
|
+ }
|
|
|
+ this.getMatchedDetailList1(row);
|
|
|
+ },
|
|
|
+ getSheetDetailList(row, type) {
|
|
|
+ switch (type) {
|
|
|
+ case 1:
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .post("/api/bst_matching_un_product_detail", {
|
|
|
+ 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_size1: this.info.wool_size1,
|
|
|
+ key: this.matchedReopenList,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.unmatchedObj.part_list = [];
|
|
|
+ this.unmatchedObj.part_list = res.data.part_list;
|
|
|
+ this.unmatchedObj.part_list = res.data.part_list;
|
|
|
+ this.unmatchedObj.part_list.forEach((v) => {
|
|
|
+ v.isHidden = true;
|
|
|
+ });
|
|
|
+ this.unmatchedRoomList.house_list = [];
|
|
|
+ this.unmatchedRoomList.house_list = res.data.house_list;
|
|
|
+ this.unmatchedRoomList.house_list.forEach((v, index) => {
|
|
|
+ this.unmatchedObj.part_list[index].key.list.forEach(
|
|
|
+ (item) => {
|
|
|
+ v[item.key] = item.value;
|
|
|
+ }
|
|
|
+ );
|
|
|
+ });
|
|
|
+
|
|
|
+ this.unmatchedRoomTableColumnsUsed =
|
|
|
+ this.unmatchedRoomTableColumns.concat(
|
|
|
+ res.data.head_word.map((v) => {
|
|
|
+ return {
|
|
|
+ title: v,
|
|
|
+ align: "center",
|
|
|
+ key: v,
|
|
|
+ minWidth: 60,
|
|
|
+ };
|
|
|
+ })
|
|
|
+ );
|
|
|
+ this.unmatchedRoomTableColumnsModal =
|
|
|
+ this.unmatchedRoomTableColumnsUsed.concat({
|
|
|
+ title: "匹配数量",
|
|
|
+ align: "center",
|
|
|
+ minWidth: 60,
|
|
|
+ slot: "numSlot",
|
|
|
+ });
|
|
|
+ this.unmatchedRoomTableColumnsModal =
|
|
|
+ this.unmatchedRoomTableColumnsModal.splice(1);
|
|
|
+ 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_size1 = res.data.search_word.wool_size1;
|
|
|
+ this.wool_size2 = res.data.search_word.wool_size2;
|
|
|
+ this.unmatchedObj.part_list.map((v) => {
|
|
|
+ if (v.state == 1) {
|
|
|
+ v.isHidden = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .post("/api/bst_matching_un_product_detail", {
|
|
|
+ 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_size2: this.info.wool_size2,
|
|
|
+ key: this.matchedReopenList,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ 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.unmatchedRoomTableColumnsModal =
|
|
|
+ this.unmatchedRoomTableColumnsUsed.concat({
|
|
|
+ title: "匹配数量",
|
|
|
+ align: "center",
|
|
|
+ minWidth: 60,
|
|
|
+ slot: "numSlot",
|
|
|
+ });
|
|
|
+ this.unmatchedRoomTableColumnsModal =
|
|
|
+ this.unmatchedRoomTableColumnsModal.splice(1);
|
|
|
+ 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_size1 = res.data.search_word.wool_size1;
|
|
|
+ this.wool_size2 = res.data.search_word.wool_size2;
|
|
|
+ this.unmatchedObj.part_list.map((v) => {
|
|
|
+ if (v.state == 1) {
|
|
|
+ v.isHidden = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ checkedDeepen(se) {
|
|
|
+ this.checkedDeepenList = se;
|
|
|
+ },
|
|
|
+ getMatchedDetailList(row) {
|
|
|
+ this.matched_detail.forEach((e) => {
|
|
|
+ if (e.total_price > 0) {
|
|
|
+ this.checkedDeepenList.push(e);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_detail_deep_open", {
|
|
|
+ order_no: row.order_no,
|
|
|
+ state: 0,
|
|
|
+ crt_time: row.crt_time,
|
|
|
+ region: this.matchedInfo.region,
|
|
|
+ product_title: this.matchedInfo.product_title,
|
|
|
+ url_number: this.matchedInfo.url_number,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ res.data.data.forEach((item) => {
|
|
|
+ this.$set(item, "total_price", 0);
|
|
|
+ });
|
|
|
+ this.matched_detail = res.data.data;
|
|
|
+ this.matched_detail.forEach((e) => {
|
|
|
+ this.checkedDeepenList.forEach((l) => {
|
|
|
+ if (e.id == l.id) {
|
|
|
+ e._checked = true;
|
|
|
+ e.total_price = l.total_price;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.regionMatchedList = res.data.region_list; //区域
|
|
|
+ this.urlMatchedList = res.data.url_number_list; //图号
|
|
|
+ this.productList = res.data.product_title_list;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ if (row.del_isSelect == true || row.isSelect == true) {
|
|
|
+ this.$refs.selection[0].selectAll(true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getMatchedDetailList1(row) {
|
|
|
+ row.isCurrenct &&
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_detail_deep_open", {
|
|
|
+ order_no: row.order_no,
|
|
|
+ state: 1,
|
|
|
+ crt_time: row.crt_time,
|
|
|
+ region: this.matchedInfo.region,
|
|
|
+ product_title: this.matchedInfo.product_title,
|
|
|
+ url_number: this.matchedInfo.url_number,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.matched_detail = res.data.data;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ if (row.del_isSelect == true || row.isSelect == true) {
|
|
|
+ this.$refs.selection[0].selectAll(true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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) {
|
|
|
+ let data = [];
|
|
|
+ res.data.list.map((v) => (v.isCurrenct = false));
|
|
|
+ res.data.list.forEach((element) => {
|
|
|
+ if (element.number != 0) {
|
|
|
+ data.push(element);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.unmatchedObj.urlList = data;
|
|
|
+ this.urlSelectList = res.data.image_number;
|
|
|
+ this.productList = res.data.product_name;
|
|
|
+ this.unmatchedSelectedList = [];
|
|
|
+ this.unmatchedObj.urlList.map((v) => {
|
|
|
+ if (v.id == this.matchedReopenTag) {
|
|
|
+ v.isCurrenct = true;
|
|
|
+ if (this.isClickMatch) {
|
|
|
+ this.getSheetDetailList(v, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleHandingMatchAVG() {
|
|
|
+ let num = parseInt(
|
|
|
+ this.currentChooseNumber / this.unmatchedSelectedList.length
|
|
|
+ );
|
|
|
+ this.unmatchedSelectedList.map((v) => {
|
|
|
+ v.num = num;
|
|
|
+ });
|
|
|
+ this.unmatchedSelectedList = JSON.parse(
|
|
|
+ JSON.stringify(this.unmatchedSelectedList)
|
|
|
+ );
|
|
|
+ this.handleHandingMatchNumChange();
|
|
|
+ },
|
|
|
+ handleIsAllowHandingMatch() {
|
|
|
+ //匹配按钮
|
|
|
+ if (this.checkedContractList.length < 1) {
|
|
|
+ return this.$Message.warning("请选择合同信息中的内容");
|
|
|
+ }
|
|
|
+ if (this.checkedDeepenList.length < 1) {
|
|
|
+ return this.$Message.warning("请选择深化信息中的内容");
|
|
|
+ }
|
|
|
+ let priceValue = 0;
|
|
|
+ this.checkedContractList.forEach((e) => {
|
|
|
+ priceValue += e.total_price; //这是合同选择的价格的和
|
|
|
+ });
|
|
|
+ let average = parseFloat(
|
|
|
+ parseFloat(priceValue) / parseFloat(this.checkedDeepenList.length)
|
|
|
+ ).toFixed(2);
|
|
|
+ this.matched_detail.forEach((e) => {
|
|
|
+ this.checkedDeepenList.forEach((l, index) => {
|
|
|
+ if (e.id == l.id) {
|
|
|
+ e.total_price = average;
|
|
|
+ e._checked = true;
|
|
|
+ this.ifMatching = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ matchiSngSave() {
|
|
|
+ if (this.checkedContractList.length < 1) {
|
|
|
+ return this.$Message.warning("请选择合同信息中的内容");
|
|
|
+ }
|
|
|
+ if (this.checkedDeepenList.length < 1) {
|
|
|
+ return this.$Message.warning("请选择深化信息中的内容");
|
|
|
+ }
|
|
|
+ // 匹配保存
|
|
|
+ let contractDetailId = [];
|
|
|
+ this.checkedContractList.forEach((e) => {
|
|
|
+ contractDetailId.push(e.id);
|
|
|
+ });
|
|
|
+ let children = [];
|
|
|
+ this.checkedDeepenList.forEach((item) => {
|
|
|
+ this.matched_detail.forEach((item2) => {
|
|
|
+ if (item.id == item2.id) {
|
|
|
+ let chilObj = {};
|
|
|
+ chilObj = {
|
|
|
+ id: item2.id,
|
|
|
+ total_price: item2.total_price,
|
|
|
+ };
|
|
|
+ children.push(chilObj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.axios
|
|
|
+ .post("/api/contract_match_save", {
|
|
|
+ children: children,
|
|
|
+ contract_detail_id: contractDetailId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.contractList();
|
|
|
+ this.deepenList();
|
|
|
+ this.handleShowCurrencyMatched1(false);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleHandingMatchNumChange() {
|
|
|
+ let sum = 0;
|
|
|
+ this.unmatchedSelectedList.map((v) => {
|
|
|
+ sum += v.num * 1;
|
|
|
+ });
|
|
|
+ this.currentChooseNumberUsed = sum;
|
|
|
+ },
|
|
|
+ handleHandingMatch() {
|
|
|
+ const house = this.unmatchedSelectedList.map((v) => {
|
|
|
+ return { cut_order_product_room_id: v.id, num: v.num };
|
|
|
+ });
|
|
|
+ this.axios
|
|
|
+ .post("/api/bst_hand_matching", {
|
|
|
+ cut_order_product_detail_id: this.currentChooseId,
|
|
|
+ house,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ this.showHandingMatchModal = false;
|
|
|
+ this.currentChooseId = "";
|
|
|
+ this.currentChooseNumber = 0;
|
|
|
+ this.currentChooseNumberUsed = 0;
|
|
|
+ this.currentChooseTitle = "";
|
|
|
+ this.unmatchedSelectedList = [];
|
|
|
+ this.isClickMatch = true;
|
|
|
+ this.handleSearchUnmatchedInfo();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleMatchedSelectAll() {
|
|
|
+ this.isMatchedSelectAll = !this.isMatchedSelectAll;
|
|
|
+ this.matchedSelectedList = [];
|
|
|
+ this.matchedTimeList = [];
|
|
|
+ this.matchedDetailList.forEach((e) => {
|
|
|
+ if (this.isMatchedSelectAll) {
|
|
|
+ e.del_isSelect = true;
|
|
|
+ e.isSelect = true;
|
|
|
+ this.matchedSelectedList.push(e.order_no);
|
|
|
+ this.matchedTimeList.push(e.crt_time);
|
|
|
+ } else {
|
|
|
+ e.del_isSelect = false;
|
|
|
+ e.isSelect = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleMatchedSelect(row, e) {
|
|
|
+ row.isSelect = e;
|
|
|
+ let flag = true;
|
|
|
+ this.matchedSelectedList = [];
|
|
|
+ this.matchedList.map((v) => {
|
|
|
+ if (v.product_state == 0) {
|
|
|
+ if (v.isSelect) {
|
|
|
+ this.matchedSelectedList.push(v.id);
|
|
|
+ } else {
|
|
|
+ flag = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.isMatchedSelectAll = flag;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // 监听属性 类似于data概念
|
|
|
+ computed: {},
|
|
|
+ // 监控data中的数据变化
|
|
|
+ watch: {},
|
|
|
+ beforeCreate() {}, // 生命周期 - 创建之前
|
|
|
+ beforeMount() {}, // 生命周期 - 挂载之前
|
|
|
+ beforeUpdate() {}, // 生命周期 - 更新之前
|
|
|
+ updated() {}, // 生命周期 - 更新之后
|
|
|
+ beforeDestroy() {}, // 生命周期 - 销毁之前
|
|
|
+ destroyed() {}, // 生命周期 - 销毁完成
|
|
|
+ activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+span {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.table_bottom {
|
|
|
+ padding-top: 10px;
|
|
|
+ > span {
|
|
|
+ color: #d9001b;
|
|
|
+ }
|
|
|
+}
|
|
|
+.top-info {
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.context-tabs {
|
|
|
+ position: relative;
|
|
|
+ max-height: 80%;
|
|
|
+ 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;
|
|
|
+}
|
|
|
+.sheet-block,
|
|
|
+.room-block {
|
|
|
+ max-height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+</style>
|
