管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-02-28 c09567a745a8af2096de61c1d894891bcd2dea18
样式管理添加下载功能
已修改5个文件
843 ■■■■ 文件已修改
src/components/MapView/mapSpacePop.vue 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/navMenu.vue 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/SpatialData.vue 7 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/dataUpdata.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/styleManage.vue 822 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapSpacePop.vue
@@ -292,6 +292,7 @@
      if (data.code != 200) {
        this.$message.error('列表调用失败');
      }
      this.optionx = [];
      var valadata = data.result;
      for (var i in valadata) {
@@ -324,6 +325,7 @@
        this.$message.error('列表调用失败');
      }
      this.domainsLayer = data.result;
      this.setListDataStart();
      this.getTableselectFields();
    },
src/components/navMenu.vue
@@ -227,10 +227,12 @@
        if (item.url == "Thematic") {
          this.signInsertOpLog("综合展示", item.cnName)
        }
        this.changeSelectStyle = index;
        sessionStorage.setItem('changeSelectStyle', index)
      } else {
        if (this.showFlag != index) {
          this.showFlag = index;
        } else {
          this.showFlag = null;
        }
@@ -240,9 +242,8 @@
        sessionStorage.removeItem('changeliSelect')
        this.$set(this, 'changeliSelect', null)
      }
      sessionStorage.setItem('changeSelectStyle', index)
      this.changeSelectStyle = index;
    },
    closeAllChildren() {
      var val = this.listMenu
@@ -264,6 +265,9 @@
      }
    },
    setLiClick(res, index) {
      this.changeSelectStyle = index;
      sessionStorage.setItem('changeSelectStyle', index)
      sessionStorage.removeItem('hanleselectmochaitmo')
      sessionStorage.removeItem('hanleselectindex')
src/views/datamanage/SpatialData.vue
@@ -277,7 +277,7 @@
            <el-table
              :data="tableAttach"
              ref="filterTable"
              height="100%"
              height="calc(100% - 100px)"
              border
              style="width: 100%"
              @selection-change="handleAttatchChange"
@@ -622,7 +622,7 @@
        BASE_URL +
        "/dataQuery/uploadFiles?token=" +
        token +
        "&tabName= " +
        "&tabName=" +
        this.upAttach.tabName +
        "&eventid=" +
        this.upAttach.eventid,
@@ -642,6 +642,7 @@
            this.formInline = {
              file: "",
            };
            this.getAttacthFlieList();
          },
          error: (e) => {
@@ -653,6 +654,7 @@
    },
    async getAttacthFlieList() {
      var obj = this.upAttach;
      const res = await dataQuery_selectFiles(obj);
      if (res.code != 200) {
        this.$message.error("列表调用失败");
@@ -790,6 +792,7 @@
      var data1 = fileds.result;
      var data2 = domains.result;
      var std = [];
      this.filedsOption = [];
      for (var i in data1) {
        if (data1[i].type != 'geometry' && data1[i].type) {
src/views/datamanage/dataUpdata.vue
@@ -2859,7 +2859,7 @@
        this.$message.error("目录列表获取失败");
        return;
      }
      debugger
      this.catalogOption = this.treeData(res.result);
      this.formInline.dirName = this.catalogOption[0].name;
      this.formInline.dirid = this.catalogOption[0].id;
src/views/datamanage/styleManage.vue
@@ -4,48 +4,56 @@
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.styleManage')}`,
      ]"></My-bread>
    <el-divider/>
    <div class="searchComp subpage_Div" ref="container">
    <el-divider />
    <div
      class="searchComp subpage_Div"
      ref="container"
    >
      <el-form
          ref="ruleForm"
          :model="ruleForm"
          :inline="true"
        ref="ruleForm"
        :model="ruleForm"
        :inline="true"
      >
        <div class="flex_box">
          <div style="margin-right: auto">
            <el-form-item
                size="small"
                :label="$t('dataManage.vmobj.keyword')"
                prop="name"
              size="small"
              :label="$t('dataManage.vmobj.keyword')"
              prop="name"
            >
<!--                                suffix-icon="el-icon-edit"
              <!--                                suffix-icon="el-icon-edit"
:placeholder="$t('common.pleaseInput')"-->
              <el-input
                  v-model="ruleForm.name"
                  :placeholder="$t('shuJuGuanLi.lable1')"
                  style="width:200px"
              ><i slot="suffix" class="el-icon-search"  @click="submitForm('ruleForm')" style="padding-right: 8px"></i></el-input>
                v-model="ruleForm.name"
                :placeholder="$t('shuJuGuanLi.lable1')"
                style="width:200px"
              ><i
                  slot="suffix"
                  class="el-icon-search"
                  @click="submitForm('ruleForm')"
                  style="padding-right: 8px"
                ></i></el-input>
            </el-form-item>
          </div>
          <div>
            <el-form-item>
              <el-button
                  v-if="btnStatus.insert"
                  @click="setInsertShow()"
                  icon="el-icon-edit"
                  type="success"
                  size="small"
                v-if="btnStatus.insert"
                @click="setInsertShow()"
                icon="el-icon-edit"
                type="success"
                size="small"
              >{{ $t('common.append') }}
              </el-button>
              <el-button
                  v-if="btnStatus.delete"
                  @click="delStyleData"
                  icon="el-icon-delete"
                  type="danger"
                  size="small"
                v-if="btnStatus.delete"
                @click="delStyleData"
                icon="el-icon-delete"
                type="danger"
                size="small"
              >{{ $t('common.delete') }}
              </el-button>
<!--              <el-button
              <!--              <el-button
                  @click="submitForm('ruleForm')"
                  icon="el-icon-search"
                  type="primary"
@@ -53,82 +61,84 @@
              >{{ $t('common.iquery') }}
              </el-button>-->
              <el-button
                  @click="resetForm('ruleForm')"
                  icon="el-icon-refresh"
                  type="info"
                  size="small"
                @click="resetForm('ruleForm')"
                icon="el-icon-refresh"
                type="info"
                size="small"
              >{{ $t('common.empty') }}
              </el-button>
            </el-form-item>
          </div>
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div class="table_box" :style="styleVar">
    <div
      class="table_box"
      :style="styleVar"
    >
      <el-table
          :data="tableData"
          style="width: 100%"
          height="calc(100% - 57px)"
          @selection-change="handleSelectionChange"
        :data="tableData"
        style="width: 100%"
        height="calc(100% - 57px)"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
            type="selection"
            width="55"
          type="selection"
          width="55"
        />
        <el-table-column
            align="center"
            type="index"
            :label="$t('dataManage.styleObj.index')"
            width="70px"
          align="center"
          type="index"
          :label="$t('dataManage.styleObj.index')"
          width="70px"
        />
        <el-table-column
            align="center"
            prop="id"
            v-if="false"
          align="center"
          prop="id"
          v-if="false"
        />
        <el-table-column
            align="center"
            prop="name"
            :label="$t('dataManage.styleObj.name')"
          align="center"
          prop="name"
          :label="$t('dataManage.styleObj.name')"
        />
        <el-table-column
            align="center"
            prop="type"
            :label="$t('dataManage.styleObj.type')"
          align="center"
          prop="type"
          :label="$t('dataManage.styleObj.type')"
        />
        <el-table-column
            align="center"
            prop="dirName"
            :label="$t('dataManage.styleObj.dirid')"
          align="center"
          prop="dirName"
          :label="$t('dataManage.styleObj.dirid')"
        />
        <el-table-column
            align="center"
            prop="depName"
            :label="$t('dataManage.styleObj.depid')"
          align="center"
          prop="depName"
          :label="$t('dataManage.styleObj.depid')"
        />
        <el-table-column
            align="center"
            prop="ver"
            :label="$t('dataManage.styleObj.ver')"
          align="center"
          prop="ver"
          :label="$t('dataManage.styleObj.ver')"
        />
        <el-table-column
            align="center"
            prop="status"
            :label="$t('dataManage.styleObj.status')"
            :formatter="formatStatus"
          align="center"
          prop="status"
          :label="$t('dataManage.styleObj.status')"
          :formatter="formatStatus"
        />
        <el-table-column
            align="center"
            prop="precision"
            :label="$t('dataManage.styleObj.precision')"
          align="center"
          prop="precision"
          :label="$t('dataManage.styleObj.precision')"
        />
        <el-table-column
            align="center"
            prop="descr"
            :label="$t('dataManage.styleObj.descr')"
          align="center"
          prop="descr"
          :label="$t('dataManage.styleObj.descr')"
        />
        <!-- <el-table-column
          align="center"
@@ -136,57 +146,65 @@
          :label="$t('dataManage.styleObj.bak')"
        /> -->
        <el-table-column
            min-width="120"
            :label="$t('common.operate')"
          min-width="120"
          :label="$t('common.operate')"
        >
          <template slot-scope="scope">
            <el-button
                @click="showDetail(scope.$index, scope.row)"
                type="primary"
                plain
                size="small"
              @click="showDetail(scope.$index, scope.row)"
              type="primary"
              plain
              size="small"
            >{{ $t('common.see') }}
            </el-button>
            <el-button
                @click="handleEdit(scope.$index, scope.row)"
                type="warning"
                plain
                size="small"
              @click="handleEdit(scope.$index, scope.row)"
              type="warning"
              plain
              size="small"
            >{{ $t('common.update') }}
            </el-button>
            <el-button
              @click="handleDownload(scope.$index, scope.row)"
              type="success"
              plain
              size="small"
            >{{ $t('common.download') }}
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <div
          class="pagination_box"
          style="margin-top: 15px"
        class="pagination_box"
        style="margin-top: 15px"
      >
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="listData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="count"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="listData.pageIndex"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="listData.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="count"
        >
        </el-pagination>
      </div>
    </div>
    <div class="infoBox_box" v-show="showinfoBox">
      <div
          class="infoBox subpage_Div box_div"
      >
    <div
      class="infoBox_box"
      v-show="showinfoBox"
    >
      <div class="infoBox subpage_Div box_div">
        <div
            slot="header"
            class="clearfix"
          slot="header"
          class="clearfix"
        >
          <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
          <div
              style="float: right; cursor: pointer"
              @click="closeDetial"
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
@@ -239,11 +257,11 @@
            <label> {{ $t('dataManage.styleObj.viewguid') }}:</label>
            <label class="boxlabel">
              <div style="width:440px;height:200px;">
                  <img
                      style="width:100%; height:100%"
                      :src="itemdetail.imageFile"
                      alt=""
                  />
                <img
                  style="width:100%; height:100%"
                  :src="itemdetail.imageFile"
                  alt=""
                />
              </div>
            </label>
          </p>
@@ -278,54 +296,57 @@
      </div>
    </div>
    <el-dialog
        :title="$t('dataManage.styleObj.modifyStyleData')"
        :before-close="removeUpdate"
        :visible.sync="dialogFormVisible"
      :title="$t('dataManage.styleObj.modifyStyleData')"
      :before-close="removeUpdate"
      :visible.sync="dialogFormVisible"
    >
      <div style="height: 500px; overflow: auto">
        <el-form :model="upform" label-position="top">
        <el-form
          :model="upform"
          label-position="top"
        >
          <el-form-item
              :label="$t('dataManage.styleObj.name')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.name')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.name"
                autocomplete="off"
                style="width:85%"
              v-model="upform.name"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.type')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.type')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.type"
                autocomplete="off"
                style="width:85%"
              v-model="upform.type"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.dirid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.dirid')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="upform.dirid"
                placeholder="请选择"
                style="width:85%"
                @focus="setOptionWidth"
              v-model="upform.dirid"
              placeholder="请选择"
              style="width:85%"
              @focus="setOptionWidth"
            >
              <el-option
                  :value="upform.dirid"
                  :label="upform.dirName"
                  :style="{ width: selectOptionWidth, height: selectheight }"
                :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"
                  ref="tree"
                  :data="editcatalogOption"
                  :default-expand-all="defaultexpand"
                  node-key="id"
                  :props="defaultProps"
                  @node-click="handleNodeClickto"
                />
              </el-option>
            </el-select>
@@ -349,27 +370,27 @@
            ></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.depid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.depid')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="upform.depid"
                placeholder="请选择"
                style="width:85%"
                @focus="setOptionWidth"
              v-model="upform.depid"
              placeholder="请选择"
              style="width:85%"
              @focus="setOptionWidth"
            >
              <el-option
                  :value="upform.depid"
                  :label="upform.depName"
                  :style="{ width: selectOptionWidth, height: selectheight }"
                :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"
                  ref="tree"
                  :data="editCompanyOption"
                  :default-expand-all="defaultexpand"
                  node-key="id"
                  :props="defaultProps"
                  @node-click="handleNodeClick"
                />
              </el-option>
            </el-select>
@@ -394,90 +415,90 @@
            ></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.ver')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.ver')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.ver"
                autocomplete="off"
                style="width:85%"
              v-model="upform.ver"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.status')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.status')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="upform.status"
                style="width:85%"
                :placeholder="$t('common.choose')"
              v-model="upform.status"
              style="width:85%"
              :placeholder="$t('common.choose')"
            >
              <el-option
                  value="0"
                  :label="$t('dataManage.styleObj.deactivate')"
                value="0"
                :label="$t('dataManage.styleObj.deactivate')"
              ></el-option>
              <el-option
                  value="1"
                  :label="$t('dataManage.styleObj.enable')"
                value="1"
                :label="$t('dataManage.styleObj.enable')"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.precision')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.precision')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.precision"
                autocomplete="off"
                style="width:85%"
              v-model="upform.precision"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.descr')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.descr')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.descr"
                autocomplete="off"
                style="width:85%"
              v-model="upform.descr"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.fileguid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.fileguid')"
            :label-width="formLabelWidth"
          >
            <!-- -->
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                    v-model="upform.fileGuid"
                    disabled
                    autocomplete="off"
                    style="width:100%"
                  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)"
                  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)"
                  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)"
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="seteditFile(0)"
                >上传
                </el-button>
              </div>
@@ -497,41 +518,41 @@
            ><i class="el-icon-upload2"></i></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.viewguid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.viewguid')"
            :label-width="formLabelWidth"
          >
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                    v-model="upform.viewGuid"
                    disabled
                    autocomplete="off"
                    style="width:100%"
                  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)"
                  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)"
                  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)"
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="seteditFile(1)"
                >上传
                </el-button>
              </div>
@@ -551,85 +572,87 @@
            ><i class="el-icon-upload2"></i></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.bak')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.bak')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="upform.bak"
                autocomplete="off"
                style="width:85%"
              v-model="upform.bak"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div
          slot="footer"
          class="dialog-footer"
        slot="footer"
        class="dialog-footer"
      >
        <el-button
            type="info"
            size="small"
            @click="removeUpdate"
          type="info"
          size="small"
          @click="removeUpdate"
        >{{ $t('common.close') }}
        </el-button>
        <el-button
            type="primary"
            @click="updateForm"
            size="small"
          type="primary"
          @click="updateForm"
          size="small"
        >{{ $t('common.confirm') }}
        </el-button>
      </div>
    </el-dialog>
    <el-dialog
        :title="$t('dataManage.styleObj.addStyleData')"
        :visible.sync="InsertFormdialog"
        :before-close="handleClose"
      :title="$t('dataManage.styleObj.addStyleData')"
      :visible.sync="InsertFormdialog"
      :before-close="handleClose"
    >
      <div style="height: 500px; overflow: auto">
        <el-form :model="insertform" label-position="top">
        <el-form
          :model="insertform"
          label-position="top"
        >
          <el-form-item
              :label="$t('dataManage.styleObj.name')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.name')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.name"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.name"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.type')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.type')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.type"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.type"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.dirid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.dirid')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="insertform.dirid"
                placeholder="请选择"
                style="width:85%"
                @focus="setOptionWidth"
              v-model="insertform.dirid"
              placeholder="请选择"
              style="width:85%"
              @focus="setOptionWidth"
            >
              <el-option
                  :value="insertform.dirid"
                  :label="insertform.dirName"
                  :style="{ width: selectOptionWidth, height: selectheight }"
                :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"
                  ref="tree"
                  :data="catalogOption"
                  :default-expand-all="defaultexpand"
                  node-key="id"
                  :props="defaultProps"
                  @node-click="handcatalogChange"
                />
              </el-option>
            </el-select>
@@ -653,27 +676,27 @@
            ></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.depid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.depid')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="insertform.depid"
                placeholder="请选择"
                style="width:85%"
                @focus="setOptionWidth"
              v-model="insertform.depid"
              placeholder="请选择"
              style="width:85%"
              @focus="setOptionWidth"
            >
              <el-option
                  :value="insertform.depid"
                  :label="insertform.depName"
                  :style="{ width: selectOptionWidth, height: selectheight }"
                :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"
                  ref="tree"
                  :data="companyOption"
                  :default-expand-all="defaultexpand"
                  node-key="id"
                  :props="cascader"
                  @node-click="handcompanyChange"
                />
              </el-option>
            </el-select>
@@ -697,89 +720,89 @@
            ></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.ver')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.ver')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.ver"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.ver"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.status')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.status')"
            :label-width="formLabelWidth"
          >
            <el-select
                v-model="insertform.status"
                style="width:85%"
                :placeholder="$t('common.choose')"
              v-model="insertform.status"
              style="width:85%"
              :placeholder="$t('common.choose')"
            >
              <el-option
                  value="0"
                  :label="$t('dataManage.styleObj.deactivate')"
                value="0"
                :label="$t('dataManage.styleObj.deactivate')"
              ></el-option>
              <el-option
                  value="1"
                  :label="$t('dataManage.styleObj.enable')"
                value="1"
                :label="$t('dataManage.styleObj.enable')"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.precision')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.precision')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.precision"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.precision"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.descr')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.descr')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.descr"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.descr"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.fileguid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.fileguid')"
            :label-width="formLabelWidth"
          >
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                    v-model="insertFileGuid"
                    disabled
                    autocomplete="off"
                    style="width:100%"
                  v-model="insertFileGuid"
                  disabled
                  autocomplete="off"
                  style="width:100%"
                />
              </div>
              <div>
                <input
                    name="file1"
                    type="file"
                    id="insertFile"
                    multiple="multiple"
                    style="display: none"
                    @change="insertFileData(0)"
                  name="file1"
                  type="file"
                  id="insertFile"
                  multiple="multiple"
                  style="display: none"
                  @change="insertFileData(0)"
                />
                <el-button
                    style="margin-left: 6px;"
                    type="primary"
                    size="small"
                    :underline="false"
                    @click="getInsertFile(0)"
                  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)"
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="setinsertFile(0)"
                >上传
                </el-button>
              </div>
@@ -799,16 +822,16 @@
            ><i class="el-icon-upload2"></i></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.viewguid')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.viewguid')"
            :label-width="formLabelWidth"
          >
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                    v-model="insertViewGuid"
                    disabled
                    autocomplete="off"
                    style="width:100%"
                  v-model="insertViewGuid"
                  disabled
                  autocomplete="off"
                  style="width:100%"
                />
              </div>
              <div><input
@@ -819,20 +842,20 @@
                  multiple="multiple"
                  style="display: none"
                  @change="insertFileData(1)"
              />
                />
                <el-button
                    style="margin-left: 6px;"
                    type="primary"
                    size="small"
                    :underline="false"
                    @click="getInsertFile(1)"
                  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)"
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="setinsertFile(1)"
                >上传
                </el-button>
              </div>
@@ -851,55 +874,55 @@
            ><i class="el-icon-upload2"></i></el-link> -->
          </el-form-item>
          <el-form-item
              :label="$t('dataManage.styleObj.bak')"
              :label-width="formLabelWidth"
            :label="$t('dataManage.styleObj.bak')"
            :label-width="formLabelWidth"
          >
            <el-input
                v-model="insertform.bak"
                autocomplete="off"
                style="width:85%"
              v-model="insertform.bak"
              autocomplete="off"
              style="width:85%"
            ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div
          slot="footer"
          class="dialog-footer"
        slot="footer"
        class="dialog-footer"
      >
        <el-button
            type="info"
            size="small"
            @click="insertFromDataClose"
          type="info"
          size="small"
          @click="insertFromDataClose"
        >{{ $t('common.close') }}
        </el-button>
        <el-button
            type="primary"
            size="small"
            @click="insertFromData"
          type="primary"
          size="small"
          @click="insertFromData"
        >{{ $t('common.confirm') }}
        </el-button>
      </div>
    </el-dialog>
    <div
        class="leftTree"
        v-if="showDirCata"
      class="leftTree"
      v-if="showDirCata"
    >
      <div class="treeBox">
        <style-dir-tree></style-dir-tree>
      </div>
      <div class="btnBox">
        <el-button
            type="primary"
            size="small"
            @click="selectDirCataName"
          type="primary"
          size="small"
          @click="selectDirCataName"
        >{{
            $t('common.confirm')
          }}
        </el-button>
        <el-button
            type="info"
            size="small"
            @click="showDirCata = false"
          type="info"
          size="small"
          @click="showDirCata = false"
        >{{
            $t('common.close')
          }}
@@ -907,38 +930,43 @@
      </div>
    </div>
    <div
        class="leftTree subpage_Div"
        v-if="showDepCata"
      class="leftTree subpage_Div"
      v-if="showDepCata"
    >
      <div class="treeBox">
        <style-dep-tree></style-dep-tree>
      </div>
      <div class="btnBox">
        <el-button
            type="primary"
            size="small"
            @click="selectDepCataName"
          type="primary"
          size="small"
          @click="selectDepCataName"
        >{{
            $t('common.confirm')
          }}
        </el-button>
        <el-button
            type="info"
            size="small"
            @click="showDepCata = false"
          type="info"
          size="small"
          @click="showDepCata = false"
        >{{
            $t('common.close')
          }}
        </el-button>
      </div>
    </div>
    <iframe
      id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
  </div>
</template>
<script>
import $ from "jquery";
import moment from "moment";
import {getToken} from "../../utils/auth.js";
import { getToken } from "../../utils/auth.js";
import MyBread from "../../components/MyBread.vue";
import styleDirTree from "./styleDirTree.vue";
import styleDepTree from "./styleDepTree.vue";
@@ -954,7 +982,7 @@
export default {
  name: "styleManage",
  components: {MyBread, styleDirTree, styleDepTree},
  components: { MyBread, styleDirTree, styleDepTree },
  data() {
    return {
      insertFileGuid: "",
@@ -1058,8 +1086,8 @@
      let currentPerms = this.$store.state.currentPerms;
      let permsEntity = this.$store.state.permsEntity;
      permsEntity
          .filter((item) => item.perms == currentPerms)
          .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
        .filter((item) => item.perms == currentPerms)
        .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
    },
    filesReset() {
      // document.getElementById("insertFile").reset();
@@ -1217,27 +1245,27 @@
        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(() => {
        .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;
@@ -1545,19 +1573,27 @@
      this.itemdetail = row;
      this.itemdetail.createTime = this.formomentTime(
          this.itemdetail.createTime
        this.itemdetail.createTime
      );
      this.itemdetail.updateTime = this.formomentTime(
          this.itemdetail.updateTime
        this.itemdetail.updateTime
      );
      this.itemdetail.imageFile =
          BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token;
        BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token;
    },
    closeDetial() {
      this.showinfoBox = false;
      this.itemdetail = {};
    },
    handleDownload(index, row) {
      var token = getToken()
      var url = BASE_URL + "/res/download?token=" + token + "&guid=" + row.fileGuid;
      $("#downFrame").attr("src", url).click();
    },
    handleEdit(index, row) {
      this.upflag = true;
      this.dialogFormVisible = true;
@@ -1574,16 +1610,16 @@
        cancelButtonText: "取消",
        type: "warning",
      })
          .then(() => {
            DeletestStyle([row.id]);
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.startFromData();
          })
          .catch(() => {
        .then(() => {
          DeletestStyle([row.id]);
          this.$message({
            type: "success",
            message: "删除成功!",
          });
          this.startFromData();
        })
        .catch(() => {
        });
    },
    // 获取多选