样式

liupengpeng

2023-02-15 449e7237c6a575fdfd8393187f2ffcaffb000801

 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)"
@@ -60,9 +97,10 @@
          <el-input
            v-model="queryForm.name"
            :placeholder="$t('common.pleaseInput')"
            style="width:200px"
          />
        </el-form-item>
        <el-form-item>
        <!-- <el-form-item style="float:right">
          <el-button
            @click="queryInfo()"
            icon="el-icon-search"
@@ -70,14 +108,14 @@
            size="small"
          >{{ $t('common.iquery') }}</el-button>
        </el-form-item>
        <el-form-item>
        <el-form-item style="float:right">
          <el-button
            @click="resetInfo('queryForm')"
            icon="el-icon-refresh"
            type="info"
            size="small"
          >{{ $t('common.reset') }}</el-button>
        </el-form-item>
        </el-form-item> -->

        <!-- <el-form-item v-if="btnStatus.insert">
          <el-button
@@ -88,7 +126,7 @@
            >{{ $t('common.append') }}</el-button
          >
        </el-form-item> -->
        <el-form-item v-if="btnStatus.delete">
        <!-- <el-form-item v-if="btnStatus.delete" style="float:right">
          <el-button
            type="danger"
            size="small"
@@ -96,7 +134,39 @@
            icon="el-icon-delete"
          >{{ $t('common.delete') }}</el-button>
        </el-form-item>
        <el-form-item v-if="btnStatus.download">
        <el-form-item v-if="btnStatus.download" style="float:right">
          <el-button
            @click="downFormData"
            icon="el-icon-download"
            type="success"
            size="small"
          >{{ $t('common.download') }}</el-button>
        </el-form-item> -->
        <el-form-item style="float:right">
          <el-button
            @click="resetInfo('queryForm')"
            icon="el-icon-refresh"
            type="info"
            size="small"
          >{{ $t('common.reset') }}</el-button>
        </el-form-item>
        <el-form-item style="float:right">
          <el-button
            @click="queryInfo()"
            icon="el-icon-search"
            class="primary"
            size="small"
          >{{ $t('common.iquery') }}</el-button>
        </el-form-item>
        <el-form-item v-if="btnStatus.delete" style="float:right">
          <el-button
            type="danger"
            size="small"
            @click="deleteMetaInfo"
            icon="el-icon-delete"
          >{{ $t('common.delete') }}</el-button>
        </el-form-item>
        <el-form-item v-if="btnStatus.download" style="float:right">
          <el-button
            @click="downFormData"
            icon="el-icon-download"
@@ -183,16 +253,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 +354,7 @@
      </el-card>
    </div>
    <el-dialog
      width="510px"
      width="80vh"
      top="5vh"
      :title="
        behavior == '新增用户'
@@ -332,25 +399,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')"
@@ -441,7 +544,7 @@
            @size-change="handleLoaderSizeChange"
            @current-change="handleLoaderCurrentChange"
            :current-page="listLoader.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listLoader.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="count1"
@@ -452,7 +555,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 +817,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 +830,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 +850,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 +998,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 +1023,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 +1129,7 @@
      this.behavior = '修改信息';
      this.editForm = JSON.parse(JSON.stringify(row));
      this.dialogFormVisible = true;
      this.getSelectDictTab();
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
@@ -1131,7 +1252,7 @@

  .inquire {
    position: relative;
    overflow: auto;

    padding-bottom: 8px;

    border-radius: 5px;