skjia
/
bonus-Certificate-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端新需求修改

This commit is contained in:
zzyuan 2025-10-27 17:55:55 +08:00
parent 76f4976192
commit ccdc53840d
8 changed files with 1221 additions and 288 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

443
src/views/certificate/certificateManage/certificateInfo/index.vue
View File

@ -88,13 +88,28 @@
>模板下载 >模板下载
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
:disabled="multiple"
@click="handleTask"
>一人多证核验</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-row>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800"> <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120" fixed="left"/> <el-table-column label="序号" align="center" width="80" type="index">
<el-table-column label="部门" align="center" prop="deptFullName" :show-overflow-tooltip="true" width="250" fixed="left"/> <template slot-scope="scope">
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" fixed="left"/> <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="部门" align="center" prop="deptFullName" :show-overflow-tooltip="true" width="250"/>
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="出生日期" align="center" width="120" prop="birthday" :show-overflow-tooltip="true"/> <el-table-column label="出生日期" align="center" width="120" prop="birthday" :show-overflow-tooltip="true"/>
<el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/> <el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/>
<el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/> <el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/>
@ -140,179 +155,187 @@
/> />
<!-- 添加或修改参数配置对话框 --> <!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title+''" :visible.sync="open" width="700px" append-to-body> <el-dialog :title="title+''" :visible.sync="open" width="800px" append-to-body>
<el-tabs v-model="activeName" @tab-click="handleTabClick"> <el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px">
<!-- 基础设置 --> <el-row>
<el-tab-pane label="" name="baseSetting" style="height: 400px;"> <el-col :span="12">
<el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px"> <el-form-item label="姓名" prop="name">
<el-row> <el-input v-model="baseForm.name" placeholder="请输入" maxlength="30" clearable/>
<el-col :span="24" v-if="baseForm.deptId !== 0"> </el-form-item>
<el-form-item label="系统人员" prop="sysuser"> </el-col>
<el-button <el-col el-col :span="12" v-if="baseForm.deptId !== 0">
type="success" <el-form-item label="">
size="mini" <el-button
@click="handleSelect()" type="success"
>系统人员 size="mini"
</el-button> @click="handleSelect()"
</el-form-item> >选择人员
</el-col> </el-button>
</el-row> </el-form-item>
<el-row> </el-col>
<el-col :span="24" v-if="baseForm.deptId !== 0"> <el-col :span="12" v-if="baseForm.deptId !== 0">
<el-form-item label="单位" prop="deptId"> <el-form-item label="单位" prop="deptId" style="width: 100%;">
<treeselect <treeselect
v-model="baseForm.deptId" v-model="baseForm.deptId"
:options="deptOptions" :options="deptOptions"
:normalizer="normalizer" :normalizer="normalizer"
placeholder="选择单位" placeholder="选择单位"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12">
<el-row> <el-form-item label="手机号码" prop="phone">
<el-col :span="12"> <el-input v-model="baseForm.phone" placeholder="请输入" maxlength="30" clearable/>
<el-form-item label="姓名" prop="name"> </el-form-item>
<el-input v-model="baseForm.name" placeholder="请输入" maxlength="30" clearable/> </el-col>
</el-form-item> </el-row>
</el-col> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="身份证号" prop="idNumber"> <el-form-item label="身份证号" prop="idNumber">
<el-input v-model="baseForm.idNumber" placeholder="请输入" maxlength="30" clearable/> <el-input v-model="baseForm.idNumber" placeholder="请输入" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="手机号码" prop="phone"> <el-form-item label="出生日期" prop="birthday">
<el-input v-model="baseForm.phone" placeholder="请输入" maxlength="30" clearable/> <el-date-picker
</el-form-item> v-model="baseForm.birthday"
</el-col> type="date"
<el-col :span="12"> placeholder="选择日期"
<el-form-item label="出生日期" prop="birthday"> format="yyyy-MM-dd"
<el-date-picker value-format="yyyy-MM-dd"></el-date-picker>
v-model="baseForm.birthday" </el-form-item>
type="date" </el-col>
placeholder="选择日期" <el-col :span="12">
format="yyyy-MM-dd" <el-form-item label="出生地点" prop="birthAddr">
value-format="yyyy-MM-dd"></el-date-picker> <el-input v-model="baseForm.birthAddr" placeholder="请输入" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="出生地点" prop="birthAddr"> <el-form-item label="证件类型" prop="certificateType">
<el-input v-model="baseForm.birthAddr" placeholder="请输入" maxlength="30" clearable/> <el-select v-model="baseForm.certificateType" placeholder="证件类型" clearable>
</el-form-item> <el-option
</el-col> v-for="dict in dict.type.sys_certificate_type"
<el-col :span="12"> :key="dict.value"
<el-form-item label="证件类型" prop="certificateType"> :label="dict.label"
<el-select v-model="baseForm.certificateType" placeholder="证件类型" clearable> :value="dict.value"
<el-option />
v-for="dict in dict.type.sys_certificate_type" </el-select>
:key="dict.value" </el-form-item>
:label="dict.label" </el-col>
:value="dict.value" <el-col :span="12">
/> <el-form-item label="证件编号" prop="certificateNo">
</el-select> <el-input v-model="baseForm.certificateNo" :readonly="isReadOnly" placeholder="请输入" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="证件编号" prop="certificateNo"> <el-form-item label="签发地" prop="issueAddr">
<el-input v-model="baseForm.certificateNo" :readonly="isReadOnly" placeholder="请输入" maxlength="30" clearable/> <el-input v-model="baseForm.issueAddr" placeholder="请输入" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="签发地" prop="issueAddr"> <el-form-item label="签发日期" prop="issueDay">
<el-input v-model="baseForm.issueAddr" placeholder="请输入" maxlength="30" clearable/> <el-date-picker
</el-form-item> v-model="baseForm.issueDay"
</el-col> type="date"
<el-col :span="12"> placeholder="选择日期"
<el-form-item label="签发日期" prop="issueDay"> format="yyyy-MM-dd"
<el-date-picker value-format="yyyy-MM-dd"></el-date-picker>
v-model="baseForm.issueDay" </el-form-item>
type="date" </el-col>
placeholder="选择日期" <el-col :span="12">
format="yyyy-MM-dd" <el-form-item label="有效期至" prop="issueLifespan">
value-format="yyyy-MM-dd"></el-date-picker> <el-date-picker
</el-form-item> v-model="baseForm.issueLifespan"
</el-col> type="date"
<el-col :span="12"> placeholder="选择日期"
<el-form-item label="有效期至" prop="issueLifespan"> format="yyyy-MM-dd"
<el-date-picker value-format="yyyy-MM-dd"></el-date-picker>
v-model="baseForm.issueLifespan" </el-form-item>
type="date" </el-col>
placeholder="选择日期" <el-col :span="12">
format="yyyy-MM-dd" <el-form-item label-width="120px" label="是否电子标签" prop="isEle">
value-format="yyyy-MM-dd"></el-date-picker> <el-radio-group v-model="baseForm.isEle" size="small">
</el-form-item> <el-radio label="1">是</el-radio>
</el-col> <el-radio label="0">否</el-radio>
</el-row> </el-radio-group>
<el-row> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label-width="120px" label="是否电子标签" prop="isEle"> <el-col :span="12">
<el-radio-group v-model="baseForm.isEle" size="small"> <el-form-item v-if="isCreateFlage" label-width="120px" label="是否创建账号" prop="isCreate">
<el-radio label="1">是</el-radio> <el-radio-group v-model="baseForm.isCreate" size="small">
<el-radio label="0">否</el-radio> <el-radio @change="handleRadioChange('1')" label="1">是</el-radio>
</el-radio-group> <el-radio @change="handleRadioChange('0')" label="0">否</el-radio>
</el-form-item> </el-radio-group>
</el-col> </el-form-item>
</el-row> <el-form-item v-if="userNameFlage" label="用户名" prop="userName">
<el-row> <el-input v-model="baseForm.userName" placeholder="请输入" maxlength="30" clearable/>
<el-col :span="12"> </el-form-item>
<el-form-item v-if="isCreateFlage" label-width="120px" label="是否创建账号" prop="isCreate"> </el-col>
<el-radio-group v-model="baseForm.isCreate" size="small"> </el-row>
<el-radio @change="handleRadioChange('1')" label="1">是</el-radio> </el-form>
<el-radio @change="handleRadioChange('0')" label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="userNameFlage" label="用户名" prop="userName">
<el-input v-model="baseForm.userName" placeholder="请输入" maxlength="30" clearable/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
</el-tabs>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 选择人员 -->
<el-dialog :title="selectUserTitle+''" :visible.sync="openSelectUser" width="700px" append-to-body> <el-dialog title="选择系统人员" :visible.sync="openSelectUser" width="600px" append-to-body>
<el-tabs v-model="activeName"> <el-form ref="baseForm2" :model="baseForm2" :rules="baseFormRules" label-width="100px">
<!-- 基础设置 --> <el-row>
<el-tab-pane label="" name="baseSetting" style="height: 100px;"> <el-col :span="24">
<el-form ref="baseForm2" :model="baseForm2" :rules="baseFormRules" label-width="80px"> <el-form-item label="姓名" prop="userId">
<el-row> <el-select
<el-col :span="12"> v-model="baseForm2.userId"
<el-form-item label="姓名" prop="name"> placeholder="请选择"
<el-select filterable
v-model="selectItme" clearable
placeholder="请选择" style="width: 100%"
filterable >
clearable <el-option
style="width: 240px" v-for="item in allUserList"
@change="handleSelectChange" :key="item.userId"
> :label="item.userName"
<el-option :value="item.userId"
v-for="item in allUser" @click.native="getCorpAndDept(item)"
:key="item.phone" />
:label="item.userName" </el-select>
:value="item.phone" </el-form-item>
@click.native="getCorpAndDept(item)" </el-col>
/> </el-row>
</el-select> <el-row>
</el-form-item> <el-col :span="24">
<el-form-item label="手机号码" prop="phone"> <el-form-item label="手机号码" prop="phone">
<el-input style="width: 240px;background-color:#DAE1EE;" v-model="baseForm2.phone" readonly="true" maxlength="30" clearable/> <el-input style="width: 100%;background-color:#DAE1EE;" v-model="baseForm2.phone" readonly="true" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</el-tab-pane>
</el-tabs>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm2">确 定</el-button> <el-button type="primary" @click="submitForm2">确 定</el-button>
<el-button @click="cancel2">取 消</el-button> <el-button @click="cancel2">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 核验任务下达 -->
<el-dialog title="核验任务下达" :visible.sync="openTask" width="600px" append-to-body>
<el-form ref="taskForm" :model="taskForm" :rules="taskRules" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="核验截止日期" prop="verificationDate">
<el-date-picker
v-model="taskForm.verificationDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd" style="width: 100%;"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitTask">确 定</el-button>
<el-button @click="cancelTask">取 消</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -361,10 +384,9 @@
userNameFlage:false, userNameFlage:false,
certificateNos:[], certificateNos:[],
isReadOnly:false, isReadOnly:false,
openSelectUser:false, openSelectUser:false,
selectUserTitle:"",
selectItme:{}, selectItme:{},
allUser:[], allUserList:[],
// 部门树选项 // 部门树选项
deptOptions: [], deptOptions: [],
// 查询参数 // 查询参数
@ -396,7 +418,7 @@
isEle:"" isEle:""
}, },
baseForm2: { baseForm2: {
name:"", userId:"",
phone:"" phone:""
}, },
// 表单校验 // 表单校验
@ -441,7 +463,23 @@
headers: { Authorization: 'Bearer ' + getToken() }, headers: { Authorization: 'Bearer ' + getToken() },
// 上传的地址 // 上传的地址
url: process.env.VUE_APP_BASE_API + '/certificate/certificate_manage/certificateInfo/import', url: process.env.VUE_APP_BASE_API + '/certificate/certificate_manage/certificateInfo/import',
}, },
//远程校验弹窗
openTask: false,
// 表单参数
taskForm: {
verificationDate:""
},
// 表单校验
taskRules: {
verificationDate: [
{
required: true,
message: '核验截止日期不能为空',
trigger: 'blur',
},
]
},
}; };
}, },
mounted(){ mounted(){
@ -644,34 +682,29 @@
this.reset(); this.reset();
}, },
handleSelect(){ handleSelect(){
this.openSelectUser = true; this.openSelectUser = true;
this.selectUserTitle = "选择系统人员";
getSysUserListApi({}).then(response => { getSysUserListApi({}).then(response => {
console.log("response",response); console.log("response",response);
this.allUser=response; this.allUserList=response;
this.$set(this.baseForm2,"userId",this.baseForm.userId)
this.$set(this.baseForm2,"phone",this.baseForm.phone)
}); });
}, },
handleSelectChange() {
console.log('Selected item:', this.selectItme);
this.baseForm2.phone=this.selectItme.phone;
this.baseForm2.name=this.selectItme.userName;
// 这里可以执行其他逻辑
},
getCorpAndDept(val){ getCorpAndDept(val){
console.log("getCorpAndDept",val) console.log("getCorpAndDept",val)
this.selectItme=val; this.selectItme=val;
this.baseForm2.phone=this.selectItme.phone; this.$set(this.baseForm2,"phone",this.selectItme.phone)
this.baseForm2.name=this.selectItme.userName; this.$set(this.baseForm2,"userId",this.selectItme.userId)
this.baseForm.userId=this.selectItme.userId;
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm2: function() { submitForm2: function() {
console.log("this.baseForm2",this.baseForm2); console.log("this.baseForm2",this.baseForm2);
this.$refs["baseForm2"].validate(valid => { this.$refs["baseForm2"].validate(valid => {
if (valid) { if (valid) {
this.baseForm.phone=this.selectItme.phone; this.$set(this.baseForm,"phone",this.selectItme.phone)
this.baseForm.name=this.selectItme.userName; this.$set(this.baseForm,"name",this.selectItme.userName)
this.baseForm.deptId=this.selectItme.deptId; this.$set(this.baseForm,"userId",this.selectItme.userId)
this.$set(this.baseForm,"deptId",this.selectItme.deptId)
this.openSelectUser = false; this.openSelectUser = false;
this.isCreateFlage=false; this.isCreateFlage=false;
} }
@ -739,7 +772,41 @@
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.certificateNos = selection.map(item => item.certificateNo) this.certificateNos = selection.map(item => item.certificateNo)
// 更新单选和多选状态
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 远程校验按钮操作 */
handleTask() {
this.resetTask()
this.openTask = true
},
// 取消按钮
cancelTask() {
this.openTask = false
this.resetTask()
},
// 表单重置
resetTask() {
this.taskForm = {
verificationDate:""
}
this.resetForm('taskForm')
},
/** 提交按钮 */
submitTask: function () {
this.$refs['taskForm'].validate((valid) => {
let param = Object.assign({},this.taskForm)
console.log(param)
if (valid) {
// updateUser(param).then((response) => {
// this.$modal.msgSuccess('修改成功')
// this.openTask = false
// this.getList()
// })
}
})
}, },
} }
}; };

11
src/views/certificate/certificateManage/certificateOverdue/index.vue
View File

@ -47,16 +47,17 @@
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" /> <el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" />
<el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/> <el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/>
<el-table-column label="证件编号" align="center" prop="certificateNo" :show-overflow-tooltip="true"/> <el-table-column label="证件编号" align="center" prop="certificateNo" :show-overflow-tooltip="true"/>
<el-table-column label="状态" align="center" prop="stateName" :show-overflow-tooltip="true"/> <el-table-column label="证件有效期至" align="center" prop="issueLifespan" :show-overflow-tooltip="true"/>
<el-table-column label="有效期至" align="center" prop="issueLifespan" :show-overflow-tooltip="true"/> <el-table-column label="过期天数" align="center" prop="" :show-overflow-tooltip="true">
<el-table-column label="超期天数" align="center" prop="processGapDate" :show-overflow-tooltip="true"> <template slot-scope="scope">
<template slot-scope="scope">
<!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> -->
<span v-if="scope.row.processGapDate<=10" style="color: #FEE838;font-size: 25px;">{{scope.row.processGapDate}}</span> <span v-if="scope.row.processGapDate<=10" style="color: #FEE838;font-size: 25px;">{{scope.row.processGapDate}}</span>
<span v-else-if="scope.row.processGapDate<=20" style="color: orange;font-size: 25px;">{{scope.row.processGapDate}}</span> <span v-else-if="scope.row.processGapDate<=20" style="color: orange;font-size: 25px;">{{scope.row.processGapDate}}</span>
<span v-else="scope.row.processGapDate<=30" style="color: red;font-size: 25px;">{{scope.row.processGapDate}}</span> <span v-else="scope.row.processGapDate<=30" style="color: red;font-size: 25px;">{{scope.row.processGapDate}}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="过期类型" align="center" prop="" :show-overflow-tooltip="true">
</el-table-column> -->
</el-table> </el-table>
<pagination <pagination

96
src/views/certificate/certificateReturnManage/certificateAtake/index.vue
View File

@ -62,8 +62,7 @@
size="mini" size="mini"
@click="handleAdd(5)" @click="handleAdd(5)"
>应急取证</el-button> >应急取证</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
icon="el-icon-download" icon="el-icon-download"
@ -73,12 +72,28 @@
>他人代领 >他人代领
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
:disabled="multiple"
@click="handleTask"
>出入境核验
</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-row>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800"> <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120" fixed="left"/> <el-table-column label="序号" align="center" width="80" type="index">
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" fixed="left"/> <template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="出生日期" align="center" prop="birthday" :show-overflow-tooltip="true"/> <el-table-column label="出生日期" align="center" prop="birthday" :show-overflow-tooltip="true"/>
<el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/> <el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/>
<el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/> <el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/>
@ -139,6 +154,27 @@
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="核验任务下达" :visible.sync="openTask" width="600px" append-to-body>
<el-form ref="taskForm" :model="taskForm" :rules="taskRules" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="核验截止日期" prop="verificationDate">
<el-date-picker
v-model="taskForm.verificationDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd" style="width: 100%;"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitTask">确 定</el-button>
<el-button @click="cancelTask">取 消</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -236,6 +272,21 @@
// 上传的地址 // 上传的地址
url: process.env.VUE_APP_BASE_API + '/file/upload', url: process.env.VUE_APP_BASE_API + '/file/upload',
}, },
openTask: false,
// 表单参数
taskForm: {
verificationDate:""
},
// 表单校验
taskRules: {
verificationDate: [
{
required: true,
message: '核验截止日期不能为空',
trigger: 'blur',
},
]
},
}; };
}, },
mounted(){ mounted(){
@ -369,6 +420,41 @@
this.single = selection.length!=1 this.single = selection.length!=1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 远程校验按钮操作 */
handleTask() {
this.resetTask()
this.openTask = true
},
// 取消按钮
cancelTask() {
this.openTask = false
this.resetTask()
},
// 表单重置
resetTask() {
this.taskForm = {
verificationDate:""
}
this.resetForm('taskForm')
},
/** 提交按钮 */
submitTask: function () {
this.$refs['taskForm'].validate((valid) => {
let param = Object.assign({},this.taskForm)
console.log(param)
console.log(this.ids)
if (valid) {
// updateUser(param).then((response) => {
// this.$modal.msgSuccess('修改成功')
// this.openTask = false
// this.getList()
// })
}
})
},
} }
}; };
</script> </script>

142
src/views/certificate/certificateReturnManage/certificateSave/index.vue
View File

@ -56,8 +56,13 @@
</el-row> </el-row>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800"> <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120" fixed="left"/> <el-table-column label="序号" align="center" width="80" type="index">
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" fixed="left"/> <template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="出生日期" align="center" prop="birthday" :show-overflow-tooltip="true"/> <el-table-column label="出生日期" align="center" prop="birthday" :show-overflow-tooltip="true"/>
<el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/> <el-table-column label="出生地点" align="center" prop="birthAddr" :show-overflow-tooltip="true"/>
<el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/> <el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/>
@ -77,44 +82,41 @@
/> />
<!-- 添加或修改参数配置对话框 --> <!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title+''" :visible.sync="open" width="700px" append-to-body> <el-dialog :title="title+''" :visible.sync="open" width="700px" append-to-body>
<el-tabs v-model="activeName"> <el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px">
<!-- 基础设置 --> <el-row>
<el-tab-pane label="" name="baseSetting" style="height: 100px;"> <el-col :span="24">
<el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px"> <el-form-item label="证件柜" prop="deviceId">
<el-row> <el-select
<el-col :span="12"> v-model="baseForm.deviceId"
<el-form-item label="设备" prop="deviceId"> placeholder="请选择"
<el-select filterable
v-model="baseForm.deviceId" clearable
placeholder="请选择" style="width: 100%"
filterable >
clearable <el-option
style="width: 240px" v-for="item in allDevice"
@change="handleSelectChange" :key="item.deviceId"
> :label="item.deviceName"
<el-option :value="item.deviceId"
v-for="item in allDevice" />
:key="item.deviceId" </el-select>
:label="item.deviceName" </el-form-item>
:value="item.deviceId" </el-col>
@click.native="getCorpAndDept(item)" </el-row>
/> <el-row>
</el-select> <el-col :span="24">
</el-form-item> <el-form-item label="截止日期" prop="processDate">
<el-form-item label="截止日期" prop="processDate"> <el-date-picker
<el-date-picker v-model="baseForm.processDate"
v-model="baseForm.processDate" type="date"
type="date" placeholder="选择日期"
placeholder="选择日期" format="yyyy-MM-dd" style="width: 100%"
format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
value-format="yyyy-MM-dd"></el-date-picker> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
</el-row> </el-form>
</el-form>
</el-tab-pane>
</el-tabs>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
@ -163,9 +165,7 @@
open: false, open: false,
allDevice:[], allDevice:[],
selectCertificateNos:"", selectCertificateNos:"",
selectType:"", selectType:"",
selectDeviceId:"",
selectDeviceName:"",
checked: false, checked: false,
// 部门树选项 // 部门树选项
deptOptions: [], deptOptions: [],
@ -181,18 +181,8 @@
deviceData:{}, deviceData:{},
// 表单参数 // 表单参数
baseForm: { baseForm: {
deptId:null, deviceId:null,
name:"", processDate:""
idNumber:"",
birthday:"",
birthAddr:"",
certificateType:"",
certificateTypeName:"",
certificateNo:"",
issueAddr:"",
issueDay:"",
issueLifespan:"0",
isEle:""
}, },
// 表单校验 // 表单校验
baseFormRules: { baseFormRules: {
@ -254,10 +244,6 @@
this.loading = false; this.loading = false;
}); });
}, },
getCorpAndDept(val){
console.log("getCorpAndDept",val)
this.selectDeviceId=val.deviceId;
},
// 取消按钮 // 取消按钮
cancel() { cancel() {
this.open = false; this.open = false;
@ -265,21 +251,11 @@
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.baseForm = { this.baseForm = {
deptId:null, deviceId:null,
name:"", processDate:""
idNumber:"", };
birthday:"", this.resetForm("baseForm");
birthAddr:"",
certificateType:"",
certificateTypeName:"",
certificateNo:"",
issueAddr:"",
issueDay:"",
issueLifespan:"",
isEle:"0"
};
this.resetForm("baseForm");
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
@ -297,6 +273,7 @@
console.log("response",response); console.log("response",response);
this.allDevice=response; this.allDevice=response;
}); });
this.reset();
}, },
/** 管理员存证 */ /** 管理员存证 */
handleBatchAdd(){ handleBatchAdd(){
@ -314,10 +291,11 @@
console.log("response",response); console.log("response",response);
this.allDevice=response; this.allDevice=response;
}); });
this.reset();
}, },
submitForm: function() { submitForm: function() {
console.log("this.baseForm",this.baseForm); console.log("this.baseForm",this.baseForm);
if(this.selectDeviceId==""||this.selectDeviceId==null){ if(this.baseForm.deviceId==""||this.baseForm.deviceId==null){
this.$modal.msgError("请选择设备信息"); this.$modal.msgError("请选择设备信息");
return; return;
} }
@ -325,18 +303,20 @@
this.$modal.msgError("请选择截止日期"); this.$modal.msgError("请选择截止日期");
return; return;
} }
getCertificateSaveAddPageApi({"certificateNos":this.selectCertificateNos,"type":this.selectType,"deviceId":this.selectDeviceId,"processDate":this.baseForm.processDate}).then(response => { let params = {
"certificateNos":this.selectCertificateNos,
"type":this.selectType,
"deviceId":this.baseForm.deviceId,
"processDate":this.baseForm.processDate
}
getCertificateSaveAddPageApi(params).then(response => {
this.getList(); this.getList();
this.open = false; this.open = false;
this.reset(); this.reset();
this.$modal.msgSuccess("操作成功"); this.$modal.msgSuccess("操作成功");
}); });
}, },
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
formatDate(date) { formatDate(date) {
// 格式化为 YYYY-MM-DD // 格式化为 YYYY-MM-DD
const year = date.getFullYear(); const year = date.getFullYear();

7
src/views/certificate/certificateReturnManage/certificateTask/index.vue
View File

@ -57,7 +57,12 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800"> <el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" :selectable="selectablerow" /> <el-table-column type="selection" width="55" align="center" :selectable="selectablerow"/>
<el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="任务编号" align="center" prop="taskNo" :show-overflow-tooltip="true" width="180" /> <el-table-column label="任务编号" align="center" prop="taskNo" :show-overflow-tooltip="true" width="180" />
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120" /> <el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120" />
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" /> <el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true" width="180" />

50
src/views/certificate/device/index.vue
View File

@ -1,10 +1,26 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="关键字" prop="keyWord"> <el-form-item label="护照柜名称" prop="deviceName">
<el-input <el-input
v-model="queryParams.keyWord" v-model="queryParams.deviceName"
placeholder="请输入关键字" placeholder="请输入护照柜名称"
clearable maxlength="20"
style="width: 300px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="护照柜类型" prop="deviceType">
<el-select v-model="queryParams.deviceType" placeholder="护照柜类型" clearable>
<el-option label="小型" value="1"/>
<el-option label="中型" value="2"/>
<el-option label="大型" value="3"/>
</el-select>
</el-form-item>
<el-form-item label="单位名称" prop="unitName">
<el-input
v-model="queryParams.unitName"
placeholder="请输入单位名称"
clearable maxlength="20" clearable maxlength="20"
style="width: 300px" style="width: 300px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
@ -29,11 +45,23 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="tableListData" height="800"> <el-table v-loading="loading" :data="tableListData" height="800">
<el-table-column label="设备编号" align="center" prop="deviceNumber" :show-overflow-tooltip="true" width="120" fixed="left"/> <el-table-column label="序号" align="center" width="80" type="index">
<el-table-column label="设备名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="180" fixed="left"/> <template slot-scope="scope">
<el-table-column label="IP地址" align="center" prop="deviceIp" :show-overflow-tooltip="true"></el-table-column> <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="护照柜名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="设备编号" align="center" prop="deviceNumber" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="护照柜类型" align="center" prop="deviceType" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope">
<!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> -->
<span v-if="scope.row.deviceType==1" >小型</span>
<span v-if="scope.row.deviceType==2" >中型</span>
<span v-if="scope.row.deviceType==3" >大型</span>
</template>
</el-table-column>
<el-table-column label="设备位置" align="center" prop="deviceAddr" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="设备位置" align="center" prop="deviceAddr" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="设备状态" align="center" prop="deviceState" :show-overflow-tooltip="true" width="100"> <el-table-column label="是否在线" align="center" prop="deviceState" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> --> <!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> -->
<span v-if="scope.row.onlineState==1" style="color: green;">在线</span> <span v-if="scope.row.onlineState==1" style="color: green;">在线</span>
@ -42,6 +70,12 @@
</el-table-column> </el-table-column>
<el-table-column label="总槽位数" align="center" prop="soltNum" :show-overflow-tooltip="true"/> <el-table-column label="总槽位数" align="center" prop="soltNum" :show-overflow-tooltip="true"/>
<el-table-column label="已使用槽位数" align="center" prop="soltUsedNum" :show-overflow-tooltip="true"/> <el-table-column label="已使用槽位数" align="center" prop="soltUsedNum" :show-overflow-tooltip="true"/>
<el-table-column label="空余数" align="center" prop="" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{Number(scope.row.soltNum)-Number(scope.row.soltUsedNum)}}</span>
</template>
</el-table-column>
<el-table-column label="所属单位" align="center" prop="unitName" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">

392
src/views/certificate/filingUser/index.vue Normal file
View File

@ -0,0 +1,392 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--部门数据-->
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="deptName"
placeholder="请输入部门名称"
clearable
size="small"
prefix-icon="el-icon-search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<!--用户数据-->
<el-col :span="20" :xs="24">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="用户姓名" prop="nickName">
<el-input
v-model="queryParams.nickName"
placeholder="请输入用户姓名"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
<el-input
v-model="queryParams.phonenumber"
placeholder="请输入手机号码"
clearable
style="width: 240px"
@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="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
:disabled="multiple"
@click="handleTask"
>有无证件核验
</el-button>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center"/>
<el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true"/>
<el-table-column label="身份证号" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="手机号码" align="center" prop="phonenumber" width="120">
<template slot-scope="scope">
<span>{{ hidePhone(scope.row.phonenumber) }}</span>
</template>
</el-table-column>
<el-table-column label="单位职务" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="人员类别" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="应备案类型" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="责任处室" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="有无证件" align="center" prop="" :show-overflow-tooltip="true"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column> -->
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
<!-- 添加或修改参数配置对话框 -->
<el-dialog title="核验任务下达" :visible.sync="openTask" width="600px" append-to-body>
<el-form ref="taskForm" :model="taskForm" :rules="taskRules" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="核验截止日期" prop="verificationDate">
<el-date-picker
v-model="taskForm.verificationDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd" style="width: 100%;"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitTask">确 定</el-button>
<el-button @click="cancelTask">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUser,
deptTreeSelect,
} from '@/api/system/user'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
name: '',
dicts: [
// 'sys_normal_disable',
// 'sys_user_sex',
// 'sys_user_type',
// 'sys_login_type',
// 'sys_user_permanent',
],
components: { Treeselect },
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户表格数据
userList: null,
// 部门树选项
deptOptions: undefined,
// 部门名称
deptName: undefined,
defaultProps: {
children: 'children',
label: 'label',
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userName: undefined,
phonenumber: undefined,
deptId: undefined,
},
openTask: false,
// 表单参数
taskForm: {
verificationDate:""
},
// 表单校验
taskRules: {
verificationDate: [
{
required: true,
message: '核验截止日期不能为空',
trigger: 'blur',
},
]
},
}
},
watch: {
// 根据名称筛选部门树
deptName(val) {
this.$refs.tree.filter(val)
},
},
created() {
this.getList()
this.getDeptTree()
},
methods: {
/* 手机号码脱敏 */
hidePhone(phone) {
if (!phone) return ''
return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
},
/** 查询用户列表 */
getList() {
this.loading = true
listUser(this.queryParams).then(
(response) => {
this.userList = response.rows
this.total = response.total
this.loading = false
},
)
},
/** 查询部门下拉树结构 */
getDeptTree() {
deptTreeSelect().then((response) => {
this.deptOptions = this.filterTree(response.data)
})
},
filterTree(nodes) {
return nodes
.map((node) => {
if (node.children) {
node.children = this.filterTree(node.children)
}
return node
})
.filter((node) => node.status !== '1')
},
// 筛选节点
filterNode(value, data) {
if (!value) return true
return data.label.indexOf(value) !== -1
},
// 节点单击事件
handleNodeClick(data) {
this.queryParams.deptId = data.id
this.handleQuery()
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm('queryForm')
this.$refs.tree.setCurrentKey(null)
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
// 更新选中的roleId数组
this.ids = selection.map((item) => item.userId)
// 更新单选和多选状态
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 远程校验按钮操作 */
handleTask() {
this.resetTask()
this.openTask = true
},
// 取消按钮
cancelTask() {
this.openTask = false
this.resetTask()
},
// 表单重置
resetTask() {
this.taskForm = {
verificationDate:""
}
this.resetForm('taskForm')
},
/** 提交按钮 */
submitTask: function () {
this.$refs['taskForm'].validate((valid) => {
let param = Object.assign({},this.taskForm)
console.log(param)
console.log(this.ids)
if (valid) {
// updateUser(param).then((response) => {
// this.$modal.msgSuccess('修改成功')
// this.openTask = false
// this.getList()
// })
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
// const userIds = row.userId || this.ids
// this.$modal
// .confirm('是否确认删除用户编号为"' + userIds + '"的数据项？')
// .then(function () {
// return delUser(userIds)
// })
// .then(() => {
// this.getList()
// this.$modal.msgSuccess('删除成功')
// })
// .catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
// this.download(
// 'system/user/export',
// {
// ...this.queryParams,
// },
// `user_${new Date().getTime()}.xlsx`,
// )
},
//日期
formatDate(sdate) {
let date = new Date(sdate);
// 格式化为 YYYY-MM-DD
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
},
}
</script>
<style lang="scss" scoped>
//隐藏图片上传框的css
::v-deep.disabled {
.el-upload--picture-card {
display: none;
}
}
.disabled-row {
background-color: #f5f7fa !important;
color: #909399;
cursor: not-allowed;
}
.disabled-row .el-checkbox__input {
cursor: not-allowed !important;
}
.disabled-row:hover td {
background-color: #f5f7fa !important;
}
</style>

368
src/views/certificate/remoteVerification/index.vue Normal file
View File

@ -0,0 +1,368 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入姓名"
clearable maxlength="20"
style="width: 300px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="证件编号" prop="certificateNo">
<el-input
v-model="queryParams.certificateNo"
placeholder="请输入证件编号"
clearable maxlength="20"
style="width: 300px"
@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="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>核验任务下达</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="身份证号" align="center" prop="idNumber" :show-overflow-tooltip="true"/>
<el-table-column label="证件类型" align="center" prop="certificateTypeName" :show-overflow-tooltip="true"/>
<el-table-column label="证件编号" align="center" prop="certificateNo" :show-overflow-tooltip="true"/>
<el-table-column label="申请出境时间" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="申请入境时间" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="核验类型" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="核验状态" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="核验结果" align="center" prop="" :show-overflow-tooltip="true"/>
<!-- <el-table-column label="当前状态" align="center" prop="stateName" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if="scope.row.state==0" style="color: #FF7322;font-size: 15px;">{{scope.row.stateName}}</span>
<span v-if="scope.row.state==1" style="color: #FEE838;font-size: 15px;">{{scope.row.stateName}}</span>
<span v-if="scope.row.state==2" style="color: #03DF6D;font-size: 15px;">{{scope.row.stateName}}</span>
<span v-if="scope.row.state==3" style="color: #FEE838;font-size: 15px;">{{scope.row.stateName}}</span>
<span v-if="scope.row.state==4" style="color: #FF7322;font-size: 15px;">{{scope.row.stateName}}</span>
</template>
</el-table-column> -->
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改参数配置对话框 -->
<el-dialog title="核验任务下达" :visible.sync="open" width="700px" append-to-body>
<el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label-width="120px" label="选择核验类型" prop="verificationType">
<el-radio-group v-model="baseForm.verificationType" size="small">
<el-radio label="1">有无证件</el-radio>
<el-radio label="2">一人多证</el-radio>
<el-radio label="3">出入境时间</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="核验截止日期" prop="verificationDate">
<el-date-picker
v-model="baseForm.verificationDate"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDept,
getDept,
delDept,
addDept,
updateDept,
listDeptExcludeChild,
} from '@/api/system/dept'
import { getCertificateInfoListPageApi,addCertificateInfoApi, updateCertificateInfoApi,
deleteCertificateInfoApi,getSysUserListApi } from "@/api/certificateManage/index";
import base64 from 'base-64';
import { getToken } from '@/utils/auth'
import { downloadFileByUrl } from '@/utils/download'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
name: "",
dicts: ["sys_certificate_type"],
components: { Treeselect },
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
//表格数据
tableListData: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
certificateNos:[],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
name:null,//姓名
certificateNo:null,//证件编号
},
// 表单参数
baseForm: {
verificationType:1,
verificationDate:"",
},
// 表单校验
baseFormRules: {
verificationType: [
{ required: true, message: "核验类型不能为空", trigger: "blur" }
],
verificationDate: [
{ required: true, message: "核验截至日期不能为空", trigger: "blur" }
]
},
};
},
mounted(){
this.getList();
},
methods: {
validateIDCard(rule, value, callback) {
// 15位身份证正则表达式
const reg15 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
// 18位身份证正则表达式
const reg18 = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|X|x)$/;
if (reg15.test(value) || reg18.test(value)) {
callback(); // 验证通过，无错误信息提示
} else {
callback(new Error('请输入有效的身份证号')); // 验证失败，显示错误信息提示
}
},
handleRadioChange(val){
if(val==1){
this.userNameFlage=true;
this.baseFormRules= {
deptId: [
{ required: true, message: "部门不能为空", trigger: "blur" }
],
name: [
{ required: true, message: "姓名不能为空", trigger: "blur" }
],
idNumber: [
{ required: true, message: "身份证不能为空", trigger: "blur" },
{ validator: this.validateIDCard, trigger: 'blur' }
],
certificateType: [
{ required: true, message: "证件类型不能为空", trigger: "blur" }
],
certificateNo: [
{ required: true, message: "证件编号不能为空", trigger: "blur" }
],
issueDay: [
{ required: true, message: "签发日期不能为空", trigger: "blur" }
],
phone: [
{ required: true, message: "手机号码不能为空", trigger: "blur" },
{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
],
issueLifespan: [
{ required: true, message: "有效期不能为空", trigger: "blur" }
],
userName: [
{ required: true, message: "用户名不能为空", trigger: "blur" }
]
}
}else{
this.userNameFlage=false;
this.baseFormRules= {
deptId: [
{ required: true, message: "部门不能为空", trigger: "blur" }
],
name: [
{ required: true, message: "姓名不能为空", trigger: "blur" }
],
idNumber: [
{ required: true, message: "身份证不能为空", trigger: "blur" },
{ validator: this.validateIDCard, trigger: 'blur' }
],
certificateType: [
{ required: true, message: "证件类型不能为空", trigger: "blur" }
],
certificateNo: [
{ required: true, message: "证件编号不能为空", trigger: "blur" }
],
issueDay: [
{ required: true, message: "签发日期不能为空", trigger: "blur" }
],
phone: [
{ required: true, message: "手机号码不能为空", trigger: "blur" },
{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
],
issueLifespan: [
{ required: true, message: "有效期不能为空", trigger: "blur" }
]
}
}
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
/** 查询列表 */
getList() {
this.loading = true;
let param = {
"pageNum":this.queryParams.pageNum,
"pageSize":this.queryParams.pageSize,
"idNumber":this.queryParams.idNumber,
"name":this.queryParams.name,
"certificateNo":this.queryParams.certificateNo
}
console.log("param",param)
// let str = base64.encode(JSON.stringify(param))
// console.log({"content":str})
getCertificateInfoListPageApi(param).then(response => {
this.tableListData = response.rows;
this.total = Number(response.total);
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.baseForm = {
deptId:null,
name:"",
idNumber:"",
birthday:"",
birthAddr:"",
certificateType:"",
certificateTypeName:"",
certificateNo:"",
issueAddr:"",
issueDay:"",
issueLifespan:"",
isEle:"0",isCreate:"0"
};
this.resetForm("baseForm");
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
console.log("this.baseForm",this.baseForm);
},
// 多选框选中数据
handleSelectionChange(selection) {
this.certificateNos = selection.map(item => item.certificateNo)
},
/** 提交按钮 */
submitForm: function() {
console.log("this.baseForm",this.baseForm);
this.$refs["baseForm"].validate(valid => {
if (valid) {
if (this.baseForm.createTime != undefined) {
updateCertificateInfoApi(this.baseForm).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addCertificateInfoApi(this.baseForm).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
formatDate(date) {
// 格式化为 YYYY-MM-DD
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
},
}
};
</script>
<style scoped lang="scss">
.form-title{
display: flex;
align-items: flex-end;
// width: 100%;
// height: 40px;
background: #e7f0fa;
border-left: 3px solid #46a6ff;
margin: 10px 0;
padding: 5px;
}
.form-item{
width: 100%;
font-size: 14px !important;
}
</style>