数据管理样式修改

Surpriseplus

2023-02-09 731d894cf232d98b547df2bd006795de74fb16a7

 src/views/datamanage/metadataManage.vue

@@ -12,7 +12,25 @@
        :inline="true"
      >
        <el-form-item>
          <el-cascader
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.depName"
          >
            <el-option
              :value="queryForm.depid"
              :label="queryForm.depName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption1"
                node-key="id"
                :props="cascader"
                @node-click="handleChange1"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="queryForm.depid"
            :show-all-levels="false"
            :options="companyOption1"
@@ -24,10 +42,28 @@
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item>
          <el-cascader
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.dirName"
          >
            <el-option
              :value="queryForm.dirid"
              :label="queryForm.dirName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption"
                node-key="id"
                :props="cascader"
                @node-click="handleChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="queryForm.dirid"
            :show-all-levels="false"
            :options="companyOption"
@@ -39,10 +75,11 @@
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item>
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.verid"
            placeholder="请选择"
            @change="verHandleChange($event)"
@@ -183,16 +220,13 @@
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-link
                  style="color: white"
                  @click="showDetail(scope.row)"
                >{{
                <el-link @click="showDetail(scope.row)">{{
                  $t('common.details')
                }}</el-link>
                <el-link
                  v-if="btnStatus.update"
                  @click="editInfo(scope.row)"
                  style="margin-left: 10px; color: white"
                  style="margin-left: 10px; "
                >{{ $t('common.edit') }}</el-link>
              </template>
            </el-table-column>
@@ -287,7 +321,7 @@
      </el-card>
    </div>
    <el-dialog
      width="510px"
      width="80vh"
      top="5vh"
      :title="
        behavior == '新增用户'
@@ -332,25 +366,61 @@
          :label="$t('dataManage.vmobj.depName')"
          :label-width="formLabelWidth"
        >
          <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
          <el-cascader
          <el-select
            style="width:100%"
            :popper-append-to-body="false"
            v-model="editForm.depName"
          >
            <el-option
              :value="editForm.depid"
              :label="editForm.depName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption1"
                node-key="id"
                :props="cascader"
                @node-click="handleChange2"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="editForm.depid"
            :options="companyOption"
            :props="cascader"
            style="width:350px"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.dirName')"
          :label-width="formLabelWidth"
        >
          <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
          <el-cascader
          <el-select
            style="width:100%"
            :popper-append-to-body="false"
            v-model="editForm.dirName"
          >
            <el-option
              :value="editForm.dirid"
              :label="editForm.dirName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="dirComPanyOption"
                node-key="id"
                :props="cascader"
                @node-click="handleChange3"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="editForm.dirid"
            :options="dirComPanyOption"
            :props="cascader"
            style="width:350px"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.describe')"
@@ -452,7 +522,7 @@

    </el-dialog>
    <div
      class="downloadBox"
      class="downloadBox box_div  subpage_Div"
      v-if="showCodeBox"
    >
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
@@ -714,7 +784,7 @@
      }
      this.companyOption1 = this.treeData(res.result);
      this.queryForm.depid = this.companyOption1[0].id

      this.queryForm.depName = this.companyOption1[0].name
      this.getQueryDirTree();

    },
@@ -727,6 +797,7 @@
      }
      this.companyOption = this.treeData(res.result);
      this.queryForm.dirid = this.companyOption[0].id
      this.queryForm.dirName = this.companyOption[0].name
      this.getQueryVerList();
    },

@@ -746,17 +817,31 @@
      this.listData.pageIndex = 1;
      this.getMetaData();
    },
    handleChange(value) {
    handleChange(data, node, nodeData) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.dirid = value;
      this.queryForm.dirid = data.id;
      this.queryForm.dirName = data.name
      this.getQueryVerList()
    },
    handleChange1(value) {
    handleChange1(data, node, nodeData) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.depid = value;
      this.queryForm.depid = data.id;
      this.queryForm.depName = data.name
      this.getMetaData();
    },
    handleChange2(data, node, nodeData) {

      this.editForm.depid = data.id;
      this.editForm.depName = data.name

    },
    handleChange3(data, node, nodeData) {

      this.editForm.dirid = data.id;
      this.editForm.dirName = data.name

    },
    //格式化列表
    formatData(row, column) {
@@ -880,7 +965,7 @@
    getMetaData() {
      this.listData.depid = this.queryForm.depid;
      this.listData.dirid = this.queryForm.dirid;
    

      this.listData.verid = this.queryForm.verid;
      // this.listData.dirid = 57

@@ -905,6 +990,8 @@
      this.listData.name = null;
      this.queryForm.dirid = this.companyOption[0].id;
      this.queryForm.depid = this.companyOption1[0].id;
      this.queryForm.dirName = this.companyOption[0].name;
      this.queryForm.depName = this.companyOption1[0].name;
      this.getQueryVerList();
      this.getMetaData();
    },
@@ -1009,6 +1096,7 @@
      this.behavior = '修改信息';
      this.editForm = JSON.parse(JSON.stringify(row));
      this.dialogFormVisible = true;
      this.getSelectDictTab();
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
@@ -1131,7 +1219,7 @@

  .inquire {
    position: relative;
    overflow: auto;

    padding-bottom: 8px;

    border-radius: 5px;