许可审批附件查看

liuyg

2021-09-13 7af1c56c86ae5f7e292da86aec77e97a8a691f40

许可审批附件查看

 src/api/resource/attachOnce.js

@@ -1,5 +1,31 @@
import request from '@/router/axios';


export const getTemplate = (params, current, size) => {
  return request({
    url: '/api/licet/list',
    method: 'get',
    params: {
      ...params,
      current,
      size,
    }
  })
}

export const getUseInfor = (params, current, size) => {
  return request({
    url: '/api/licetuser/list',
    method: 'get',
    params: {
      ...params,
      current,
      size,
    }
  })
}


export const getList = (current, size, params, deptid, type) => {
  return request({
    url: '/api/blade-resource/attach/list',

 src/views/resource/attachOnce.vue

@@ -1,5 +1,6 @@
<template>
  <basic-container>
  <div>
    <slot name="buts"></slot>
    <avue-crud
      :option="option"
      :table-loading="loading"
@@ -49,9 +50,9 @@
          >预览
        </el-button>
      </template>
      <template slot-scope="{ row }" slot="attachSize">
      <!-- <template slot-scope="{ row }" slot="attachSize">
        <el-tag>{{ `${row.attachSize} KB` }}</el-tag>
      </template>
      </template> -->
    </avue-crud>
    <el-dialog
      title="附件管理"
@@ -76,11 +77,17 @@
    >
      <div class="img" :style="{ background: imgUrl }"></div>
    </el-dialog>
  </basic-container>
  </div>
</template>

<script>
import { getList, getDetail, remove } from "@/api/resource/attachOnce";
import {
  getUseInfor,
  getTemplate,
  getList,
  getDetail,
  remove,
} from "@/api/resource/attachOnce";
import { mapGetters } from "vuex";
import ElImageViewer from "element-ui/packages/image/src/image-viewer";

@@ -99,7 +106,7 @@
      attachBox: false,
      selectionList: [],
      option: {
        height: "auto",
        height: 500,
        calcHeight: 30,
        tip: false,
        searchShow: true,
@@ -108,10 +115,23 @@
        headerAlign: "center",
        border: true,
        index: true,
        align: "center",
        delBtn: false,
        viewBtn: true,
        selection: true,
        dialogClickModal: false,
        column: [
          {
            label: "附件名称",
            prop: "id",
            rules: [
              {
                required: true,
                message: "请输入附件地址",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件地址",
            prop: "link",
@@ -123,122 +143,135 @@
              },
            ],
          },
          {
            label: "附件域名",
            prop: "domain",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入附件域名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件名称",
            prop: "name",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入附件名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件原名",
            prop: "originalName",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入附件原名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件拓展名",
            prop: "extension",
            rules: [
              {
                required: true,
                message: "请输入附件拓展名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件大小",
            prop: "attachSize",
            slot: true,
            rules: [
              {
                required: true,
                message: "请输入附件大小",
                trigger: "blur",
              },
            ],
          },
          {
            label: "所属机构",
            prop: "deptid",
            type: "select",
            dicUrl: "/api/blade-system/dept/selectIn",
            props: {
              label: "deptname",
              value: "deptid",
            },
          },
          {
            label: "类型",
            prop: "type",
            addDisplay: false,
            width: 80,
            type: "select",
            dicData: [
              {
                label: "许可审批",
                value: "0",
              },
              {
                label: "备案",
                value: "1",
              },
              {
                label: "撤销",
                value: "2",
              },
              {
                label: "跨区备案",
                value: "3",
              },
            ],
          },
        ],
        // [
        //   {
        //     label: "附件地址",
        //     prop: "link",
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件地址",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "附件域名",
        //     prop: "domain",
        //     search: true,
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件域名",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "附件名称",
        //     prop: "name",
        //     search: true,
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件名称",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "附件原名",
        //     prop: "originalName",
        //     search: true,
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件原名",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "附件拓展名",
        //     prop: "extension",
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件拓展名",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "附件大小",
        //     prop: "attachSize",
        //     slot: true,
        //     rules: [
        //       {
        //         required: true,
        //         message: "请输入附件大小",
        //         trigger: "blur",
        //       },
        //     ],
        //   },
        //   {
        //     label: "所属机构",
        //     prop: "deptid",
        //     type: "select",
        //     dicUrl: "/api/blade-system/dept/selectIn",
        //     props: {
        //       label: "deptname",
        //       value: "deptid",
        //     },
        //   },
        //   {
        //     label: "类型",
        //     prop: "type",
        //     addDisplay: false,
        //     width: 80,
        //     type: "select",
        //     dicData: [
        //       {
        //         label: "许可审批",
        //         value: "0",
        //       },
        //       {
        //         label: "备案",
        //         value: "1",
        //       },
        //       {
        //         label: "撤销",
        //         value: "2",
        //       },
        //       {
        //         label: "跨区备案",
        //         value: "3",
        //       },
        //     ],
        //   },
        // ],
      },
      data: [],
      attachForm: {},
      attachOption: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "附件上传",
            prop: "attachFile",
            type: "upload",
            drag: true,
            loadText: "模板上传中，请稍等",
            span: 24,
            propsHttp: {
              res: "data",
            },
            action: "/api/blade-resource/oss/endpoint/put-file-attach?deptid=",
          },
        ],
      },
      // attachForm: {},
      // attachOption: {
      //   submitBtn: false,
      //   emptyBtn: false,
      //   column: [
      //     {
      //       label: "附件上传",
      //       prop: "attachFile",
      //       type: "upload",
      //       drag: true,
      //       loadText: "模板上传中，请稍等",
      //       span: 24,
      //       propsHttp: {
      //         res: "data",
      //       },
      //       action: "/api/blade-resource/oss/endpoint/put-file-attach?deptid=",
      //     },
      //   ],
      // },

      imgSee: false,
      imgUrl: "",
@@ -260,9 +293,9 @@
    if (i > 1) {
      this.$store.state.tags.tagList.splice(ind, 1);
    }
    var deptid = this.$route.query.deptid;
    var type = this.$route.query.type;
    this.attachOption.column[0].action += deptid + "&type=" + type;
    // var deptid = this.$route.query.deptid;
    // var type = this.$route.query.type;
    // this.attachOption.column[0].action += deptid + "&type=" + type;
  },
  computed: {
    ...mapGetters(["permission"]),
@@ -370,19 +403,56 @@
    },
    onLoad(page, params = {}) {
      this.loading = true;
      getList(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query),
        this.$route.query.deptid,
        this.$route.query.type
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        this.loading = false;
        this.selectionClear();
      this.data = [];
      params["ptype"] = this.$route.query.type;
      getTemplate(params, 1, 50).then((res) => {
        //获取模板
        const mobel = res.data.data.records;
        console.log(mobel);
        params["userid"] = this.$route.query.deptid;
        getUseInfor(params).then((res) => {
          //处理对应数据
          const data = res.data.data.records[0];
          console.log(data);
          if (data == [] || data == undefined) {
            this.data = [];
            this.loading = false;
            return;
          }
          var links = data.links.split(",");
          var id = data.templateid.split(",");
          for (let k in links) {
            this.data.push({
              link: links[k],
              id: +id[k] + 1,
            });
          }
          console.log(this.data);
          for (let n in this.data) {
            //处理模板
            for (let m in mobel) {
              if (this.data[n].id == mobel[m].id) {
                this.data[n].id = mobel[m].originalname;
              }
            }
          }

          this.loading = false;
        });
      });
      // getList(
      //   page.currentPage,
      //   page.pageSize,
      //   Object.assign(params, this.query),
      //   this.$route.query.deptid,
      //   this.$route.query.type
      // ).then((res) => {
      //   const data = res.data.data;
      //   this.page.total = data.total;
      //   this.data = data.records;
      //   this.loading = false;
      //   this.selectionClear();
      // });
    },

    seeImages(row) {
@@ -414,5 +484,8 @@
};
</script>

<style>
<style scoped>
.img {
  height: 100%;
}
</style>