| | |
| | | append-to-body
|
| | | top="5vh"
|
| | | >
|
| | | <div>
|
| | | <FormTemplate
|
| | | v-if="type === 'batchApplyCode'"
|
| | | type="add"
|
| | | :selfColumnType="selfColumnType"
|
| | | :selfColumnConfig="selfColumnConfig"
|
| | | ref="CodeApply"
|
| | | @getFormData="getCodeApplyFormData"
|
| | | @referConfigDataUpdate="referConfigDataUpdate"
|
| | | ></FormTemplate>
|
| | | </div>
|
| | | <div class="flex_box">
|
| | | <div class="left" :style="{ width: leftWidth }">
|
| | | <div
|
| | | class="left"
|
| | | :style="{ width: leftWidth + 'px' }"
|
| | | v-show="type !== 'batchImportApply'"
|
| | | >
|
| | | <div class="isExpand_box">
|
| | | <el-link type="primary" @click="hideTree">
|
| | | <i
|
| | |
| | | v-show="isExpand"
|
| | | class="filter_tree"
|
| | | :data="leftTree"
|
| | | node-key="codeClassifyOid"
|
| | | default-expand-all
|
| | | highlight-current
|
| | | :filter-node-method="filterNode"
|
| | |
| | | >
|
| | | </el-tree>
|
| | | </div>
|
| | | <div class="right">
|
| | | <div class="tab_box">
|
| | | <div class="right" :style="{ width: 1280 - leftWidth - 60 + 'px' }">
|
| | | <div class="tab_box" style="width: 100%">
|
| | | <el-tabs
|
| | | style="width: 100%"
|
| | | v-model="activeTab"
|
| | | type="card"
|
| | | @tab-click="handleClick"
|
| | |
| | | highlight-current-row
|
| | | @current-change="resembleRowChange"
|
| | | @selection-change="tab1TableSelectChange"
|
| | | v-if="cloNamesList.length > 1"
|
| | | >
|
| | | <el-table-column type="index"></el-table-column>
|
| | | <el-table-column
|
| | | v-if="type !== 'batchApplyCode'"
|
| | | type="selection"
|
| | | width="100px"
|
| | | align="center"
|
| | | ></el-table-column>
|
| | | <el-table-column
|
| | | v-else
|
| | | type="operate"
|
| | | width="100px"
|
| | | align="center"
|
| | | >
|
| | | <template>
|
| | | <el-button type="text">重新编辑</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column
|
| | | type="index"
|
| | | label="序号"
|
| | | width="100px"
|
| | | align="center"
|
| | | ></el-table-column>
|
| | | <el-table-column
|
| | | v-for="item in cloNamesList"
|
| | | :key="item.field"
|
| | | :prop="item.field"
|
| | | :label="item.title"
|
| | | :width="item.width"
|
| | | align="center"
|
| | | >
|
| | | </el-table-column>
|
| | | </el-table>
|
| | | <div v-else style="height: 400px"></div>
|
| | | <div>
|
| | | <el-table
|
| | | border
|
| | | :data="currentSelectedResemble"
|
| | | style="width: 100%"
|
| | | height="200px"
|
| | | >
|
| | | <el-table-column
|
| | | v-for="item in resembleColumList"
|
| | | :key="item.field"
|
| | | :prop="item.field"
|
| | | :label="item.title"
|
| | | :minWidth="item.minWidth"
|
| | | align="center"
|
| | | >
|
| | | <template #default="{ row }">
|
| | | <span v-if="item.field === 'id'">
|
| | | <el-link
|
| | | type="primary"
|
| | | @click="openFormTemlpate(row)"
|
| | | >{{ row[item.field] }}</el-link
|
| | | >
|
| | | </span>
|
| | | <span v-else>
|
| | | {{ row[item.field] }}
|
| | | </span>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column
|
| | | v-show="resembleColumList.length > 0"
|
| | | prop="rowIndex"
|
| | | label="excel行数"
|
| | | align="center"
|
| | | ></el-table-column>
|
| | | </el-table>
|
| | | </div>
|
| | | </el-tab-pane>
|
| | | <el-tab-pane :label="tab2Name" name="tab2">
|
| | | <el-table border :data="tab2Table" height="400px">
|
| | | <el-table
|
| | | border
|
| | | :data="tab2Table"
|
| | | :height="
|
| | | type === 'batchApplyCode' && tab2Table.length > 0
|
| | | ? '400px'
|
| | | : '700px'
|
| | | "
|
| | | >
|
| | | <el-table-column
|
| | | v-for="item in cloNamesList"
|
| | | v-for="item in successTableColumns"
|
| | | :key="item.field"
|
| | | :prop="item.field"
|
| | | :label="item.title"
|
| | | :width="item.width"
|
| | | align="center"
|
| | | >
|
| | | </el-table-column>
|
| | | </el-table>
|
| | | <el-card
|
| | | style="min-height: 200px; margintop: 10px"
|
| | | v-if="type === 'batchApplyCode' && tab2Table.length > 0"
|
| | | >
|
| | | <div slot="header" class="clearfix">
|
| | | <h4>编码申请</h4>
|
| | | </div>
|
| | | <FormTemplate
|
| | | v-if="type === 'batchApplyCode'"
|
| | | type="add"
|
| | | :selfColumnType="selfColumnType"
|
| | | :selfColumnConfig="selfColumnConfig"
|
| | | ref="CodeApply"
|
| | | @getFormData="getCodeApplyFormData"
|
| | | @referConfigDataUpdate="referConfigDataUpdate"
|
| | | ></FormTemplate>
|
| | | </el-card>
|
| | | </el-tab-pane>
|
| | | </el-tabs>
|
| | | </div>
|
| | | <div>
|
| | | <el-table
|
| | | border
|
| | | :data="currentSelectedResemble"
|
| | | style="width: 100%"
|
| | | height="200px"
|
| | | >
|
| | | <el-table-column
|
| | | v-for="item in resembleColumList"
|
| | | :key="item.field"
|
| | | :prop="item.field"
|
| | | :label="item.title"
|
| | | :minWidth="item.minWidth"
|
| | | >
|
| | | <template #default="{ row }">
|
| | | <span v-if="item.field === 'id'">
|
| | | <el-link type="primary" @click="openFormTemlpate(row)">{{
|
| | | row[item.field]
|
| | | }}</el-link>
|
| | | </span>
|
| | | <span v-else>
|
| | | {{ row[item.field] }}
|
| | | </span>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column
|
| | | v-show="resembleColumList.length > 0"
|
| | | prop="rowIndex"
|
| | | label="excel行数"
|
| | | ></el-table-column>
|
| | | </el-table>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | | <el-button size="small" type="primary" @click="submit"
|
| | | >确定导入</el-button
|
| | | >
|
| | | <el-button size="small">取消</el-button>
|
| | | <el-button size="small" @click="dialogVisible = false">取消</el-button>
|
| | | </div>
|
| | | </template>
|
| | | <FormTemplateDialog
|
| | |
| | |
|
| | | <script>
|
| | | import {
|
| | | getHistorySuccessTable,
|
| | | getHistoryResembleTable,
|
| | | getSuccessTable,
|
| | | getResembleTable,
|
| | | getFormTemplate,
|
| | | getCurretnSelectedRowResemble,
|
| | | submitHistoryimport,
|
| | | } from "../../api/batchImport/index";
|
| | | import ResembleQuery from "../FormTemplate/ResembleQuery.vue";
|
| | | import FormTemplate from "../FormTemplate/FormTemplate.vue";
|
| | | import codeApply from '@/mixins/codeApply.js'
|
| | | import codeApply from "@/mixins/codeApply.js";
|
| | |
|
| | | export default {
|
| | | name: "ShowImportData",
|
| | | components: { ResembleQuery, FormTemplate },
|
| | | mixins: [ codeApply ],
|
| | | mixins: [codeApply],
|
| | | props: {
|
| | | title: {
|
| | | type: String,
|
| | |
| | | type: String,
|
| | | default: "",
|
| | | },
|
| | | type: String,
|
| | | secDTOList: {
|
| | | type: Array,
|
| | | default: () => ({}),
|
| | | },
|
| | | },
|
| | | computed: {
|
| | | dialogVisible: {
|
| | |
| | | this.$emit("update:visible", val);
|
| | | },
|
| | | },
|
| | | successTableColumns() {
|
| | | if (this.type === "batchApplyCode") {
|
| | | return this.cloNamesList.slice(1);
|
| | | } else {
|
| | | return this.cloNamesList;
|
| | | }
|
| | | },
|
| | | },
|
| | | data() {
|
| | | return {
|
| | | isExpand: true,
|
| | | filterText: "",
|
| | | leftWidth: "200px",
|
| | | leftWidth: 200,
|
| | | templateOid: null,
|
| | | tab1Name: "相似项",
|
| | | tab2Name: "正确数据",
|
| | |
| | | activeTab: "tab1",
|
| | | cloNamesList: [], //列表头部字段
|
| | | localCodeClassifyOid: "",
|
| | | codeRuleOid: '',
|
| | | resembleColumList: [], //相似项查出来的列表字段
|
| | | currentSelectedResemble: [],
|
| | | currentSelectedResembleRow: {
|
| | |
| | | formTemplateVisible: false,
|
| | | },
|
| | | secVOList: [],
|
| | | batchApplyCodeTableData: {},
|
| | | };
|
| | | },
|
| | |
|
| | |
| | | },
|
| | | hideTree() {
|
| | | if (this.isExpand) {
|
| | | this.leftWidth = "50px";
|
| | | this.leftWidth = 50;
|
| | | } else {
|
| | | this.leftWidth = "200px";
|
| | | this.leftWidth = 200;
|
| | | }
|
| | | this.isExpand = !this.isExpand;
|
| | | },
|
| | | treeNodeClick(data) {
|
| | | this.localCodeClassifyOid = data.codeclassifyoid;
|
| | | async treeNodeClick(data) {
|
| | | console.log(data);
|
| | | this.localCodeClassifyOid = data.codeClassifyOid;
|
| | | this.cloNamesList = data.cloNamesList;
|
| | | this.templateOid = data.codeClassifyTemplateVO.oid;
|
| | | getHistorySuccessTable(this.redisOid).then((res) => {
|
| | | this.tab2Table = res.data;
|
| | | });
|
| | | getHistoryResembleTable({
|
| | | codeClassifyOid: data.codeClassifyOid,
|
| | | this.templateOid = data.oid;
|
| | | if (this.type === "batchApplyCode") {
|
| | | this.codeRuleOid = data.codeRuleOid
|
| | | if (!this.batchApplyCodeTableData[data.codeRuleOid]) {
|
| | | this.batchApplyCodeTableData[data.codeRuleOid] = {};
|
| | | } else {
|
| | | console.log(this.$refs.CodeApply, 'this.$refs.CodeApply');
|
| | | if (this.$refs.CodeApply) {
|
| | | console.log(this.$refs.CodeApply.validate(), 'this.$refs.CodeApply.validate()');
|
| | | if (!(await this.$refs.CodeApply.validate())) {
|
| | | this.$message.warning('请填写便编码申请!')
|
| | | return false
|
| | | }
|
| | | }
|
| | | // 校验
|
| | | }
|
| | | }
|
| | | getResembleTable({
|
| | | codeClassifyOid:
|
| | | this.type === "batchApplyCode" ? data.codeRuleOid : this.templateOid,
|
| | | redisOid: this.redisOid + "-resemble",
|
| | | }).then((res) => {
|
| | | this.tab1Table = res.data;
|
| | | this.tab1Table = res.data.data;
|
| | | if (this.type === "batchApplyCode" && this.tab1Table.length > 0) {
|
| | | this.batchApplyCodeTableData[data.codeRuleOid]["tab1"] =
|
| | | res.data.data;
|
| | | |
| | | }
|
| | | });
|
| | | // 获取正确数据
|
| | | getSuccessTable({
|
| | | codeClassifyOid:
|
| | | this.type === "batchApplyCode" ? data.codeRuleOid : this.templateOid,
|
| | | redisOid: this.redisOid + "-ok",
|
| | | }).then((res) => {
|
| | | this.tab2Table = res.data.data;
|
| | | if (this.tab2Table.length > 0 && this.type === "batchApplyCode") {
|
| | | this.batchApplyCodeTableData[data.codeRuleOid]["codeApply"] = {}
|
| | | this.batchApplyCodeTableData[data.codeRuleOid]["tab2"] =
|
| | | res.data.data;
|
| | | if (this.$refs.CodeApply) {
|
| | | this.$refs.CodeApply.loading = true;
|
| | | }
|
| | | this.getCodeRule();
|
| | | }
|
| | | });
|
| | | getFormTemplate({
|
| | | templateOid: data.oid,
|
| | | codeClassifyOid: data.codeClassifyOid,
|
| | | codeClassifyOid: this.localCodeClassifyOid,
|
| | | }).then((res) => {
|
| | | this.resembleColumList = res.data.resembleTableVO.cols[0];
|
| | | });
|
| | |
| | | redisOid: this.redisOid + "-resemble-data",
|
| | | dataOid: row.oid,
|
| | | }).then((res) => {
|
| | | this.currentSelectedResemble = res.data;
|
| | | this.currentSelectedResemble = res.data.data;
|
| | | });
|
| | | },
|
| | | openFormTemlpate(row) {
|
| | |
| | | },
|
| | | submit() {
|
| | | const params = {
|
| | | classifyAttr: this.classifyAttr,
|
| | | isImprot: true,
|
| | | classifyAttr:
|
| | | this.type === "historyImport" ? this.classifyAttr : undefined,
|
| | | improt: this.type === "historyImport" ? true : false,
|
| | | codeImprotSaveDatVOList: [
|
| | | {
|
| | | Clos: this.cloNamesList.map((item) => item.title),
|
| | |
| | | orderDTO: {
|
| | | codeClassifyOid: this.codeClassifyOid,
|
| | | templateOid: this.templateOid,
|
| | | secDTOList: [],
|
| | | secDTOList: this.secDTOList,
|
| | | },
|
| | | },
|
| | | ],
|
| | | };
|
| | | submitHistoryimport(params).then((res) => {
|
| | | if (res.code === 200) {
|
| | | this.$message.success(res.obj);
|
| | | console.log(res);
|
| | | if (res.data.code === 200) {
|
| | | this.$message.success(res.data.msg);
|
| | | } else {
|
| | | this.$message.error(res.obj);
|
| | | this.$message.error(res.data.msg);
|
| | | }
|
| | | });
|
| | | },
|
| | |
| | | filterText(val) {
|
| | | this.$refs.tree.filter(val);
|
| | | },
|
| | | leftTree: {
|
| | | immediate: true,
|
| | | deep: true,
|
| | | handler(arr) {
|
| | | if (arr.length > 0) {
|
| | | this.treeNodeClick(arr[0]);
|
| | | this.$nextTick(() => {
|
| | | this.$refs.tree.setCurrentKey(arr[0]["codeClassifyOid"]);
|
| | | });
|
| | | if (this.type === "batchImportApply") {
|
| | | this.leftWidth = 0;
|
| | | } else if (this.type === "batchApplyCode") {
|
| | | this.tab1Name = "有相似项或错误数据";
|
| | | this.tab2Name = "正确数据";
|
| | | this.leftWidth = 200;
|
| | | }
|
| | | }
|
| | | },
|
| | | },
|
| | | },
|
| | | };
|
| | | </script>
|
| | |
| | | <style lang="scss" scoped>
|
| | | .flex_box {
|
| | | display: flex;
|
| | | width: 1280px;
|
| | | .left {
|
| | | transition: all 0.3s;
|
| | | transition: all 0.5s;
|
| | | .isExpand_box {
|
| | | margin-bottom: 10px;
|
| | | text-align: right;
|
| | | }
|
| | | .filter_tree {
|
| | | margin-top: 15px;
|
| | | max-height: 400px;
|
| | | overflow-y: scroll;
|
| | | }
|
| | |
| | | .right {
|
| | | margin-left: 20px;
|
| | | margin-top: 30px;
|
| | | width: 1000px;
|
| | | }
|
| | | }
|
| | | </style>
|