| | |
| | | border
|
| | | :data="tab1Table"
|
| | | style="width: 100%"
|
| | | height="400px"
|
| | | height="40vh"
|
| | | highlight-current-row
|
| | | @current-change="resembleRowChange"
|
| | | @selection-change="tab1TableSelectChange"
|
| | | v-if="cloNamesList.length > 1"
|
| | | v-loading="tab1Loading"
|
| | | >
|
| | | <el-table-column
|
| | | v-if="type !== 'batchApplyCode'"
|
| | |
| | | border
|
| | | :data="currentSelectedResemble"
|
| | | style="width: 100%"
|
| | | height="200px"
|
| | | height="20vh"
|
| | | v-loading="tab1BottomTableLoading"
|
| | | >
|
| | | <el-table-column
|
| | | v-for="item in resembleColumList"
|
| | |
| | | <el-tab-pane :label="tab2Name" name="tab2">
|
| | | <el-table
|
| | | border
|
| | | v-loading="tab2Loading"
|
| | | :data="tab2Table"
|
| | | :height="
|
| | | type === 'batchApplyCode' && tab2Table.length > 0
|
| | | ? '400px'
|
| | | : '700px'
|
| | | "
|
| | | height="60vh"
|
| | | >
|
| | | <el-table-column
|
| | | v-for="item in successTableColumns"
|
| | |
| | | </div>
|
| | | <template #footer>
|
| | | <div>
|
| | | <el-button size="small" type="primary" @click="submit"
|
| | | <el-button size="small" type="primary" @click="submit" :loading="submitLoading"
|
| | | >确定导入</el-button
|
| | | >
|
| | | <el-button size="small" @click="dialogVisible = false">取消</el-button>
|
| | |
| | | },
|
| | | batchApplyCodeTableData: {},
|
| | | savedList: [],
|
| | | tab1Loading: false,
|
| | | tab2Loading: false,
|
| | | tab1BottomTableLoading: false,
|
| | | submitLoading: false
|
| | | };
|
| | | },
|
| | |
|
| | |
| | | this.localCodeClassifyOid = data.codeClassifyOid;
|
| | | this.cloNamesList = data.cloNamesList;
|
| | | this.templateOid = data.oid;
|
| | | this.tab1Loading = true
|
| | | getResembleTable({
|
| | | codeClassifyOid:
|
| | | this.type === "batchApplyCode" ? data.codeRuleOid : this.templateOid,
|
| | | redisOid: this.redisOid + "-resemble",
|
| | | }).then((res) => {
|
| | | this.tab1Loading = false
|
| | | this.tab1Table = res.data.data.filter(
|
| | | (item) => !this.savedList.includes(item.oid)
|
| | | );
|
| | |
| | | this.tab1Table;
|
| | | }
|
| | | });
|
| | | this.tab2Loading = true
|
| | | // 获取正确数据
|
| | | getSuccessTable({
|
| | | codeClassifyOid:
|
| | | this.type === "batchApplyCode" ? data.codeRuleOid : this.templateOid,
|
| | | redisOid: this.redisOid + "-ok",
|
| | | }).then((res) => {
|
| | | this.tab2Loading = false
|
| | | this.tab2Table = res.data.data;
|
| | | if (this.tab2Table.length > 0 && this.type === "batchApplyCode") {
|
| | | this.batchApplyCodeTableData[data.codeRuleOid]["codeApply"] = {};
|
| | |
| | | if (!row || !row.oid) {
|
| | | return;
|
| | | }
|
| | | this.tab1BottomTableLoading = true
|
| | | getCurretnSelectedRowResemble({
|
| | | redisOid: this.redisOid + "-resemble-data",
|
| | | dataOid: row.oid,
|
| | | }).then((res) => {
|
| | | this.tab1BottomTableLoading = false
|
| | | this.currentSelectedResemble = res.data.data;
|
| | | });
|
| | | },
|
| | |
| | | },
|
| | | ];
|
| | | }
|
| | | this.submitLoading = true
|
| | | submitHistoryimport(params).then((res) => {
|
| | | console.log(res);
|
| | | this.submitLoading = false
|
| | | console.log(res);
|
| | | if (res.data.code === 200) {
|
| | | this.$message.success(res.data.msg);
|
| | | } else {
|
| | | this.$message.error(res.data.msg);
|
| | | }
|
| | | });
|
| | | },
|
| | |
| | | }
|
| | | }
|
| | | .right {
|
| | | transition: all 0.5s;
|
| | | margin-left: 20px;
|
| | | margin-top: 30px;
|
| | | }
|