From c2832e40f4b70ec7303a4e6fc673e93a61626d95 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 24 Sep 2021 09:23:54 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory
---
src/views/resource/attachOnce.vue | 387 +++++++++++++++++++++++++++----------------------------
1 files changed, 189 insertions(+), 198 deletions(-)
diff --git a/src/views/resource/attachOnce.vue b/src/views/resource/attachOnce.vue
index 8e41e86..52d20e6 100644
--- a/src/views/resource/attachOnce.vue
+++ b/src/views/resource/attachOnce.vue
@@ -1,86 +1,100 @@
<template>
<basic-container>
- <avue-crud
- :option="option"
- :table-loading="loading"
- :data="data"
- :page.sync="page"
- :permission="permissionList"
- :before-open="beforeOpen"
- v-model="form"
- ref="crud"
- @row-del="rowDel"
- @search-change="searchChange"
- @search-reset="searchReset"
- @selection-change="selectionChange"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad"
- >
- <template slot="menuLeft">
- <!-- <el-button type="primary"-->
- <!-- size="small"-->
- <!-- plain-->
- <!-- icon="el-icon-upload2"-->
- <!-- @click="handleUpload">上 传-->
- <!-- </el-button>-->
- <!-- <el-button type="danger"-->
- <!-- size="small"-->
- <!-- icon="el-icon-delete"-->
- <!-- plain-->
- <!-- @click="handleDelete">删 除-->
- <!-- </el-button>-->
- </template>
- <template slot-scope="scope" slot="menu">
- <el-button
- type="text"
- icon="el-icon-download"
- size="small"
- @click="handleDownload(scope.row)"
- >下载
- </el-button>
- <el-button
- type="text"
- icon="el-icon-picture-outline-round"
- size="small"
- v-show="!fileFormat(scope.row)"
- @click="seeImages(scope.row)"
- >预览
- </el-button>
- </template>
- <template slot-scope="{ row }" slot="attachSize">
- <el-tag>{{ `${row.attachSize} KB` }}</el-tag>
- </template>
- </avue-crud>
- <el-dialog
- title="附件管理"
- append-to-body
- :visible.sync="attachBox"
- width="555px"
- >
- <avue-form
- ref="form"
- :option="attachOption"
- v-model="attachForm"
- :upload-after="uploadAfter"
+ <div>
+ <slot name="buts"></slot>
+ <avue-crud
+ :option="option"
+ :table-loading="loading"
+ :data="seeData"
+ :page.sync="page"
+ :permission="permissionList"
+ :before-open="beforeOpen"
+ v-model="form"
+ ref="crud"
+ @row-del="rowDel"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
>
- </avue-form>
- </el-dialog>
+ <template slot-scope="{ row }" slot="links">
+ <el-tag>
+ {{ getType(row.link) }}
+ </el-tag>
+ </template>
+ <template slot="menuLeft">
+ <!-- <el-button type="primary"-->
+ <!-- size="small"-->
+ <!-- plain-->
+ <!-- icon="el-icon-upload2"-->
+ <!-- @click="handleUpload">上 传-->
+ <!-- </el-button>-->
+ <!-- <el-button type="danger"-->
+ <!-- size="small"-->
+ <!-- icon="el-icon-delete"-->
+ <!-- plain-->
+ <!-- @click="handleDelete">删 除-->
+ <!-- </el-button>-->
+ </template>
+ <template slot-scope="scope" slot="menu">
+ <el-button
+ type="text"
+ icon="el-icon-download"
+ size="small"
+ @click="handleDownload(scope.row)"
+ >下载
+ </el-button>
+ <el-button
+ type="text"
+ icon="el-icon-picture-outline-round"
+ size="small"
+ v-show="!fileFormat(scope.row)"
+ @click="seeImages(scope.row)"
+ >预览
+ </el-button>
+ </template>
+ <!-- <template slot-scope="{ row }" slot="attachSize">
+ <el-tag>{{ `${row.attachSize} KB` }}</el-tag>
+ </template> -->
+ </avue-crud>
+ <el-dialog
+ title="附件管理"
+ append-to-body
+ :visible.sync="attachBox"
+ width="555px"
+ >
+ <avue-form
+ ref="form"
+ :option="attachOption"
+ v-model="attachForm"
+ :upload-after="uploadAfter"
+ >
+ </avue-form>
+ </el-dialog>
- <el-dialog
- title="预览"
- append-to-body
- :visible.sync="imgSee"
- class="see-img-box"
- >
- <div class="img" :style="{ background: imgUrl }"></div>
- </el-dialog>
+ <el-dialog
+ title="预览"
+ append-to-body
+ :visible.sync="imgSee"
+ class="see-img-box"
+ >
+ <div class="img" :style="{ background: imgUrl }"></div>
+ </el-dialog>
+ </div>
</basic-container>
</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 +113,7 @@
attachBox: false,
selectionList: [],
option: {
- height: "auto",
+ height: 620,
calcHeight: 30,
tip: false,
searchShow: true,
@@ -108,10 +122,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",
@@ -124,124 +151,24 @@
],
},
{
- label: "附件域名",
- prop: "domain",
- search: true,
+ label: "附件格式",
+ prop: "links",
+ width: 120,
rules: [
{
required: true,
- message: "请输入附件域名",
+ 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=",
- },
- ],
- },
-
imgSee: false,
imgUrl: "",
+ ourData: [],
+ seeData: [],
};
},
created() {
@@ -260,9 +187,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 +297,77 @@
},
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.ourData = [
+ ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ // ...this.data,
+ ];
+ this.page.total = this.ourData.length;
+ function doit(data, page) {
+ return data.slice(
+ (+page.currentPage - 1) * +page.pageSize,
+ +page.currentPage * +page.pageSize
+ );
+ }
+ this.seeData = doit(this.ourData, page);
+ 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) {
@@ -391,7 +376,13 @@
this.imgSee = true;
},
-
+ getType(file) {
+ var filename = file;
+ var index1 = filename.lastIndexOf(".");
+ var index2 = filename.length;
+ var type = filename.substring(index1, index2);
+ return type;
+ },
fileFormat(row) {
var index = row.link.lastIndexOf(".");
var ext = row.link.substr(index + 1);
--
Gitblit v1.9.3