elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

信息采集

shibei_master
jiangyy 3 years ago
parent
dfb3d74657
commit
fa88b2b5ac
1 changed files with 150 additions and 112 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 262
      src/views/modules/base/collect.vue

262
src/views/modules/base/collect.vue
View File

@ -1,91 +1,134 @@
<template> <template>
<div class="resi-container"> <div class="resi-container">
<el-card ref="searchCard" class="search-card"> <el-card ref="searchCard"
<el-form ref="searchForm" :inline="true" :model="fmData" class="demo-form-inline"> class="search-card">
<el-form-item v-if="communityList.length > 0" label="所在社区" prop="orgId"> <el-form ref="searchForm"
<el-select :inline="true"
v-model.trim="fmData.orgId" :model="fmData"
placeholder="所在社区" class="demo-form-inline">
size="small" <el-form-item v-if="communityList.length > 0"
clearable label="所在社区"
class="resi-cell-input" prop="orgId">
> <el-select v-model.trim="fmData.orgId"
<el-option placeholder="所在社区"
v-for="item in communityList" size="small"
:key="item.orgId" clearable
:label="item.orgName" class="resi-cell-input">
:value="item.orgId" <el-option v-for="item in communityList"
> :key="item.orgId"
</el-option> :label="item.orgName"
</el-select> :value="item.orgId">
</el-form-item> </el-option>
<el-form-item label="居住地址" prop="address"> </el-select>
<el-input </el-form-item>
v-model="fmData.address" <el-form-item label="居住地址"
class="resi-cell-input" prop="address">
size="small" <el-input v-model="fmData.address"
clearable class="resi-cell-input"
placeholder="请输入" size="small"
> clearable
</el-input> placeholder="请输入">
</el-form-item> </el-input>
<el-form-item label="填写时间" prop="startTime"> </el-form-item>
<el-date-picker <el-form-item label="填写时间"
v-model="timeRange" prop="startTime">
type="daterange" <el-date-picker v-model="timeRange"
clearable type="daterange"
size="small" clearable
range-separator="至" size="small"
start-placeholder="开始日期" range-separator="至"
end-placeholder="结束日期" start-placeholder="开始日期"
value-format="yyyy-MM-dd" end-placeholder="结束日期"
> value-format="yyyy-MM-dd">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button> <el-button class="diy-button--search"
<el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button> size="small"
</el-form-item> @click="handleSearch">查询</el-button>
</el-form> <el-button class="diy-button--reset"
size="small"
</el-card> @click="resetForm('searchForm')">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button @click="handleChu" class="diy-button--reset" size="small" <el-button @click="handleChu"
>导出</el-button class="diy-button--reset"
> size="small">导出</el-button>
</div> </div>
<el-table <el-table :data="tableData"
:data="tableData" border
border style="width: 100%"
style="width: 100%" class="resi-table"
class="resi-table" :height="tableHeight"
:height="tableHeight" :span-method="arraySpanMethod">
:span-method="arraySpanMethod" <el-table-column label="序号"
> prop="desc"
<el-table-column label="序号" prop="desc" align="center" width="50" /> align="center"
<el-table-column prop="houseHolderName" width="120" label="户主姓名" align="center" /> width="50" />
<el-table-column prop="address" align="center" label="居住地址" :show-overflow-tooltip="true" /> <el-table-column prop="houseHolderName"
<el-table-column prop="houseType" align="center" width="120" label="自有/租住" > width="100"
label="户主姓名"
align="center" />
<el-table-column prop="address"
align="center"
min-width="140"
label="居住地址"
:show-overflow-tooltip="true" />
<el-table-column prop="houseType"
align="center"
width="100"
label="自有/租住">
<template slot-scope="scope"> <template slot-scope="scope">
<span> <span>
{{ scope.row.houseType == '1' ? '自有' : '租住' }} {{ scope.row.houseType == '1' ? '自有' : '租住' }}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="totalResi" width="120" align="center" label="居住成员人数" /> <el-table-column prop="totalResi"
<el-table-column prop="memberName" width="120" label="成员姓名" align="center" :show-overflow-tooltip="true" /> width="80"
<el-table-column prop="memberIdNum" width="180" align="center" label="成员身份证" /> align="center"
<el-table-column prop="memberMobile" width="140" align="center" label="成员手机号" /> label="居住人数" />
<el-table-column prop="heSuanCount" width="140" align="center" label="参加几轮核酸检测 " /> <el-table-column prop="memberName"
<el-table-column prop="ymjz" width="140" align="center" label="疫苗接种情况"> width="100"
label="成员姓名"
align="center"
:show-overflow-tooltip="true" />
<el-table-column prop="memberIdNum"
width="180"
align="center"
label="成员身份证" />
<el-table-column prop="memberMobile"
width="140"
align="center"
label="成员手机号" />
<el-table-column prop="heSuanCount"
width="120"
align="center"
label="核酸检测次数" />
<el-table-column prop="ymjz"
width="140"
align="center"
label="疫苗接种情况">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.ymjz == 1">全程接种</span> <span v-if="scope.row.ymjz == 1">全程接种</span>
<span v-if="scope.row.ymjz == 2">未全程接种</span> <span v-if="scope.row.ymjz == 2">未全程接种</span>
<span v-if="scope.row.ymjz == 0">未接种</span> <span v-if="scope.row.ymjz == 0">未接种</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="domicilePlace"
min-width="140"
align="center"
label="户籍所在地 " />
<el-table-column prop="workPlace"
min-width="120"
align="center"
label="单位或学校 " />
<!-- <el-table-column prop="organizationCreatedTime" align="center" label="创建时间"> --> <!-- <el-table-column prop="organizationCreatedTime" align="center" label="创建时间"> -->
<!-- <el-table-column fixed="right" label="操作" align="center" width="100"> <!-- <el-table-column fixed="right" label="操作" align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
@ -123,30 +166,26 @@
</el-table-column> --> </el-table-column> -->
</el-table> </el-table>
<div> <div>
<el-pagination <el-pagination @size-change="handleSizeChange"
@size-change="handleSizeChange" @current-change="handleCurrentChange"
@current-change="handleCurrentChange" :current-page.sync="pageNo"
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]"
:page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
:page-size="parseInt(pageSize)" layout="sizes, prev, pager, next, total"
layout="sizes, prev, pager, next, total" :total="total">
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog :visible.sync="formShow"
:visible.sync="formShow" :close-on-click-modal="false"
:close-on-click-modal="false" :close-on-press-escape="false"
:close-on-press-escape="false" :title="formTitle"
:title="formTitle" width="850px"
width="850px" top="5vh"
top="5vh" class="dialog-h"
class="dialog-h" @closed="handleClose">
@closed="handleClose"
>
<!-- <edit-form <!-- <edit-form
ref="eleEditForm" ref="eleEditForm"
@dialogCancle="handleClose" @dialogCancle="handleClose"
@ -163,7 +202,7 @@ import { mapGetters } from "vuex";
import axios from "axios"; import axios from "axios";
export default { export default {
data() { data () {
return { return {
openSearch: false, openSearch: false,
@ -190,14 +229,14 @@ export default {
}, },
computed: { computed: {
...mapGetters(['clientHeight', 'iframeHeight']), ...mapGetters(['clientHeight', 'iframeHeight']),
tableHeight() { tableHeight () {
const h = this.clientHeight - 360 + this.iframeHeigh const h = this.clientHeight - 360 + this.iframeHeigh
const _h = this.clientHeight - 360 const _h = this.clientHeight - 360
return this.$store.state.inIframe ? h : _h return this.$store.state.inIframe ? h : _h
} }
}, },
watch: { watch: {
timeRange(val) { timeRange (val) {
if (Array.isArray(val) && val.length == 2) { if (Array.isArray(val) && val.length == 2) {
this.fmData.startTime = val[0]; this.fmData.startTime = val[0];
this.fmData.endTime = val[1]; this.fmData.endTime = val[1];
@ -207,12 +246,12 @@ export default {
} }
}, },
}, },
mounted() { mounted () {
this.getcommunityList() this.getcommunityList()
this.getTableData(); this.getTableData();
}, },
methods: { methods: {
arraySpanMethod({ row, column, rowIndex, columnIndex }) { arraySpanMethod ({ row, column, rowIndex, columnIndex }) {
// console.log('row-----r', row) // console.log('row-----r', row)
// console.log('column-----c', column) // console.log('column-----c', column)
if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4) { if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4) {
@ -230,7 +269,7 @@ export default {
} }
} }
}, },
async handleChu() { async handleChu () {
const url = const url =
"/epmetuser/icresicollect/export"; "/epmetuser/icresicollect/export";
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
@ -265,49 +304,49 @@ export default {
return this.$message.error("网络错误"); return this.$message.error("网络错误");
}); });
}, },
handleSizeChange(val) { handleSizeChange (val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.pageSize = val; this.pageSize = val;
window.localStorage.setItem("pageSize", val); window.localStorage.setItem("pageSize", val);
this.getTableData(); this.getTableData();
}, },
handleCurrentChange(val) { handleCurrentChange (val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
this.pageNo = val; this.pageNo = val;
this.getTableData(); this.getTableData();
}, },
handleClose() { handleClose () {
this.formShow = false; this.formShow = false;
}, },
handleSearch(val) { handleSearch (val) {
console.log(this.fmData); console.log(this.fmData);
this.pageNo = 1; this.pageNo = 1;
this.getTableData(); this.getTableData();
}, },
resetForm(formName) { resetForm (formName) {
this.$refs[formName].resetFields() this.$refs[formName].resetFields()
this.timeRange = '' this.timeRange = ''
this.handleSearch() this.handleSearch()
}, },
async handleWatch(rowIndex) { async handleWatch (rowIndex) {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]); this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]);
}, },
async handleEdit(rowIndex) { async handleEdit (rowIndex) {
this.formShow = true; this.formShow = true;
await nextTick(); await nextTick();
this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]); this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]);
}, },
handleEditSuccess() { handleEditSuccess () {
this.handleClose(); this.handleClose();
this.getTableData(); this.getTableData();
}, },
async handleDel(rowData, rowIndex) { async handleDel (rowData, rowIndex) {
console.log(rowData, rowIndex); console.log(rowData, rowIndex);
const url = const url =
"/heart/iccommunityselforganization/delcommunityselforganization"; "/heart/iccommunityselforganization/delcommunityselforganization";
@ -324,7 +363,7 @@ export default {
this.$message.success("操作失败！"); this.$message.success("操作失败！");
} }
}, },
async getcommunityList() { async getcommunityList () {
const url = const url =
"/gov/org/agency/community-list"; "/gov/org/agency/community-list";
const { data, code, msg } = await requestPost(url); const { data, code, msg } = await requestPost(url);
@ -334,7 +373,7 @@ export default {
} else { } else {
} }
}, },
async getTableData() { async getTableData () {
const url = const url =
"/epmetuser/icresicollect/list"; "/epmetuser/icresicollect/list";
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
@ -349,8 +388,8 @@ export default {
let _i = 0 let _i = 0
let arr = [] let arr = []
this.spanIndex = data.list && data.list.map((item, index) => { this.spanIndex = data.list && data.list.map((item, index) => {
if (index == 0) _i = 0 if (index == 0) _i = 0
else _i = _i + data.list[index - 1].list.length else _i = _i + data.list[index - 1].list.length
arr.push(_i) arr.push(_i)
console.log('_i-----', _i, arr) console.log('_i-----', _i, arr)
// if (index === data.list.length - 1) firstIndex = _i - item.list.length // if (index === data.list.length - 1) firstIndex = _i - item.list.length
@ -365,14 +404,14 @@ export default {
} }
}, },
// 数组扁平化 // 数组扁平化
formatArr(arr) { formatArr (arr) {
let res = [] let res = []
let arr1 = arr.map((n, index) => { let arr1 = arr.map((n, index) => {
return { return {
...n, ...n,
list: n.list.length> 0 ? n.list.map(i => { list: n.list.length > 0 ? n.list.map(i => {
return { return {
...n, ...n,
...i, ...i,
desc: index + 1, desc: index + 1,
@ -427,5 +466,4 @@ export default {
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save