Excel注解图片导入兼容xls

RuoYi

2021-08-13 3003bb0f50cc56c33eb1b19d88689f73955c4be3

 ruoyi-ui/src/views/system/dict/index.vue

@@ -50,7 +50,7 @@
        ></el-date-picker>

      </el-form-item>

      <el-form-item>

        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

      </el-form-item>

    </el-form>

@@ -59,6 +59,7 @@
      <el-col :span="1.5">

        <el-button

          type="primary"

          plain

          icon="el-icon-plus"

          size="mini"

          @click="handleAdd"

@@ -68,6 +69,7 @@
      <el-col :span="1.5">

        <el-button

          type="success"

          plain

          icon="el-icon-edit"

          size="mini"

          :disabled="single"

@@ -78,6 +80,7 @@
      <el-col :span="1.5">

        <el-button

          type="danger"

          plain

          icon="el-icon-delete"

          size="mini"

          :disabled="multiple"

@@ -88,8 +91,10 @@
      <el-col :span="1.5">

        <el-button

          type="warning"

          plain

          icon="el-icon-download"

          size="mini"

          :loading="exportLoading"

          @click="handleExport"

          v-hasPermi="['system:dict:export']"

        >导出</el-button>

@@ -97,11 +102,12 @@
      <el-col :span="1.5">

        <el-button

          type="danger"

          plain

          icon="el-icon-refresh"

          size="mini"

          @click="handleClearCache"

          @click="handleRefreshCache"

          v-hasPermi="['system:dict:remove']"

        >清理缓存</el-button>

        >刷新缓存</el-button>

      </el-col>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>

@@ -112,12 +118,16 @@
      <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true" />

      <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">

        <template slot-scope="scope">

          <router-link :to="'/dict/type/data/' + scope.row.dictId" class="link-type">

          <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">

            <span>{{ scope.row.dictType }}</span>

          </router-link>

        </template>

      </el-table-column>

      <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />

      <el-table-column label="状态" align="center" prop="status">

        <template slot-scope="scope">

          <dict-tag :options="statusOptions" :value="scope.row.status"/>

        </template>

      </el-table-column>

      <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />

      <el-table-column label="创建时间" align="center" prop="createTime" width="180">

        <template slot-scope="scope">

@@ -183,7 +193,7 @@
</template>



<script>

import { listType, getType, delType, addType, updateType, exportType, clearCache } from "@/api/system/dict/type";

import { listType, getType, delType, addType, updateType, exportType, refreshCache } from "@/api/system/dict/type";



export default {

  name: "Dict",

@@ -191,6 +201,8 @@
    return {

      // 遮罩层

      loading: true,

      // 导出遮罩层

      exportLoading: false,

      // 选中数组

      ids: [],

      // 非单个禁用

@@ -248,10 +260,6 @@
          this.loading = false;

        }

      );

    },

    // 字典状态字典翻译

    statusFormat(row, column) {

      return this.selectDictLabel(this.statusOptions, row.status);

    },

    // 取消按钮

    cancel() {

@@ -334,7 +342,7 @@
        }).then(() => {

          this.getList();

          this.msgSuccess("删除成功");

        })

        }).catch(() => {});

    },

    /** 导出按钮操作 */

    handleExport() {

@@ -343,16 +351,18 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

          this.exportLoading = true;

          return exportType(queryParams);

        }).then(response => {

          this.download(response.msg);

        })

          this.exportLoading = false;

        }).catch(() => {});

    },

    /** 清理缓存按钮操作 */

    handleClearCache() {

      clearCache().then(response => {

        this.msgSuccess("清理成功");

    /** 刷新缓存按钮操作 */

    handleRefreshCache() {

      refreshCache().then(() => {

        this.msgSuccess("刷新成功");

      });

    }

  }