From a4d79237c73a1db49649a8d3108eec95a8e67c37 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期一, 11 八月 2025 14:54:02 +0800 Subject: [PATCH] qx --- src/views/advice/advice/index.vue | 292 +++++++++++++-------------------------------------------- 1 files changed, 68 insertions(+), 224 deletions(-) diff --git a/src/views/advice/advice/index.vue b/src/views/advice/advice/index.vue index aae1221..648a68f 100644 --- a/src/views/advice/advice/index.vue +++ b/src/views/advice/advice/index.vue @@ -1,265 +1,112 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="68px" - @submit.native.prevent - > - <el-form-item label="鏍囬" prop="bt"> - <el-input - v-model="queryParams.bt" - placeholder="璇疯緭鍏ユ爣棰�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="椤圭洰鍚嶇О" prop="proName"> - <el-input - v-model="queryParams.proName" - placeholder="璇疯緭鍏ラ」鐩悕绉�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鎼滅储</el-button - > - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" - >閲嶇疆</el-button - > - </el-form-item> - </el-form> - + <el-row :gutter="20"> + <el-col :span="4" :xs="24"> </el-col> + <el-col :span="20" :xs="24"> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" + @submit.native.prevent> + <el-form-item label="鏍囬" prop="bt"> + <el-input v-model="queryParams.bt" placeholder="璇疯緭鍏ユ爣棰�" clearable @keyup.enter.native="handleQuery" /> + </el-form-item> + <el-form-item label="椤圭洰鍚嶇О" prop="proName"> + <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable @keyup.enter.native="handleQuery" /> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + </el-form-item> + </el-form> + </el-col> + </el-row> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-plus" - size="mini" - @click="handleAdd" - v-hasPermi="['advice:advice:add']" - >鏂板</el-button - > + <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['advice:advice:add']">鏂板</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUpdate" - v-hasPermi="['advice:advice:edit']" - >淇敼</el-button - > + <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" + v-hasPermi="['advice:advice:edit']">淇敼</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['advice:advice:remove']" - >鍒犻櫎</el-button - > + <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" + v-hasPermi="['advice:advice:remove']">鍒犻櫎</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-download" - size="mini" - @click="handleExport" - v-hasPermi="['advice:advice:export']" - >瀵煎嚭</el-button - > + <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" + v-hasPermi="['advice:advice:export']">瀵煎嚭</el-button> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="4" :xs="24"> <div class="head-container"> <div class="content"> - <el-tree - :data="deptOptions" - :props="defaultProps" - :expand-on-click-node="false" - :filter-node-method="filterNode" - ref="tree" - node-key="id" - default-expand-all - :default-expanded-keys="treeId" - highlight-current - @node-click="handleNodeClick" - /> + <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" + :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all + :default-expanded-keys="treeId" highlight-current @node-click="handleNodeClick" /> </div> </div> - + </el-col> <el-col :span="20" :xs="24"> - <el-table - v-loading="loading" - :data="adviceList" - @selection-change="handleSelectionChange" - border - > + <el-table v-loading="loading" :data="adviceList" @selection-change="handleSelectionChange" border> <el-table-column type="selection" width="55" align="center" fixed /> - <el-table-column - label="搴忓彿" - align="center" - prop="newID" - width="55px" - /> - <el-table-column - label="鎵�灞炵瀹�" - align="center" - prop="deptName" - width="120px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="浣撴椤圭洰" - align="center" - prop="proName" - width="120px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鏍囬" - align="center" - prop="title" - width="120px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="寤鸿" - align="center" - prop="advice" - width="1249px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鎿嶄綔" - align="center" - fixed="right" - class-name="small-padding fixed-width" - width="80px" - > + <el-table-column label="搴忓彿" align="center" prop="newID" width="55px" /> + <el-table-column label="鎵�灞炵瀹�" align="center" prop="deptName" width="120px" :show-overflow-tooltip="true" /> + <el-table-column label="浣撴椤圭洰" align="center" prop="proName" width="120px" :show-overflow-tooltip="true" /> + <el-table-column label="鏍囬" align="center" prop="title" width="120px" :show-overflow-tooltip="true" /> + <el-table-column label="寤鸿" align="center" prop="advice" width="1249px" :show-overflow-tooltip="true" /> + <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="80px"> <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - v-hasPermi="['advice:advice:edit']" - title="淇敼" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['advice:advice:remove']" - title="鍒犻櫎" - ></el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" + v-hasPermi="['advice:advice:edit']" title="淇敼"></el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" + v-hasPermi="['advice:advice:remove']" title="鍒犻櫎"></el-button> </template> </el-table-column> </el-table> <div class="pag"> - <div class="pag1"> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.page" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - </div> - </div> + <div class="pag1"> + <pagination v-show="total > 0" :total="total" :page.sync="queryParams.page" + :limit.sync="queryParams.pageSize" @pagination="getList" /> + </div> + </div> </el-col> </el-row> <!-- 娣诲姞鎴栦慨鏀筧dvice瀵硅瘽妗� --> - <el-dialog - :title="title" - :visible.sync="open" - width="1000px" - append-to-body - > + <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="褰掑睘绉戝" prop="deptId"> - <!-- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="璇烽�夋嫨褰掑睘绉戝" + <!-- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="璇烽�夋嫨褰掑睘绉戝" style="width: 200px" /> --> - <el-select - v-if="DepartmentList.length > 0" - v-model="form.deptId" - placeholder="璇烽�夋嫨褰掑睘绉戝" - clearable - style="width: 200px" - filterable - > - <el-option - v-for="dict in DepartmentList" - :key="dict.deptId" - :label="dict.deptName || ''" - :value="dict.deptId" - /> - </el-select> - </el-form-item> - <el-form-item label="妫�鏌ラ」鐩�" prop="proName"> - <el-select - v-model="form.proId" - placeholder="璇疯緭鍏ラ」鐩悕绉�" - filterable - style="width: 240px" - clearable - > - <el-option - v-for="(dict, index) in projectList" - :key="index" - :label="dict.proName" - :value="dict.proId" - /> + <el-select v-if="DepartmentList.length > 0" v-model="form.deptId" placeholder="璇烽�夋嫨褰掑睘绉戝" clearable + style="width: 200px" filterable> + <el-option v-for="dict in DepartmentList" :key="dict.deptId" :label="dict.deptName || ''" + :value="dict.deptId" /> </el-select> </el-form-item> - + <el-form-item label="妫�鏌ラ」鐩�" prop="proName"> + <el-select v-model="form.proId" placeholder="璇疯緭鍏ラ」鐩悕绉�" filterable style="width: 240px" clearable> + <el-option v-for="(dict, index) in projectList" :key="index" :label="dict.proName" :value="dict.proId" /> + </el-select> + </el-form-item> + <el-form-item label="寤鸿鏍囬" prop="title"> <el-input v-model="form.title" placeholder="璇疯緭鍏ュ悕绉版爣棰�" /> </el-form-item> <el-form-item label="蹇嵎鏍囩" prop="kjbq"> - <span - slot="label" - style="display: inline-block; border-bottom: 2px solid blue" - @click="handlekjbq" - > + <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handlekjbq"> 蹇嵎鏍囩 </span> <el-checkbox-group v-model="kjbq" @change="handleCheckedCitiesChange"> - <el-checkbox - v-for="(item, index) in dataList" - :key="index" - :label="item.id" - >{{ item.kjbq }}</el-checkbox - > + <el-checkbox v-for="(item, index) in dataList" :key="index" :label="item.id">{{ item.kjbq }}</el-checkbox> </el-checkbox-group> </el-form-item> <el-form-item label="寤鸿鍐呭" prop="advice"> - <el-input - type="textarea" - v-model="form.advice" - :autosize="{ minRows: 9, maxRows: 10 }" - placeholder="璇疯緭鍏ュ缓璁�" - /> + <el-input type="textarea" v-model="form.advice" :autosize="{ minRows: 9, maxRows: 10 }" placeholder="璇疯緭鍏ュ缓璁�" /> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -267,12 +114,7 @@ <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> - <el-dialog - title="娣诲姞蹇嵎鏍囩" - :visible.sync="kjbqopen" - width="500px" - append-to-body - > + <el-dialog title="娣诲姞蹇嵎鏍囩" :visible.sync="kjbqopen" width="500px" append-to-body> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="鍚嶇О" prop="kjbq"> <el-input v-model="formss.kjbq" placeholder="璇疯緭鍏ュ悕绉�" /> @@ -287,7 +129,7 @@ </template> <script> -import { deptTreeSelect ,getDeptListByDictHospId} from "@/api/system/user"; +import { deptTreeSelect, getDeptListByDictHospId } from "@/api/system/user"; import { listAdvice, getAdvice, @@ -383,7 +225,7 @@ }, methods: { sendhospName() { - + getDeptListByDictHospId({ id: 2000 }).then((res) => { @@ -524,7 +366,7 @@ } }); }, - handleCheckedCitiesChange(val) {}, + handleCheckedCitiesChange(val) { }, /** 鎻愪氦鎸夐挳 */ submitForm() { this.$refs["form"].validate((valid) => { @@ -563,7 +405,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { @@ -584,6 +426,7 @@ display: flex; justify-content: center; } + .pag1 { width: 30%; } @@ -593,6 +436,7 @@ width: 1000px; height: 1000px; } + .head-container { width: 200px; height: 629px; -- Gitblit v1.8.0