Browse Source

隔离防疫

dev-新版ui
jiangyy 3 years ago
parent
commit
10e51f0006
  1. 3
      src/assets/scss/modules/management/detail-main.scss
  2. 3
      src/assets/scss/modules/management/epidemic.scss
  3. 1167
      src/views/modules/base/epidemic/natFocus/natFocusAdd.vue
  4. 219
      src/views/modules/base/epidemic/natFocus/natFocusEdit.vue
  5. 98
      src/views/modules/base/epidemic/natFocus/natFocusList.vue

3
src/assets/scss/modules/management/detail-main.scss

@ -147,6 +147,9 @@
.info-title-5{
flex: 0 0 130px;
}
.info-title-6{
flex: 0 0 240px;
}
> span,
> div {

3
src/assets/scss/modules/management/epidemic.scss

@ -16,6 +16,9 @@
.item_width_3 {
width: 180px;
}
.item_width_4 {
width: 300px;
}
.btn-selperson {
margin-left: 20px;

1167
src/views/modules/base/epidemic/natFocus/natFocusAdd.vue

File diff suppressed because it is too large

219
src/views/modules/base/epidemic/natFocus/natFocusEdit.vue

@ -15,7 +15,7 @@
class="form">
<el-form-item label="姓名"
prop="name"
label-width="150px"
label-width="220px"
style="display: block">
<span>{{ formData.name }}</span>
<!-- <el-input class="item_width_2"
@ -28,7 +28,7 @@
<el-form-item label="手机号"
prop="mobile"
label-width="150px"
label-width="220px"
style="display: block">
<span>{{ formData.mobile }}</span>
<!-- <el-input class="item_width_2"
@ -39,7 +39,7 @@
</el-form-item>
<el-form-item label="证件号"
prop="idCard"
label-width="150px"
label-width="220px"
style="display: block">
<span>{{ formData.idCard }}</span>
<!-- <el-input class="item_width_2"
@ -50,9 +50,9 @@
</el-form-item>
<el-form-item label="关注原因"
prop="reason"
label-width="150px"
label-width="220px"
style="display: block">
<el-input class="item_width_1"
<el-input class="item_width_4"
placeholder="请输入关注原因"
clearable
v-model="formData.reason">
@ -60,9 +60,10 @@
</el-form-item>
<el-form-item label="隔离状态"
prop="isolatedState"
label-width="150px"
label-width="220px"
style="display: block">
<el-select v-model="formData.isolatedState"
class="item_width_4"
placeholder="请选择"
clearable>
<el-option v-for="item in options.isolatedState"
@ -72,11 +73,141 @@
</el-option>
</el-select>
</el-form-item>
<div v-if="isPanshi">
<el-form-item label="管控时间"
prop="gkStartTime"
label-width="220px"
style="display: block">
<el-date-picker v-model="gkTimeRange"
size="small"
type="daterange"
@change="handleGkTimeChange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="镇(街)干部"
prop="gbName"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入镇(街)干部"
clearable
v-model="formData.gbName">
</el-input>
</el-form-item>
<el-form-item label="镇(街)干部联系方式"
prop="gbMobile"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入镇(街)干部联系方式"
clearable
v-model="formData.gbMobile">
</el-input>
</el-form-item>
<el-form-item label="村(社区)网格管理员"
prop="gridManager"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入村(社区)网格管理员"
clearable
v-model="formData.gridManager">
</el-input>
</el-form-item>
<el-form-item label="村(社区)网格管理员联系方式"
prop="gridManagerMobile"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入村(社区)网格管理员联系方式"
clearable
v-model="formData.gridManagerMobile">
</el-input>
</el-form-item>
<el-form-item label="基层医务工作者"
prop="healthWorker"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入基层医务工作者"
clearable
v-model="formData.healthWorker">
</el-input>
</el-form-item>
<el-form-item label="基层医务工作者联系方式"
prop="healthWorkerMobile"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入基层医务工作者联系方式"
clearable
v-model="formData.healthWorkerMobile">
</el-input>
</el-form-item>
<el-form-item label="民警"
prop="policeName"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入民警"
clearable
v-model="formData.policeName">
</el-input>
</el-form-item>
<el-form-item label="民警及联系方式"
prop="policeMobile"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入民警及联系方式"
clearable
v-model="formData.policeMobile">
</el-input>
</el-form-item>
<el-form-item label="志愿者"
prop="volunteerName"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入志愿者"
clearable
v-model="formData.volunteerName">
</el-input>
</el-form-item>
<el-form-item label="志愿者联系方式"
prop="volunteerMobile"
label-width="220px"
style="display: block">
<el-input class="item_width_4"
placeholder="请输入志愿者联系方式"
clearable
v-model="formData.volunteerMobile">
</el-input>
</el-form-item>
</div>
<el-form-item label="备注"
prop="remark"
label-width="150px"
label-width="220px"
style="display: block">
<el-input class="item_width_1"
<el-input class="item_width_4"
type="textarea"
maxlength="500"
show-word-limit
@ -88,7 +219,7 @@
<el-form-item label="通知渠道"
prop="channel"
label-width="150px"
label-width="220px"
style="display: block">
<el-checkbox v-model="formData.isSelChannel"
@change="handleChannelChange"
@ -106,9 +237,9 @@
<el-form-item v-if="formData.isSelChannel"
label="通知内容"
prop="content"
label-width="150px"
label-width="220px"
style="display: block">
<el-input class="item_width_1"
<el-input class="item_width_4"
type="textarea"
maxlength="500"
show-word-limit
@ -124,31 +255,55 @@
class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">姓名</span>
<span class="info-title-6">姓名</span>
<span>{{ formData.name||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">手机号</span>
<span class="info-title-6">手机号</span>
<span>{{ formData.showMobile||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">证件号</span>
<span class="info-title-6">证件号</span>
<span>{{ formData.showIdCard||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">关注原因</span>
<span class="info-title-6">关注原因</span>
<span>{{ formData.reason||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">隔离状态</span>
<span class="info-title-6">隔离状态</span>
<span>{{ formData.isolatedStateShow||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">管控时间</span>
<span>{{ formData.gkTime||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">干部及联系方式</span>
<span>{{ formData.gb||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">社区网格管理员及联系方式</span>
<span>{{ formData.gridManagerShow||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">基层医务工作者及联系方式</span>
<span>{{ formData.healthWorkerShow||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">民警及联系方式</span>
<span>{{ formData.policeShow||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-6">志愿者及联系方式</span>
<span>{{ formData.volunteerShow||'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">备注</span>
<span class="info-title-6">备注</span>
<span>{{ formData.remark||'--' }}</span>
</div>
@ -189,8 +344,19 @@ function iniGetFmData () {
isSelChannel: false,
channel: [],
content: "",
isolatedState: "", //
gkStartTime: '',
gkEndTime: '',
gbName: '',
gbMobile: '',
gridManager: '',
gridManagerMobile: '',
healthWorker: '',
healthWorkerMobile: '',
policeName: '',
policeMobile: '',
volunteerName: '',
volunteerMobile: '',
};
}
@ -208,6 +374,7 @@ export default {
options: {
isolatedState: [],
},
gkTimeRange: [],
};
},
@ -238,6 +405,17 @@ export default {
}
},
handleGkTimeChange (time) {
if (time) {
this.formData.gkStartTime = time[0];
this.formData.gkEndTime = time[1];
} else {
this.formData.gkStartTime = "";
this.formData.gkEndTime = "";
}
},
handleChannelChange (val) {
this.formData.content = "";
},
@ -253,6 +431,7 @@ export default {
row.attentionType = 2;
row.isSelChannel = false;
this.formData = JSON.parse(JSON.stringify(row));
this.gkTimeRange = row.gkTimeRange
this.veroId = row.id
this.options.isolatedState.forEach(element => {
if (this.formData.isolatedState === element.value) {
@ -389,6 +568,10 @@ export default {
type: String,
default: '',
},
isPanshi: {
type: Boolean,
default: false
},
},
};
</script>

98
src/views/modules/base/epidemic/natFocus/natFocusList.vue

@ -274,6 +274,51 @@
min-width="180">
</el-table-column>
<template v-if="isPanshi">
<el-table-column prop="gkTime"
header-align="center"
align="center"
show-overflow-tooltip
label="管控时间"
min-width="180">
</el-table-column>
<el-table-column prop="gb"
header-align="center"
align="center"
show-overflow-tooltip
label="镇(街)干部"
min-width="180">
</el-table-column>
<el-table-column prop="gridManagerShow"
header-align="center"
align="center"
show-overflow-tooltip
label="村(社区)网格管理员"
min-width="180">
</el-table-column>
<el-table-column prop="healthWorkerShow"
header-align="center"
align="center"
show-overflow-tooltip
label="基层医务工作者"
min-width="180">
</el-table-column>
<el-table-column prop="policeShow"
header-align="center"
align="center"
show-overflow-tooltip
label="民警"
min-width="180">
</el-table-column>
<el-table-column prop="volunteerShow"
header-align="center"
align="center"
show-overflow-tooltip
label="志愿者"
min-width="180">
</el-table-column>
</template>
<el-table-column label="操作"
fixed="right"
width="140"
@ -347,6 +392,7 @@
class="dialog-h"
@closed="diaClose">
<nat-focus-add ref="ref_form_add"
:isPanshi="isPanshi"
@dialogCancle="diaClose"
@dialogOk="addFormOk"></nat-focus-add>
</el-dialog>
@ -362,6 +408,7 @@
<nat-focus-edit ref="ref_form_edit"
:fromSource="'focusGroupSpecialAttentionQuarantine'"
:view_real_data="btnAuths.focus_groups_view_real_data"
:isPanshi="isPanshi"
@dialogCancle="diaClose"
@dialogOk="addFormOk"></nat-focus-edit>
</el-dialog>
@ -432,6 +479,8 @@ export default {
pageSize: 20,
pageNo: 1,
tableLoading: false,
customerId: '',
isPanshi: false,
selection: [],
@ -506,6 +555,13 @@ export default {
},
async mounted () {
//1580460084738760705
this.customerId = localStorage.getItem("customerId");
this.isPanshi = true
if (this.customerId === '1580460084738760705') {
this.isPanshi = true
}
console.log('customerId', this.customerId)
this.updateBtnAuths();
for (let i = 0; i < 11; i++) {
@ -811,6 +867,8 @@ export default {
row.idCard = data.idCard;
row.showMobile = data.showMobile;
row.showIdCard = data.showIdCard;
if (row.gkStartTime && row.gkEndTime)
row.gkTimeRange = [row.gkStartTime, row.gkEndTime]
}
return row;
},
@ -878,27 +936,27 @@ export default {
type: "warning",
}).then(async () => {
let delUrl = "/epmetuser/icEpidemicSpecialAttention/delete";
const { data, code, msg } = await requestPost(delUrl, [row.id]);
if (code === 0) {
this.$message({
type: "success",
message: "删除成功",
});
this.loadTable();
} else {
this.$message.error(msg);
}
})
.catch((err) => {
if (err == "cancel") {
// this.$message({
// type: "info",
// message: ""
// });
}
let delUrl = "/epmetuser/icEpidemicSpecialAttention/delete";
const { data, code, msg } = await requestPost(delUrl, [row.id]);
if (code === 0) {
this.$message({
type: "success",
message: "删除成功",
});
this.loadTable();
} else {
this.$message.error(msg);
}
})
.catch((err) => {
if (err == "cancel") {
// this.$message({
// type: "info",
// message: ""
// });
}
});
},
async deleteFocus (row) {

Loading…
Cancel
Save