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/doctor/doctorInfo.vue | 73 +++++++++++++++++++++++++----------- 1 files changed, 50 insertions(+), 23 deletions(-) diff --git a/ruoyi-ui/src/views/doctor/doctorInfo.vue b/ruoyi-ui/src/views/doctor/doctorInfo.vue index 04fa9f8..4b247f8 100644 --- a/ruoyi-ui/src/views/doctor/doctorInfo.vue +++ b/ruoyi-ui/src/views/doctor/doctorInfo.vue @@ -18,12 +18,13 @@ <el-container> <el-row> <el-cow :span="8"> - <el-form-item label="绫诲瀷" prop="type" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-select v-model="formData.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}" > + <el-form-item label="绫诲埆" prop="type" label-width="55px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-select v-model="formData.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}" :disabled="dsb"> <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" ></el-option> </el-select> - </el-form-item> + <el-input v-model="newOption" v-if="showInput" placeholder="鑻ユ湭鍦ㄤ笂杩伴�夐」涓壘鍒板搴旂被鍒紝璇峰湪姝よ緭鍏ユ柊鐨勭被鍒�" @change="addNewOption"></el-input> + </el-form-item> </el-cow> <el-cow :span="8"> <el-form-item label="鐥囩姸" prop="symptom" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> @@ -190,7 +191,7 @@ import {blobValidate} from "@/utils/ruoyi"; import errorCode from "@/utils/errorCode"; import {Message} from "element-ui"; -import { getDoctor, updateDoctor,download,uploadPic} from "@/api/doctor/index"; +import {getDoctor, updateDoctor, download, uploadPic, listType} from "@/api/doctor/index"; export default { components: {}, @@ -199,18 +200,16 @@ return { cdi:"灏卞尰璁板綍璇︾粏淇℃伅", udi:"灏卞尰璁板綍淇℃伅璇︽儏", - fot:[".jpg",".jif","png"], - 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, isShow:true, // 灏卞尰璁板綍琛ㄦ牸鏁版嵁 doctorList: [], - + typeList:[], formData: { //灏卞尰璁板綍 id:undefined, @@ -230,7 +229,7 @@ rules: { type: [{ required: true, - message: '璇疯緭鍏ョ被鍨�', + message: '璇疯緭鍏ョ被鍒�', trigger: 'blur' }], symptom: [{ @@ -271,16 +270,9 @@ }], }, - typeOptions: [{ - value:'绁炵粡绉�', - label:'绁炵粡绉�' - },{ - value:'鐗欑', - label:'鐗欑' - },{ - value:'鍐呯', - label:'鍐呯' - }], + typeOptions: [], + newOption: undefined, + showInput: false } }, computed: {}, @@ -294,6 +286,7 @@ this.btn= jd this.dsb = !jd this.isShow=true + this.showInput=true document.title = "淇敼灏卞尰璁板綍璇︾粏淇℃伅"; this.$route.meta.title = "淇敼灏卞尰璁板綍璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� } @@ -327,7 +320,16 @@ } this.loading = false; }); - this.getCateInfor() + listType(this.queryParams).then(response => { + this.typeList = response.data; + this.total = response.data.total; + // console.log( this.typeList ) + // 鍦ㄥ洖璋冨嚱鏁颁腑璋冪敤 getTypeOptions() + this.getTypeOptions(); + this.loading = false; + } + ); + // this.getCateInfor() } }, @@ -344,6 +346,31 @@ // }) // }) // }, + //绫诲埆 + addNewOption() { + const newOption = this.newOption.trim(); + if (newOption && !this.typeOptions.includes(newOption)) { + this.typeOptions.push(newOption); + this.$set(this.formData, 'type', newOption); // 鏇存柊formDat.type鐨勫�间负鏂扮殑閫夐」 + } + }, + 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; + }, []); + + }, submitForm() { let ul = this.fileList.map(function (elem){ return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") -- Gitblit v1.9.1