fix:系统调整
This commit is contained in:
parent
aa17d609b7
commit
3d38a94be7
|
|
@ -16,10 +16,10 @@ VITE_PROXY_API = /dev-api
|
||||||
# VITE_PROXY = [ ["/dev-api", "http://42.193.40.239:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]]
|
# VITE_PROXY = [ ["/dev-api", "http://42.193.40.239:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]]
|
||||||
# VITE_UPLOAD_URL = http://42.193.40.239:8888
|
# VITE_UPLOAD_URL = http://42.193.40.239:8888
|
||||||
# 东哥
|
# 东哥
|
||||||
# VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8017" ],["/dev-img-api", "http://42.193.40.239:8017" ]]
|
VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8017" ],["/dev-img-api", "http://42.193.40.239:8017" ]]
|
||||||
# VITE_UPLOAD_URL = http://192.168.110.186
|
# VITE_UPLOAD_URL = http://192.168.110.186
|
||||||
# 陈游
|
# 陈游
|
||||||
VITE_PROXY = [ ["/dev-api", "http://192.168.110.10:8017" ],["/dev-img-api", "http://42.193.40.239:8017" ]]
|
# VITE_PROXY = [ ["/dev-api", "http://192.168.110.10:8017" ],["/dev-img-api", "http://42.193.40.239:8017" ]]
|
||||||
VITE_UPLOAD_URL = http://42.193.40.239:8888/
|
VITE_UPLOAD_URL = http://42.193.40.239:8888/
|
||||||
# VITE_UPLOAD_URL = https://city.sczysoft.com/dffile/
|
# VITE_UPLOAD_URL = https://city.sczysoft.com/dffile/
|
||||||
#
|
#
|
||||||
|
|
|
||||||
|
|
@ -377,7 +377,7 @@ export function saveUser(data) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
*工作管理-分类型分页查看
|
*工作发布-分类型分页查看
|
||||||
*/
|
*/
|
||||||
export function getWorkTypePage(params) {
|
export function getWorkTypePage(params) {
|
||||||
return request({
|
return request({
|
||||||
|
|
@ -387,7 +387,7 @@ export function saveUser(data) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
*工作管理-分类型新增-修改
|
*工作发布-分类型新增-修改
|
||||||
*/
|
*/
|
||||||
export function saveWorkType(params) {
|
export function saveWorkType(params) {
|
||||||
return request({
|
return request({
|
||||||
|
|
@ -397,7 +397,7 @@ export function saveUser(data) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
*工作管理-分类型删除
|
*工作发布-分类型删除
|
||||||
*/
|
*/
|
||||||
export function delWorkType(params) {
|
export function delWorkType(params) {
|
||||||
return request({
|
return request({
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import request from "@/utils/request";
|
import request from "@/utils/request";
|
||||||
//工作管理
|
//工作发布
|
||||||
/**
|
/**
|
||||||
*工作类型列表
|
*工作类型列表
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -91,6 +91,35 @@ export function domicilePeoplePageList(params) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
|
*户籍管理-证件信息列表
|
||||||
|
*/
|
||||||
|
export function papersPage(params) {
|
||||||
|
return request({
|
||||||
|
url: `/admin/people/papersPage`,
|
||||||
|
method: "GET",
|
||||||
|
params:params,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
*户籍管理-证件新增
|
||||||
|
*/
|
||||||
|
export function papersAdd(params) {
|
||||||
|
return request({
|
||||||
|
url: `/admin/people/papersAdd`,
|
||||||
|
method: "POST",
|
||||||
|
data:params,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
*证件删除
|
||||||
|
*/
|
||||||
|
export function papersDel(params) {
|
||||||
|
return request({
|
||||||
|
url: `/admin/people/papersDel/${params.papersId}`,
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
/**
|
||||||
*人员类型
|
*人员类型
|
||||||
*/
|
*/
|
||||||
export function crTypeList(params) {
|
export function crTypeList(params) {
|
||||||
|
|
|
||||||
|
|
@ -195,6 +195,7 @@ export function deleteEquip(data) {
|
||||||
return request({
|
return request({
|
||||||
url: `/admin/emerEvent/emerEventPage`,
|
url: `/admin/emerEvent/emerEventPage`,
|
||||||
method: "GET",
|
method: "GET",
|
||||||
|
params: params
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -116,6 +116,9 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.el-select {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
/** .el-input-group__append */
|
/** .el-input-group__append */
|
||||||
.search-input {
|
.search-input {
|
||||||
|
|
|
||||||
|
|
@ -71,7 +71,7 @@ export default {
|
||||||
meta: {
|
meta: {
|
||||||
auth: 'system.data.work',
|
auth: 'system.data.work',
|
||||||
icon: 'point',
|
icon: 'point',
|
||||||
title: '工作管理',
|
title: '工作发布',
|
||||||
breadcrumb: true,
|
breadcrumb: true,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export default {
|
||||||
redirect: '/work/w-index',
|
redirect: '/work/w-index',
|
||||||
meta: {
|
meta: {
|
||||||
auth: "daily",
|
auth: "daily",
|
||||||
title: '工作管理',
|
title: '工作发布',
|
||||||
icon: 'icon-work',
|
icon: 'icon-work',
|
||||||
},
|
},
|
||||||
children: [
|
children: [
|
||||||
|
|
@ -18,7 +18,7 @@ export default {
|
||||||
meta: {
|
meta: {
|
||||||
auth: "daily.index",
|
auth: "daily.index",
|
||||||
icon: 'point',
|
icon: 'point',
|
||||||
title: '工作管理',
|
title: '工作发布',
|
||||||
sidebar: false
|
sidebar: false
|
||||||
},
|
},
|
||||||
children: [
|
children: [
|
||||||
|
|
|
||||||
|
|
@ -324,12 +324,12 @@ export {
|
||||||
// ]
|
// ]
|
||||||
// },
|
// },
|
||||||
// {
|
// {
|
||||||
// title:'工作管理',
|
// title:'工作发布',
|
||||||
// auth:'daily',
|
// auth:'daily',
|
||||||
// sort:6,
|
// sort:6,
|
||||||
// children:[
|
// children:[
|
||||||
// {
|
// {
|
||||||
// title:'工作管理',
|
// title:'工作发布',
|
||||||
// auth:'daily.index',
|
// auth:'daily.index',
|
||||||
// sort:1,
|
// sort:1,
|
||||||
// children:[
|
// children:[
|
||||||
|
|
@ -385,7 +385,7 @@ export {
|
||||||
// sort:4,
|
// sort:4,
|
||||||
// },
|
// },
|
||||||
// {
|
// {
|
||||||
// title:'工作管理',
|
// title:'工作发布',
|
||||||
// auth:'system.data.work',
|
// auth:'system.data.work',
|
||||||
// sort:5,
|
// sort:5,
|
||||||
// },
|
// },
|
||||||
|
|
|
||||||
|
|
@ -25,8 +25,8 @@ export enum FileType {
|
||||||
enterpriseAfterImg = "enterpriseAfterImg", //企业自查-整改后
|
enterpriseAfterImg = "enterpriseAfterImg", //企业自查-整改后
|
||||||
|
|
||||||
//道孚
|
//道孚
|
||||||
workManagement = 'workManagement',//工作管理
|
workManagement = 'workManagement',//工作发布
|
||||||
workDynamics = 'workDynamics',//工作管理
|
workDynamics = 'workDynamics',//工作发布
|
||||||
message = 'message',//消息管理富文本
|
message = 'message',//消息管理富文本
|
||||||
messageCover = 'messageCover',//消息管理封面
|
messageCover = 'messageCover',//消息管理封面
|
||||||
system = 'system',//系统设置Logo
|
system = 'system',//系统设置Logo
|
||||||
|
|
@ -39,6 +39,7 @@ export enum FileType {
|
||||||
demands = 'demands',//群众诉求处置
|
demands = 'demands',//群众诉求处置
|
||||||
eventAcs = 'eventAcs',//应急统计
|
eventAcs = 'eventAcs',//应急统计
|
||||||
resumptionAcs = 'WorkFile', // 工作动态/履职附件
|
resumptionAcs = 'WorkFile', // 工作动态/履职附件
|
||||||
|
WorkFile = 'WorkFile'
|
||||||
}
|
}
|
||||||
// 文件接口类型
|
// 文件接口类型
|
||||||
export enum ApiFile {
|
export enum ApiFile {
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<TitleC titleName="完成情况"></TitleC>
|
<TitleC titleName="完成情况"></TitleC>
|
||||||
|
|
@ -290,19 +290,19 @@ const completehandleUploadAfter = (file: any) => {
|
||||||
newFile.append("file", file.file);
|
newFile.append("file", file.file);
|
||||||
uploadFile(
|
uploadFile(
|
||||||
userId.value,
|
userId.value,
|
||||||
completeform.value.workId || uuid.value,
|
form.value.wkUserId,
|
||||||
FileType.workManagement,
|
FileType.WorkFile,
|
||||||
newFile
|
newFile
|
||||||
).then((res) => {
|
).then((res) => {
|
||||||
if (res) {
|
if (res) {
|
||||||
ElMessage.success("上传成功!");
|
ElMessage.success("上传成功!");
|
||||||
completegetCheckDangers(completeform.value.workId || uuid.value);
|
completegetCheckDangers(form.value.wkUserId);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//文件显示getCheckDangers
|
//文件显示getCheckDangers
|
||||||
const completegetCheckDangers = (id) => {
|
const completegetCheckDangers = (id) => {
|
||||||
getFile(id, FileType.workManagement).then((res: any) => {
|
getFile(id, FileType.WorkFile).then((res: any) => {
|
||||||
completeafterList.value = res.data.map((item) => {
|
completeafterList.value = res.data.map((item) => {
|
||||||
let arr = item;
|
let arr = item;
|
||||||
let index = item.filepath.indexOf("."); //获取第一个"_"的位置
|
let index = item.filepath.indexOf("."); //获取第一个"_"的位置
|
||||||
|
|
@ -334,7 +334,7 @@ const completehandleRemove = (file) => {
|
||||||
if (res) {
|
if (res) {
|
||||||
ElMessage.success("删除成功!");
|
ElMessage.success("删除成功!");
|
||||||
}
|
}
|
||||||
completegetCheckDangers(completeform.value.workId || uuid.value);
|
completegetCheckDangers(completeform.value.workId);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//下载附件
|
//下载附件
|
||||||
|
|
@ -513,7 +513,8 @@ const handleRemove = (file) => {
|
||||||
if (res) {
|
if (res) {
|
||||||
ElMessage.success("删除成功!");
|
ElMessage.success("删除成功!");
|
||||||
}
|
}
|
||||||
getCheckDangers(form.value.workId || uuid.value);
|
// getCheckDangers(form.value.workId || uuid.value);
|
||||||
|
completegetCheckDangers(form.value.wkUserId);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//下载附件
|
//下载附件
|
||||||
|
|
@ -571,6 +572,7 @@ const getReceiveWorkDetail = (id) =>{
|
||||||
receiveWorkDetail(params).then((res: any) => {
|
receiveWorkDetail(params).then((res: any) => {
|
||||||
console.log(res,'res====>');
|
console.log(res,'res====>');
|
||||||
completeform.value = res.data;
|
completeform.value = res.data;
|
||||||
|
completegetCheckDangers(completeform.value.wkUserId);
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -586,11 +588,10 @@ watch(
|
||||||
form.value.listperformid = props.form.listPerformId;
|
form.value.listperformid = props.form.listPerformId;
|
||||||
form.value.time = [form.value.startTime, form.value.endTime];
|
form.value.time = [form.value.startTime, form.value.endTime];
|
||||||
getCheckDangers(form.value.workId || uuid.value);
|
getCheckDangers(form.value.workId || uuid.value);
|
||||||
completegetCheckDangers(completeform.value.workId || uuid.value);
|
completegetCheckDangers(form.value.wkUserId);
|
||||||
console.log(props.type,'props.type===>');
|
console.log(props.type,'props.type===>');
|
||||||
|
|
||||||
if (props.type == 2) {
|
if (props.type == 2) {
|
||||||
console.log(11111);
|
|
||||||
getReceiveWorkDetail(props.form.wkUserId);
|
getReceiveWorkDetail(props.form.wkUserId);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,11 +9,7 @@
|
||||||
<svg-icon name="refurbish" class="icon" />
|
<svg-icon name="refurbish" class="icon" />
|
||||||
<span class="span">刷新</span>
|
<span class="span">刷新</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="h-layout h-titlec" @click="resetPwd" v-if="formEnable">
|
||||||
class="h-layout h-titlec"
|
|
||||||
@click="resetPwd"
|
|
||||||
v-if="formEnable"
|
|
||||||
>
|
|
||||||
<svg-icon name="save-yellow" class="icon" />
|
<svg-icon name="save-yellow" class="icon" />
|
||||||
<span class="span">编辑</span>
|
<span class="span">编辑</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -29,123 +25,56 @@
|
||||||
</template>
|
</template>
|
||||||
</TitleC>
|
</TitleC>
|
||||||
<div class="detailForm-content">
|
<div class="detailForm-content">
|
||||||
<el-form
|
<el-form ref="formRef" label-width="150px" :rules="ruleForm" :model="detailForm">
|
||||||
ref="formRef"
|
|
||||||
label-width="150px"
|
|
||||||
:rules="ruleForm"
|
|
||||||
:model="detailForm"
|
|
||||||
>
|
|
||||||
<el-form-item label="姓名" prop="name">
|
<el-form-item label="姓名" prop="name">
|
||||||
<el-input
|
<el-input :disabled="formEnable" placeholder="请输入" type="input" v-model="detailForm.name" />
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请输入"
|
|
||||||
type="input"
|
|
||||||
v-model="detailForm.name"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="性别" prop="sortId">
|
<el-form-item label="性别" prop="sortId">
|
||||||
<el-select
|
<el-select :disabled="formEnable" placeholder="请选择" v-model="detailForm.sex">
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请选择"
|
|
||||||
v-model="detailForm.sex"
|
|
||||||
>
|
|
||||||
<el-option label="男" :value="1">男</el-option>
|
<el-option label="男" :value="1">男</el-option>
|
||||||
<el-option label="女" :value="0">女</el-option>
|
<el-option label="女" :value="0">女</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="areaCode" label="所属区域">
|
<el-form-item prop="areaCode" label="所属区域">
|
||||||
<el-cascader
|
<el-cascader :disabled="formEnable" ref="cascader" v-model="detailForm.areaCode" placeholder="请选择地区"
|
||||||
:disabled="formEnable"
|
:options="orgList" :props="{
|
||||||
ref="cascader"
|
|
||||||
v-model="detailForm.areaCode"
|
|
||||||
placeholder="请选择地区"
|
|
||||||
:options="orgList"
|
|
||||||
:props="{
|
|
||||||
checkStrictly: true,
|
checkStrictly: true,
|
||||||
label: 'orgname',
|
label: 'orgname',
|
||||||
value: 'orgcode',
|
value: 'orgcode',
|
||||||
}"
|
}" clearable></el-cascader>
|
||||||
clearable
|
|
||||||
></el-cascader>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="婚姻状态" prop="marriageState">
|
<el-form-item label="婚姻状态" prop="marriageState">
|
||||||
<el-select
|
<el-select :disabled="formEnable" placeholder="请选择" v-model="detailForm.marriageState">
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请选择"
|
|
||||||
v-model="detailForm.marriageState"
|
|
||||||
>
|
|
||||||
<el-option label="已婚" :value="1">已婚</el-option>
|
<el-option label="已婚" :value="1">已婚</el-option>
|
||||||
<el-option label="未婚" :value="2">未婚</el-option>
|
<el-option label="未婚" :value="2">未婚</el-option>
|
||||||
<el-option label="离婚" :value="3">离婚</el-option>
|
<el-option label="离婚" :value="3">离婚</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="出生日期" prop="birthday">
|
<el-form-item label="出生日期" prop="birthday">
|
||||||
<el-date-picker
|
<el-date-picker :disabled="formEnable" v-model="detailForm.birthday" type="date" placeholder="请选择出生日期"
|
||||||
:disabled="formEnable"
|
size="default" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
|
||||||
v-model="detailForm.birthday"
|
|
||||||
type="date"
|
|
||||||
placeholder="请选择出生日期"
|
|
||||||
size="default"
|
|
||||||
format="YYYY-MM-DD"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="户籍创建时间" prop="changeTime">
|
<el-form-item label="户籍创建时间" prop="changeTime">
|
||||||
<el-date-picker
|
<el-date-picker :disabled="formEnable" v-model="detailForm.changeTime" type="date" placeholder="请选择户籍创建时间"
|
||||||
:disabled="formEnable"
|
size="default" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
|
||||||
v-model="detailForm.changeTime"
|
|
||||||
type="date"
|
|
||||||
placeholder="请选择户籍创建时间"
|
|
||||||
size="default"
|
|
||||||
format="YYYY-MM-DD"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="身份证号" prop="idCard">
|
<el-form-item label="身份证号" prop="idCard">
|
||||||
<el-input
|
<el-input :disabled="formEnable" placeholder="请输入身份证号" type="input" v-model="detailForm.idCard" />
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请输入身份证号"
|
|
||||||
type="input"
|
|
||||||
v-model="detailForm.idCard"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="现居地址" prop="address">
|
<el-form-item label="现居地址" prop="address">
|
||||||
<el-input
|
<el-input :disabled="formEnable" placeholder="请输入" type="input" v-model="detailForm.address" />
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请输入"
|
|
||||||
type="input"
|
|
||||||
v-model="detailForm.address"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经度" prop="lon">
|
<el-form-item label="经度" prop="lon">
|
||||||
<el-input
|
<el-input :disabled="formEnable" placeholder="请输入" type="input" v-model="detailForm.lon" />
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请输入"
|
|
||||||
type="input"
|
|
||||||
v-model="detailForm.lon"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="纬度" prop="lat">
|
<el-form-item label="纬度" prop="lat">
|
||||||
<el-input
|
<el-input :disabled="formEnable" placeholder="请输入" type="input" v-model="detailForm.lat" />
|
||||||
:disabled="formEnable"
|
|
||||||
placeholder="请输入"
|
|
||||||
type="input"
|
|
||||||
v-model="detailForm.lat"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item v-if="formEnable ? false : true" label="地图:" style="width: 94%;">
|
||||||
v-if="formEnable ? false : true"
|
<Map @change="handleMapChange" :longlat="detailForm.lon && detailForm.lat
|
||||||
label="地图:"
|
|
||||||
style="width: 94%;"
|
|
||||||
>
|
|
||||||
<Map
|
|
||||||
@change="handleMapChange"
|
|
||||||
:longlat="
|
|
||||||
detailForm.lon && detailForm.lat
|
|
||||||
? [detailForm.lon, detailForm.lat]
|
? [detailForm.lon, detailForm.lat]
|
||||||
: latAndLon
|
: latAndLon
|
||||||
"
|
"></Map>
|
||||||
></Map>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -162,134 +91,59 @@
|
||||||
<svg-icon name="export" class="icon" />
|
<svg-icon name="export" class="icon" />
|
||||||
<span>导出</span>
|
<span>导出</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="detailForm.domicileState == 1 ? true : false" class="h-layout h-titlec"
|
||||||
v-if="detailForm.domicileState == 1?true:false"
|
@click="(detailDialogVisible = true), (form = {}), (readonly = false)">
|
||||||
class="h-layout h-titlec"
|
|
||||||
@click="(detailDialogVisible = true), (form = {}), (readonly = false)"
|
|
||||||
>
|
|
||||||
<svg-icon name="add" class="icon" />
|
<svg-icon name="add" class="icon" />
|
||||||
<span class="span">新建</span>
|
<span class="span">新建</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</TitleC>
|
</TitleC>
|
||||||
<el-table
|
<el-table ref="loading" v-loading="tableDataloading" :data="detailTableData"
|
||||||
ref="loading"
|
header-row-class-name="el-one-header" border>
|
||||||
v-loading="tableDataloading"
|
<el-table-column type="index" align="center" label="序列" width="60"></el-table-column>
|
||||||
:data="detailTableData"
|
<el-table-column :resizable="true" align="center" label="姓名" prop="name" width="130">
|
||||||
header-row-class-name="el-one-header"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
type="index"
|
|
||||||
align="center"
|
|
||||||
label="序列"
|
|
||||||
width="60"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="姓名"
|
|
||||||
prop="name"
|
|
||||||
width="130"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="联系电话" prop="phoneNumber" width="130">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="联系电话"
|
|
||||||
prop="phoneNumber"
|
|
||||||
width="130"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="性别" prop="sex" width="100">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="性别"
|
|
||||||
prop="sex"
|
|
||||||
width="100"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ scope.row.sex == 1? '男':'女'}}</span>
|
<span>{{ scope.row.sex == 1 ? '男' : '女' }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="人员标签" prop="peopleTag" width="100">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="人员标签"
|
|
||||||
prop="peopleTag"
|
|
||||||
width="100"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ scope.row.peopleTag == 1? '常住人口':'流动人口'}}</span>
|
<span>{{ scope.row.peopleTag == 1 ? '常住人口' : '流动人口' }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="当前地址" prop="nowAddress">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="当前地址"
|
|
||||||
prop="nowAddress"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="所属地区" prop="areaName">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="所属地区"
|
|
||||||
prop="areaName"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="关系" prop="relationName" width="100">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="关系"
|
|
||||||
prop="relationName"
|
|
||||||
width="100"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="人员状态" prop="deathState" width="100">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="人员状态"
|
|
||||||
prop="deathState"
|
|
||||||
width="100"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span class="table_ormal" v-if="scope.row.deathState == 1"
|
<span class="table_ormal" v-if="scope.row.deathState == 1">正常</span>
|
||||||
>正常</span
|
<span class="table_cancel" v-else-if="scope.row.deathState == 2">死亡</span>
|
||||||
>
|
|
||||||
<span class="table_cancel" v-else-if="scope.row.deathState == 2"
|
|
||||||
>死亡</span
|
|
||||||
>
|
|
||||||
<span v-else>--</span>
|
<span v-else>--</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :resizable="true" align="center" label="操作" width="280">
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="操作"
|
|
||||||
width="250"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span v-if="detailForm.domicileState == 1 ? true : false" class="operate" @click="
|
||||||
v-if="detailForm.domicileState == 1?true:false"
|
|
||||||
class="operate"
|
|
||||||
@click="
|
|
||||||
(form = scope.row),
|
(form = scope.row),
|
||||||
(detailDialogVisible = true),
|
(detailDialogVisible = true),
|
||||||
(readonly = false)
|
(readonly = false)
|
||||||
"
|
">
|
||||||
>
|
|
||||||
<svg-icon name="edit" class="icon"></svg-icon>
|
<svg-icon name="edit" class="icon"></svg-icon>
|
||||||
<span class="edit">编辑</span>
|
<span class="edit">编辑</span>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span class="operate" @click="(detailDialogVisible = true), (form = scope.row), (readonly = true)">
|
||||||
class="operate"
|
|
||||||
@click="(detailDialogVisible = true), (form = scope.row), (readonly = true)"
|
|
||||||
>
|
|
||||||
<svg-icon name="detail" class="icon"></svg-icon>
|
<svg-icon name="detail" class="icon"></svg-icon>
|
||||||
<span class="detail">详情</span>
|
<span class="detail">详情</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="detailForm.domicileState == 1?true:false" class="operate" @click="del(scope.row.peopleId)">
|
<span v-if="detailForm.domicileState == 1 ? true : false" class="operate" @click="del(scope.row.peopleId)">
|
||||||
<svg-icon name="delete" class="icon"></svg-icon>
|
<svg-icon name="delete" class="icon"></svg-icon>
|
||||||
<span class="func">删除</span>
|
<span class="func">删除</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -297,36 +151,80 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<el-pagination
|
<el-pagination class="pagination" @size-change="getList" @current-change="getList"
|
||||||
class="pagination"
|
v-model:current-page.sync="currentPage" :page-sizes="[10, 15, 20, 30]" v-model:page-size.sync="pageSize"
|
||||||
@size-change="getList"
|
layout="total, sizes, prev, pager, next, jumper" :total="total" background>
|
||||||
@current-change="getList"
|
</el-pagination>
|
||||||
v-model:current-page.sync="currentPage"
|
<TitleC titleName="证件信息">
|
||||||
:page-sizes="[10, 15, 20, 30]"
|
<template v-slot:option>
|
||||||
v-model:page-size.sync="pageSize"
|
<div class="h-layout option">
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
<div class="h-layout h-titlec" @click="getcertlist">
|
||||||
:total="total"
|
<svg-icon name="refurbish" class="icon" />
|
||||||
background
|
<span class="span">刷新</span>
|
||||||
>
|
</div>
|
||||||
|
<div v-if="detailForm.domicileState == 1 ? true : false" class="h-layout h-titlec"
|
||||||
|
@click="(certificateDialogVisible = true), (cerform = {}), (certreadonly = false)">
|
||||||
|
<svg-icon name="add" class="icon" />
|
||||||
|
<span class="span">新建</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</TitleC>
|
||||||
|
<el-table ref="loading" v-loading="certloading" :data="certTableData"
|
||||||
|
header-row-class-name="el-one-header" border>
|
||||||
|
<el-table-column type="index" align="center" label="序列" width="60"></el-table-column>
|
||||||
|
<el-table-column :resizable="true" align="center" label="证件号" prop="papersCard" width="130">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :resizable="true" align="center" label="类型" prop="papersType" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ scope.row.papersType == 1 ? '不动产证' : '土地使用证' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :resizable="true" align="center" label="备注" prop="remarks">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :resizable="true" align="center" label="操作" width="280">
|
||||||
|
<template #default="scope">
|
||||||
|
<span v-if="detailForm.domicileState == 1 ? true : false" class="operate" @click="
|
||||||
|
(cerform = scope.row),
|
||||||
|
(certificateDialogVisible = true),
|
||||||
|
(certreadonly = false)
|
||||||
|
">
|
||||||
|
<svg-icon name="edit" class="icon"></svg-icon>
|
||||||
|
<span class="edit">编辑</span>
|
||||||
|
</span>
|
||||||
|
<span class="operate" @click="(certificateDialogVisible = true), (cerform = scope.row), (certreadonly = true)">
|
||||||
|
<svg-icon name="detail" class="icon"></svg-icon>
|
||||||
|
<span class="detail">详情</span>
|
||||||
|
</span>
|
||||||
|
<span v-if="detailForm.domicileState == 1 ? true : false" class="operate" @click="delpapersDel(scope.row.papersId)">
|
||||||
|
<svg-icon name="delete" class="icon"></svg-icon>
|
||||||
|
<span class="func">删除</span>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- 分页 -->
|
||||||
|
<el-pagination class="pagination" @size-change="getcertlist" @current-change="getcertlist"
|
||||||
|
v-model:current-page.sync="cretcurrentPage" :page-sizes="[10, 15, 20, 30]" v-model:page-size.sync="cretpageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper" :total="crettotal" background>
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 户籍人员新增/修改弹窗 -->
|
<!-- 户籍人员新增/修改弹窗 -->
|
||||||
<DetailAddPersonnel
|
<DetailAddPersonnel :visible="detailDialogVisible" :form="form" :readonly="readonly" :id="domicileId"
|
||||||
:visible="detailDialogVisible"
|
@close="onclone" />
|
||||||
:form="form"
|
<!-- 证件信息新增/修改弹窗 -->
|
||||||
:readonly="readonly"
|
<DetailAddcertificate :visible="certificateDialogVisible" :form="cerform" :readonly="certreadonly" :id="domicileId"
|
||||||
:id="domicileId"
|
@close="cerclone" />
|
||||||
@close="onclone"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, FormInstance, FormRules, ElMessageBox } from "element-plus";
|
import { ElMessage, FormInstance, FormRules, ElMessageBox } from "element-plus";
|
||||||
import DetailAddPersonnel from "./dialog/detail-addPersonnel.vue";
|
import DetailAddPersonnel from "./dialog/detail-addPersonnel.vue";
|
||||||
|
import DetailAddcertificate from "./dialog/detail-addcertificate.vue";
|
||||||
import { areaTree } from "@/api/account";
|
import { areaTree } from "@/api/account";
|
||||||
import { domicileAdd, domicileDetail, domicilePeoplePageList, peopleDel } from "@/api/base";
|
import { domicileAdd, domicileDetail, domicilePeoplePageList, peopleDel,papersPage,papersDel } from "@/api/base";
|
||||||
import { useRoute } from "vue-router";
|
import { useRoute } from "vue-router";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
|
|
@ -380,12 +278,20 @@ const form = ref({});
|
||||||
//人员信息弹窗
|
//人员信息弹窗
|
||||||
const detailDialogVisible = ref(false);
|
const detailDialogVisible = ref(false);
|
||||||
const readonly = ref(false);
|
const readonly = ref(false);
|
||||||
|
//证件信息弹窗
|
||||||
|
const certificateDialogVisible = ref(false);
|
||||||
|
const certreadonly = ref(false);
|
||||||
|
const cerform = ref({});
|
||||||
//table列表
|
//table列表
|
||||||
const tableDataloading = ref(false);
|
const tableDataloading = ref(false);
|
||||||
|
const certloading = ref(false);
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
const total = ref(0);
|
const total = ref(0);
|
||||||
|
const cretcurrentPage = ref(1);
|
||||||
|
const cretpageSize = ref(10);
|
||||||
|
const crettotal = ref(0);
|
||||||
|
|
||||||
|
|
||||||
//编辑
|
//编辑
|
||||||
|
|
@ -398,8 +304,8 @@ const handleSumit = () => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
let params = {
|
let params = {
|
||||||
...detailForm.value,
|
...detailForm.value,
|
||||||
areaCode:"",
|
areaCode: "",
|
||||||
domicileId:detailForm.value.domicileId
|
domicileId: detailForm.value.domicileId
|
||||||
? detailForm.value.domicileId
|
? detailForm.value.domicileId
|
||||||
: null,
|
: null,
|
||||||
};
|
};
|
||||||
|
|
@ -439,7 +345,7 @@ const clone = () => {
|
||||||
};
|
};
|
||||||
//获取详情
|
//获取详情
|
||||||
const getDetail = () => {
|
const getDetail = () => {
|
||||||
domicileDetail({domicileId:route.query.id}).then((res: any) => {
|
domicileDetail({ domicileId: route.query.id }).then((res: any) => {
|
||||||
detailForm.value = res.data;
|
detailForm.value = res.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
@ -477,7 +383,7 @@ const del = (id) => {
|
||||||
cancelButtonText: "否",
|
cancelButtonText: "否",
|
||||||
type: "warning",
|
type: "warning",
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
peopleDel({peopleId:id}).then((res: any) => {
|
peopleDel({ peopleId: id }).then((res: any) => {
|
||||||
if (res.code == 1) {
|
if (res.code == 1) {
|
||||||
ElMessage.success({
|
ElMessage.success({
|
||||||
message: "删除成功",
|
message: "删除成功",
|
||||||
|
|
@ -492,6 +398,44 @@ const del = (id) => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
*删除人员
|
||||||
|
*/
|
||||||
|
const delpapersDel = (id) => {
|
||||||
|
ElMessageBox.confirm("是否确认删除?", "提示", {
|
||||||
|
confirmButtonText: "是",
|
||||||
|
cancelButtonText: "否",
|
||||||
|
type: "warning",
|
||||||
|
}).then(() => {
|
||||||
|
papersDel({ papersId: id }).then((res: any) => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
ElMessage.success({
|
||||||
|
message: "删除成功",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
ElMessage.error({
|
||||||
|
message: res.message,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
getcertlist();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
//证件信息分页
|
||||||
|
const certTableData = ref([])
|
||||||
|
const getcertlist = () => {
|
||||||
|
certloading.value = true;
|
||||||
|
let params = {
|
||||||
|
limit: pageSize.value,
|
||||||
|
page: currentPage.value,
|
||||||
|
domicileId: route.query.id,
|
||||||
|
};
|
||||||
|
papersPage(params).then((res: any) => {
|
||||||
|
certTableData.value = res.data.list;
|
||||||
|
crettotal.value = res.data.total;
|
||||||
|
certloading.value = false;
|
||||||
|
});
|
||||||
|
};
|
||||||
//刷新
|
//刷新
|
||||||
const refurbish = () => {
|
const refurbish = () => {
|
||||||
getDetail();
|
getDetail();
|
||||||
|
|
@ -503,9 +447,15 @@ const onclone = () => {
|
||||||
form.value = {};
|
form.value = {};
|
||||||
getList();
|
getList();
|
||||||
};
|
};
|
||||||
|
const cerclone = () => {
|
||||||
|
certificateDialogVisible.value = false;
|
||||||
|
cerform.value = {};
|
||||||
|
getcertlist();
|
||||||
|
|
||||||
|
}
|
||||||
const fileExport = () => {
|
const fileExport = () => {
|
||||||
const params = {
|
const params = {
|
||||||
domicileId:domicileId.value,
|
domicileId: domicileId.value,
|
||||||
}
|
}
|
||||||
exportFileRequest(`/admin/export/exportDomicilePeople/${params.domicileId}`, '户籍人员统计.xlsx', params).then(res => {
|
exportFileRequest(`/admin/export/exportDomicilePeople/${params.domicileId}`, '户籍人员统计.xlsx', params).then(res => {
|
||||||
})
|
})
|
||||||
|
|
@ -517,9 +467,10 @@ onMounted(() => {
|
||||||
getAreaTree();
|
getAreaTree();
|
||||||
|
|
||||||
getList();
|
getList();
|
||||||
|
getcertlist();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
@ -539,14 +490,17 @@ onMounted(() => {
|
||||||
-ms-box-sizing: border-box;
|
-ms-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detailForm-content {
|
.detailForm-content {
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-form) {
|
:deep(.el-form) {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-form-item) {
|
:deep(.el-form-item) {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -43,21 +43,6 @@
|
||||||
<el-option label="女" :value="0">女</el-option>
|
<el-option label="女" :value="0">女</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="areaCode" label="所属区域">
|
|
||||||
<el-cascader
|
|
||||||
:disabled="readonly"
|
|
||||||
ref="cascader"
|
|
||||||
v-model="formData.areaCode"
|
|
||||||
placeholder="请选择地区"
|
|
||||||
:options="orgList"
|
|
||||||
:props="{
|
|
||||||
checkStrictly: true,
|
|
||||||
label: 'orgname',
|
|
||||||
value: 'orgcode',
|
|
||||||
}"
|
|
||||||
clearable
|
|
||||||
></el-cascader>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="人员标签" prop="peopleTag">
|
<el-form-item label="人员标签" prop="peopleTag">
|
||||||
<el-select
|
<el-select
|
||||||
:disabled="readonly"
|
:disabled="readonly"
|
||||||
|
|
@ -93,17 +78,6 @@
|
||||||
value-format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="创建时间" prop="createTime">
|
|
||||||
<el-date-picker
|
|
||||||
:disabled="readonly"
|
|
||||||
v-model="formData.createTime"
|
|
||||||
type="date"
|
|
||||||
placeholder="请选择创建时间"
|
|
||||||
size="default"
|
|
||||||
format="YYYY-MM-DD"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="类型" prop="typeId" style="width: 100%;">
|
<el-form-item label="类型" prop="typeId" style="width: 100%;">
|
||||||
<el-select
|
<el-select
|
||||||
multiple
|
multiple
|
||||||
|
|
@ -226,12 +200,10 @@ let isCardId = (rule, value, callback) => {
|
||||||
const ruleForm = reactive<FormRules>({
|
const ruleForm = reactive<FormRules>({
|
||||||
name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
||||||
phoneNumber: [{ required: true, message: "请输入电话", trigger: "blur" }],
|
phoneNumber: [{ required: true, message: "请输入电话", trigger: "blur" }],
|
||||||
areaCode: [{ required: true, message: "请选择地区", trigger: "blur" }],
|
|
||||||
idCard: [
|
idCard: [
|
||||||
{ required: true, message: "请输入身份证号", trigger: "blur" },
|
{ required: true, message: "请输入身份证号", trigger: "blur" },
|
||||||
{ validator: isCardId, trigger: "blur" },
|
{ validator: isCardId, trigger: "blur" },
|
||||||
],
|
],
|
||||||
createTime: [{ required: true, message: "请选择创建时间", trigger: "blur" }],
|
|
||||||
sex: [{ required: true, message: "请选择性别", trigger: "blur" }],
|
sex: [{ required: true, message: "请选择性别", trigger: "blur" }],
|
||||||
nowAddress: [{ required: true, message: "请输入地址", trigger: "blur" }],
|
nowAddress: [{ required: true, message: "请输入地址", trigger: "blur" }],
|
||||||
peopleTag: [{ required: true, message: "请选择人员标签", trigger: "blur" }],
|
peopleTag: [{ required: true, message: "请选择人员标签", trigger: "blur" }],
|
||||||
|
|
@ -252,16 +224,9 @@ const handleSubmit = () => {
|
||||||
} else {
|
} else {
|
||||||
let params = {
|
let params = {
|
||||||
...formData.value,
|
...formData.value,
|
||||||
areaCode: "",
|
|
||||||
peopleId: formData.value.peopleId ? formData.value.peopleId : null,
|
peopleId: formData.value.peopleId ? formData.value.peopleId : null,
|
||||||
domicileId:props.id
|
domicileId:props.id
|
||||||
};
|
};
|
||||||
if (formData.value.areaCode instanceof Array) {
|
|
||||||
params.areaCode =
|
|
||||||
formData.value.areaCode[formData.value.areaCode.length - 1];
|
|
||||||
} else {
|
|
||||||
params.areaCode = formData.value.areaCode;
|
|
||||||
}
|
|
||||||
peopleAdd(params).then((res: any) => {
|
peopleAdd(params).then((res: any) => {
|
||||||
if (res.code == 1) {
|
if (res.code == 1) {
|
||||||
ElMessage.success({
|
ElMessage.success({
|
||||||
|
|
@ -281,13 +246,6 @@ const handleSubmit = () => {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//获取地区
|
|
||||||
const orgList = ref([]);
|
|
||||||
const getareaTree = () => {
|
|
||||||
areaTree(userId.value).then((res: any) => {
|
|
||||||
orgList.value = res.data;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
//获取类型
|
//获取类型
|
||||||
const typeList = ref([]);
|
const typeList = ref([]);
|
||||||
const getCrTypeList = () => {
|
const getCrTypeList = () => {
|
||||||
|
|
@ -331,7 +289,6 @@ const getPeopleIdCard = () =>{
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getareaTree();
|
|
||||||
getCrTypeList();
|
getCrTypeList();
|
||||||
getCrRelationList();
|
getCrRelationList();
|
||||||
});
|
});
|
||||||
|
|
|
||||||
170
src/views/base-manage/residence/dialog/detail-addcertificate.vue
Normal file
170
src/views/base-manage/residence/dialog/detail-addcertificate.vue
Normal file
|
|
@ -0,0 +1,170 @@
|
||||||
|
<template>
|
||||||
|
<BaseDialog :dialogVisible="props.visible" @close="onclone" :titleName="titleName + '证件'" width="50%"
|
||||||
|
@onSubmit="handleSubmit" :footerclosed="true" :footerkeepnaem="readonly ? false : true" :diafooter="true">
|
||||||
|
<div class="detailForm-content">
|
||||||
|
<el-form ref="formRef" label-width="120" :rules="ruleForm" :model="formData">
|
||||||
|
<el-form-item label="证件号" prop="papersCard">
|
||||||
|
<el-input :disabled="readonly" placeholder="请输入证件号" type="input" v-model="formData.papersCard" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="类型" prop="papersType">
|
||||||
|
<el-select :disabled="readonly" placeholder="请选择类型" v-model="formData.papersType">
|
||||||
|
<el-option label="不动产证" :value='1'></el-option>
|
||||||
|
<el-option label="土地使用证" :value='2'></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" prop="remarks" style="width: 100%;">
|
||||||
|
<el-input :disabled="readonly" placeholder="请输入证件号" type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4 }" v-model="formData.remarks" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="文件" prop="fileUrl" style="width: 100%;">
|
||||||
|
<el-image style="margin-right: 10px;border-radius: 6px;" v-if="imageUrl" :src="baseUrl + imageUrl" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2"
|
||||||
|
:preview-src-list="[baseUrl + imageUrl]" :initial-index="4" fit="cover" class="avatar" />
|
||||||
|
<el-upload v-if="!readonly" class="avatar-uploader" action="#" accept=".png,.jpg" :show-file-list="false"
|
||||||
|
:http-request="handleUploadAfter">
|
||||||
|
<el-icon class="avatar-uploader-icon">
|
||||||
|
<Plus />
|
||||||
|
</el-icon>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</BaseDialog>
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { reactive, ref, onMounted, watch } from "vue";
|
||||||
|
import { ElMessage, FormInstance, FormRules } from "element-plus";
|
||||||
|
import type { UploadProps } from 'element-plus'
|
||||||
|
import { papersAdd, peopleDetail } from "@/api/base";
|
||||||
|
import { uploadFile, getFile, delFile } from "@/api/file";
|
||||||
|
import { getUUID, FileType } from "@/utils/common";
|
||||||
|
import useUserStore from "@/store/modules/user";
|
||||||
|
const userStore = useUserStore();
|
||||||
|
const user = ref(JSON.parse(userStore.userInfo));
|
||||||
|
const userId = ref(user.value.userId);
|
||||||
|
const uuid = ref('');
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
visible: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
readonly: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
id: {
|
||||||
|
type: String,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
form: Object,
|
||||||
|
});
|
||||||
|
const emits = defineEmits(["close"]);
|
||||||
|
const titleName = ref("新增");
|
||||||
|
// 表单
|
||||||
|
const formRef = ref<FormInstance>();
|
||||||
|
const ruleForm = reactive<FormRules>({
|
||||||
|
papersCard: [{ required: true, message: "请输入证件号", trigger: "blur" }],
|
||||||
|
papersType: [{ required: true, message: "请选择类型", trigger: "blur" }],
|
||||||
|
fileUrl: [{ required: true, message: "请上传文件", trigger: "blur" }],
|
||||||
|
});
|
||||||
|
|
||||||
|
const formData = ref<any>({});
|
||||||
|
//保存并退出
|
||||||
|
const handleSubmit = () => {
|
||||||
|
formRef.value?.validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
let params = {
|
||||||
|
...formData.value,
|
||||||
|
papersId: formData.value.papersId ? formData.value.papersId : uuid.value,
|
||||||
|
fileUrl: imageUrl.value,
|
||||||
|
domicileId: props.id
|
||||||
|
};
|
||||||
|
papersAdd(params).then((res: any) => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
ElMessage.success({
|
||||||
|
message: "操作成功",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
onclone();
|
||||||
|
} else {
|
||||||
|
ElMessage.error({
|
||||||
|
message: res.message,
|
||||||
|
type: "error",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
//上传文件
|
||||||
|
const imageUrl = ref('');
|
||||||
|
const baseUrl = ref(import.meta.env.VITE_UPLOAD_URL);
|
||||||
|
const handleUploadAfter = (file: any) => {
|
||||||
|
const newFile = new FormData();
|
||||||
|
newFile.append("file", file.file);
|
||||||
|
uploadFile(userId.value, formData.value.papersId || uuid.value, FileType.workManagement, newFile).then((res) => {
|
||||||
|
if (res) {
|
||||||
|
ElMessage.success("上传成功!");
|
||||||
|
imageUrl.value = res.data.filepath;
|
||||||
|
formData.value.fileUrl = res.data.filepath;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
};
|
||||||
|
//关闭弹窗
|
||||||
|
const onclone = () => {
|
||||||
|
formRef.value?.clearValidate();
|
||||||
|
formData.value = {};
|
||||||
|
imageUrl.value = '';
|
||||||
|
emits("close");
|
||||||
|
};
|
||||||
|
onMounted(() => {
|
||||||
|
});
|
||||||
|
|
||||||
|
//详情
|
||||||
|
watch(
|
||||||
|
() => props.form,
|
||||||
|
(val: any) => {
|
||||||
|
titleName.value = val.papersId ? "编辑" : "新增";
|
||||||
|
uuid.value = getUUID();
|
||||||
|
if (val.papersId) {
|
||||||
|
imageUrl.value = val.fileUrl;
|
||||||
|
formData.value = val;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.detailForm-content {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.idCardButton {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep(.el-upload-list__item-actions) {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
>span:nth-child(2) {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep(.el-upload-list__item-preview) {
|
||||||
|
margin-right: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep(.avatar-uploader-icon) {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -110,7 +110,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</BaseDialog>
|
</BaseDialog>
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,22 @@
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
|
|
@ -170,6 +186,7 @@
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import { riskPoolPage, riskTypeList, riskPoolDel } from "@/api/emergency";
|
import { riskPoolPage, riskTypeList, riskPoolDel } from "@/api/emergency";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import AddEdit from "./dialog/add-edit.vue";
|
import AddEdit from "./dialog/add-edit.vue";
|
||||||
import Adddynamic from "./dialog/add-dynamic.vue";
|
import Adddynamic from "./dialog/add-dynamic.vue";
|
||||||
|
|
||||||
|
|
@ -182,6 +199,7 @@ const types = ref([]);
|
||||||
const type = ref("");
|
const type = ref("");
|
||||||
|
|
||||||
const search = ref("");
|
const search = ref("");
|
||||||
|
const areaCode = ref([])
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
|
|
@ -204,6 +222,7 @@ const getList = () => {
|
||||||
userId: userId.value,
|
userId: userId.value,
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
riskPoolPage(params).then((res: any) => {
|
riskPoolPage(params).then((res: any) => {
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
|
|
@ -257,9 +276,17 @@ const adddynamic = (id:any) => {
|
||||||
dialogdynamic.value = true;
|
dialogdynamic.value = true;
|
||||||
dynamicid.value = id;
|
dynamicid.value = id;
|
||||||
}
|
}
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
getRiskTypeList();
|
getRiskTypeList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
></el-cascader>
|
></el-cascader>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="值班地点" prop="postName">
|
<el-form-item label="值班地点" prop="postName">
|
||||||
<el-select
|
<!-- <el-select
|
||||||
v-model="formData.postName"
|
v-model="formData.postName"
|
||||||
placeholder="请选择值班地点"
|
placeholder="请选择值班地点"
|
||||||
size="large"
|
size="large"
|
||||||
|
|
@ -56,7 +56,12 @@
|
||||||
:label="item"
|
:label="item"
|
||||||
:value="item"
|
:value="item"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<el-input
|
||||||
|
placeholder="请输入值班地点"
|
||||||
|
type="input"
|
||||||
|
v-model="formData.postName"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="值班时间" prop="dutyTime">
|
<el-form-item label="值班时间" prop="dutyTime">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
||||||
<div>
|
<div>
|
||||||
<div class="h-layout">
|
<div class="h-layout h-center">
|
||||||
<div
|
<div
|
||||||
class="tool-item"
|
class="tool-item"
|
||||||
@click="(dialogVisible = true), (form = {}), (readonly = false)"
|
@click="(dialogVisible = true), (form = {}), (readonly = false)"
|
||||||
|
|
@ -15,6 +15,22 @@
|
||||||
<svg-icon name="refurbish" class="icon" />
|
<svg-icon name="refurbish" class="icon" />
|
||||||
<span>刷新</span>
|
<span>刷新</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
|
|
@ -138,6 +154,7 @@
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import { getOtheWareHousePage, delOtheWareHouse } from "@/api/Othteam";
|
import { getOtheWareHousePage, delOtheWareHouse } from "@/api/Othteam";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import AddDetails from "./dialog/add-house-dialog.vue";
|
import AddDetails from "./dialog/add-house-dialog.vue";
|
||||||
|
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
|
|
@ -148,6 +165,7 @@ const userStore = useUserStore();
|
||||||
const user = ref(JSON.parse(userStore.userInfo));
|
const user = ref(JSON.parse(userStore.userInfo));
|
||||||
const userId = ref(user.value.userId);
|
const userId = ref(user.value.userId);
|
||||||
const search = ref([]);
|
const search = ref([]);
|
||||||
|
const areaCode = ref([])
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
|
|
@ -165,6 +183,7 @@ const getList = () => {
|
||||||
houseName: search.value,
|
houseName: search.value,
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
getOtheWareHousePage(params).then((res: any) => {
|
getOtheWareHousePage(params).then((res: any) => {
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
|
|
@ -212,8 +231,16 @@ const toDetail = (id) => {
|
||||||
query: { id: id },
|
query: { id: id },
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
|
|
@ -108,6 +108,12 @@
|
||||||
align="center"
|
align="center"
|
||||||
label="备注"
|
label="备注"
|
||||||
></el-table-column>
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
:resizable="true"
|
||||||
|
align="center"
|
||||||
|
label="时间"
|
||||||
|
></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|
|
||||||
|
|
@ -37,6 +37,22 @@
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
|
|
@ -151,6 +167,7 @@
|
||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { getOthplanPage, othplanemerEventType, delOthplan } from "@/api/emergency";
|
import { getOthplanPage, othplanemerEventType, delOthplan } from "@/api/emergency";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import Adddetails from "./details.vue";
|
import Adddetails from "./details.vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
|
|
@ -158,6 +175,7 @@ const userStore = useUserStore();
|
||||||
const user = ref(JSON.parse(userStore.userInfo));
|
const user = ref(JSON.parse(userStore.userInfo));
|
||||||
const userId = ref(user.value.userId);
|
const userId = ref(user.value.userId);
|
||||||
const search = ref([]);
|
const search = ref([]);
|
||||||
|
const areaCode = ref([])
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
|
|
@ -179,10 +197,9 @@ const getList = () => {
|
||||||
othtypeid: type.value,
|
othtypeid: type.value,
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
getOthplanPage(params).then((res: any) => {
|
getOthplanPage(params).then((res: any) => {
|
||||||
console.log(res,'res==>');
|
|
||||||
|
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
total.value = res.data.total;
|
total.value = res.data.total;
|
||||||
tableDataloading.value = false;
|
tableDataloading.value = false;
|
||||||
|
|
@ -191,8 +208,6 @@ const getList = () => {
|
||||||
// 获取预案类型
|
// 获取预案类型
|
||||||
const OthtypeList = () => {
|
const OthtypeList = () => {
|
||||||
othplanemerEventType().then((res: any) => {
|
othplanemerEventType().then((res: any) => {
|
||||||
console.log(res.data , '获取预案类型==>');
|
|
||||||
|
|
||||||
option.value = res.data;
|
option.value = res.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
@ -229,9 +244,17 @@ const del = (id) => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
OthtypeList();
|
OthtypeList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
||||||
<div>
|
<div>
|
||||||
<div class="h-layout">
|
<div class="h-layout h-center">
|
||||||
<div class="tool-item" @click="(dialogVisible = true), (form = {})">
|
<div class="tool-item" @click="(dialogVisible = true), (form = {})">
|
||||||
<svg-icon name="add" class="icon" />
|
<svg-icon name="add" class="icon" />
|
||||||
<span>新增</span>
|
<span>新增</span>
|
||||||
|
|
@ -12,8 +12,25 @@
|
||||||
<svg-icon name="refurbish" class="icon" />
|
<svg-icon name="refurbish" class="icon" />
|
||||||
<span>刷新</span>
|
<span>刷新</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
<div>
|
<div>
|
||||||
<el-input
|
<el-input
|
||||||
|
|
@ -113,6 +130,7 @@ import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import { getOthteamPage, delOthteam } from "@/api/Othteam";
|
import { getOthteamPage, delOthteam } from "@/api/Othteam";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import Adddetails from "./add-team-dialog.vue";
|
import Adddetails from "./add-team-dialog.vue";
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
const userStore = useUserStore();
|
const userStore = useUserStore();
|
||||||
|
|
@ -121,6 +139,7 @@ const user = ref(JSON.parse(userStore.userInfo));
|
||||||
const userId = ref(user.value.userId);
|
const userId = ref(user.value.userId);
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const search = ref([]);
|
const search = ref([]);
|
||||||
|
const areaCode = ref([])
|
||||||
const tableDataloading = ref(false);
|
const tableDataloading = ref(false);
|
||||||
const dialogVisible = ref(false);
|
const dialogVisible = ref(false);
|
||||||
const form = ref({});
|
const form = ref({});
|
||||||
|
|
@ -137,6 +156,7 @@ const getList = () => {
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
possession: null,
|
possession: null,
|
||||||
teamname: search.value,
|
teamname: search.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
getOthteamPage(params).then((res: any) => {
|
getOthteamPage(params).then((res: any) => {
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
|
|
@ -185,8 +205,16 @@ const onclone = () => {
|
||||||
form.value = {};
|
form.value = {};
|
||||||
getList();
|
getList();
|
||||||
};
|
};
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
<div style="margin-bottom: 16px;" class="h-layout space-between h-center">
|
||||||
<div>
|
<div>
|
||||||
<div class="h-layout">
|
<div class="h-layout h-center">
|
||||||
<div
|
<div
|
||||||
class="tool-item"
|
class="tool-item"
|
||||||
@click="(dialogVisible = true), (form = {}), (readonly = false)"
|
@click="(dialogVisible = true), (form = {}), (readonly = false)"
|
||||||
|
|
@ -20,6 +20,22 @@
|
||||||
<svg-icon name="delete" class="icon" />
|
<svg-icon name="delete" class="icon" />
|
||||||
<span>删除</span>
|
<span>删除</span>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
|
|
@ -133,6 +149,7 @@
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import { refugePage, refugeDel } from "@/api/emergency";
|
import { refugePage, refugeDel } from "@/api/emergency";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import AddEdit from "./dialog/add-edit-dialog.vue";
|
import AddEdit from "./dialog/add-edit-dialog.vue";
|
||||||
|
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
|
|
@ -141,6 +158,7 @@ const user = ref(JSON.parse(userStore.userInfo));
|
||||||
const userId = ref(user.value.userId);
|
const userId = ref(user.value.userId);
|
||||||
|
|
||||||
const search = ref("");
|
const search = ref("");
|
||||||
|
const areaCode = ref([])
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
|
|
@ -158,7 +176,8 @@ const getList = () => {
|
||||||
let params = {
|
let params = {
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
condition:search.value
|
condition:search.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
refugePage(params).then((res: any) => {
|
refugePage(params).then((res: any) => {
|
||||||
console.log(res,'res====>');
|
console.log(res,'res====>');
|
||||||
|
|
@ -200,8 +219,16 @@ const onclone = () => {
|
||||||
form.value = {};
|
form.value = {};
|
||||||
getList();
|
getList();
|
||||||
};
|
};
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -25,6 +25,22 @@
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="getList"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
|
|
@ -141,6 +157,7 @@
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
import { emerEventType, emerEventPage } from "@/api/emergency";
|
import { emerEventType, emerEventPage } from "@/api/emergency";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
import AddDetails from "./dialog/details.vue";
|
import AddDetails from "./dialog/details.vue";
|
||||||
|
|
||||||
import useUserStore from "@/store/modules/user";
|
import useUserStore from "@/store/modules/user";
|
||||||
|
|
@ -151,6 +168,7 @@ const userStore = useUserStore();
|
||||||
const user = ref(JSON.parse(userStore.userInfo));
|
const user = ref(JSON.parse(userStore.userInfo));
|
||||||
const userId = ref(user.value.userId);
|
const userId = ref(user.value.userId);
|
||||||
const search = ref({});
|
const search = ref({});
|
||||||
|
const areaCode = ref([])
|
||||||
const tableData = ref([]);
|
const tableData = ref([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
|
|
@ -170,9 +188,9 @@ const getList = () => {
|
||||||
type:search.value.type,
|
type:search.value.type,
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
|
areaCode: areaCode.value?areaCode.value[areaCode.value.length - 1]:'',
|
||||||
};
|
};
|
||||||
emerEventPage(params).then((res: any) => {
|
emerEventPage(params).then((res: any) => {
|
||||||
console.log(res,'获取列表res===>');
|
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
total.value = res.data.total;
|
total.value = res.data.total;
|
||||||
tableDataloading.value = false;
|
tableDataloading.value = false;
|
||||||
|
|
@ -224,9 +242,17 @@ const toDetail = (id) => {
|
||||||
query: { id: id },
|
query: { id: id },
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getEmerEventType();
|
getEmerEventType();
|
||||||
getList();
|
getList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
|
|
@ -99,7 +99,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</BaseDialog>
|
</BaseDialog>
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="props.readonly">
|
<div v-if="props.readonly">
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</BaseDialog>
|
</BaseDialog>
|
||||||
|
|
|
||||||
|
|
@ -9,28 +9,39 @@
|
||||||
<span>刷新</span>
|
<span>刷新</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="label-select filter-tab">
|
<div class="label-select filter-tab">
|
||||||
<label>时间</label>
|
<label>开始时间</label>
|
||||||
<el-date-picker
|
<el-date-picker v-model="search.startTime" type="date" placeholder="选择开始时间" format="YYYY/MM/DD"
|
||||||
v-model="search.date"
|
value-format="YYYY-MM-DD" @change="refresh" />
|
||||||
type="daterange"
|
|
||||||
range-separator="至"
|
|
||||||
start-placeholder="起始时间"
|
|
||||||
end-placeholder="结束时间"
|
|
||||||
format="YYYY-MM-DD"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
@change="refresh"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>j结束时间</label>
|
||||||
|
<el-date-picker v-model="search.endTime" type="date" placeholder="选择结束时间" format="YYYY/MM/DD"
|
||||||
|
value-format="YYYY-MM-DD" @change="refresh" />
|
||||||
|
</div>
|
||||||
|
<div class="label-select filter-tab">
|
||||||
|
<label>地区</label>
|
||||||
|
<el-cascader
|
||||||
|
@change="refresh"
|
||||||
|
ref="cascader"
|
||||||
|
v-model="search.areaCode"
|
||||||
|
placeholder="请选择地区"
|
||||||
|
:options="orgList"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
label: 'orgname',
|
||||||
|
value: 'orgcode',
|
||||||
|
}"
|
||||||
|
clearable
|
||||||
|
></el-cascader>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 30%;">
|
<div style="width: 30%;">
|
||||||
<div>
|
<div>
|
||||||
<el-input
|
<el-input v-model="search.condition" @keydown.enter.native="refresh" placeholder="请输入关键字"
|
||||||
v-model="search.condition"
|
class="search-input">
|
||||||
@keydown.enter.native="refresh"
|
|
||||||
placeholder="请输入关键字"
|
|
||||||
class="search-input"
|
|
||||||
>
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<span @click="refresh" class="search-bottom">
|
<span @click="refresh" class="search-bottom">
|
||||||
<svg-icon name="search" class="icon_class" />
|
<svg-icon name="search" class="icon_class" />
|
||||||
|
|
@ -41,86 +52,37 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table ref="loading" class="table" :data="tableData" v-loading="tableDataloading"
|
||||||
ref="loading"
|
header-row-class-name="el-one-header" border>
|
||||||
class="table"
|
<el-table-column align="center" :resizable="true" width="100" label="序列" type="index">
|
||||||
:data="tableData"
|
|
||||||
v-loading="tableDataloading"
|
|
||||||
header-row-class-name="el-one-header"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
:resizable="true"
|
|
||||||
width="100"
|
|
||||||
label="序列"
|
|
||||||
type="index"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ scope.$index + 1 + (currentPage - 1) * pageSize }}
|
{{ scope.$index + 1 + (currentPage - 1) * pageSize }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="nickname" :resizable="true" align="center" label="操作用户" width="150">
|
||||||
prop="nickname"
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="操作用户"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="targetType" :resizable="true" align="center" label="模块" width="80">
|
||||||
prop="targetType"
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="模块"
|
|
||||||
width="80"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{scope.row.targetType == 1?'户籍信息':'人员信息'}}
|
{{ scope.row.targetType == 1 ? '户籍信息' : '人员信息' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="operationType" :resizable="true" align="center" label="模块" width="80">
|
||||||
prop="operationType"
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="模块"
|
|
||||||
width="80"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{scope.row.operationType == 1?'新增':scope.row.operationType == 2?'修改':scope.row.operationType == 3?'删除':scope.row.operationType == 4?'注销':'恢复'}}
|
{{ scope.row.operationType == 1 ? '新增' : scope.row.operationType == 2 ? '修改' : scope.row.operationType ==
|
||||||
|
3 ? '删除' : scope.row.operationType == 4 ? '注销' : '恢复' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="url" :resizable="true" align="center" label="请求地址" width="200">
|
||||||
prop="url"
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="请求地址"
|
|
||||||
width="200"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="params" :resizable="true" label="请求参数">
|
<el-table-column prop="params" :resizable="true" label="请求参数">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="createTime" :resizable="true" align="center" label="操作时间" width="150">
|
||||||
prop="createTime"
|
|
||||||
:resizable="true"
|
|
||||||
align="center"
|
|
||||||
label="操作时间"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<el-pagination
|
<el-pagination class="pagination" @size-change="getList" @current-change="getList"
|
||||||
class="pagination"
|
v-model:current-page.sync="currentPage" :page-sizes="[10, 15, 20, 30]" v-model:page-size.sync="pageSize"
|
||||||
@size-change="getList"
|
layout="total, sizes, prev, pager, next, jumper" :total="total" background>
|
||||||
@current-change="getList"
|
|
||||||
v-model:current-page.sync="currentPage"
|
|
||||||
:page-sizes="[10, 15, 20, 30]"
|
|
||||||
v-model:page-size.sync="pageSize"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="total"
|
|
||||||
background
|
|
||||||
>
|
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -129,9 +91,17 @@
|
||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import { onMounted, reactive, ref } from "vue";
|
import { onMounted, reactive, ref } from "vue";
|
||||||
import { crLogPageList } from "@/api/Sys";
|
import { crLogPageList } from "@/api/Sys";
|
||||||
|
import { areaTree } from "@/api/account";
|
||||||
|
import useUserStore from "@/store/modules/user";
|
||||||
|
const userStore = useUserStore();
|
||||||
|
const user = ref(JSON.parse(userStore.userInfo));
|
||||||
|
const userId = ref(user.value.userId);
|
||||||
const search = ref({
|
const search = ref({
|
||||||
condition: "",
|
condition: "",
|
||||||
date: "",
|
date: "",
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
areaCode:'',
|
||||||
});
|
});
|
||||||
const tableData = ref<any>([]);
|
const tableData = ref<any>([]);
|
||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
|
|
@ -146,8 +116,9 @@ const getList = () => {
|
||||||
condition: search.value.condition,
|
condition: search.value.condition,
|
||||||
limit: pageSize.value,
|
limit: pageSize.value,
|
||||||
page: currentPage.value,
|
page: currentPage.value,
|
||||||
startTime: search.value.date ? search.value.date[0] : "",
|
startTime: search.value.startTime,
|
||||||
endTime: search.value.date ? search.value.date[1] : "",
|
endTime: search.value.endTime,
|
||||||
|
areaCode: search.value.areaCode?search.value.areaCode[search.value.areaCode.length - 1]:'',
|
||||||
};
|
};
|
||||||
crLogPageList(params).then((res: any) => {
|
crLogPageList(params).then((res: any) => {
|
||||||
tableData.value = res.data.list;
|
tableData.value = res.data.list;
|
||||||
|
|
@ -155,12 +126,20 @@ const getList = () => {
|
||||||
tableDataloading.value = false;
|
tableDataloading.value = false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
const refresh = ()=>{
|
const refresh = () => {
|
||||||
currentPage.value = 1;
|
currentPage.value = 1;
|
||||||
getList();
|
getList();
|
||||||
}
|
}
|
||||||
|
//获取地区
|
||||||
|
const orgList = ref([]);
|
||||||
|
const getareaTree = () => {
|
||||||
|
areaTree(userId.value).then((res: any) => {
|
||||||
|
orgList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
|
getareaTree();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -184,6 +163,7 @@ onMounted(() => {
|
||||||
-ms-box-sizing: border-box;
|
-ms-box-sizing: border-box;
|
||||||
/* stylelint-disable-next-line indentation */
|
/* stylelint-disable-next-line indentation */
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="props.readonly">
|
<div v-if="props.readonly">
|
||||||
|
|
|
||||||
|
|
@ -210,7 +210,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<PlanDetail
|
<PlanDetail
|
||||||
:visible="dialogVisible"
|
:visible="dialogVisible"
|
||||||
|
|
|
||||||
|
|
@ -99,7 +99,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-dialog v-model="upVisible">
|
<el-dialog v-model="upVisible">
|
||||||
<img w-full :src="upImageUrl" alt="Preview Image" />
|
<img style="width: 100%;" w-full :src="upImageUrl" alt="Preview Image" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</BaseDialog>
|
</BaseDialog>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user