下拉框横向变纵向、表格自适应宽度、两个图片变按钮

liupengpeng

2023-02-07 d3307a24d1e4f3628ae2387b9bfc51fa5398b154

下拉框横向变纵向、表格自适应宽度、两个图片变按钮

 src/views/datamanage/styleManage.vue

@@ -274,6 +274,7 @@
          <el-input
            v-model="upform.name"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -283,19 +284,36 @@
          <el-input
            v-model="upform.type"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
          <el-cascader
        <el-select
          v-model="upform.dirid"
          placeholder="请选择"
          style="width:75%"
        >
          <el-option :value="upform.dirid" :label="upform.dirName" style="height: auto">
            <el-tree
              ref="tree"
              :data="editcatalogOption"
              default-expand-all
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClickto"
            />
          </el-option>
        </el-select>
          <!-- <el-cascader
            v-model="upform.dirid"
            :options="editcatalogOption"
            @change="catalogChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
            style="width:75%"
          ></el-cascader> -->
          <!-- <el-input
            v-model="upform.dirValue"
            disabled
@@ -312,13 +330,30 @@
          :label="$t('dataManage.styleObj.depid')"
          :label-width="formLabelWidth"
        >
          <el-cascader
        <el-select
          v-model="upform.depid"
          placeholder="请选择"
          style="width:75%"
        >
          <el-option :value="upform.depid" :label="upform.depName" style="height: auto">
            <el-tree
              ref="tree"
              :data="editCompanyOption"
              default-expand-all
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClick"
            />
          </el-option>
        </el-select>
          <!-- <el-cascader
            v-model="upform.depid"
            :options="editCompanyOption"
            @change="editcompanyChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
            style="width:75%"
          ></el-cascader> -->

          <!-- <el-input
            v-model="upform.depValue"
            disabled
@@ -338,6 +373,7 @@
          <el-input
            v-model="upform.ver"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -346,7 +382,7 @@
        >
          <el-select
            v-model="upform.status"
            style="width: 745px"
            style="width:75%"
            :placeholder="$t('common.choose')"
          >
            <el-option
@@ -366,6 +402,7 @@
          <el-input
            v-model="upform.precision"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -375,6 +412,7 @@
          <el-input
            v-model="upform.descr"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -385,6 +423,7 @@
            v-model="upform.fileGuid"
            disabled
            autocomplete="off"
            style="width:62%"
          ></el-input>
          <input
            name="file1"
@@ -394,7 +433,20 @@
            style="display: none"
            @change="editFile(0)"
          />
          <el-link
          <el-button
          style="margin-left: 8px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(0)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(0)"
        >上传</el-button>
          <!-- <el-link
            :underline="false"
            @click="geteditFile(0)"
            style="margin-left: 10px"
@@ -405,7 +457,7 @@
            :underline="false"
            @click="seteditFile(0)"
            style="margin-left: 10px"
          ><i class="el-icon-upload2"></i></el-link>
          ><i class="el-icon-upload2"></i></el-link> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.viewguid')"
@@ -415,6 +467,7 @@
            v-model="upform.viewGuid"
            disabled
            autocomplete="off"
            style="width:62%"
          ></el-input>
          <input
            name="file1"
@@ -425,7 +478,20 @@
            style="display: none"
            @change="editFile(1)"
          />
          <el-link
          <el-button
          style="margin-left: 8px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(1)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(1)"
        >上传</el-button>
          <!-- <el-link
            :underline="false"
            @click="geteditFile(1)"
            style="margin-left: 10px"
@@ -435,7 +501,7 @@
            :underline="false"
            @click="seteditFile(1)"
            style="margin-left: 10px"
          ><i class="el-icon-upload2"></i></el-link>
          ><i class="el-icon-upload2"></i></el-link> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.bak')"
@@ -444,6 +510,7 @@
          <el-input
            v-model="upform.bak"
            autocomplete="off"
            style="width:75%"
          ></el-input>
        </el-form-item>
      </el-form>
@@ -789,6 +856,10 @@
        children: 'children',
        checkStrictly: true,
        emitPath: false,
      },
      defaultProps: {
        children: "children",
        label: "name",
      },
    };
  },
@@ -1317,6 +1388,12 @@
      this.upform.dirid = res;

    },
    handleNodeClickto(data, node, nodeData) {
      this.insertform.depid = data.id
      this.upform.dirid = data.id;
      this.upform.dirName = data.name;
    },

    editcompanyChange(res) {
      this.upform.depid = res;
    },
@@ -1352,6 +1429,10 @@
      this.companyOption = this.treeData(res.result);
      this.editCompanyOption = this.treeData(res.result);
    },
    handleNodeClick(data, node, nodeData) {
      this.upform.depid = data.id
      this.upform.depName = data.name;
    },
    //树列表生成
    treeData(source) {
      let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆