Source/UBCS-WEB/src/components/BatchImport/ShowImportData.vue

@@ -1,9 +1,10 @@
<template>

  <el-dialog

    :title="title"

    :visible="dialogVisible"

    width="1200px"

    :visible.sync="dialogVisible"

    width="1300px"

    append-to-body

    top="5vh"

  >

    <div class="flex_box">

      <div class="left" :style="{ width: leftWidth }">

@@ -25,44 +26,145 @@
        <el-tree

          v-show="isExpand"

          class="filter_tree"

          :data="data"

          :data="leftTree"

          default-expand-all

          highlight-current

          :filter-node-method="filterNode"

          @node-click="treeNodeClick"

          ref="tree"

          :props="{

            label: 'name',

          }"

        >

        </el-tree>

      </div>

      <div class="right">

        <div class="tab_box">

          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">

            <el-tab-pane label="正确数据" name="success">

              <el-table border :data="successData"></el-table>

          <el-tabs

            v-model="activeTab"

            type="card"

            @tab-click="handleClick"

            size="small"

          >

            <el-tab-pane :label="tab1Name" name="tab1">

              <el-table

                border

                :data="tab1Table"

                style="width: 100%"

                height="400px"

                highlight-current-row

                @current-change="resembleRowChange"

                @selection-change="tab1TableSelectChange"

              >

                <el-table-column type="index"></el-table-column>

                <el-table-column

                  v-for="item in cloNamesList"

                  :key="item.field"

                  :prop="item.field"

                  :label="item.title"

                  :width="item.width"

                >

                </el-table-column>

              </el-table>

            </el-tab-pane>

            <el-tab-pane label="有相似项或者错误数据" name="error">

              <el-table border :data="errorData"></el-table>

            <el-tab-pane :label="tab2Name" name="tab2">

              <el-table border :data="tab2Table" height="400px">

                <el-table-column

                  v-for="item in cloNamesList"

                  :key="item.field"

                  :prop="item.field"

                  :label="item.title"

                  :width="item.width"

                >

                </el-table-column>

              </el-table>

            </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>

    <template #footer>

      <div>

        <el-button size="small" type="primary">确定导入</el-button>

        <el-button size="small" type="primary" @click="submit">确定导入</el-button>

        <el-button size="small">取消</el-button>

      </div>

    </template>

    <FormTemplateDialog

      ref="FormTemplateDialog"

      type="detail"

      v-bind="currentSelectedResembleRow"

      :visible.sync="currentSelectedResembleRow.visible"

      title="查看详细信息"

    ></FormTemplateDialog>

  </el-dialog>

</template>



<script>

import {

  getHistorySuccessTable,

  getHistoryResembleTable,

  getFormTemplate,

  getCurretnSelectedRowResemble,

  submitHistoryimport

} from "../../api/batchImport/index";

import ResembleQuery from "../FormTemplate/ResembleQuery.vue";

export default {

  name: "ShowImportData",

  components: { ResembleQuery },

  props: {

    title: {

      type: String,

      default: "历史数据导入",

    },

    visible: false,

    leftTree: {

      type: Array,

      default: () => [],

    },

    redisOid: {

      type: String,

      default: "",

    },

    classifyAttr: {

      type: String,

      default: 'id'

    },

    codeClassifyOid: {

      type: String,

      default: ''

    }

  },

  computed: {

    dialogVisible: {

@@ -79,129 +181,30 @@
      isExpand: true,

      filterText: "",

      leftWidth: "200px",

      data: [

        {

          id: 1,

          label: "一级 1",

          children: [

            {

              id: 4,

              label: "二级 1-1",

              children: [

                {

                  id: 9,

                  label: "三级 1-1-1",

                },

                {

                  id: 10,

                  label: "三级 1-1-2",

                },

              ],

            },

          ],

        },

        {

          id: 2,

          label: "一级 2",

          children: [

            {

              id: 5,

              label: "二级 2-1",

            },

            {

              id: 6,

              label: "二级 2-2",

            },

          ],

        },

        {

          id: 3,

          label: "一级 3",

          children: [

            {

              id: 7,

              label: "二级 3-1",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

            {

              id: 8,

              label: "二级 3-2",

            },

          ],

        },

      ],

      successData: [],

      errorData: [],

      templateOid: null,

      tab1Name: '相似项',

      tab2Name: '正确数据',

      tab1Table: [],

      selectedTab1Table: [],

      tab2Table: [],

      activeTab: "tab1",

      cloNamesList: [],

      localCodeClassifyOid: "",

      resembleColumList: [],

      currentSelectedResemble: [],

      currentSelectedResembleRow: {

        templateOid: "",

        codeClassifyOid: "",

        rowOid: "",

        formTemplateVisible: false,

      },

    };

  },



  methods: {

    filterNode(value, data) {

      if (!value) return true;

      return data.label.indexOf(value) !== -1;

      return data.name.indexOf(value) !== -1;

    },

    hideTree() {

      if (this.isExpand) {

@@ -211,6 +214,69 @@
      }

      this.isExpand = !this.isExpand;

    },

    treeNodeClick(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,

        redisOid: this.redisOid + "-resemble",

      }).then((res) => {

        this.tab1Table = res.data

      });

      getFormTemplate({

        templateOid: data.oid,

        codeClassifyOid: data.codeClassifyOid,

      }).then((res) => {

        this.resembleColumList = res.data.resembleTableVO.cols[0];

      });

    },

    tab1TableSelectChange(selection) {

      this.selectedTab1Table = selection

    },

    resembleRowChange(row) {

      getCurretnSelectedRowResemble({

        redisOid: this.redisOid + "-resemble-data",

        dataOid: row.oid,

      }).then((res) => {

        this.currentSelectedResemble = res.data

      });

    },

    openFormTemlpate(row) {

      this.currentSelectedResembleRow = {

        visible: true,

        templateOid: row.codetemplateoid,

        codeClassifyOid: this.localCodeClassifyOid,

        rowOid: row.rowOid,

      }

    },

    submit() {

      const params = {

        classifyAttr: this.classifyAttr,

        isImprot: true,

        codeImprotSaveDatVOList: [

          {

            Clos: this.cloNamesList.map(item => item.title),

            dataList: this.tab2Table.concat(this.selectedTab1Table),

            orderDTO: {

              codeClassifyOid: this.codeClassifyOid,

              templateOid: this.templateOid,

              secDTOList: []

            }

          }

        ]

      }

      submitHistoryimport(params).then(res => {

        if (res.code === 200) {

          this.$message.success(res.obj)

        } else {

          this.$message.error(res.obj)

        }

      })

    }

  },

  watch: {

    filterText(val) {

@@ -234,5 +300,10 @@
      overflow-y: scroll;

    }

  }

  .right {

    margin-left: 20px;

    margin-top: 30px;

    width: 1000px;

  }

}

</style>