From 7ca880305abdb58d3ef448993f23c91673558f02 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期一, 13 三月 2023 19:47:30 +0800 Subject: [PATCH] yxh --- src/views/project/externalperson/index.vue | 330 ++++++++++++------------------------------------------ 1 files changed, 73 insertions(+), 257 deletions(-) diff --git a/src/views/project/externalperson/index.vue b/src/views/project/externalperson/index.vue index 763db3d..e3547dc 100644 --- a/src/views/project/externalperson/index.vue +++ b/src/views/project/externalperson/index.vue @@ -1,313 +1,129 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - :inline="true" - v-show="showSearch" - label-width="68px" - > + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="浜哄憳缂栧彿" prop="userno"> - <el-input - v-model="queryParams.userno" - placeholder="璇疯緭鍏ヤ汉鍛樼紪鍙�" - clearable - size="small" - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.userno" placeholder="璇疯緭鍏ヤ汉鍛樼紪鍙�" clearable size="small" + @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="浜哄憳鍚嶇О" prop="username"> - <el-input - v-model="queryParams.username" - placeholder="璇疯緭鍏ヤ汉鍛樺悕绉�" - clearable - size="small" - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.username" placeholder="璇疯緭鍏ヤ汉鍛樺悕绉�" clearable size="small" + @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="浜哄憳绫诲埆" prop="usertype"> - <el-select - v-model="queryParams.usertype" - placeholder="璇烽�夋嫨浜哄憳绫诲埆" - clearable - size="small" - > - <el-option - v-for="dict in dict.type.sys_UserType" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> + <el-select v-model="queryParams.usertype" placeholder="璇烽�夋嫨浜哄憳绫诲埆" clearable size="small"> + <el-option v-for="dict in dict.type.sys_UserType" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </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-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="10" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - plain - icon="el-icon-plus" - size="mini" - @click="handleAdd" - v-hasPermi="['project:externalperson:add']" - >鏂板</el-button - > + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['project:externalperson:add']">鏂板</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUpdate" - v-hasPermi="['project:externalperson:edit']" - >淇敼</el-button - > + <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" + v-hasPermi="['project:externalperson:edit']">淇敼</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['project:externalperson:remove']" - >鍒犻櫎</el-button - > + <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" + v-hasPermi="['project:externalperson:remove']">鍒犻櫎</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - :loading="exportLoading" - @click="handleExport" - v-hasPermi="['project:externalperson:export']" - >瀵煎嚭</el-button - > + <el-button type="warning" plain icon="el-icon-download" size="mini" :loading="exportLoading" @click="handleExport" + v-hasPermi="['project:externalperson:export']">瀵煎嚭</el-button> </el-col> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> - <el-table - v-loading="loading" - :data="externalpersonList" - @selection-change="handleSelectionChange" - > + <el-table v-loading="loading" :data="externalpersonList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="浜哄憳绫诲埆" align="center" prop="usertype"> - <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_UserType" - :value="scope.row.usertype" - /> - </template> - </el-table-column> - <el-table-column label="鍦ㄨ亴鐘舵��" align="center" prop="userstatus" - ><template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_0_1" - :value="scope.row.userstatus" - /> </template - ></el-table-column> <el-table-column label="浜哄憳缂栧彿" align="center" prop="userno" /> <el-table-column label="浜哄憳濮撳悕" align="center" prop="username" /> + <el-table-column label="韬唤璇佸彿" width="200" align="center" prop="idcardno" /> <el-table-column label="鎬у埆" align="center" prop="sex"> <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_user_sex" - :value="scope.row.sex" - /> </template - ></el-table-column> + <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" /> </template></el-table-column> <el-table-column label="鑱岀О" align="center" prop="title"> <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_professionaltitle" - :value="scope.row.title" - /> </template - ></el-table-column> - <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="unitname" /> - <el-table-column - label="宸ヤ綔浜哄憳缂栧彿" - align="center" - prop="personnelunitno" - /> - <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="telephone" /> - <el-table-column label="鑱旂郴鍦板潃" align="center" prop="address" /> - <el-table-column - label="鎿嶄綔" - align="center" - class-name="small-padding fixed-width" - > + <dict-tag :options="dict.type.sys_professionaltitle" :value="scope.row.title" /> </template></el-table-column> + <el-table-column label="鍗曚綅鍚嶇О" width="200" align="center" prop="unitname" /> + <el-table-column label="鍗曚綅宸ヤ綔缂栧彿" align="center" prop="personnelunitno" /> + <el-table-column label="鑱旂郴鐢佃瘽" width="200" align="center" prop="telephone" /> + <el-table-column label="鑱旂郴鍦板潃" width="250" align="center" prop="address" /> + <el-table-column label="浜哄憳绫诲埆" align="center" prop="usertype"> <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - v-hasPermi="['project:externalperson:edit']" - >淇敼</el-button - > - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['project:externalperson:remove']" - >鍒犻櫎</el-button - > + <dict-tag :options="dict.type.sys_UserType" :value="scope.row.usertype" /> + </template> + </el-table-column> + <el-table-column label="鍦ㄨ亴鐘舵��" align="center" prop="userstatus"><template slot-scope="scope"> + <dict-tag :options="dict.type.sys_0_1" :value="scope.row.userstatus" /> </template></el-table-column> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" + v-hasPermi="['project:externalperson:edit']">淇敼</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" + v-hasPermi="['project:externalperson:remove']">鍒犻櫎</el-button> </template> </el-table-column> </el-table> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> + <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" + @pagination="getList" /> <!-- 娣诲姞鎴栦慨鏀瑰鍥村崟浣嶄汉鍛樺璇濇 --> <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="120px"> - <el-row - ><el-col :span="12"> + <el-row><el-col :span="12"> <el-form-item label="浜哄憳缂栧彿" prop="userno"> - <el-input - v-model="form.userno" - placeholder="璇疯緭鍏ヤ汉鍛樼紪鍙�" - /> </el-form-item></el-col - ><el-col :span="12" - ><el-form-item label="浜哄憳绫诲埆" prop="usertype"> + <el-input v-model="form.userno" placeholder="璇疯緭鍏ヤ汉鍛樼紪鍙�" /> </el-form-item></el-col><el-col + :span="12"><el-form-item label="浜哄憳绫诲埆" prop="usertype"> <el-select v-model="form.usertype" placeholder="璇烽�夋嫨浜哄憳绫诲埆"> - <el-option - v-for="dict in dict.type.sys_UserType" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> - </el-select> </el-form-item></el-col></el-row - ><el-row> + <el-option v-for="dict in dict.type.sys_UserType" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> + </el-select> </el-form-item></el-col></el-row><el-row> <el-col :span="12"> <el-form-item label="浜哄憳濮撳悕" prop="username"> - <el-input - v-model="form.username" - placeholder="璇疯緭鍏ヤ汉鍛樺鍚�" - /> </el-form-item - ></el-col> + <el-input v-model="form.username" placeholder="璇疯緭鍏ヤ汉鍛樺鍚�" /> </el-form-item></el-col> <el-col :span="12"> <el-form-item label="鍦ㄨ亴鐘舵��" prop="userstatus"> <el-radio-group v-model="form.userstatus"> - <el-radio - v-for="dict in dict.type.sys_0_1" - :key="dict.value" - :label="parseInt(dict.value)" - >{{ dict.label }}</el-radio - > + <el-radio v-for="dict in dict.type.sys_0_1" :key="dict.value" :label="parseInt(dict.value)">{{ dict.label + }}</el-radio> </el-radio-group> - </el-form-item></el-col - ></el-row - ><el-row - ><el-col :span="12"> - <el-form-item label="鎷� 闊� 鐮�" prop="pym"> - <el-input - v-model="form.pym" - placeholder="璇疯緭鍏ユ嫾闊崇爜" - /> </el-form-item></el-col - ><el-col :span="12"> - <el-form-item label="浜� 绗� 鐮�" prop="wbm"> - <el-input - v-model="form.wbm" - placeholder="璇疯緭鍏ヤ簲绗旂爜" - /> </el-form-item></el-col></el-row - ><el-row - ><el-col :span="12"> + </el-form-item></el-col></el-row><el-row><el-col :span="24"> + <el-form-item label="韬唤璇佸彿" prop="idcardno"> + <el-input v-model="form.idcardno" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" /> </el-form-item></el-col></el-row><el-row><el-col + :span="12"> <el-form-item label="鎬� 鍒�" prop="sex"> <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆"> - <el-option - v-for="dict in dict.type.sys_user_sex" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> </el-select></el-form-item></el-col - ><el-col :span="12"> + <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select></el-form-item></el-col><el-col :span="12"> <el-form-item label="鑱旂郴鐢佃瘽" prop="telephone"> - <el-input - v-model="form.telephone" - placeholder="璇疯緭鍏ヨ仈绯荤數璇�" - /> </el-form-item></el-col></el-row - ><el-row - ><el-col :span="24"> + <el-input v-model="form.telephone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> </el-form-item></el-col></el-row><el-row><el-col + :span="24"> <el-form-item label="鑱旂郴鍦板潃" prop="address"> - <el-input - v-model="form.address" - placeholder="璇疯緭鍏ヨ仈绯诲湴鍧�" - /> </el-form-item></el-col></el-row - ><el-row - ><el-col :span="24"> + <el-input v-model="form.address" placeholder="璇疯緭鍏ヨ仈绯诲湴鍧�" /> </el-form-item></el-col></el-row><el-row><el-col + :span="24"> <el-form-item label="鍗曚綅鍚嶇О" prop="unitname"> - <el-input - v-model="form.unitname" - placeholder="璇疯緭鍏ュ崟浣嶅悕绉�" - /> </el-form-item></el-col></el-row - ><el-row - ><el-col :span="12"> + <el-input v-model="form.unitname" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�" /> </el-form-item></el-col></el-row><el-row><el-col + :span="12"> <el-form-item label="鍗曚綅浜哄憳缂栧彿" prop="personnelunitno"> - <el-input - v-model="form.personnelunitno" - placeholder="璇疯緭鍏ュ崟浣嶄汉鍛樼紪鍙�" - /> </el-form-item></el-col - ><el-col :span="12" - ><el-form-item label="鑱� 绉�" prop="title"> + <el-input v-model="form.personnelunitno" placeholder="璇疯緭鍏ュ崟浣嶄汉鍛樼紪鍙�" /> </el-form-item></el-col><el-col + :span="12"><el-form-item label="鑱� 绉�" prop="title"> <el-select v-model="form.title" placeholder="璇烽�夋嫨浜哄憳鑱岀О"> - <el-option - v-for="dict in dict.type.sys_professionaltitle" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> </el-select> - </el-form-item> </el-col></el-row - ><el-row - ><el-col :span="12" - ><el-form-item label="閾惰鍚嶇О" prop="depositbank"> - <el-input - v-model="form.depositbank" - placeholder="璇疯緭鍏ラ摱琛屽悕绉�" - /> </el-form-item></el-col - ><el-col :span="12" - ><el-form-item label="閾惰鍗″彿" prop="bankcardno"> - <el-input - v-model="form.bankcardno" - placeholder="璇疯緭鍏ラ摱琛屽崱鍙�" - /> </el-form-item></el-col></el-row - ><el-row - ><el-col :span="24" - ><el-form-item label="寮�鎴锋敮琛�" prop="branchbankname"> - <el-input - v-model="form.branchbankname" - placeholder="璇疯緭鍏ュ紑鎴锋敮琛�" - /> </el-form-item></el-col - ></el-row> + <el-option v-for="dict in dict.type.sys_professionaltitle" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> + </el-form-item> </el-col></el-row><el-row><el-col :span="12"><el-form-item label="閾惰鍚嶇О" prop="depositbank"> + <el-input v-model="form.depositbank" placeholder="璇疯緭鍏ラ摱琛屽悕绉�" /> </el-form-item></el-col><el-col + :span="12"><el-form-item label="閾惰鍗″彿" prop="bankcardno"> + <el-input v-model="form.bankcardno" placeholder="璇疯緭鍏ラ摱琛屽崱鍙�" /> + </el-form-item></el-col></el-row><el-row><el-col :span="24"><el-form-item label="寮�鎴锋敮琛�" prop="branchbankname"> + <el-input v-model="form.branchbankname" placeholder="璇疯緭鍏ュ紑鎴锋敮琛�" /> </el-form-item></el-col></el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> @@ -468,7 +284,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { @@ -483,7 +299,7 @@ this.$download.name(response.msg); this.exportLoading = false; }) - .catch(() => {}); + .catch(() => { }); }, }, }; -- Gitblit v1.9.3