数据管理样式修改

Surpriseplus

2023-02-09 731d894cf232d98b547df2bd006795de74fb16a7

 src/views/datamanage/styleManage.vue

@@ -291,24 +291,27 @@
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="upform.dirid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="upform.dirid" :label="upform.dirName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="editcatalogOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClickto"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="upform.dirid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="upform.dirid"
              :label="upform.dirName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="editcatalogOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handleNodeClickto"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="upform.dirid"
            :options="editcatalogOption"
@@ -332,24 +335,27 @@
          :label="$t('dataManage.styleObj.depid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="upform.depid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="upform.depid" :label="upform.depName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="editCompanyOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClick"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="upform.depid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="upform.depid"
              :label="upform.depName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="editCompanyOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handleNodeClick"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="upform.depid"
            :options="editCompanyOption"
@@ -423,33 +429,41 @@
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="upform.fileGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          ></el-input>
          <input
            name="file1"
            type="file"
            id="editFile"
            multiple="multiple"
            style="display: none"
            @change="editFile(0)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(0)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(0)"
        >上传</el-button>
          <!-- -->
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="upform.fileGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              ></el-input>
            </div>
            <div class="BoxFlexbutton">
              <input
                name="file1"
                type="file"
                id="editFile"
                multiple="multiple"
                style="display: none"
                @change="editFile(0)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="geteditFile(0)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="seteditFile(0)"
              >上传</el-button>
            </div>
          </div>
          <!--  -->
          <!-- <el-link
            :underline="false"
            @click="geteditFile(0)"
@@ -467,34 +481,42 @@
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="upform.viewGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          ></el-input>
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
            id="editimageFile"
            multiple="multiple"
            style="display: none"
            @change="editFile(1)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(1)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(1)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="upform.viewGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              ></el-input>
            </div>
            <div>
              <input
                name="file1"
                :accept="'.jpg,.png'"
                type="file"
                id="editimageFile"
                multiple="multiple"
                style="display: none"
                @change="editFile(1)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="geteditFile(1)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="seteditFile(1)"
              >上传</el-button>
            </div>
          </div>
          <!--
          -->
          <!-- <el-link
            :underline="false"
            @click="geteditFile(1)"
@@ -566,24 +588,27 @@
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="insertform.dirid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="insertform.dirid" :label="insertform.dirName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="catalogOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handcatalogChange"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="insertform.dirid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="insertform.dirid"
              :label="insertform.dirName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="catalogOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handcatalogChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="insertform.dirid"
            :options="catalogOption"
@@ -607,24 +632,27 @@
          :label="$t('dataManage.styleObj.depid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="insertform.depid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="insertform.depid" :label="insertform.depName"
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="companyOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="cascader"
              @node-click="handcompanyChange"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="insertform.depid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="insertform.depid"
              :label="insertform.depName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="companyOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="cascader"
                @node-click="handcompanyChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="insertform.depid"
            :options="companyOption"
@@ -697,33 +725,41 @@
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="insertform.fileGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          />
          <input
            name="file1"
            type="file"
            id="insertFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile(0)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="getInsertFile(0)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="setinsertFile(0)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.fileGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              />
            </div>
            <div>
              <input
                name="file1"
                type="file"
                id="insertFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(0)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="getInsertFile(0)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="setinsertFile(0)"
              >上传</el-button>
            </div>
          </div>
          <!-- 
         -->
          <!-- <el-link
            :underline="false"
            @click="getInsertFile(0)"
@@ -740,34 +776,40 @@
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="insertform.viewGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          />
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
            id="insertimageFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile(1)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="getInsertFile(1)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="setinsertFile(1)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.viewGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              />
            </div>
            <div> <input
                name="file1"
                :accept="'.jpg,.png'"
                type="file"
                id="insertimageFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(1)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="getInsertFile(1)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="setinsertFile(1)"
              >上传</el-button>
            </div>
          </div>

          <!-- <el-link
            :underline="false"
            @click="getInsertFile(1)"
@@ -1102,29 +1144,29 @@
        std.push(this.multipleSelection[i].id);
      }
      this.$confirm('此操作将永久删除该样式, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(async () => {
          const data = await deleteStyles({ ids: std.toString() });
          if (data.code == 200) {
            this.$message({
              message: "删除成功！",
              type: "success",
            });
            this.getRoleTabelData();
          } else {
            this.$message({
              message: "删除失败！",
              type: "warning",
            });
          }
        }).catch(() => {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const data = await deleteStyles({ ids: std.toString() });
        if (data.code == 200) {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
            message: "删除成功！",
            type: "success",
          });
          this.getRoleTabelData();
        } else {
          this.$message({
            message: "删除失败！",
            type: "warning",
          });
        }
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    showDirTree(res) {
      this.dirFlag = res;
@@ -1608,6 +1650,14 @@
      }
    }
  }
  .BoxFlex {
    display: flex;
    justify-content: space-around;
    width: 85%;
    .BoxFlexinput {
      flex: 1;
    }
  }
}
</style>