From 7fc578dc2032fac935267e92208f7f11384e3800 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期四, 28 十一月 2024 08:36:36 +0800 Subject: [PATCH] 修改了相关bug --- ruoyi-ui/src/views/healthy/index.vue | 247 +++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 195 insertions(+), 52 deletions(-) diff --git a/ruoyi-ui/src/views/healthy/index.vue b/ruoyi-ui/src/views/healthy/index.vue index 7d41766..c4a7f37 100644 --- a/ruoyi-ui/src/views/healthy/index.vue +++ b/ruoyi-ui/src/views/healthy/index.vue @@ -20,7 +20,7 @@ <el-form-item label="鏁戠梾鍖婚櫌" prop="hospital" > <el-input v-model="queryParams.hospital" - placeholder="璇疯緭鍏ュ氨鐥呭尰闄�" + placeholder="璇疯緭鍏ユ晳鐥呭尰闄�" clearable style="width: 200px; height: 35px; @@ -52,7 +52,7 @@ </el-form-item> </el-form> - <el-row :gutter="10" class="mb8"> + <el-row :gutter="10" class="mb8" v-if="userId != 2"> <el-col :span="1.5"> <el-button type="primary" @@ -126,15 +126,15 @@ </el-col> </el-row> - <el-table v-loading="loading" :data="healthList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table v-loading="loading" :data="healthList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/> + <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/> <el-table-column label="鐪嬬梾鏃堕棿" prop="checkTime" sortable width="200" align="center"> <template slot-scope="scope">{{scope.row.checkTime? scope.row.checkTime: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="灏辩梾鍖婚櫌" prop="hospital" sortable width="120" > + <el-table-column label="鏁戠梾鍖婚櫌" prop="hospital" sortable width="120" > </el-table-column> <el-table-column label="棰樺悕" prop="title" sortable width="150" /> @@ -166,7 +166,7 @@ <el-table-column label="澶囨敞" prop="remark" sortable width="120" > <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width"> + <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2"> <template slot-scope="scope" v-if="scope.row.roleId !== 1"> <div class="button-container"> <el-button @@ -201,19 +201,21 @@ style="background: #FEF7FC;" /> - <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> + <el-dialog :title="title" @click.native="handleDialogClick" :visible.sync="open" width="800px" append-to-body> <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> <el-form-item label="鍙戠敓鏃堕棿" prop="checkTime"> <el-date-picker v-model="formDat.checkTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + @click.native.stop + ref="datePicker" :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" ></el-date-picker> </el-form-item> - <el-form-item label="灏辩梾鍖婚櫌" prop="hospital"> - <el-input v-model="formDat.hospital" placeholder="璇疯緭鍏ュ氨鐥呭尰闄�" clearable :style="{width: '100%'}" > + <el-form-item label="鏁戠梾鍖婚櫌" prop="hospital"> + <el-input v-model="formDat.hospital" placeholder="璇疯緭鍏ユ晳鐥呭尰闄�" clearable :style="{width: '100%'}" > </el-input> </el-form-item> <el-form-item label="棰樺悕" prop="title"> @@ -234,9 +236,13 @@ <el-upload action="#" list-type="picture-card" - multiple - :http-request="requestUpload" - :file-list="fileList" + + multiple + :http-request="requestUpload" + :file-list="fileList" + :on-change="handleChange" + :auto-upload="false" + ref="upload" > <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> @@ -269,6 +275,13 @@ </div> </el-upload> + <el-button + style="margin-left: 10px" + size="small" + type="success" + + @click="picUpload" + >涓婁紶鍒版湇鍔″櫒</el-button> <h4 class="form-header">鍏朵粬闄勪欢 </h4> <el-upload action="" @@ -277,15 +290,61 @@ multiple :on-remove="handleRemoveFile" - :http-request="requestUpload" :show-file-list="true" + ref="upload1" + :on-change="handleChange1" + :auto-upload="false" + list-type="picture-card" + :http-request="requestUpload1" > - <el-button type="primary">鐐瑰嚮涓婁紶</el-button> - <template #tip> - <div class="el-upload__tip"> - </div> - </template> - </el-upload> + + + + <i slot="default" class="el-icon-plus"></i> + <div slot="file" slot-scope="{file}"> + <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 --> + <video + v-if="file.url.includes('.mp4')" + class="el-upload-list__item-thumbnail" + :src="file.url" + style="width: 147px; height: 147px" + fit="cover" + ></video> + <img v-else + class="el-upload-list__item-thumbnail" + src="../../assets/images/deviceLis.png" + alt="" + style="width: 100%; height: 100%" + fit="cover"></img> + + <span class="el-upload-list__item-actions"> + <span class="el-upload-list__item-name">{{ file.name }}</span> + <span + class="el-upload-list__item-preview" + @click="handleFileCardPreview(file)" + > + <i class="el-icon-zoom-in"></i> + </span> + + <span + + class="el-upload-list__item-delete" + @click="handleRemoveFile(file)" + > + <i class="el-icon-delete"></i> + </span> + </span> + + </div> + + + </el-upload> + <el-button + style="margin-left: 10px" + size="small" + type="success" + @click="fileUpload" + >涓婁紶鍒版湇鍔″櫒</el-button> </el-form> <h4 class="form-header"> </h4> @@ -307,7 +366,7 @@ <script> import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role"; import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu"; - +import {getInfo} from "@/api/login"; //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁� --鎺ュソ浜� @@ -315,10 +374,11 @@ import {Message} from "element-ui"; export default { - name: "Role", + name: "ZYearInfo", dicts: ['sys_normal_disable'], data() { return { + userId: undefined, // 閬僵灞� disabled: false, loading: true, @@ -354,7 +414,10 @@ fileList:[ ], - fileListOther:[ ], + fileList1:[], + uploadFileList: [], + uploadFileList1: [], + fileListOther:[], dsb:true, btn:false, formDat: { @@ -364,7 +427,7 @@ usePeople: undefined, kind:undefined, remark: undefined, - url: undefined, + url: "", }, // 鑿滃崟鍒楄〃 menuOptions: [], @@ -405,7 +468,7 @@ hospital: [{ required: true, - message: '璇疯緭鍏ュ氨鐥呭尰闄�', + message: '璇疯緭鍏ユ晳鐥呭尰闄�', trigger: 'blur' }], type: [{ @@ -430,11 +493,22 @@ }, created() { this.getList(); - + this.getInfo() }, methods: { - + handleDialogClick() + { + // 鍏抽棴鏃ユ湡閫夋嫨鍣� + this.$refs.datePicker.handleClose(); + }, + getInfo(){ + console.log('-----------------') + getInfo().then(response=>{ + console.log(response.user.roles[0].roleId,'roleID') + this.userId = response.user.roles[0].roleId + }) + }, // 鍙栨秷鎸夐挳 cancelData() { @@ -474,14 +548,20 @@ }, handleRemove(file) { for (let i = 0; i < this.fileList.length; i++) { - if (this.fileList[i].url == file.url) - this.$delete(this.fileList, i); + if(this.fileList[i].url==file.url) + { + this.$delete(this.fileList,i); + this.$delete(this.uploadFileList,i); + } } }, handleRemoveFile(file) { for (let i = 0; i < this.fileListOther.length; i++) { - if (this.fileListOther[i].url == file.url) - this.$delete(this.fileListOther, i); + if(this.fileListOther[i].url==file.url) + { + this.$delete(this.fileListOther,i); + this.$delete(this.uploadFileList1,i); + } } }, @@ -516,7 +596,7 @@ deptCheckStrictly: true, remark: undefined }; - this.resetForm("form"); + this.resetForm("elForm"); }, /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { @@ -571,13 +651,13 @@ /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */ submitDataScope: function () { - let ul = this.fileList.map(function (elem) { - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") - }).join(",") - let uls = this.fileListOther.map(function (elem) { - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") - }).join(",") - this.formDat.url = ul + "," + uls + // let ul = this.fileList.map(function (elem) { + // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") + // }).join(",") + // let uls = this.fileListOther.map(function (elem) { + // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API, "") + // }).join(",") + // this.formDat.url = ul + "," + uls this.$refs["elForm"].validate(valid => { if (valid) { addHealth(this.formDat).then(response => { @@ -601,25 +681,88 @@ }); }, - requestUpload(params) { - var file = params.file; - var formData = new FormData(); - formData.append('uploadFile', file); - let _this = this + handleChange(file, fileList1) { + //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 - uploadPic(formData).then(response => { - let pth = response.data.originalFilename.substr(response.data.originalFilename.length - 4, response.data.originalFilename.length) + // this.uploadFileList.push(file.raw); + console.log("=========5555=========") + console.log(file) + // console.log(this.uploadFileList) + // this.fileList = fileList + //alert(file) + this.uploadFileList.push(file.raw); + this.fileList.push({name:file.name,url:file.url}) + //alert(fileList1.length) + }, + handleChange1(file, fileOtherList1) { + //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 + this.uploadFileList1.push(file.raw); + this.fileListOther.push({name:file.name,url:file.url}) + // this.uploadFileList.push(file.raw); + console.log("=========5555=========") + //console.log(file) + // console.log(this.uploadFileList) + // this.fileList = fileList + }, + fileUpload(){ + // var file = params.file; - if (_this.fot.includes(pth) === true) { - _this.fileList.push({name: response.data.fileName, "url": response.data.url}) + var formData = new FormData(); + this.$refs.upload1.submit(); + // formData.append('uploadFile', file); + if(this.uploadFileList1.length==0){ + this.$modal.msgSuccess("鏂囨。涓婁紶鍒楄〃涓嶈兘涓虹┖!"); + return + } + this.uploadFileList1.forEach((elem)=>{ + formData.append("files", elem) - } else { - _this.fileListOther.push({name: response.data.fileName, url: response.data.url}) + }) - } - }) + let _this = this - }, + this.uploading = true; + uploadPic(formData).then(response => { + _this.uploadFileList1 = [] + _this.formDat.url = _this.formDat.url+","+response.fileNames + _this.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛!"); + }) + + }, + picUpload() + { + var formData = new FormData(); + //alert(976) + //this.$refs.upload.submit(); + //alert(8) + //alert(this.uploadFileList.length) + if(this.uploadFileList.length==0){ + this.$modal.msgSuccess("鍥剧墖涓婁紶鍒楄〃涓嶈兘涓虹┖锛�"); + return} + //console.log(this.uploadFileList) + this.uploadFileList.forEach((elem)=>{ + formData.append("files", elem) + + }) + //alert(90) + let _this = this + //alert(9) + uploadPic(formData).then(response => { + // alert("dds") + _this.formDat.url = _this.formDat.url+","+response.fileNames + _this.uploadFileList = [] + _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); + + }); + }, + requestUpload(params) { + //alert(98) + // this.uploadFileList.push(params.file); + }, + requestUpload1(params) + { + // this.uploadFileList1.push(params.file); + }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { const Ids = row.id || this.ids; -- Gitblit v1.9.1