| | |
| | | ></FormTemplate>
|
| | | </div> -->
|
| | | <div class="flex_box">
|
| | | <div class="left" :style="{ width: leftWidth + 'px' }" v-show="false">
|
| | | <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" :style="{ width: 1280 - leftWidth - 60 + 'px' }">
|
| | | <div class="right" :style="{ width: 1280 - leftWidth - 60 + 'px' }">
|
| | | <div class="tab_box" style="width: 100%">
|
| | | <el-tabs
|
| | | style="width: 100%"
|
| | |
| | | @selection-change="tab1TableSelectChange"
|
| | | v-if="cloNamesList.length > 1"
|
| | | >
|
| | | <el-table-column
|
| | | <el-table-column
|
| | | type="selection"
|
| | | width="100px"
|
| | | align="center"
|
| | |
| | | </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-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="600px">
|
| | |
| | | </el-tab-pane>
|
| | | </el-tabs>
|
| | | </div>
|
| | | |
| | | </div>
|
| | | </div>
|
| | | <template #footer>
|
| | |
| | | type: String,
|
| | | secDTOList: {
|
| | | type: Array,
|
| | | default: () => ({})
|
| | | }
|
| | | default: () => ({}),
|
| | | },
|
| | | },
|
| | | computed: {
|
| | | dialogVisible: {
|
| | |
| | | },
|
| | | treeNodeClick(data) {
|
| | | console.log(data);
|
| | | this.localCodeClassifyOid = data.codeclassifyoid;
|
| | | this.localCodeClassifyOid = data.codeClassifyOid;
|
| | | this.cloNamesList = data.cloNamesList;
|
| | | this.templateOid = data.oid;
|
| | | getResembleTable({
|
| | |
| | | },
|
| | | submit() {
|
| | | const params = {
|
| | | classifyAttr: this.type === 'historyImport' ? this.classifyAttr : undefined,
|
| | | improt: this.type === 'historyImport' ? true : false,
|
| | | classifyAttr:
|
| | | this.type === "historyImport" ? this.classifyAttr : undefined,
|
| | | improt: this.type === "historyImport" ? true : false,
|
| | | codeImprotSaveDatVOList: [
|
| | | {
|
| | | Clos: this.cloNamesList.map((item) => item.title),
|
| | |
| | | immediate: true,
|
| | | deep: true,
|
| | | handler(arr) {
|
| | | if (arr.length > 0 ) {
|
| | | this.treeNodeClick(arr[0])
|
| | | if (this.type === 'batchImportApply') {
|
| | | this.tab1Name = '有相似项或错误数据'
|
| | | this.tab2Name = '正确数据'
|
| | | this.leftWidth = 0
|
| | | } else {
|
| | | this.leftWidth = 200
|
| | | 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>
|