转孔柱状图添加鼠标移入显示信息，登录页面修改，样式管理，资料馆添加批量下载

Surpriseplus

2023-03-07 2dc217ef7ea1a58350962cffe6962bc4a6053df9

 src/views/datamanage/styleManage.vue

@@ -4,129 +4,149 @@
        `${$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
                :label="$t('dataManage.vmobj.keyword')"
                prop="name"
              size="small"
              :label="$t('dataManage.vmobj.keyword')"
              prop="name"
            >
              <!--                                suffix-icon="el-icon-edit"
:placeholder="$t('common.pleaseInput')"-->
              <el-input
                  v-model="ruleForm.name"
                  :placeholder="$t('common.pleaseInput')"
                  style="width:200px"
                  suffix-icon="el-icon-edit"
              />
                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"
                  size="small"
              >{{ $t('common.iquery') }}
              </el-button>-->
              <el-button
                @click="resetForm('ruleForm')"
                icon="el-icon-refresh"
                type="info"
                size="small"
              >{{ $t('common.empty') }}
              </el-button>
              <el-button
                  @click="resetForm('ruleForm')"
                  icon="el-icon-refresh"
                  type="info"
                  size="small"
              >{{ $t('common.empty') }}
                @click="handleDownload('ruleForm')"
                icon="el-icon-download"
                type="success"
                size="small"
              >{{ $t('common.download') }}
              </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%"
        border
        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"
@@ -134,56 +154,65 @@
          :label="$t('dataManage.styleObj.bak')"
        /> -->
        <el-table-column
            min-width="120"
            :label="$t('common.operate')"
          min-width="200"
          :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"
        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>
@@ -235,14 +264,14 @@
          <p>
            <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=""
            />
          </div>
          </label>
              <div style="width:440px;height:200px;">
                <img
                  style="width:100%; height:100%"
                  :src="itemdetail.imageFile"
                  alt=""
                />
              </div>
            </label>
          </p>
          <el-divider></el-divider>
          <p>
@@ -275,55 +304,57 @@
      </div>
    </div>
    <el-dialog
        :title="$t('dataManage.styleObj.modifyStyleData')"
        top="2vh"
        :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>
@@ -347,27 +378,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>
@@ -392,90 +423,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>
@@ -495,41 +526,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>
@@ -549,86 +580,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')"

        top="2vh"
        :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>
@@ -652,27 +684,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>
@@ -696,89 +728,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>
@@ -798,16 +830,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
@@ -818,20 +850,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>
@@ -850,55 +882,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')
          }}
@@ -906,38 +938,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";
@@ -953,7 +990,7 @@

export default {
  name: "styleManage",
  components: {MyBread, styleDirTree, styleDepTree},
  components: { MyBread, styleDirTree, styleDepTree },
  data() {
    return {
      insertFileGuid: "",
@@ -1050,15 +1087,15 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 97}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`;
      });
    },
    showPermsBtn() {
      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();
@@ -1216,27 +1253,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;
@@ -1274,19 +1311,27 @@
      }
    },
    insertFromDataClose() {
      this.InsertFormdialog = false;
      this.insertform = {};
      this.insertFileGuid = "";
      this.insertViewGuid = "";
      this.filesReset();
      this.$confirm("关闭后无法保存，是否关闭?")
        .then((_) => {
          this.InsertFormdialog = false;
          this.insertform = {};
          this.insertFileGuid = "";
          this.insertViewGuid = "";
          this.filesReset();
        })
        .catch((_) => { });
    },
    handleClose() {
      this.InsertFormdialog = false;
      this.insertform = {
        fileGuid: null,
        viewGuid: null,
      };
      this.filesReset();
      this.$confirm("关闭后无法保存，是否关闭?")
        .then((_) => {
          this.InsertFormdialog = false;
          this.insertform = {
            fileGuid: null,
            viewGuid: null,
          };
          this.filesReset();
        })
        .catch((_) => { });
    },
    async insertFromData() {
      if (this.insertform.dirid == null || this.insertform.depid == null) {
@@ -1517,9 +1562,13 @@
    },

    removeUpdate() {
      this.upflag = false;
      this.dialogFormVisible = false;
      this.upform = {};
      this.$confirm("关闭后无法保存，是否关闭?")
        .then((_) => {
          this.upflag = false;
          this.dialogFormVisible = false;
          this.upform = {};
        })
        .catch((_) => { });
      // this.filesReset();
    },
    submitForm(formName) {
@@ -1544,19 +1593,68 @@

      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;
      this.itemdetail.imageFile = BASE_URL + "/comprehensive/downloadForView?guid=" + row.viewGuid + "&token=" + token;
    },
    closeDetial() {
      this.showinfoBox = false;
      this.itemdetail = {};
    },
    handleDownload() {
      if (this.multipleSelection.length == 0) {
        return this.$message({
          message: '请选择需要下载的文件',
          type: 'warning'
        });
      }

      // var data = {
      //   guids: ["e5b6ae0889b88111f13a4b6e048348db", "fa4f299e901a0c46e634f8fcc8185c0c"]
      // };
      // ajax(getUrl("/res/downloadReqForGuids"), "POST", JSON.stringify(data), null, null, function (rs) {
      //   console.log(rs);
      //   alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result);
      // });
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].fileGuid)
      }
      var token = getToken()
      $.ajax(BASE_URL + "/style/downloadReqForGuids?token=" + token, {
        type: "post",
        data: JSON.stringify({
          guids: std
        }),
        async: true,
        cache: false,
        processData: false,
        contentType: false,
        success: res => {
          if (res.code != 200) {
            return
          }

          var token = getToken()
          var url = BASE_URL + "/style/downloadFile?token=" + token + "&guid=" + res.result;

          $("#downFrame").attr("src", url).click();
        },
      })


    },
    // 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;
@@ -1573,16 +1671,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(() => {
        });
    },
    // 获取多选

@@ -1678,7 +1776,7 @@
.authorityManagement_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5%;

  .el-input {
    width: 730px;