From 2c8b26bef24ccfde85cce836fea1681b204aa74c Mon Sep 17 00:00:00 2001 From: Tcsm <1377977403@qq.com> Date: 星期日, 11 六月 2023 18:17:38 +0800 Subject: [PATCH] 1.通讯录模块“称呼”改为“通讯录中称呼”,“成员姓名”改成“家人姓名” 2.家根网详情成功展示数据 --- ruoyi-ui/src/views/doctor/index.vue | 282 +++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 207 insertions(+), 75 deletions(-) diff --git a/ruoyi-ui/src/views/doctor/index.vue b/ruoyi-ui/src/views/doctor/index.vue index 7fbb84a..8c1842f 100644 --- a/ruoyi-ui/src/views/doctor/index.vue +++ b/ruoyi-ui/src/views/doctor/index.vue @@ -51,16 +51,21 @@ --> </el-form-item> - <el-form-item label="绫诲瀷" prop="type" style="padding-left:180px"> - <el-input + <el-form-item label="绫诲埆" prop="type"> + <el-select v-model="queryParams.type" - placeholder="璇疯緭鍏ョ被鍨�" + placeholder="鎵�鏈夌被鍒�" clearable style="width: 240px" - @keyup.enter.native="handleQuery"> - <i slot="prefix" class="el-input__icon el-icon-search"></i> - </el-input> - + @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-form-item label="鐥囩姸" prop="symptom"> @@ -73,21 +78,23 @@ <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input> </el-form-item> - <el-cntainer> - <el-col :span="9" > - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3; - border-radius: 6px 6px 6px 6px;opacity:1; " @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3; - border-radius: 6px 6px 6px 6px;opacity:1; " @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-col> - </el-cntainer> + + <el-form-item label="澶勬柟" prop="cmedical"> <el-input v-model="queryParams.cmedical" placeholder="璇疯緭鍏ヤ腑鍖诲鏂�" + clearable + style="width: 240px" + @keyup.enter.native="handleQuery"> + <i slot="prefix" class="el-input__icon el-icon-search"></i> + </el-input> + </el-form-item> + <el-form-item label="鍔熸晥" prop="effect"> + <el-input + v-model="queryParams.effect" + placeholder="璇疯緭鍏ュ姛鏁�" clearable style="width: 240px" @keyup.enter.native="handleQuery"> @@ -105,17 +112,22 @@ <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input> </el-form-item> - + <el-form-item> + <el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3; + border-radius: 7px 7px 7px 7px;opacity: 1; " >鎼滅储</el-button> + <el-button size="mini" @click="resetQuery" style=" width: 67px;height: 27px;background: #FFDDE3; + border-radius: 7px 7px 7px 7px;opacity: 1; ">閲嶇疆</el-button> + </el-form-item> </el-form> <div> - <div style="width: 100px; - height: 24px; - font-size: 18px; - font-family: Microsoft YaHei-Regular, Microsoft YaHei; - font-weight: 400; - color: #000000; - line-height: 21px; - ">瀹跺涵灏忓尰鐢�</div> +<!-- <div style="width: 100px;--> +<!-- height: 24px;--> +<!-- font-size: 18px;--> +<!-- font-family: Microsoft YaHei-Regular, Microsoft YaHei;--> +<!-- font-weight: 400;--> +<!-- color: #000000;--> +<!-- line-height: 21px;--> +<!-- ">瀹跺涵灏忓尰鐢�</div>--> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> @@ -150,42 +162,87 @@ v-hasPermi="['family:note:export']" >瀵煎嚭</el-button> </el-col> + <el-col :span="1.5"> + <el-button + type="warning" + plain + icon="el-icon-download" + size="mini" + @click="handleExportTemplate" + v-hasPermi="['family:note:export']" + >瀵煎叆妯℃澘涓嬭浇</el-button> + </el-col> + <el-col :span="1.2"> + + <el-upload + action="" + + class="upload-demo" + :show-file-list="false" + :http-request="handleEnport" + > + <el-button size="mini" type="primary" + plain + icon="el-icon-plus" >瀵煎叆</el-button> + + </el-upload> + </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> </div> - <el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange"> - <el-table-column type="selection" width="25" align="center" /> - <el-table-column label="搴忓彿" prop="id" sortable width="80" /> - <el-table-column label="绫诲瀷" prop="type" sortable width="80"> - <template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template> + + <el-table v-loading="loading" :data="doctorList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table-column type="selection" :reserve-selection="true" width="25" align="center" /> + <el-table-column fixed label="搴忓彿" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> + <el-table-column label="绫诲瀷" prop="type" sortable width="80" align="center"> + <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="symptom" sortable :show-overflow-tooltip="true" width="80" > + <el-table-column label="鐥囩姸" prop="symptom" sortable :show-overflow-tooltip="true" width="120" align="center" > <template slot-scope="scope">{{scope.row.symptom? scope.row.symptom: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="鎸佺画鏃堕棿" prop="duration" sortable :show-overflow-tooltip="true" width="110" > + <el-table-column label="鎸佺画鏃堕棿" prop="duration" sortable :show-overflow-tooltip="true" width="160" align="center" > <template slot-scope="scope">{{scope.row.duration? scope.row.duration: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="涓尰澶勬柟" prop="cmedical" sortable width="110" > + <el-table-column label="涓尰澶勬柟" prop="cmedical" sortable width="160" align="center" > <template slot-scope="scope">{{scope.row.cmedical? scope.row.cmedical: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="瑗垮尰澶勬柟" prop="wmedical" sortable width="110"> + <el-table-column label="瑗垮尰澶勬柟" prop="wmedical" sortable width="160" align="center"> <template slot-scope="scope">{{scope.row.wmedical? scope.row.wmedical: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="鍔熸晥" prop="effect" sortable width="80" > + <el-table-column label="鍔熸晥" prop="effect" sortable width="120" align="center" > <template slot-scope="scope">{{scope.row.effect? scope.row.effect: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="鐢靛瓙鏂囦欢" prop="url" align="center" sortable width="110"> - <template slot-scope="scope"> - <el-image style="width: 100px; height: 100px" :src="'http://47.93.189.255:8080/'+ scope.row.url" fit="cover"></el-image> - </template> - </el-table-column> - <el-table-column label="閫傜敤浜�" prop="suitable" sortable width="110" > + + <el-table-column label="閫傜敤浜�" prop="suitable" sortable width="140" align="center" > <template slot-scope="scope">{{scope.row.suitable? scope.row.suitable: '鈥斺�斺�斺��'}}</template> </el-table-column> - <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="澶囨敞" prop="remark" sortable width="120" align="center"> + <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template> + </el-table-column> + <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="160" align="center"> + <template slot-scope="scope" > + <img + class="el-upload-list__item-thumbnail" + src="../../assets/images/deviceLis.png" + alt="" + style="width: 35px; height: 35px;" + fit="cover" + v-if="scope.row.url !== ','" + > + <img + class="el-upload-list__item-thumbnail" + src="../../assets/images/deviceA.png" + alt="" + style="width: 35px; height: 35px;" + fit="cover" + v-if="scope.row.url ===',' " + > + </template> + </el-table-column> + +<!-- </el-table-column>--> <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope" v-if="scope.row.roleId !== 1"> <el-button @@ -202,18 +259,13 @@ @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']" >鍒犻櫎</el-button> - <el-dropdown - size="mini" - @command="(command) => handleCommand(command, scope.row)" - v-hasPermi="['system:role:edit']"> - <el-button - size="mini" - type="text" - icon="el-icon-d-arrow-right" - @click="handleCheck(scope.row)" - >鏌ョ湅璇︽儏</el-button> - </el-dropdown> +<el-button + size="mini" + type="text" + icon="el-icon-d-arrow-right" + @click="handleCheck(scope.row)"> +鏌ョ湅璇︽儏</el-button> </template> </el-table-column> </el-table> @@ -223,6 +275,7 @@ :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" + style="background: #FEF7FC;" @pagination="getList" /> @@ -231,8 +284,10 @@ <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> <el-form-item label="绫诲瀷" prop="type"> - <el-input v-model="formDat.type" placeholder="璇疯緭鍏ョ被鍨�" clearable :style="{width: '100%'}" > - </el-input> + <el-select v-model="formDat.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}" > + <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> </el-form-item> <el-form-item label="鐥囩姸" prop="symptom"> @@ -323,7 +378,7 @@ <h4 class="form-header"> </h4> <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitDataScope">纭� 瀹�</el-button> + <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button> <el-button @click="cancelData">鍙� 娑�</el-button> </div> </el-dialog> @@ -343,9 +398,9 @@ //瀵煎叆鎺ュ彛鍑芥暟 -import {listDoctor, getDoctor, addDoctor,updateDoctor, delDoctor,uploadPic} from "@/api/doctor/index"; +import {listDoctor,enload,getDoctor, addDoctor,updateDoctor, delDoctor,uploadPic} from "@/api/doctor/index"; - +import { Notification, MessageBox, Message, Loading } from 'element-ui' export default { name: "index", dicts: ['sys_normal_disable'], @@ -417,6 +472,7 @@ symptom:undefined, cmedical:undefined, suitable:undefined, + effect:undefined, }, // searchVal:"", @@ -472,12 +528,21 @@ trigger: 'blur' }], }, - typeOptions: [], + typeOptions: [{ + value:'绁炵粡绉�', + label:'绁炵粡绉�' + },{ + value:'鐗欑', + label:'鐗欑' + },{ + value:'鍐呯', + label:'鍐呯' + }], }; }, created() { this.getList(); - // this.getCateInfor() + this.getCateInfor() // for (let i = 0; i < this.contactList.length; i++) { // this.formDat[i] = this.contactList[i]; // } @@ -489,6 +554,14 @@ this.reset(); }, + //闅旇鍙樿壊 + tableRowClassName({ row, rowIndex }) { + if (rowIndex % 2 == 0) { + return "statistics-warning-row1"; + } else { + return "statistics-warning-row"; + } + }, /** 鏌ヨ璁板綍鍒楄〃 */ getList() { this.loading = true; @@ -505,17 +578,28 @@ ); }, /** 鏌ヨ绫诲埆淇℃伅 */ - // 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]}) - // }) - // }) - // }, + 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 === '绁炵粡绉�'){ + return '绁炵粡绉�' + }else if(type === '鐗欑'){ + return '鐗欑' + }else if(type === '鍐呯'){ + return '鍐呯' + }else { + return '鍏跺畠' + } + }, handleRemove(file) { alert(323) }, @@ -523,6 +607,10 @@ cancel() { this.open = false; this.reset(); + }, + getRowId(row) + { + return row.id }, // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級 cancelDataScope() { @@ -655,7 +743,7 @@ /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { const Ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎缂栧彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() { + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { return delDoctor(Ids); }).then(() => { this.getList(); @@ -664,10 +752,54 @@ }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { - this.download('zfDoctor/export', { + const Ids = this.ids; + + if(Ids.length==0) + { + this.download('/zfDoctor/export', { ...this.queryParams }, `zfDoctor_${new Date().getTime()}.xlsx`) + }else{ + this.download('/zfDoctor/export1/'+Ids, { + + }, `zfDoctor_${new Date().getTime()}.xlsx`) + } + }, + + handleExportTemplate(){ + this.download('/zfDoctor/model', { + + }, `zfDoctor_${new Date().getTime()}.xlsx`) + }, + /** 瀵煎叆鎿嶄綔*/ + handleEnport(params){ + var file = params.file; + var formData = new FormData(); + formData.append('excelImport', file); + let _this = this + + enload(formData).then(response => { + _this.getList(); + Message({ message: "瀵煎叆鎴愬姛", type: 'warning' }) + + }).catch(() => { Message({ message: "瀵煎叆澶辫触", type: 'error' })}); + } } }; </script> +<style> +.app-container{ + background-color: #FEF7FC; +} +.el-table__row.statistics-warning-row { + background: #E0EEFE; + +} +.el-table__row.statistics-warning-row1 { + background: #FFEFF2; + +} + + +</style> -- Gitblit v1.9.1