From 7af1c56c86ae5f7e292da86aec77e97a8a691f40 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 13 Sep 2021 17:03:38 +0800
Subject: [PATCH] 许可审批附件查看
---
src/views/resource/attachOnce.vue | 343 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 208 insertions(+), 135 deletions(-)
diff --git a/src/views/resource/attachOnce.vue b/src/views/resource/attachOnce.vue
index 23a9051..66683ab 100644
--- a/src/views/resource/attachOnce.vue
+++ b/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>
--
Gitblit v1.9.3