管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-11-21 ba3f4338070b930bc2b5b50bcd483aba1a37d7b9
src/views/datamanage/dictionaryManage.vue
@@ -9,7 +9,7 @@
    <el-divider />
    <div>
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item :label="$t('dataManage.vmobj.keyword')">
        <el-form-item :label="$t('dataManage.dictionaryManageObj.tableName')">
          <el-input
            v-model="formInline.tab"
            :placeholder="$t('common.pleaseInput')"
@@ -43,7 +43,11 @@
    <div class="dictionaryContent">
      <div class="dictionary_leftTree">
        <ul>
          <li @click="getTableDesc(item)" v-for="item in optionCount">
          <li
            @click="getTableDesc(item)"
            v-for="item in optionCount"
            :class="{ active: activeName == item.tab }"
          >
            {{ item.tabDesc }}({{ item.tab }})
          </li>
        </ul>
@@ -302,10 +306,10 @@
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">{{
        <el-button type="info" @click="dialogFormVisible = false">{{
          $t('dataManage.dictionaryManageObj.cancel')
        }}</el-button>
        <el-button type="primary" @click="updateForm">{{
        <el-button class="primary" @click="updateForm">{{
          $t('dataManage.dictionaryManageObj.confirm')
        }}</el-button>
      </div>
@@ -378,10 +382,10 @@
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="InsertFormdialog = false">{{
        <el-button type="info" @click="InsertFormdialog = false">{{
          $t('dataManage.dictionaryManageObj.cancel')
        }}</el-button>
        <el-button type="primary" @click="insertFromData">{{
        <el-button class="primary" @click="insertFromData">{{
          $t('dataManage.dictionaryManageObj.confirm')
        }}</el-button>
      </div>
@@ -403,6 +407,7 @@
  components: { MyBread },
  data() {
    return {
      activeName: '',
      formInline: [],
      listData: {
        ns: '',
@@ -443,6 +448,7 @@
      if (data.code != 200) {
      }
      this.InsertFormdialog = false;
      this.insertform = {};
      this.startQueryNameData();
    },
@@ -459,7 +465,8 @@
    getTableDesc(res) {
      this.insertform.tab = res.tab;
      this.insertform.tabDesc = res.tabDesc;
      this.insertform.ns = res.ns;
      this.activeName = res.tab;
      this.listData.tab = res.tab;
      this.listData.ns = res.ns;
      this.startQueryNameData();
@@ -563,7 +570,15 @@
      if (data.code != 200) {
        this.$message.error('下拉调用失败');
      }
      this.optionCount = data.result;
      this.insertform.tab = data.result[0].tab;
      this.insertform.tabDesc = data.result[0].tabDesc;
      this.insertform.ns = data.result[0].ns;
      this.listData.tab = data.result[0].tab;
      this.listData.ns = data.result[0].ns;
      this.activeName = data.result[0].tab;
      this.startQueryNameData();
    },
  },
};
@@ -597,6 +612,9 @@
      li:hover {
        background: rgba(255, 255, 255, 0.3);
      }
      .active {
        color: #409eff;
      }
    }
    .dictionary_rightContent {
      width: 80%;