From 1737343f1ac89c5980a268775a201304c47151ca Mon Sep 17 00:00:00 2001 From: Tcsm <1377977403@qq.com> Date: 星期二, 08 八月 2023 19:38:58 +0800 Subject: [PATCH] 个人模块的查看详情电子文件三键 --- ruoyi-ui/src/views/collection/index.vue | 120 +++++++++++++++++++++++++++++++----------------------------- 1 files changed, 62 insertions(+), 58 deletions(-) diff --git a/ruoyi-ui/src/views/collection/index.vue b/ruoyi-ui/src/views/collection/index.vue index 4d1973b..ae204e5 100644 --- a/ruoyi-ui/src/views/collection/index.vue +++ b/ruoyi-ui/src/views/collection/index.vue @@ -69,22 +69,13 @@ </el-form-item> <el-form-item label="绫诲埆" prop="type"> - <el-select - v-model="queryParams.type" - placeholder="鎵�鏈夌被鍒�" - clearable - style="width: 240px" - @keyup.enter.native="handleQuery" - > - <el-option - v-for="item in typeOptions" - :key="item.value" - :label="item.label" - :value="item.value" - - /> + <el-select v-model="queryParams.type" placeholder="鎵�鏈夌被鍒�" clearable + style="width: 240px" @keyup.enter.native="handleQuery"> + <el-option v-for="item in typeOptions" + :key="item.value" :label="item.label" :value="item.value"/> </el-select> </el-form-item> + <el-cntainer> <el-col :span="9" > <el-form-item> @@ -195,8 +186,8 @@ <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template> </el-table-column> <el-table-column label="绫诲埆" prop="type" sortable width="120" align="center"> - <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template> -<!-- <template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template>--> +<!-- <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>--> + <template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template> </el-table-column> <el-table-column label="鍚嶇О" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center" > <template slot-scope="scope">{{scope.row.name? scope.row.name: '鈥斺�斺�斺��'}}</template> @@ -297,6 +288,7 @@ <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" ></el-option> </el-select> + <el-input v-model="newOption" v-if="showInput" placeholder="鑻ユ湭鍦ㄤ笂杩伴�夐」涓壘鍒板搴旂被鍒紝璇峰湪姝よ緭鍏ユ柊鐨勭被鍒�" @change="addNewOption"></el-input> </el-form-item> <el-form-item label="鍚嶇О" prop="name"> <el-input v-model="formDat.name" placeholder="璇疯緭鍏ュ悕绉�" clearable :style="{width: '100%'}" > @@ -403,7 +395,7 @@ //瀵煎叆鎺ュ彛鍑芥暟 -import {listCollection, getCollection, addCollection,updateCollection, delCollection,uploadPic,downloadModel} from "@/api/collection/index"; +import {listCollection,listType, getCollection, addCollection,updateCollection, delCollection,uploadPic,downloadModel} from "@/api/collection/index"; import {enload} from "@/api/doctor"; import {Message} from "element-ui"; @@ -430,6 +422,7 @@ total: 0, // 鏀惰棌涓庤崳瑾夎〃鏍兼暟鎹� collectionList: [], + typeList:[], // 寮瑰嚭灞傛爣棰� title: "", // 鏄惁鏄剧ず寮瑰嚭灞� @@ -443,12 +436,10 @@ // 鏃ユ湡鑼冨洿 dateRange: [], // 鏁版嵁鑼冨洿閫夐」 - fot:[".jpg",".jif"], - fileList:[ - ], - fileListOther:[ - - ], + fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', + '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], + fileList:[], + fileListOther:[], dsb:true, btn:false, fit:['fill'], @@ -533,35 +524,15 @@ trigger: 'blur' }], }, - typeOptions: [ - { - value: '閭エ', - label: '閭エ' - }, { - value: '鏃ユ湰鍐涘垁', - label: '鏃ユ湰鍐涘垁' - }, { - value: '鑼呭彴閰�', - label: '鑼呭彴閰�' - }, { - value: '绾㈡湪', - label: '绾㈡湪' - }, { - value: '绾康鍝�', - label: '绾康鍝�' - }, { - value: '鐡峰櫒', - label: '鐡峰櫒' - }, { - value: '涔︾睄', - label: '涔︾睄' - } - ], + typeOptions: [], + newOption: undefined, + showInput: true }; }, created() { this.getList(); - this.getCateInfor() + this.getTypeOptions(); + // this.getCateInfor() // for (let i = 0; i < this.contactList.length; i++) { // this.formDat[i] = this.contactList[i]; // } @@ -584,6 +555,14 @@ return "statistics-warning-row"; } }, + //绫诲埆 + addNewOption() { + const newOption = this.newOption.trim(); + if (newOption && !this.typeOptions.includes(newOption)) { + this.typeOptions.push(newOption); + this.$set(this.formDat, 'type', newOption); // 鏇存柊formDat.type鐨勫�间负鏂扮殑閫夐」 + } + }, /** 鏌ヨ璁板綍鍒楄〃 */ getList() { this.loading = true; @@ -596,23 +575,48 @@ // alert(123) // console.log(response.data) this.collectionList = response.data.data; - this.total = response.data.total; this.loading = false; } ); + listType(this.queryParams).then(response => { + this.typeList = response.data; + this.total = response.data.total; + // console.log( this.typeList ) + // 鍦ㄥ洖璋冨嚱鏁颁腑璋冪敤 getTypeOptions() + this.getTypeOptions(); + this.loading = false; + } + ); }, - /** 鏌ヨ绫诲埆淇℃伅 */ - getCateInfor() - { - let _this = this - getCategory().then(response=>{ + getTypeOptions() { + const filteredOptions = this.typeList.filter(item => typeof item === 'string' && item !== ''); + // 鍒涘缓涓�涓┖瀵硅薄鐢ㄤ簬瀛樺偍鍞竴鐨勫瓧绗︿覆閫夐」 + const uniqueOptions = {}; + // 鏋勫缓涓嬫媺閫夐」鍒楄〃 + this.typeOptions = filteredOptions.reduce((options, option) => { + if (!uniqueOptions[option]) { + uniqueOptions[option] = true; + options.push({ + label: option, + value: option + }); + } + return options; + }, []); - response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ - _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) - }) - }) }, + // /** 鏌ヨ绫诲埆淇℃伅 */ + // getCateInfor() + // { + // let _this = this + // getCategory().then(response=>{ + // + // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ + // _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) + // }) + // }) + // }, //绫诲埆閫夋嫨 getSrc(type) { if (type === '閭エ') { -- Gitblit v1.9.1