| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <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" |
| | | <el-form-item label="账号编号" prop="userno"> |
| | | <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" |
| | | <el-form-item label="账号名称" prop="username"> |
| | | <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-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> |
| | | </el-form-item> |
| | |
| | | |
| | | <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="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> |
| | | <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="单位名称" 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"> |
| | | <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="title"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_professionaltitle" :value="scope.row.title" /> </template></el-table-column> |
| | | <el-table-column label="单位名称" width="250" align="center" prop="unitname" /> |
| | | <!-- |
| | | <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> |
| | | <el-table-column label="单位工作编号" align="center" prop="personnelunitno" /> |
| | | <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="联系电话" width="200" align="center" prop="telephone" /> |
| | | <el-table-column label="联系地址" width="250" align="center" prop="address" />-->x |
| | | <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)" |
| | |
| | | @pagination="getList" /> |
| | | |
| | | <!-- 添加或修改外围单位人员对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> |
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
| | | <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-select v-model="form.usertype" placeholder="请选择人员类别"> |
| | | <el-row><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-select> </el-form-item></el-col><el-col :span="12"> |
| | | <el-form-item label="账号编号" prop="userno"> |
| | | <el-input v-model="form.userno" placeholder="请输入账号编号" /> </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-col :span="12"> |
| | | <el-form-item label="账号名称" prop="username"> |
| | | <el-input v-model="form.username" placeholder="请输入账号名称" /> </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 v-if="form.usertype != 'org'"><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 |
| | | v-if="form.usertype != 'org'"><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-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 v-if="form.usertype != 'org'"><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 |
| | | v-if="form.usertype != 'org'"><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="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-group> |
| | | </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-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-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-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-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-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="24"><el-form-item label="开户银行" prop="depositbank"> |
| | | </el-form-item></el-col></el-row><el-row><el-col :span="24"><el-form-item label="开户银行" prop="depositbank"> |
| | | <el-input v-model="form.depositbank" placeholder="请输入开户银行名称" /> </el-form-item></el-col><el-col |
| | | :span="24"><el-form-item label="银行卡号" prop="bankcardno"> |
| | | <el-input v-model="form.bankcardno" placeholder="请输入银行卡号" /> |
| | | </el-form-item></el-col></el-row> |
| | | </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-form-item label="开户支行" prop="branchbankname"> |
| | | <el-input v-model="form.branchbankname" placeholder="请输入开户支行" /> </el-form-item></el-col></el-row>--> |
| | | </el-form> |
| | |
| | | getList() { |
| | | this.loading = true; |
| | | listExternalperson(this.queryParams).then((response) => { |
| | | console.log("listExternalperson", response.rows); |
| | | this.externalpersonList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | }); |
| | | } else { |
| | | addExternalperson(this.form).then((response) => { |
| | | console.log("addExternalperson", response); |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getList(); |