jiangyy
3 years ago
9 changed files with 4233 additions and 0 deletions
@ -0,0 +1,674 @@ |
|||||
|
<template> |
||||
|
<div class="div_main"> |
||||
|
<div ref="div_search" |
||||
|
class="div_search"> |
||||
|
<el-form :inline="true" |
||||
|
:model="formData" |
||||
|
ref="ref_searchform" |
||||
|
:label-width="'110px'"> |
||||
|
|
||||
|
<el-form-item label="所属地区" |
||||
|
prop="name"> |
||||
|
<el-cascader ref="sourceArea" |
||||
|
v-model="sourceAllCode" |
||||
|
class="item_width_2" |
||||
|
:props="areaProps" |
||||
|
@change="handleAreaChange" |
||||
|
clearable></el-cascader> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="风险等级" |
||||
|
prop="dangerLevel"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.dangerLevel" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in dangerLevelList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-button style="margin-left:30px" |
||||
|
size="small" |
||||
|
class="diy-button--search" |
||||
|
@click="handleSearch">查询</el-button> |
||||
|
<el-button style="margin-left:10px" |
||||
|
size="small" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch">重置</el-button> |
||||
|
|
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="div_table"> |
||||
|
<div class="div_btn"> |
||||
|
<el-button class="diy-button--add" |
||||
|
size="small" |
||||
|
@click="handleAdd">新增</el-button> |
||||
|
|
||||
|
<el-button class="diy-button--export" |
||||
|
size="small" |
||||
|
@click="handleExportModule">下载模板</el-button> |
||||
|
<el-upload :headers="$getElUploadHeaders()" |
||||
|
ref="upload" |
||||
|
:multiple='false' |
||||
|
:show-file-list='false' |
||||
|
:before-upload="beforeUpload" |
||||
|
action="" |
||||
|
accept=".xls,.xlsx" |
||||
|
:limit="1" |
||||
|
:on-exceed="handleExceed" |
||||
|
:http-request="uploadHttpRequest"> |
||||
|
<el-button size="small" |
||||
|
style="margin-left: 10px" |
||||
|
class="diy-button--delete" |
||||
|
:loading="importLoading">{{importBtnTitle}}</el-button> |
||||
|
</el-upload> |
||||
|
|
||||
|
<el-button style="margin-left:10px" |
||||
|
class="diy-button--reset" |
||||
|
size="small" |
||||
|
:loading="exportBtn" |
||||
|
@click="handleExport">{{ exportBtnTitle }}</el-button> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<el-table class="table" |
||||
|
:data="tableData" |
||||
|
border |
||||
|
:height="tableHeight" |
||||
|
v-loading="tableLoading" |
||||
|
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
||||
|
style="width: 100%"> |
||||
|
<!-- <el-table-column type="selection" |
||||
|
width="55" |
||||
|
fixed="left"> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column label="序号" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
type="index" |
||||
|
width="50" |
||||
|
fixed="left"></el-table-column> |
||||
|
|
||||
|
<el-table-column prop="allName" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="风险地区" |
||||
|
min-width="150" |
||||
|
fixed="left"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="dangerLevelShow" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="风险等级" |
||||
|
min-width="100"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column label="操作" |
||||
|
fixed="right" |
||||
|
width="140" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
class="operate"> |
||||
|
<template slot-scope="scope"> |
||||
|
|
||||
|
<!-- <el-button type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="handleDetail(scope.row)">查看</el-button> --> |
||||
|
|
||||
|
<el-button type="text" |
||||
|
class="div-table-button--edit" |
||||
|
size="small" |
||||
|
@click="handleEdit(scope.row)">修改</el-button> |
||||
|
<el-button type="text" |
||||
|
class="div-table-button--delete--noline " |
||||
|
size="small" |
||||
|
@click="handleDelete(scope.row)">删除</el-button> |
||||
|
|
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div> |
||||
|
<el-pagination @size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200]" |
||||
|
:page-size="pageSize" |
||||
|
layout="sizes, prev, pager, next, total" |
||||
|
:total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 修改弹出框 --> |
||||
|
<el-dialog :visible.sync="formShow" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
:title="formTitle" |
||||
|
width="850px" |
||||
|
top="5vh" |
||||
|
class="dialog-h" |
||||
|
@closed="diaClose"> |
||||
|
<risk-form v-if="formShow" |
||||
|
ref="ref_form" |
||||
|
@dialogCancle="addFormCancle" |
||||
|
@dialogOk="addFormOk"></risk-form> |
||||
|
</el-dialog> |
||||
|
<!-- 详情弹出框 --> |
||||
|
<el-dialog :visible.sync="detailShow" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
:title="'详情'" |
||||
|
width="850px" |
||||
|
top="5vh" |
||||
|
class="dialog-h" |
||||
|
@closed="diaClose"> |
||||
|
<risk-detail v-if="detailShow" |
||||
|
@dialogCancle="addFormCancle" |
||||
|
ref="ref_detail"></risk-detail> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import riskForm from './riskForm' |
||||
|
import riskDetail from './riskDetail' |
||||
|
|
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
|
||||
|
exportBtn: false, |
||||
|
exportBtnTitle: '导出', |
||||
|
importBtnTitle: '导入', |
||||
|
importLoading: false, |
||||
|
loading: false, |
||||
|
total: 0, |
||||
|
pageSize: 20, |
||||
|
pageNo: 0, |
||||
|
tableLoading: false, |
||||
|
|
||||
|
sHeight: 0, |
||||
|
|
||||
|
dangerLevelList: [], |
||||
|
sourceAllCode: [], |
||||
|
areaProps: { |
||||
|
checkStrictly: true, |
||||
|
lazy: true, |
||||
|
lazyLoad: this.lzayLoadArea |
||||
|
}, |
||||
|
agencyId: '', |
||||
|
|
||||
|
|
||||
|
formData: { |
||||
|
name: '',//省-市-区 |
||||
|
dangerLevel: '',//风险级别 |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
tableData: [], |
||||
|
|
||||
|
//form相关 |
||||
|
formShow: false, |
||||
|
detailShow: false, |
||||
|
formTitle: '新增', |
||||
|
|
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
riskForm, |
||||
|
riskDetail, |
||||
|
|
||||
|
}, |
||||
|
async created () { |
||||
|
|
||||
|
}, |
||||
|
async mounted () { |
||||
|
//获取场所类型 |
||||
|
|
||||
|
|
||||
|
const { user } = this.$store.state |
||||
|
console.log('user-----', user) |
||||
|
this.agencyId = user.agencyId |
||||
|
|
||||
|
await this.getDangerLevel() |
||||
|
await this.loadTable() |
||||
|
this.sHeight = this.$refs.div_search.offsetHeight + 270 |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
lzayLoadArea (node, resolve) { |
||||
|
// this.getArea(node, resolve) |
||||
|
setTimeout(() => { |
||||
|
this.getArea(node, resolve) |
||||
|
}, 200) |
||||
|
}, |
||||
|
|
||||
|
handleSearch () { |
||||
|
this.loadTable() |
||||
|
}, |
||||
|
|
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 2 // 3层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async getDangerLevel () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "dangerAreaLevel", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.dangerLevelList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async loadTable () { |
||||
|
this.tableLoading = true |
||||
|
|
||||
|
const url = "/epmetuser/icDangerArea/list" |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icDangerArea/list" |
||||
|
let params = { |
||||
|
pageSize: this.pageSize, |
||||
|
pageNo: this.pageNo, |
||||
|
...this.formData |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.total = data.total |
||||
|
this.tableData = data.list |
||||
|
this.tableData.forEach(item => { |
||||
|
let selItem = this.dangerLevelList.filter((levelItem) => |
||||
|
item.dangerLevel === levelItem.value); |
||||
|
|
||||
|
if (selItem && selItem.length > 0) |
||||
|
item.dangerLevelShow = selItem[0].label |
||||
|
}); |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
this.tableLoading = false |
||||
|
}, |
||||
|
handleAreaChange (val) { |
||||
|
|
||||
|
if (val.length > 0) { |
||||
|
const labels = this.$refs.sourceArea.getCheckedNodes()[0].pathLabels |
||||
|
|
||||
|
this.formData.name = labels.join('-') |
||||
|
|
||||
|
} else { |
||||
|
|
||||
|
this.formData.allName = '' |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
diaClose () { |
||||
|
// this.$refs.ref_form.resetData() |
||||
|
this.formShow = false |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
handleDetail (row) { |
||||
|
// this.formTitle = '行程详情' |
||||
|
this.detailShow = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_detail.initForm(row) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
handleAdd () { |
||||
|
this.formTitle = '新增' |
||||
|
this.formShow = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_form.initForm('add', '') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
handleEdit (row) { |
||||
|
this.formTitle = '修改' |
||||
|
this.formShow = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.ref_form.initForm('edit', row) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
addFormCancle () { |
||||
|
this.detailShow = false |
||||
|
this.formShow = false |
||||
|
}, |
||||
|
addFormOk () { |
||||
|
this.formShow = false |
||||
|
|
||||
|
this.loadTable() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async handleDelete (row) { |
||||
|
|
||||
|
this.$confirm("确认删除?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning" |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.deleteRick(row) |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
if (err == "cancel") { |
||||
|
|
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
async deleteRick (row) { |
||||
|
const url = "/epmetuser/icDangerArea/delete" |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/placepatrolteam/del" |
||||
|
|
||||
|
let params = [row.id] |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$message({ |
||||
|
type: "success", |
||||
|
message: "删除成功" |
||||
|
}); |
||||
|
|
||||
|
this.loadTable() |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//重置搜索条件 |
||||
|
resetSearch () { |
||||
|
this.sourceAllCode = [] |
||||
|
this.formData.name = '' |
||||
|
this.formData.dangerLevel = '' |
||||
|
this.pageSize = 20 |
||||
|
this.pageNo = 1 |
||||
|
// this.loadTable() |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
handleSizeChange (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageNo = 1 |
||||
|
this.loadTable() |
||||
|
}, |
||||
|
handleCurrentChange (val) { |
||||
|
this.pageNo = val |
||||
|
this.loadTable() |
||||
|
}, |
||||
|
|
||||
|
//导出表格 |
||||
|
async handleExport () { |
||||
|
this.exportBtn = true |
||||
|
this.exportBtnTitle = '正在导出...' |
||||
|
let params = { |
||||
|
...this.formData |
||||
|
} |
||||
|
|
||||
|
await this.$http({ |
||||
|
method: 'POST', |
||||
|
url: '/epmetuser/icDangerArea/export', |
||||
|
responseType: 'blob', |
||||
|
data: params |
||||
|
}) |
||||
|
.then(res => { |
||||
|
|
||||
|
console.log('resllll', res) |
||||
|
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1]) |
||||
|
console.log('filename', fileName) |
||||
|
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) |
||||
|
var url = window.URL.createObjectURL(blob) |
||||
|
var aLink = document.createElement('a') |
||||
|
aLink.style.display = 'none' |
||||
|
aLink.href = url |
||||
|
aLink.setAttribute('download', fileName) |
||||
|
document.body.appendChild(aLink) |
||||
|
aLink.click() |
||||
|
document.body.removeChild(aLink) //下载完成移除元素 |
||||
|
window.URL.revokeObjectURL(url) //释放掉blob对象 |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
console.log('获取导出情失败', err) |
||||
|
this.$message.error('获取导出失败') |
||||
|
}) |
||||
|
this.exportBtnTitle = '导出' |
||||
|
this.exportBtn = false |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 下载文件 |
||||
|
download (data, fileName) { |
||||
|
if (!data) { |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
var csvData = new Blob([data]) |
||||
|
|
||||
|
if (window.navigator && window.navigator.msSaveOrOpenBlob) { |
||||
|
window.navigator.msSaveOrOpenBlob(csvData, fileName); |
||||
|
} |
||||
|
// for Non-IE (chrome, firefox etc.) |
||||
|
else { |
||||
|
var a = document.createElement('a'); |
||||
|
document.body.appendChild(a); |
||||
|
a.style = 'display: none'; |
||||
|
var url = window.URL.createObjectURL(csvData); |
||||
|
a.href = url; |
||||
|
a.download = fileName; |
||||
|
a.click(); |
||||
|
a.remove(); |
||||
|
window.URL.revokeObjectURL(url); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async handleExportModule () { |
||||
|
|
||||
|
const url = "/epmetuser/icDangerArea/downloadTemplate" |
||||
|
let params = {} |
||||
|
await this.$http({ |
||||
|
method: 'POST', |
||||
|
url, |
||||
|
responseType: 'blob', |
||||
|
data: params |
||||
|
}) |
||||
|
.then(res => { |
||||
|
console.log('res----dddd', res) |
||||
|
|
||||
|
if (res.headers["content-disposition"]) { |
||||
|
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1]) |
||||
|
console.log('filename', fileName) |
||||
|
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) |
||||
|
var url = window.URL.createObjectURL(blob) |
||||
|
var aLink = document.createElement('a') |
||||
|
aLink.style.display = 'none' |
||||
|
aLink.href = url |
||||
|
aLink.setAttribute('download', fileName) |
||||
|
document.body.appendChild(aLink) |
||||
|
aLink.click() |
||||
|
document.body.removeChild(aLink) //下载完成移除元素 |
||||
|
window.URL.revokeObjectURL(url) //释放掉blob对象 |
||||
|
} else this.$message.error('下载失败') |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
console.log('err', err) |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 上传文件之前的钩子 |
||||
|
beforeUpload (file) { |
||||
|
this.files = file; |
||||
|
|
||||
|
const isText = file.type === 'application/vnd.ms-excel' |
||||
|
const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' |
||||
|
|
||||
|
if (!isText && !isTextComputer) { |
||||
|
this.$message.error('请选择正确格式的文件') |
||||
|
return false |
||||
|
} else { |
||||
|
this.fileName = file.name; |
||||
|
return true |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
// 上传文件个数超过定义的数量 |
||||
|
handleExceed (files, fileList) { |
||||
|
this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`) |
||||
|
}, |
||||
|
async uploadHttpRequest (file) { |
||||
|
this.importLoading = true |
||||
|
this.importBtnTitle = '正在上传中...' |
||||
|
this.$message({ |
||||
|
showClose: true, |
||||
|
message: '导入中，请到系统管理-导入记录中查看进度', |
||||
|
duration: 0 |
||||
|
}) |
||||
|
const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加 |
||||
|
formData.append('file', file.file) //添加文件对象 |
||||
|
await this.$http |
||||
|
.post('/epmetuser/icDangerArea/import', formData).then(res => { |
||||
|
console.log('res-up', res) |
||||
|
if (res.data.code == 0 && res.data.msg == 'success') { |
||||
|
// this.$message.success('导入成功') |
||||
|
this.loadTable() |
||||
|
} else this.$message.error(res.data.msg) |
||||
|
}).catch(err => { |
||||
|
console.log('失败', err) |
||||
|
file.onError() //上传失败的文件会从文件列表中删除 |
||||
|
// this.$message.error('导入失败') |
||||
|
}) |
||||
|
this.importLoading = false |
||||
|
this.importBtnTitle = '导入' |
||||
|
this.$refs.upload.clearFiles() |
||||
|
}, |
||||
|
|
||||
|
async uploadFile () { |
||||
|
if (this.fileName == "") { |
||||
|
this.$message.warning('请选择要上传的文件！') |
||||
|
return false |
||||
|
} |
||||
|
|
||||
|
this.$message({ |
||||
|
showClose: true, |
||||
|
message: '导入中，请到系统管理-导入记录中查看进度', |
||||
|
duration: 0 |
||||
|
}) |
||||
|
|
||||
|
//清空上传列表 |
||||
|
this.$refs['upload'].clearFiles() |
||||
|
|
||||
|
var url = '/gov/org/house/houseimport' |
||||
|
|
||||
|
let fileFormData = new FormData(); |
||||
|
fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名 |
||||
|
fileFormData.append('orgId', this.agencyObj.id);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名 |
||||
|
fileFormData.append('orgType', this.agencyObj.level);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名 |
||||
|
|
||||
|
this.importRoomLoading = true |
||||
|
window.app.ajax.post2(url, fileFormData, |
||||
|
(data, rspMsg) => { |
||||
|
|
||||
|
if (data.code === 0 && data.msg == 'success') { |
||||
|
// this.$message.success('导入成功') |
||||
|
} else { |
||||
|
// this.$message({ |
||||
|
// showClose: true, |
||||
|
// message: rspMsg, |
||||
|
// duration: 0, |
||||
|
// type: "error" |
||||
|
// }) |
||||
|
// this.$message.error(rspMsg) |
||||
|
} |
||||
|
this.$emit('refreshTree') |
||||
|
this.loadTable() |
||||
|
this.importRoomLoading = false |
||||
|
}, |
||||
|
(rspMsg, data) => { |
||||
|
this.importRoomLoading = false |
||||
|
}, { headers: { 'Content-Type': 'multipart/form-data' } }) |
||||
|
|
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
tableHeight () { |
||||
|
const h = this.clientHeight - this.sHeight + this.iframeHeigh |
||||
|
const _h = this.clientHeight - this.sHeight |
||||
|
return this.$store.state.inIframe ? h : _h |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
...mapGetters(['clientHeight', 'iframeHeight']) |
||||
|
}, |
||||
|
watch: { |
||||
|
|
||||
|
}, |
||||
|
props: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/epidemic.scss"; |
||||
|
|
||||
|
.item_width_2 { |
||||
|
width: 300px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
|
||||
@ -0,0 +1,216 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
|
||||
|
<div v-if="initLoading" |
||||
|
class="m-row"> |
||||
|
<div class="m-info"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-4">风险地区：</span> |
||||
|
<span>{{ formData.name||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-4">风险等级：</span> |
||||
|
<span>{{ formData.mobile||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">关 闭</el-button> |
||||
|
<!-- <el-button v-if="formType != 'detail'" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm('ref_form')">确 定</el-button> --> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost } from '@/js/dai/request' |
||||
|
import { dateFormats } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
|
||||
|
return { |
||||
|
|
||||
|
initLoading: false, |
||||
|
|
||||
|
formData: {}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
async mounted () { |
||||
|
const { user } = this.$store.state |
||||
|
this.agencyId = user.agencyId |
||||
|
//获取网格下拉框数据 |
||||
|
// await this.loadGrid() |
||||
|
}, |
||||
|
destroyed () { |
||||
|
this.nowAllCode = [] |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
async initForm (row) { |
||||
|
console.log('row----', row) |
||||
|
|
||||
|
this.formData.agencyId = this.agencyId |
||||
|
|
||||
|
await this.loadFormData(row.id) |
||||
|
|
||||
|
this.initLoading = true |
||||
|
console.log('formtype', type) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
async loadGrid () { |
||||
|
const url = "/gov/org/customergrid/gridoption" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.gridList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelGrid (value) { |
||||
|
|
||||
|
const url = "/epmetuser/icresiuser/demandusers" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId, |
||||
|
gridId: value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.personList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 4 // 5层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelAddress (value) { |
||||
|
|
||||
|
const url = "/gov/org/house/gethouseinfo/" + value |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.formData.presentAddress = data.agencyPathName |
||||
|
this.formData.presentAddressCode = data.areaCode |
||||
|
this.formData.detailAddress = data.allName |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelPerson (personItem) { |
||||
|
this.formData.userId = personItem.demandUserId |
||||
|
this.formData.name = personItem.demandUserName |
||||
|
this.formData.mobile = personItem.demandUserMobile |
||||
|
this.formData.idCard = personItem.idCard |
||||
|
this.handleSelAddress(personItem.houseId) |
||||
|
}, |
||||
|
|
||||
|
async loadFormData (id) { |
||||
|
|
||||
|
const url = '/epmetuser/tripreport/detail' |
||||
|
let params = { |
||||
|
id, |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
if (code === 0) { |
||||
|
console.log('deda-------', data) |
||||
|
this.formData = { ...data, channel: [], content: '' } |
||||
|
this.sourceAllCode = data.sourceAddressPathCode && data.sourceAddressPathCode.split(',') |
||||
|
|
||||
|
if (data.userType == 'icresi') this.isFromResi = true |
||||
|
else this.nowAllCode = data.presentAddressPathCode && data.presentAddressPathCode.split(',') |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleCancle () { |
||||
|
// this.resetData() |
||||
|
this.$emit('dialogCancle') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
|
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
|
||||
|
|
||||
@ -0,0 +1,311 @@ |
|||||
|
<template> |
||||
|
<div class="epidemic-form"> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<el-form ref="ref_form" |
||||
|
:inline="true" |
||||
|
:model="formData" |
||||
|
:rules="dataRule" |
||||
|
label-width="150px" |
||||
|
class="form"> |
||||
|
|
||||
|
<el-form-item label="风险地区" |
||||
|
prop="allName" |
||||
|
style="display: block"> |
||||
|
|
||||
|
<el-cascader v-if="formType==='add'" |
||||
|
ref="sourceArea" |
||||
|
v-model="sourceAllCode" |
||||
|
class="item_width_2" |
||||
|
:props="areaProps" |
||||
|
@change="handleSourceArea" |
||||
|
clearable></el-cascader> |
||||
|
<span v-else>{{ formData.allName||'--' }}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="风险等级" |
||||
|
prop="dangerLevel"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.dangerLevel" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in dangerLevelList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="form_div_btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">取 消</el-button> |
||||
|
<el-button size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm('ref_form')">确 定</el-button> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost } from '@/js/dai/request' |
||||
|
import { dateFormats } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
formType: '', |
||||
|
btnDisable: false, |
||||
|
|
||||
|
dangerLevelList: [], |
||||
|
sourceAllCode: [], |
||||
|
areaProps: { |
||||
|
checkStrictly: true, |
||||
|
lazy: true, |
||||
|
lazyLoad: this.lzayLoadArea |
||||
|
}, |
||||
|
|
||||
|
formData: { |
||||
|
|
||||
|
dangerLevel: '', |
||||
|
allName: '', |
||||
|
allNameCode: '', |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
dataRule: { |
||||
|
allName: [ |
||||
|
{ required: true, message: '风险地区不能为空', trigger: 'change' } |
||||
|
], |
||||
|
|
||||
|
dangerLevel: [ |
||||
|
{ required: true, message: '风险等级不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
|
||||
|
}, |
||||
|
areaProps: { |
||||
|
// checkStrictly: true, |
||||
|
lazy: true, |
||||
|
lazyLoad: this.lzayLoadArea |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
async mounted () { |
||||
|
|
||||
|
await this.getDangerLevel() |
||||
|
}, |
||||
|
destroyed () { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
lzayLoadArea (node, resolve) { |
||||
|
// this.getArea(node, resolve) |
||||
|
setTimeout(() => { |
||||
|
this.getArea(node, resolve) |
||||
|
}, 200) |
||||
|
}, |
||||
|
|
||||
|
async getDangerLevel () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "dangerAreaLevel", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.dangerLevelList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async initForm (type, row) { |
||||
|
console.log('row----', row) |
||||
|
this.formType = type |
||||
|
|
||||
|
if (type === 'edit') { |
||||
|
|
||||
|
this.formData = JSON.parse(JSON.stringify(row)) |
||||
|
// this.sourceAllCode = this.formData.allNameCode.split('-') |
||||
|
|
||||
|
} else { |
||||
|
const { user } = this.$store.state |
||||
|
|
||||
|
// this.sourceAllCode = user.areaCodePath |
||||
|
|
||||
|
} |
||||
|
// this.$nextTick(() => { |
||||
|
// console.log(this.$refs.sourceArea.getCheckedNodes()) |
||||
|
// const labels = this.$refs.sourceArea.getCheckedNodes()[0].pathLabels |
||||
|
|
||||
|
// this.formData.allName = labels.join('-') |
||||
|
// }) |
||||
|
|
||||
|
console.log('formtype', type) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
handleSourceArea (val) { |
||||
|
console.log('val-----', val) |
||||
|
console.log('label-----', this.$refs.sourceArea.getCheckedNodes()[0].pathLabels) |
||||
|
if (val.length > 0) { |
||||
|
const labels = this.$refs.sourceArea.getCheckedNodes()[0].pathLabels |
||||
|
this.formData.allNameCode = val.join('-') |
||||
|
this.formData.allName = labels.join('-') |
||||
|
|
||||
|
} else { |
||||
|
this.formData.allNameCode = '' |
||||
|
this.formData.allName = '' |
||||
|
|
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 2 // 3层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async handleComfirm (formName) { |
||||
|
this.$refs[formName].validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
|
||||
|
|
||||
|
this.btnDisable = true |
||||
|
setTimeout(() => { |
||||
|
this.btnDisable = false |
||||
|
}, 5000) |
||||
|
|
||||
|
let url = '/epmetuser/icDangerArea/add' |
||||
|
let paramas = {} |
||||
|
|
||||
|
if (this.formType === 'edit') { |
||||
|
url = '/epmetuser/icDangerArea/update' |
||||
|
paramas.id = this.formData.id |
||||
|
paramas.dangerLevel = this.formData.dangerLevel |
||||
|
|
||||
|
} else { |
||||
|
url = '/epmetuser/icDangerArea/add' |
||||
|
paramas = { ...this.formData } |
||||
|
this.formData.id = '' |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, paramas) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '操作成功' |
||||
|
}) |
||||
|
this.resetData() |
||||
|
this.$emit('dialogOk') |
||||
|
this.btnDisable = false |
||||
|
|
||||
|
} else { |
||||
|
this.btnDisable = false |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
} else { |
||||
|
console.log('error submit!!'); |
||||
|
return false; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
handleCancle () { |
||||
|
this.resetData() |
||||
|
this.$emit('dialogCancle') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
this.$refs.ref_form.resetFields() |
||||
|
this.formData = |
||||
|
{ |
||||
|
allNameCode: '', |
||||
|
|
||||
|
dangerLevel: '', |
||||
|
allName: '', |
||||
|
|
||||
|
} |
||||
|
|
||||
|
this.sourceAllCode = [] |
||||
|
|
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/epidemic.scss"; |
||||
|
|
||||
|
.epidemic-form { |
||||
|
.mw180 { |
||||
|
min-width: 260px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item_width_2 { |
||||
|
width: 400px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
File diff suppressed because it is too large
@ -0,0 +1,289 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
|
||||
|
<div v-if="initLoading" |
||||
|
class="m-row"> |
||||
|
<div class="m-info"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">姓名：</span> |
||||
|
<span>{{ formData.name||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">手机号：</span> |
||||
|
<span>{{ formData.mobile||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">证件号：</span> |
||||
|
<span>{{ formData.idCard||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">户籍地：</span> |
||||
|
<span>{{ formData.registeredResidence||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来源地：</span> |
||||
|
<span>{{ formData.sourceAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">详细地址：</span> |
||||
|
<span>{{ formData.sourceDetailAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来曹事由：</span> |
||||
|
<span>{{ formData.describeContent||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">48小时核酸：</span> |
||||
|
<span>{{ formData.natOutcome||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来到本地时间：</span> |
||||
|
<span>{{ formData.arriveDate||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来曹居住地点：</span> |
||||
|
<span>{{ formData.presentAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">详细地址：</span> |
||||
|
<span>{{ formData.detailAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">返回方式：</span> |
||||
|
<span>{{ formData.trafficType||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">7天内旅居史情况：</span> |
||||
|
<span>{{ formData.sojournHistory||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">隔离状态：</span> |
||||
|
<span>{{ formData.isolateType||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">备注：</span> |
||||
|
<span>{{ formData.remark||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">是否落实"落地检"：</span> |
||||
|
<span>{{ formData.isArriveCheck||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">是否到达曹县：</span> |
||||
|
<span>{{ formData.isArrive||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">上报时间：</span> |
||||
|
<span>{{ formData.reportingTime||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">类型：</span> |
||||
|
<span>{{ formData.tripDataType||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">关 闭</el-button> |
||||
|
<!-- <el-button v-if="formType != 'detail'" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm('ref_form')">确 定</el-button> --> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost } from '@/js/dai/request' |
||||
|
import { dateFormats } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
|
||||
|
return { |
||||
|
|
||||
|
initLoading: false, |
||||
|
|
||||
|
icNatId: '', |
||||
|
formData: {}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
async mounted () { |
||||
|
const { user } = this.$store.state |
||||
|
this.agencyId = user.agencyId |
||||
|
//获取网格下拉框数据 |
||||
|
// await this.loadGrid() |
||||
|
}, |
||||
|
destroyed () { |
||||
|
this.nowAllCode = [] |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
async initForm (row) { |
||||
|
console.log('row----', row) |
||||
|
|
||||
|
this.formData.agencyId = this.agencyId |
||||
|
|
||||
|
await this.loadFormData(row.id) |
||||
|
|
||||
|
this.initLoading = true |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
async loadGrid () { |
||||
|
const url = "/gov/org/customergrid/gridoption" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.gridList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelGrid (value) { |
||||
|
|
||||
|
const url = "/epmetuser/icresiuser/demandusers" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId, |
||||
|
gridId: value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.personList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 4 // 5层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelAddress (value) { |
||||
|
|
||||
|
const url = "/gov/org/house/gethouseinfo/" + value |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.formData.presentAddress = data.agencyPathName |
||||
|
this.formData.presentAddressCode = data.areaCode |
||||
|
this.formData.detailAddress = data.allName |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelPerson (personItem) { |
||||
|
this.formData.userId = personItem.demandUserId |
||||
|
this.formData.name = personItem.demandUserName |
||||
|
this.formData.mobile = personItem.demandUserMobile |
||||
|
this.formData.idCard = personItem.idCard |
||||
|
this.handleSelAddress(personItem.houseId) |
||||
|
}, |
||||
|
|
||||
|
async loadFormData (id) { |
||||
|
|
||||
|
const url = '/epmetuser/tripreport/detail' |
||||
|
let params = { |
||||
|
id, |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
if (code === 0) { |
||||
|
console.log('deda-------', data) |
||||
|
this.formData = { ...data, channel: [], content: '' } |
||||
|
this.sourceAllCode = data.sourceAddressPathCode && data.sourceAddressPathCode.split(',') |
||||
|
|
||||
|
if (data.userType == 'icresi') this.isFromResi = true |
||||
|
else this.nowAllCode = data.presentAddressPathCode && data.presentAddressPathCode.split(',') |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleCancle () { |
||||
|
// this.resetData() |
||||
|
this.$emit('dialogCancle') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
|
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
|
||||
|
|
||||
@ -0,0 +1,852 @@ |
|||||
|
<template> |
||||
|
<div class="epidemic-form"> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<el-form ref="ref_form" |
||||
|
:inline="true" |
||||
|
:model="formData" |
||||
|
:rules="dataRule" |
||||
|
label-width="150px" |
||||
|
class="form"> |
||||
|
|
||||
|
<el-form-item v-if="formType==='add'" |
||||
|
label="录入方式" |
||||
|
style="display: block"> |
||||
|
<el-radio-group v-model="enterType" |
||||
|
@change="handleChangeEnterType"> |
||||
|
|
||||
|
<el-radio :label="'1'">手动输入</el-radio> |
||||
|
<el-radio :label="'2'">选择居民</el-radio> |
||||
|
|
||||
|
</el-radio-group> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item v-if="formType==='add'" |
||||
|
label="所属网格" |
||||
|
style="display: block"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.gridId" |
||||
|
placeholder="请选择" |
||||
|
:disabled="!isFromResi" |
||||
|
clearable> |
||||
|
<el-option v-for="item in gridList" |
||||
|
@click.native="handleSelGrid(item.value)" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item v-if="formType==='add'" |
||||
|
label="居民" |
||||
|
prop="userId" |
||||
|
style="display: block"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.userId" |
||||
|
placeholder="请选择" |
||||
|
filterable |
||||
|
:disabled="!isFromResi" |
||||
|
clearable> |
||||
|
<el-option v-for="item in personList" |
||||
|
@click.native="handleSelPerson(item)" |
||||
|
:key="item.demandUserId" |
||||
|
:label="item.label" |
||||
|
:value="item.demandUserId"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="姓名" |
||||
|
prop="name" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入姓名" |
||||
|
clearable |
||||
|
:disabled="isFromResi" |
||||
|
v-model="formData.name" |
||||
|
style="margin-right:10px;"> |
||||
|
</el-input> |
||||
|
<el-checkbox v-model="formData.heSuanCheck">添加到核酸检测关注名单</el-checkbox> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="手机号" |
||||
|
prop="mobile" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入手机号" |
||||
|
clearable |
||||
|
:disabled="isFromResi" |
||||
|
v-model="formData.mobile"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件号" |
||||
|
prop="idCard" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入身份证号或证件号" |
||||
|
clearable |
||||
|
:disabled="isFromResi" |
||||
|
v-model="formData.idCard"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="户籍地" |
||||
|
prop="registeredResidence" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入户籍地" |
||||
|
clearable |
||||
|
v-model="formData.registeredResidence"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="来源地" |
||||
|
prop="sourceAddress" |
||||
|
style="display: block"> |
||||
|
|
||||
|
<el-cascader ref="sourceArea" |
||||
|
v-model="sourceAllCode" |
||||
|
class="item_width_2" |
||||
|
:props="areaProps" |
||||
|
@change="handleSourceArea" |
||||
|
clearable></el-cascader> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="详细地址" |
||||
|
prop="sourceDetailAddress" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入详细地址" |
||||
|
clearable |
||||
|
v-model="formData.sourceDetailAddress"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="来曹事由" |
||||
|
prop="describeContent" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入来曹事由" |
||||
|
clearable |
||||
|
v-model="formData.describeContent"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="48小时核酸" |
||||
|
prop="natOutcome" |
||||
|
style="display: block"> |
||||
|
<el-radio v-model="formData.natOutcome" |
||||
|
label="0">阴性</el-radio> |
||||
|
<el-radio v-model="formData.natOutcome" |
||||
|
label="1">阳性</el-radio> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="来到本地时间" |
||||
|
style="display: block" |
||||
|
prop="arriveDate"> |
||||
|
<el-date-picker class="item_width_2" |
||||
|
v-model="formData.arriveDate" |
||||
|
:picker-options="pickerOptions" |
||||
|
format="yyyy-MM-dd HH:mm" |
||||
|
value-format="yyyy-MM-dd HH:mm" |
||||
|
type="datetime" |
||||
|
clearable |
||||
|
placeholder="选择时间"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="来曹居住地点" |
||||
|
prop="presentAddress" |
||||
|
style="display: block"> |
||||
|
|
||||
|
<template> |
||||
|
|
||||
|
<el-cascader ref="nowArea" |
||||
|
class="item_width_2" |
||||
|
:props="areaProps" |
||||
|
v-model="nowAllCode" |
||||
|
clearable |
||||
|
@change="handleNowArea"></el-cascader> |
||||
|
</template> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="详细地址" |
||||
|
prop="detailAddress" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_2" |
||||
|
placeholder="请输入详细地址" |
||||
|
clearable |
||||
|
v-model="formData.detailAddress"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="返回方式" |
||||
|
style="display: block" |
||||
|
prop="trafficType"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.trafficType" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in trafficTypeList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="7天内旅居史情况" |
||||
|
style="display: block" |
||||
|
prop="sojournHistory"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.sojournHistory" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in dangerLevelList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
<el-form-item label="隔离状态" |
||||
|
prop="isolateType"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.isolateType" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in isolateTypeList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="备注" |
||||
|
prop="remark" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_1" |
||||
|
type="textarea" |
||||
|
maxlength="500" |
||||
|
show-word-limit |
||||
|
:autosize="{ minRows: 4, maxRows: 10 }" |
||||
|
clearable |
||||
|
placeholder="请输入内容" |
||||
|
v-model="formData.remark"></el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="是否落实“落地检”" |
||||
|
prop="isArriveCheck" |
||||
|
style="display: block"> |
||||
|
<el-radio v-model="formData.isArriveCheck" |
||||
|
label="1">是</el-radio> |
||||
|
<el-radio v-model="formData.isArriveCheck" |
||||
|
label="0">否</el-radio> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="是否到达曹县" |
||||
|
prop="isArrive" |
||||
|
style="display: block"> |
||||
|
<el-radio v-model="formData.isArrive" |
||||
|
label="1">是</el-radio> |
||||
|
<el-radio v-model="formData.isArrive" |
||||
|
label="0">否</el-radio> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="上报时间" |
||||
|
style="display: block" |
||||
|
prop="reportingTime"> |
||||
|
<el-date-picker class="item_width_2" |
||||
|
v-model="formData.reportingTime" |
||||
|
format="yyyy-MM-dd HH:mm" |
||||
|
value-format="yyyy-MM-dd HH:mm" |
||||
|
type="datetime" |
||||
|
clearable |
||||
|
placeholder="选择时间"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="类型" |
||||
|
prop="tripDataType"> |
||||
|
<el-select class="item_width_2" |
||||
|
v-model.trim="formData.tripDataType" |
||||
|
placeholder="请选择" |
||||
|
clearable> |
||||
|
<el-option v-for="item in tripDataTypeList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</el-form-item> |
||||
|
|
||||
|
<template> |
||||
|
<el-form-item label="通知渠道" |
||||
|
prop="channel" |
||||
|
style="display: block"> |
||||
|
<el-checkbox-group v-model="formData.channel"> |
||||
|
<el-checkbox key="0" |
||||
|
label="0">小程序通知</el-checkbox> |
||||
|
<!-- <el-checkbox key="1" |
||||
|
label="1">短信通知</el-checkbox> --> |
||||
|
|
||||
|
</el-checkbox-group> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item v-show="formData.channel.length > 0" |
||||
|
label="通知内容" |
||||
|
prop="content" |
||||
|
style="display: block"> |
||||
|
<el-input class="item_width_1" |
||||
|
type="textarea" |
||||
|
maxlength="500" |
||||
|
show-word-limit |
||||
|
:autosize="{ minRows: 4, maxRows: 10 }" |
||||
|
clearable |
||||
|
placeholder="请输入通知内容" |
||||
|
v-model="formData.content"></el-input> |
||||
|
</el-form-item> |
||||
|
</template> |
||||
|
|
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="form_div_btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">取 消</el-button> |
||||
|
<el-button size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm('ref_form')">确 定</el-button> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost } from '@/js/dai/request' |
||||
|
import { dateFormats } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
let checkMObile = (rule, value, callback) => { |
||||
|
if (value === '') { |
||||
|
callback(new Error('手机号不能为空')) |
||||
|
} else { |
||||
|
if (!isMobile(value)) { |
||||
|
callback(new Error('手机号格式不正确')) |
||||
|
} |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
let checkIdCard = (rule, value, callback) => { |
||||
|
if (value === '') { |
||||
|
callback(new Error('证件号不能为空')) |
||||
|
} else { |
||||
|
if (!isCard(value)) { |
||||
|
callback(new Error('请输入正确的身份证号或护照号')) |
||||
|
} |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
return { |
||||
|
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 |
||||
|
hideUploadEdit: false, // 隐藏'上传按钮' |
||||
|
limitNum: 1, |
||||
|
enterType: '1',//录入方式1 手动输入 2 选择居民 |
||||
|
isFromResi: false,//是否从已有居民信息中选择 |
||||
|
|
||||
|
gridList: [], |
||||
|
personList: [], |
||||
|
pickerOptions: { |
||||
|
disabledDate (time) { |
||||
|
return time.getTime() > Date.now(); |
||||
|
} |
||||
|
}, |
||||
|
btnDisable: false, |
||||
|
sourceAllCode: [], // 来源地全 code |
||||
|
nowAllCode: [], // 现居地全 code |
||||
|
icNatId: '', |
||||
|
formData: { |
||||
|
gridId: '', |
||||
|
agencyId: '',//当前网格所属组织Id |
||||
|
userId: '',//居民端小程序的用户id、数字社区的icResiUserId、其他情况无值 |
||||
|
userType: 'icresi',//居民端小程序的人：resi;数字社区的居民：icresi;导入的：import;同步的：synchro |
||||
|
name: '', |
||||
|
idCard: '', |
||||
|
mobile: '', |
||||
|
heSuanCheck: false, |
||||
|
presentAddress: '', |
||||
|
presentAddressCode: '', |
||||
|
detailAddress: '', |
||||
|
sourceAddressCode: '', |
||||
|
presentAddressPathCode: '', |
||||
|
sourceAddress: '', |
||||
|
sourceAddressPathCode: '', |
||||
|
arriveDate: '', |
||||
|
remark: '', |
||||
|
leaveDate: '', |
||||
|
userType: 'input', |
||||
|
content: '', |
||||
|
channel: [], |
||||
|
|
||||
|
registeredResidence: '',//户籍地（必填） |
||||
|
sourceDetailAddress: '',//来源地--详细地址（必填） |
||||
|
describeContent: '',//来曹事由（必填） |
||||
|
natOutcome: '',//48小时核酸 0 阴性 1 阳性（必填） |
||||
|
trafficType: '',//交通方式，来源字典表(traffic_type) （必填） |
||||
|
sojournHistory: '',//7天内旅居史情况，字典表(sojourn_history)【磐石】 （非必填） |
||||
|
isolateType: '',//隔离状态，字典表(isolate_type)【磐石】 （非必填） |
||||
|
isArriveCheck: '',//是否落实"落地检" 0:否 1:是【磐石】 （非必填） |
||||
|
isArrive: '',//是否达到曹县 0:否 1:是 【磐石】 （非必填） |
||||
|
reportingTime: '',//上报时间（非必填） |
||||
|
tripDataType: '',//行程记录类型，字典表(trip_data_type)【磐石】 （非必填） |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
trafficTypeList: [], |
||||
|
dangerLevelList: [], |
||||
|
isolateTypeList: [], |
||||
|
tripDataTypeList: [], |
||||
|
|
||||
|
dataRule: { |
||||
|
name: [ |
||||
|
{ required: true, message: '姓名不能为空', trigger: 'change' } |
||||
|
], |
||||
|
|
||||
|
mobile: [ |
||||
|
{ required: true, validator: checkMObile, trigger: 'change' }, |
||||
|
], |
||||
|
idCard: [ |
||||
|
{ required: true, validator: checkIdCard, trigger: 'change' } |
||||
|
], |
||||
|
|
||||
|
registeredResidence: [ |
||||
|
{ required: true, message: '户籍地不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
sourceAddress: [ |
||||
|
{ required: true, message: '来源地不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
sourceDetailAddress: [ |
||||
|
{ required: true, message: '来源地详细地址不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
describeContent: [ |
||||
|
{ required: true, message: '来曹事由不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
natOutcome: [ |
||||
|
{ required: true, message: '48小时核酸不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
arriveDate: [ |
||||
|
{ required: true, message: '来到本地时间不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
|
||||
|
presentAddress: [ |
||||
|
{ required: true, message: '来曹居住地点不能为空', trigger: 'change' }, |
||||
|
], |
||||
|
// detailAddress: [ |
||||
|
// { required: true, message: '来曹居住详细地址不能为空', trigger: 'change' }, |
||||
|
// ], |
||||
|
|
||||
|
trafficType: [ |
||||
|
{ required: true, message: '返回方式不能为空', trigger: 'change' }, |
||||
|
] |
||||
|
}, |
||||
|
areaProps: { |
||||
|
// checkStrictly: true, |
||||
|
lazy: true, |
||||
|
lazyLoad: this.lzayLoadArea |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
async mounted () { |
||||
|
const { user } = this.$store.state |
||||
|
this.agencyId = user.agencyId |
||||
|
//获取网格下拉框数据 |
||||
|
await this.loadGrid() |
||||
|
|
||||
|
this.getDangerLevel() |
||||
|
this.getTrafficType() |
||||
|
this.getIsolateType() |
||||
|
this.getTripDataType() |
||||
|
}, |
||||
|
destroyed () { |
||||
|
this.nowAllCode = [] |
||||
|
}, |
||||
|
methods: { |
||||
|
computedWd (val) { |
||||
|
const len = val.length |
||||
|
const wd = len * 18 |
||||
|
let w = '' |
||||
|
if (wd > 220) w = wd |
||||
|
else w = 220 |
||||
|
return w + 'px' |
||||
|
}, |
||||
|
lzayLoadArea (node, resolve) { |
||||
|
// this.getArea(node, resolve) |
||||
|
setTimeout(() => { |
||||
|
this.getArea(node, resolve) |
||||
|
}, 200) |
||||
|
}, |
||||
|
async initForm (type, row) { |
||||
|
console.log('row----', row) |
||||
|
this.formType = type |
||||
|
this.formData.agencyId = this.agencyId |
||||
|
if (type != 'add') { |
||||
|
// this.formData = { ...row, channel: [], content: '' } |
||||
|
await this.loadFormData(row.id) |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
const { user } = this.$store.state |
||||
|
this.nowAllCode = user.areaCodePath |
||||
|
} |
||||
|
// this.$refs['ref_form'].resetFields(); |
||||
|
|
||||
|
console.log('formtype', type) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
handleChangeEnterType (value) { |
||||
|
this.formData.name = '' |
||||
|
this.formData.mobile = '' |
||||
|
this.formData.idCard = '' |
||||
|
this.formData.gridId = '' |
||||
|
this.formData.userId = '' |
||||
|
this.resetData() |
||||
|
if (value === '2') { |
||||
|
this.isFromResi = true |
||||
|
this.formData.userType = 'icresi' |
||||
|
} else { |
||||
|
this.isFromResi = false |
||||
|
this.formData.userType = 'input' |
||||
|
const { user } = this.$store.state |
||||
|
this.nowAllCode = user.areaCodePath |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
handleSourceArea (val) { |
||||
|
console.log('val-----', val) |
||||
|
console.log('label-----', this.$refs.sourceArea.getCheckedNodes()) |
||||
|
if (val.length > 0) { |
||||
|
const labels = this.$refs.sourceArea.getCheckedNodes()[0].pathLabels |
||||
|
this.formData.sourceAddressCode = val[val.length - 1] |
||||
|
this.formData.sourceAddress = labels.join('-') |
||||
|
this.formData.sourceAddressPathCode = val.join(',') |
||||
|
this.$refs.ref_form.clearValidate('sourceAddress') |
||||
|
} else { |
||||
|
this.formData.sourceAddressCode = '' |
||||
|
this.formData.sourceAddress = '' |
||||
|
this.formData.sourceAddressPathCode = '' |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
handleNowArea (val) { |
||||
|
console.log('val-----', val) |
||||
|
console.log('label-----', this.$refs.nowArea.getCheckedNodes()) |
||||
|
if (val.length > 0) { |
||||
|
const labels = this.$refs.nowArea.getCheckedNodes()[0].pathLabels |
||||
|
this.formData.presentAddressCode = val[val.length - 1] |
||||
|
this.formData.presentAddress = labels.join('-') |
||||
|
this.formData.presentAddressPathCode = val.join(',') |
||||
|
console.log('presentAddress', this.formData.presentAddress) |
||||
|
this.$refs.ref_form.clearValidate('presentAddress') |
||||
|
} else { |
||||
|
this.formData.presentAddressCode = '' |
||||
|
this.formData.presentAddress = '' |
||||
|
this.formData.presentAddressPathCode = '' |
||||
|
} |
||||
|
}, |
||||
|
async loadGrid () { |
||||
|
const url = "/gov/org/customergrid/gridoption" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.gridList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelGrid (value) { |
||||
|
|
||||
|
const url = "/epmetuser/icresiuser/demandusers" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.agencyId, |
||||
|
gridId: value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.personList = data |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 4 // 5层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelAddress (value) { |
||||
|
|
||||
|
const url = "/gov/org/house/gethouseinfo/" + value |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.formData.presentAddress = data.agencyPathName |
||||
|
this.formData.presentAddressCode = data.areaCode |
||||
|
this.formData.detailAddress = data.allName |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async handleSelPerson (personItem) { |
||||
|
this.formData.userId = personItem.demandUserId |
||||
|
this.formData.name = personItem.demandUserName |
||||
|
this.formData.mobile = personItem.demandUserMobile |
||||
|
this.formData.idCard = personItem.idCard |
||||
|
this.handleSelAddress(personItem.houseId) |
||||
|
}, |
||||
|
|
||||
|
async loadFormData (id) { |
||||
|
|
||||
|
const url = '/epmetuser/tripreport/detail' |
||||
|
let params = { |
||||
|
id, |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
if (code === 0) { |
||||
|
console.log('deda-------', data) |
||||
|
this.formData = { ...data, channel: [], content: '' } |
||||
|
this.sourceAllCode = data.sourceAddressPathCode && data.sourceAddressPathCode.split(',') |
||||
|
|
||||
|
if (data.userType == 'icresi') this.isFromResi = true |
||||
|
else this.nowAllCode = data.presentAddressPathCode && data.presentAddressPathCode.split(',') |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
async handleComfirm (formName) { |
||||
|
this.$refs[formName].validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
if (this.formData.channel.length > 0 && !this.formData.content) { |
||||
|
this.$message({ |
||||
|
type: 'warning', |
||||
|
message: '请填写通知内容' |
||||
|
}) |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
this.btnDisable = true |
||||
|
setTimeout(() => { |
||||
|
this.btnDisable = false |
||||
|
}, 5000) |
||||
|
|
||||
|
let url = '' |
||||
|
if (this.formType === 'add') url = '/epmetuser/tripreport/save' |
||||
|
else url = '/epmetuser/tripreport/update' |
||||
|
|
||||
|
console.log(' this.formData', this.formData) |
||||
|
return false |
||||
|
const { data, code, msg } = await requestPost(url, this.formData) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '操作成功' |
||||
|
}) |
||||
|
this.resetData() |
||||
|
this.$emit('dialogOk') |
||||
|
this.btnDisable = false |
||||
|
|
||||
|
} else { |
||||
|
this.btnDisable = false |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
} else { |
||||
|
console.log('error submit!!'); |
||||
|
return false; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
handleCancle () { |
||||
|
this.resetData() |
||||
|
this.$emit('dialogCancle') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
this.$refs.ref_form.resetFields() |
||||
|
this.formData.sourceAddressCode = '' |
||||
|
this.formData.presentAddressCode = '' |
||||
|
this.formData.sourceAddressPathCode = '' |
||||
|
this.formData.presentAddressPathCode = '' |
||||
|
this.sourceAllCode = [] |
||||
|
this.nowAllCode = [] |
||||
|
}, |
||||
|
|
||||
|
async getDangerLevel () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "sojourn_history", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.dangerLevelList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getTrafficType () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "traffic_type", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.trafficTypeList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getIsolateType () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "isolate_type", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.isolateTypeList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async getTripDataType () { |
||||
|
|
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "trip_data_type", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.tripDataTypeList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/epidemic.scss"; |
||||
|
|
||||
|
.epidemic-form { |
||||
|
.mw180 { |
||||
|
min-width: 260px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang='scss'> |
||||
|
// 隐藏上传按钮 |
||||
|
.hide .el-upload--picture-card { |
||||
|
display: none; |
||||
|
} |
||||
|
// 添加/删除文件时去掉动画过渡 |
||||
|
.el-upload-list__item { |
||||
|
transition: none !important; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,163 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>详情</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
<div class="m-content"> |
||||
|
<div class="m-info"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">姓名：</span> |
||||
|
<span>{{ info.name||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">手机：</span> |
||||
|
<span>{{ info.mobile||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">证件号：</span> |
||||
|
<span>{{ info.idCard||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">来源地：</span> |
||||
|
<span>{{ info.sourceAddress||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">来曹事由：</span> |
||||
|
<span>{{ info.describeContent||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">48小时核酸：</span> |
||||
|
<span>{{ info.natOutComeName||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">7天旅居史：</span> |
||||
|
<span>{{ info.sojournHistoryName||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">隔离状态：</span> |
||||
|
<span>{{ info.isolateTypeName||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">来曹时间：</span> |
||||
|
<span>{{ info.arriveDate||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
import screenLoading from "@/views/modules/visual/cpts/loading"; |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
|
||||
|
import dateFormat from "dai-js/tools/dateFormat"; |
||||
|
|
||||
|
export default { |
||||
|
name: "demandInfo", |
||||
|
props: { |
||||
|
detailId: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
|
||||
|
screenLoading, |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
info: { |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
idCard: "", |
||||
|
sourceAddress: "", |
||||
|
describeContent: "", |
||||
|
natOutcome: "", |
||||
|
sojournHistory: "", |
||||
|
isolateType: "", |
||||
|
arriveDate: '', |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: {}, |
||||
|
|
||||
|
watch: { |
||||
|
detailId () { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
handleClose () { |
||||
|
this.$emit("close"); |
||||
|
}, |
||||
|
|
||||
|
async getApiData () { |
||||
|
|
||||
|
await this.getInfo(); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//加载组织数据 |
||||
|
async getInfo () { |
||||
|
const url = "/epmetuser/tripreport/emphasisTripDetail"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icTripReportRecord/emphasisTripDetail"; |
||||
|
let params = { |
||||
|
id: this.detailId, |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.info = data |
||||
|
|
||||
|
if (this.info.topicInfo && this.info.topicInfo.publishedTime) { |
||||
|
this.info.topicInfo.publishedTimeShow = dateFormat(new Date(this.info.topicInfo.publishedTime * 1000), "yyyy-MM-dd") |
||||
|
|
||||
|
} |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/issue-info.scss" |
||||
|
scoped |
||||
|
></style> |
||||
@ -0,0 +1,175 @@ |
|||||
|
|
||||
|
export function pieOption (_charts) { |
||||
|
const center= ['50%', '240px'] |
||||
|
return { |
||||
|
title: { |
||||
|
text: '0', |
||||
|
top: 215, |
||||
|
left: 'center', |
||||
|
textStyle: { |
||||
|
width: '100%', |
||||
|
fontSize: 26, |
||||
|
color: '#FFFFFF', |
||||
|
fontWeight: 400 |
||||
|
}, |
||||
|
itemGap: 5, |
||||
|
subtext: '总数', |
||||
|
subtextStyle: { |
||||
|
fontSize: 18, |
||||
|
color: '#fff', |
||||
|
fontWeight: 400 |
||||
|
} |
||||
|
}, |
||||
|
tooltip: { |
||||
|
show: false |
||||
|
}, |
||||
|
legend: { |
||||
|
bottom: 150, |
||||
|
itemWidth: 20, |
||||
|
itemHeight: 10, |
||||
|
textStyle: { |
||||
|
color: '#D2E7FF', |
||||
|
fontSize: 14, |
||||
|
lineHeight: 20, |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
series: [ |
||||
|
// 外侧圆环
|
||||
|
{ |
||||
|
type: 'pie', |
||||
|
// 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
|
||||
|
startAngle: 0, |
||||
|
hoverAnimation: false, |
||||
|
// tooltip: {
|
||||
|
// },
|
||||
|
center: center, |
||||
|
radius: ['48%', '48.3%'], |
||||
|
label: { |
||||
|
show: false |
||||
|
}, |
||||
|
labelLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
data: [{ |
||||
|
value: 360, |
||||
|
itemStyle: { |
||||
|
color: 'rgba(40, 101, 250, 0)', |
||||
|
width:0, |
||||
|
borderColor: 'rgba(40, 101, 250, 0.5)', |
||||
|
borderWidth: 1, |
||||
|
borderType: 'dotted' |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
|
||||
|
// 突出的
|
||||
|
{ |
||||
|
hoverAnimation: false, |
||||
|
// name: 'Access From',
|
||||
|
type: 'pie', |
||||
|
center: center, |
||||
|
radius: ['25%', '38%'], |
||||
|
avoidLabelOverlap: false, |
||||
|
// top: top + '%',
|
||||
|
// height: '80%',
|
||||
|
selectedMode: 'single', |
||||
|
left: 'center', |
||||
|
width: 480, |
||||
|
label: { |
||||
|
// show: false,
|
||||
|
position: 'outside', |
||||
|
alignTo: 'edge', |
||||
|
// formatter: '{a|{c}}\n\n{name|{b}}',
|
||||
|
formatter: '{a|{c}}\n{r|}\n{name|{b}}', |
||||
|
minMargin: 5, |
||||
|
edgeDistance: 1, |
||||
|
lineHeight: 15, |
||||
|
color: '#fff', |
||||
|
fontSize: 10, |
||||
|
// distanceToLabelLine: -60,
|
||||
|
rich: { |
||||
|
name: { |
||||
|
padding: [0, 6, 0, 6] |
||||
|
}, |
||||
|
a: { |
||||
|
fontSize: 18, |
||||
|
color: '#fff', |
||||
|
padding: [0, 6, 6, 6] |
||||
|
}, |
||||
|
r: { |
||||
|
backgroundColor: 'auto', |
||||
|
borderRadius: 6, |
||||
|
width: 6, |
||||
|
height: 6, |
||||
|
// padding: [3, 3, 0, -12]
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
labelLine: { |
||||
|
show: false, |
||||
|
smooth: 0.2, |
||||
|
length: 20, |
||||
|
length2: 0, |
||||
|
maxSurfaceAngle: 80 |
||||
|
}, |
||||
|
labelLayout: function (params) { |
||||
|
|
||||
|
const isLeft = params.labelRect.x < _charts.getWidth() / 2; |
||||
|
const points = params.labelLinePoints; |
||||
|
// Update the end point.
|
||||
|
if (points) { |
||||
|
points[2][0] = isLeft |
||||
|
? params.labelRect.x |
||||
|
: params.labelRect.x + params.labelRect.width; |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
labelLinePoints: points |
||||
|
}; |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color:function(params) { |
||||
|
return params.data.color |
||||
|
} |
||||
|
}, |
||||
|
data: [], |
||||
|
|
||||
|
}, |
||||
|
// 中间圆环
|
||||
|
{ |
||||
|
type: 'pie', |
||||
|
// 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
|
||||
|
startAngle: 0, |
||||
|
hoverAnimation: false, |
||||
|
center: center, |
||||
|
// tooltip: {
|
||||
|
// },
|
||||
|
radius: ['0%', '20%'], |
||||
|
label: { |
||||
|
|
||||
|
show: false |
||||
|
|
||||
|
}, |
||||
|
labelLine: { |
||||
|
|
||||
|
show: false |
||||
|
|
||||
|
}, |
||||
|
data: [{ |
||||
|
value: 360, |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
color: 'rgba(8, 37, 134, 1)', |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
] |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,506 @@ |
|||||
|
<template> |
||||
|
<cpt-card style="margin-top:40px"> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>重点行程名单统计</span> |
||||
|
<div class="search"> |
||||
|
<div class="second-select cascader"> |
||||
|
|
||||
|
<!-- <el-cascader class="customer_cascader" |
||||
|
ref="myCascader" |
||||
|
v-model="agencyIdArray" |
||||
|
:key="iscascaderShow" |
||||
|
:options="casOptions" |
||||
|
:props="optionProps" |
||||
|
:show-all-levels="false" |
||||
|
@change="handleChangeAgency"></el-cascader> --> |
||||
|
|
||||
|
<el-cascader ref="sourceArea" |
||||
|
v-model="sourceAllCode" |
||||
|
class="customer_cascader" |
||||
|
:props="areaProps" |
||||
|
@change="handleAreaChange" |
||||
|
clearable></el-cascader> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="g-cpt-resi"> |
||||
|
<div class="g-l"> |
||||
|
<screen-echarts-frame v-if=" !dataLoading" |
||||
|
class="echart-wr" |
||||
|
@myChartMethod="pieInitOk" |
||||
|
ref="pieChart"></screen-echarts-frame> |
||||
|
|
||||
|
<div class="table-status" |
||||
|
v-if="dataLoading"> |
||||
|
<screen-loading>加载中</screen-loading> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="g-r"> |
||||
|
<div class="m-tb"> |
||||
|
|
||||
|
<div class="tb"> |
||||
|
<cpt-tb :col-list="demand.colList" |
||||
|
:loading="demand.loading" |
||||
|
:header="demand.header" |
||||
|
:list="demand.list" |
||||
|
@operate="toIssueInfo"></cpt-tb> |
||||
|
|
||||
|
</div> |
||||
|
<div class="m-pagination"> |
||||
|
<el-pagination hide-on-single-page |
||||
|
:current-page="demand.pageNo" |
||||
|
:page-size="demand.pageSize" |
||||
|
:total="demand.total" |
||||
|
background |
||||
|
layout="prev, pager, next,total" |
||||
|
@current-change="handlePageNoChange_demand"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<detail v-if="showDetail" |
||||
|
:detailId="detailId" |
||||
|
@close="showDetail = false" /> |
||||
|
|
||||
|
</cpt-card> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Loading } from "element-ui"; //引入Loading服务 |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
import cptTb from "@/views/modules/visual/cpts/tb"; |
||||
|
import screenEchartsFrame from "@/views/modules/visual/components/screen-echarts-frame"; |
||||
|
import ScreenLoading from "@/views/modules/visual/components/screen-loading"; |
||||
|
import ScreenNodata from "@/views/modules/visual/components/screen-nodata"; |
||||
|
import { pieOption } from './pieOption.js' |
||||
|
|
||||
|
import detail from "./detail"; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
name: "HomeMap", |
||||
|
data () { |
||||
|
return { |
||||
|
dataLoading: true, |
||||
|
|
||||
|
pieChartS: null, |
||||
|
pieChart: '', |
||||
|
pieOption: {}, |
||||
|
pieInitState: false, |
||||
|
pieTotal: 0, |
||||
|
colorArray: [], |
||||
|
pieData: [], |
||||
|
|
||||
|
code: '', |
||||
|
dangerLevel: '', |
||||
|
|
||||
|
tableList: [], |
||||
|
demand: { |
||||
|
loading: true, |
||||
|
colList: [ |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "5%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "12%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "17%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "18%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "10%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "8%", |
||||
|
}, |
||||
|
], |
||||
|
header: ["序号", "姓名", "手机号", "证件号", "来源地", "来曹事由", "48小时核酸", "来曹时间", "七天内旅居", "隔离状态", "操作"], |
||||
|
list: [], |
||||
|
pageSize: 10, |
||||
|
pageNo: 1, |
||||
|
total: 0, |
||||
|
}, |
||||
|
showDetail: false, |
||||
|
detailId: '', |
||||
|
|
||||
|
sourceAllCode: [], |
||||
|
areaProps: { |
||||
|
checkStrictly: true, |
||||
|
lazy: true, |
||||
|
lazyLoad: this.lzayLoadArea |
||||
|
}, |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
// mixins: [animate] |
||||
|
beforeDestroy () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
this.dataLoading = true |
||||
|
await this.getDangerLevel()//获取组织级别 |
||||
|
await this.getApiData() |
||||
|
|
||||
|
this.dataLoading = false |
||||
|
|
||||
|
this.getPie() |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
async getApiData () { |
||||
|
await this.getPieChart() |
||||
|
await this.getTable(); |
||||
|
}, |
||||
|
|
||||
|
async handleAreaChange (val) { |
||||
|
if (val.length > 0) { |
||||
|
// this.code = val.join('-') |
||||
|
this.code = val[val.length - 1] |
||||
|
} else { |
||||
|
this.code = '' |
||||
|
} |
||||
|
await this.getPieChart() |
||||
|
|
||||
|
this.getPie() |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
lzayLoadArea (node, resolve) { |
||||
|
// this.getArea(node, resolve) |
||||
|
setTimeout(() => { |
||||
|
this.getArea(node, resolve) |
||||
|
}, 200) |
||||
|
}, |
||||
|
|
||||
|
async getArea (node, resolve) { |
||||
|
|
||||
|
const url = "/commonservice/areacode/nextarea" |
||||
|
let params = { |
||||
|
parentLevel: node.data ? node.data.level : '', |
||||
|
parentAreaCode: node.data ? node.data.code : '' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const nodes = data.map(item => ({ |
||||
|
value: item.areaCode, // |
||||
|
label: item.areaName, |
||||
|
code: item.areaCode, |
||||
|
level: item.level, |
||||
|
leaf: node.level >= 1 // 2层级 |
||||
|
})) |
||||
|
resolve(nodes) |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 获取当前登录人员信息及组织信息 |
||||
|
async getDangerLevel () { |
||||
|
const url = "/sys/dict/data/dictlist"; |
||||
|
|
||||
|
let params = { |
||||
|
dictType: "dangerAreaLevel", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.dangerLevelList = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
// 获取饼状图 |
||||
|
async getPieChart () { |
||||
|
if (this.$refs.pieChart) { |
||||
|
this.$refs.pieChart.clear() |
||||
|
this.$refs.pieChart.showLoading() |
||||
|
} |
||||
|
|
||||
|
const url = "/epmetuser/tripreport/emphasisTripPieDetail"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/tripreport/emphasisTripPieDetail"; |
||||
|
let params = { |
||||
|
code: this.code, |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// let dataTemp = [ |
||||
|
// { total: 50, dangerLevelName: '低风险', color: '#fac858', dangerLevel: '0' }, |
||||
|
// { total: 20, dangerLevelName: '中风险', color: '#fc8452', dangerLevel: '1' }, |
||||
|
// { total: 20, dangerLevelName: '高风险', color: '#ee6666', dangerLevel: '2' }, |
||||
|
// ] |
||||
|
|
||||
|
this.pieData = [] |
||||
|
this.pieTotal = 0 |
||||
|
|
||||
|
data.forEach(element => { |
||||
|
this.pieTotal = this.pieTotal + element.total |
||||
|
let color = '' |
||||
|
if (element.dangerLevel === '2') { |
||||
|
color = '#ee6666' |
||||
|
} else if (element.dangerLevel === '1') { |
||||
|
color = '#fc8452' |
||||
|
} else { |
||||
|
color = '#fac858' |
||||
|
} |
||||
|
|
||||
|
let obj = { |
||||
|
name: element.dangerLevelName, |
||||
|
value: element.total, |
||||
|
color: color |
||||
|
} |
||||
|
|
||||
|
this.pieData.push(obj) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
if (this.$refs.pieChart) { |
||||
|
this.$refs.pieChart.hideLoading() |
||||
|
} |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
pieInitOk (dom) { |
||||
|
console.log('pie准备好了', dom) |
||||
|
this.pieChartS = dom |
||||
|
this.pieInitState = true |
||||
|
|
||||
|
}, |
||||
|
getPie () { |
||||
|
if (this.pieInitState) { |
||||
|
this.assignPieChart() |
||||
|
} else { |
||||
|
setTimeout(() => { |
||||
|
this.getPie() |
||||
|
}, 500) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
assignPieChart () { |
||||
|
const _that = this; |
||||
|
|
||||
|
// 获取pieChart配置 |
||||
|
this.pieOption = pieOption(this.pieChartS); |
||||
|
|
||||
|
this.pieData[0].selected = false; |
||||
|
this.pieData[1].selected = false; |
||||
|
|
||||
|
this.pieOption.title.text = this.pieTotal; |
||||
|
|
||||
|
this.clickPie(); |
||||
|
|
||||
|
let fun = function (params) { |
||||
|
_that.clickPie(params); |
||||
|
}; |
||||
|
this.$refs.pieChart.handleClick(fun); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
clickPie (params) { |
||||
|
console.log('clickPie', params) |
||||
|
let dataIndex = params ? params.dataIndex : null; |
||||
|
let componentIndex = params ? params.componentIndex : null; |
||||
|
let data = params ? params.data : null |
||||
|
|
||||
|
if (componentIndex === 1) { |
||||
|
//点击数据 |
||||
|
if (data.name === '低风险') { |
||||
|
this.dangerLevel = "0"; |
||||
|
} else if (data.name === '中风险') { |
||||
|
this.dangerLevel = "1"; |
||||
|
} else if (data.name === '高风险') { |
||||
|
this.dangerLevel = "2"; |
||||
|
} |
||||
|
} else if (componentIndex === 2) { |
||||
|
//点击中心 |
||||
|
this.dangerLevel = ""; |
||||
|
dataIndex = 3; |
||||
|
} |
||||
|
|
||||
|
if (dataIndex === 3) { |
||||
|
this.$refs.pieChart.clear(); |
||||
|
} |
||||
|
this.pieData.forEach((element, index) => { |
||||
|
if (index === dataIndex) { |
||||
|
element.selected = true; |
||||
|
element.label = { |
||||
|
show: true, |
||||
|
}; |
||||
|
element.labelLine = { |
||||
|
show: true, |
||||
|
lineStyle: { |
||||
|
opacity: 1, |
||||
|
}, |
||||
|
}; |
||||
|
// element.selected = !element.selected |
||||
|
} else { |
||||
|
element.selected = false; |
||||
|
element.label = { |
||||
|
show: false, |
||||
|
}; |
||||
|
element.labelLine = { |
||||
|
show: false, |
||||
|
lineStyle: { |
||||
|
opacity: 0, |
||||
|
color: "rgba(255,255,255,0)", |
||||
|
}, |
||||
|
}; |
||||
|
element.selected = false; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
this.pieOption.series[1].data = this.pieData; |
||||
|
this.demand.pageNo = 1; |
||||
|
this.getTable(); |
||||
|
|
||||
|
// this.$refs.pieChart.hideLoading() |
||||
|
this.$refs.pieChart.setOption(this.pieOption); |
||||
|
}, |
||||
|
|
||||
|
//加载组织数据 |
||||
|
async getTable () { |
||||
|
|
||||
|
const url = "/epmetuser/tripreport/list"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/tripreport/list"; |
||||
|
let params = { |
||||
|
code: this.code, |
||||
|
dangerLevel: this.dangerLevel, |
||||
|
pageNo: this.demand.pageNo, |
||||
|
pageSize: this.demand.pageSize, |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
this.demand.loading = false; |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.demand.total = data.total; |
||||
|
this.tableList = data.list |
||||
|
this.demand.list = data.list.map((item, index) => { |
||||
|
return [ |
||||
|
index + 1, |
||||
|
item.name ? item.name : '--', |
||||
|
item.mobile ? item.mobile : '', |
||||
|
item.idCard ? item.idCard : '', |
||||
|
item.sourceAddress ? item.sourceAddress : '', |
||||
|
item.describeContent ? item.describeContent : '', |
||||
|
item.natOutComeName ? item.natOutComeName : '', |
||||
|
item.arriveDate ? item.arriveDate : '', |
||||
|
item.sojournHistoryName ? item.sojournHistoryName : '', |
||||
|
item.isolateTypeName ? item.isolateTypeName : '', |
||||
|
{ type: "operate", list: ["查看"] }, |
||||
|
]; |
||||
|
}); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handlePageNoChange_demand (val) { |
||||
|
this.demand.pageNo = val; |
||||
|
this.getTable(); |
||||
|
}, |
||||
|
|
||||
|
async toIssueInfo (index) { |
||||
|
const { tableList } = this; |
||||
|
this.detailId = tableList[index].id |
||||
|
this.showDetail = true |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
props: { |
||||
|
uid: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
// default: "8ada68cb6f1e4b9a8333348a39ef3aee", |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
computed: {}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
cptTb, |
||||
|
screenEchartsFrame, |
||||
|
ScreenLoading, |
||||
|
ScreenNodata, |
||||
|
detail |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
uid (id) { |
||||
|
this.userId = id; |
||||
|
}, |
||||
|
userId () { |
||||
|
this.getApiData(); |
||||
|
window.scrollTo(0, 0); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/resibuzz.scss" |
||||
|
scoped |
||||
|
></style> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/search_1.scss" |
||||
|
scoped |
||||
|
></style> |
||||
Loading…
Reference in new issue