From f5a0b1f7fc7e7f8dce11c71d26a6fca92b29a0d7 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期四, 04 五月 2023 11:43:48 +0800 Subject: [PATCH] 修改了家跟网的显示大图 --- ruoyi-ui/src/views/doctor/index.vue | 83 ++++++++++++++++++++++++++++------------- 1 files changed, 57 insertions(+), 26 deletions(-) diff --git a/ruoyi-ui/src/views/doctor/index.vue b/ruoyi-ui/src/views/doctor/index.vue index bbcc993..f8528d2 100644 --- a/ruoyi-ui/src/views/doctor/index.vue +++ b/ruoyi-ui/src/views/doctor/index.vue @@ -51,7 +51,7 @@ --> </el-form-item> - <el-form-item label="绫诲瀷" prop="type" style="padding-left:180px"> + <el-form-item label="绫诲瀷" prop="type" > <el-input v-model="queryParams.type" placeholder="璇疯緭鍏ョ被鍨�" @@ -80,6 +80,16 @@ <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"> @@ -176,35 +186,36 @@ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> </div> - <el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange"> + <el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> <el-table-column type="selection" width="25" align="center" /> -<el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/> <el-table-column label="绫诲瀷" prop="type" sortable width="80"> + <el-table-column 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">{{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="80" 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="110" 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="110" 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="110" 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="80" align="center" > <template slot-scope="scope">{{scope.row.effect? scope.row.effect: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="閫傜敤浜�" prop="suitable" sortable width="110" > + <el-table-column label="閫傜敤浜�" prop="suitable" sortable width="110" 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" > + <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" > + <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="80" > <template slot-scope="scope" > <img class="el-upload-list__item-thumbnail" @@ -225,7 +236,7 @@ </template> </el-table-column> - </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 @@ -242,18 +253,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> @@ -263,6 +269,7 @@ :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" + style="background: #FEF7FC;" @pagination="getList" /> @@ -363,7 +370,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> @@ -457,6 +464,7 @@ symptom:undefined, cmedical:undefined, suitable:undefined, + effect:undefined, }, // searchVal:"", @@ -529,6 +537,14 @@ this.reset(); }, + //闅旇鍙樿壊 + tableRowClassName({ row, rowIndex }) { + if (rowIndex % 2 == 0) { + return "statistics-warning-row1"; + } else { + return "statistics-warning-row"; + } + }, /** 鏌ヨ璁板綍鍒楄〃 */ getList() { this.loading = true; @@ -714,14 +730,29 @@ 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