Merge remote-tracking branch 'origin/build' into build
This commit is contained in:
aixianling
70
project/hlj/app/AppRatingTask/AppRatingTask.vue
Normal file
70
project/hlj/app/AppRatingTask/AppRatingTask.vue
Normal file
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="doc-circulation">
|
||||
<keep-alive :include="['List']">
|
||||
<component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
|
||||
</keep-alive>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Add from './components/Add'
|
||||
import List from './components/List'
|
||||
import Detail from './components/Detail'
|
||||
|
||||
export default {
|
||||
name: 'AppRatingTask',
|
||||
label: '评分任务',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
component: 'List',
|
||||
params: {},
|
||||
include: []
|
||||
}
|
||||
},
|
||||
|
||||
components: {
|
||||
Detail,
|
||||
List,
|
||||
Add
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange (data) {
|
||||
if (data.type === 'Detail') {
|
||||
this.component = 'Detail'
|
||||
this.params = data.params
|
||||
}
|
||||
|
||||
if (data.type === 'Add') {
|
||||
this.component = 'Add'
|
||||
this.params = data.params
|
||||
}
|
||||
|
||||
if (data.type === 'List') {
|
||||
this.component = 'List'
|
||||
this.params = data.params
|
||||
|
||||
this.$nextTick(() => {
|
||||
if (data.isRefresh) {
|
||||
this.$refs.component.getList()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.doc-circulation {
|
||||
height: 100%;
|
||||
background: #F3F6F9;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
13
project/hlj/app/AppRatingTask/components/Add.vue
Normal file
13
project/hlj/app/AppRatingTask/components/Add.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
188
project/hlj/app/AppRatingTask/components/Detail.vue
Normal file
188
project/hlj/app/AppRatingTask/components/Detail.vue
Normal file
@@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<ai-detail isHasSidebar v-loading="isLoading">
|
||||
<template slot="title">
|
||||
<ai-title title="返乡报备详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
|
||||
</ai-title>
|
||||
</template>
|
||||
<template slot="content">
|
||||
<AiSidebar :tabTitle="tabList" v-model="currIndex"></AiSidebar>
|
||||
<div v-show="currIndex === 0">
|
||||
<ai-card title="基本信息" v-show="currIndex === 0">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="姓名" :value="info.name"></ai-info-item>
|
||||
<ai-info-item label="填报时间" :value="info.createTime"></ai-info-item>
|
||||
<ai-info-item label="身份证号" :value="info.idNumber"></ai-info-item>
|
||||
<ai-info-item label="手机号码" :value="info.phone"></ai-info-item>
|
||||
<ai-info-item label="人员类别" :value="dict.getLabel('EP_registerPersonType', info.type)"></ai-info-item>
|
||||
<ai-info-item label="是否从事高危行业" :value="dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="行程信息">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="出发时间" :value="info.startTime"></ai-info-item>
|
||||
<ai-info-item label="出发地" >
|
||||
<span :style="{color: info.denger == 1 ? '#FF4466' : '#333'}">{{info.startAreaName}} </span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="出发地详址" isLine :value="info.startAddress"></ai-info-item>
|
||||
<ai-info-item label="出行方式" :value="info.travelTypeNames"></ai-info-item>
|
||||
<ai-info-item label="车次/航班" isLine :value="info.trainNo"></ai-info-item>
|
||||
<ai-info-item label="行程描述" :value="info.description"></ai-info-item>
|
||||
<ai-info-item label="抵平卡口" :value="info.gatewayName"></ai-info-item>
|
||||
<ai-info-item label="抵平时间" :value="info.arriveTime"></ai-info-item>
|
||||
<ai-info-item label="目的地" :value="info.arriveAreaName"></ai-info-item>
|
||||
<ai-info-item label="目的地详址" isLine :value="info.arriveAddress"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="健康状况">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="是否有风险旅居史" v-if="info.fromHighRiskArea === '1'">
|
||||
<span style="color: red">{{ info.highRiskAreaName }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="是否有风险旅居史" v-else value="否"></ai-info-item>
|
||||
<ai-info-item label="7天内是否接触新冠确诊或疑似患者">
|
||||
<span :style="{color: info.contactPatients === '1' ? 'red' : ''}">{{ dict.getLabel('yesOrNo', info.contactPatients) }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="当前健康状况" v-if="info.abnormalHealth === '1'">
|
||||
<span style="color: red">{{ dict.getLabel('EP_abnormalType', info.abnormalType) }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="当前健康状况" v-else value="否"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
</div>
|
||||
<div v-show="currIndex === 1">
|
||||
<ai-card title="风险处置">
|
||||
<template #right>
|
||||
<el-button type="primary" v-if="info.status === '0'" @click="release">解除异常</el-button>
|
||||
</template>
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="姓名" :value="info.name"></ai-info-item>
|
||||
<ai-info-item label="填报时间" :value="info.createTime"></ai-info-item>
|
||||
<ai-info-item label="身份证号" :value="info.idNumber"></ai-info-item>
|
||||
<ai-info-item label="手机号码" :value="info.phone"></ai-info-item>
|
||||
<ai-info-item label="人员类别" :value="dict.getLabel('EP_registerPersonType', info.type)"></ai-info-item>
|
||||
<ai-info-item label="是否从事高危行业" :value="dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="风险处理意见">
|
||||
<template #content>
|
||||
<ai-table
|
||||
:isShowPagination="false"
|
||||
tableSize="small"
|
||||
border
|
||||
:tableData="info.riskDisposalList"
|
||||
:col-configs="colConfigs"
|
||||
@getList="() => {}">
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="社区初排" v-if="info.cmAdvanceDisposal">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
style="margin-bottom: 20px;"
|
||||
label-width="120px">
|
||||
<ai-info-item label="处置意见" :value="dict.getLabel('EP_communityHandleType', info.cmAdvanceDisposal.communityHandleType)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="居家状态" :value="dict.getLabel('EP_homeStatus2', info.cmAdvanceDisposal.homeStatus)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="隔离时间" :value="info.cmAdvanceDisposal.quarantineBeginTime + ' - ' + info.cmAdvanceDisposal.quarantineEndTime"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="隔离策略" :value="dict.getLabel('EP_quarantineStrategy', info.cmAdvanceDisposal.quarantineStrategy)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="管控方式" :value="dict.getLabel('EP_controlMethod', info.cmAdvanceDisposal.controlMethod)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="图片" isLine>
|
||||
<ai-uploader
|
||||
:instance="instance"
|
||||
:value="info.cmAdvanceDisposal.fileList"
|
||||
disabled
|
||||
:limit="9">
|
||||
</ai-uploader>
|
||||
</ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '2'" label="风险解除证明文件" isLine>
|
||||
<ai-uploader
|
||||
:instance="instance"
|
||||
:value="info.cmAdvanceDisposal.proveFileList"
|
||||
disabled
|
||||
:limit="9">
|
||||
</ai-uploader>
|
||||
</ai-info-item>
|
||||
</ai-wrapper>
|
||||
<ai-empty style="margin-bottom: 60px;" v-if="!info.cmAdvanceDisposal"></ai-empty>
|
||||
</template>
|
||||
</ai-card>
|
||||
</div>
|
||||
</template>
|
||||
</ai-detail>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Detail',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
params: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
info: {},
|
||||
isShow: false,
|
||||
currIndex: 0,
|
||||
isLoading: false,
|
||||
tableData: [],
|
||||
colConfigs: [
|
||||
{prop: 'remarks', label: '异常记录', align: 'center' },
|
||||
{prop: 'createTime', label: '创建时间', align: 'center'},
|
||||
{prop: 'createUserName', label: '记录人', align: 'center' }
|
||||
],
|
||||
tabList: ['基本信息', '风险处置']
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.isLoading = true
|
||||
if (this.params && this.params.id) {
|
||||
this.id = this.params.id
|
||||
this.$dict.load(['EP_registerPersonType', 'EP_communityHandleType', 'EP_highRiskIndustries', 'EP_travelType', 'yesOrNo', 'EP_homeStatus2', 'EP_quarantineStrategy', 'EP_controlMethod', 'EP_abnormalType']).then(() => {
|
||||
this.getInfo(this.params.id)
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getInfo (id) {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/queryDetailById?id=${id}`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.info = res.data
|
||||
this.info.travelTypeNames = res.data.travelType.split(',').map(v => {
|
||||
return this.dict.getLabel('EP_travelType', v)
|
||||
}).join('，')
|
||||
}
|
||||
|
||||
this.isLoading = false
|
||||
}).catch(() => {
|
||||
this.isLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
cancel () {
|
||||
this.$emit('change', {
|
||||
type: 'List',
|
||||
isRefresh: true
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
125
project/hlj/app/AppRatingTask/components/List.vue
Normal file
125
project/hlj/app/AppRatingTask/components/List.vue
Normal file
@@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<ai-list class="list">
|
||||
<ai-title slot="title" title="评分任务" isShowBottomBorder :instance="instance"></ai-title>
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar bottomBorder>
|
||||
<template #left>
|
||||
<el-button type="primary" @click="toAdd">新建评分任务</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-input
|
||||
v-model="search.name"
|
||||
size="small"
|
||||
placeholder="请输入任务名称"
|
||||
clearable
|
||||
v-throttle="() => {search.current = 1, getList()}"
|
||||
@clear="search.current = 1, search.name = '', getList()"
|
||||
suffix-icon="iconfont iconSearch">
|
||||
</el-input>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
v-loading="loading"
|
||||
style="margin-top: 16px;"
|
||||
:current.sync="search.current"
|
||||
:size.sync="search.size"
|
||||
@getList="getList">
|
||||
<el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<el-button type="text" @click="toDetail(row.id)">详情</el-button>
|
||||
<el-button type="text" @click="remove(row.id)">删除</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'List',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
search: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
name: ''
|
||||
},
|
||||
colConfigs: [
|
||||
{ prop: 'name', label: '任务名称' },
|
||||
{ prop: 'phone', align: 'center', label: '创建人' },
|
||||
{ prop: 'startTime', align: 'center', label: '更新时间' },
|
||||
{ prop: 'startAreaName', align: 'center', label: '任务状态' }
|
||||
],
|
||||
ids: [],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.loading = true
|
||||
|
||||
this.dict.load(['EP_riskLevel', 'EP_handleType', 'modeType', 'EP_riskStatus', 'EP_source']).then(() => {
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
|
||||
methods: {
|
||||
getList () {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/list`, null, {
|
||||
params: {
|
||||
...this.search
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.tableData = res.data.records
|
||||
this.total = res.data.total
|
||||
this.loading = false
|
||||
} else {
|
||||
this.loading = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
|
||||
toDetail (id) {
|
||||
this.$emit('change', {
|
||||
type: 'Detail',
|
||||
params: {
|
||||
id: id || ''
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
remove(id) {
|
||||
this.$confirm('确定删除该数据？').then(() => {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/delete?id=${id}`).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('删除成功！')
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
70
project/hlj/app/AppScoringTemplate/AppScoringTemplate.vue
Normal file
70
project/hlj/app/AppScoringTemplate/AppScoringTemplate.vue
Normal file
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="doc-circulation">
|
||||
<keep-alive :include="['List']">
|
||||
<component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
|
||||
</keep-alive>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Add from './components/Add'
|
||||
import List from './components/List'
|
||||
import Detail from './components/Detail'
|
||||
|
||||
export default {
|
||||
name: 'AppScoringTemplate',
|
||||
label: '评分模板',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
component: 'List',
|
||||
params: {},
|
||||
include: []
|
||||
}
|
||||
},
|
||||
|
||||
components: {
|
||||
Detail,
|
||||
List,
|
||||
Add
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange (data) {
|
||||
if (data.type === 'Detail') {
|
||||
this.component = 'Detail'
|
||||
this.params = data.params
|
||||
}
|
||||
|
||||
if (data.type === 'Add') {
|
||||
this.component = 'Add'
|
||||
this.params = data.params
|
||||
}
|
||||
|
||||
if (data.type === 'List') {
|
||||
this.component = 'List'
|
||||
this.params = data.params
|
||||
|
||||
this.$nextTick(() => {
|
||||
if (data.isRefresh) {
|
||||
this.$refs.component.getList()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.doc-circulation {
|
||||
height: 100%;
|
||||
background: #F3F6F9;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
1567
project/hlj/app/AppScoringTemplate/components/Add.vue
Normal file
1567
project/hlj/app/AppScoringTemplate/components/Add.vue
Normal file
File diff suppressed because it is too large
Load Diff
188
project/hlj/app/AppScoringTemplate/components/Detail.vue
Normal file
188
project/hlj/app/AppScoringTemplate/components/Detail.vue
Normal file
@@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<ai-detail isHasSidebar v-loading="isLoading">
|
||||
<template slot="title">
|
||||
<ai-title title="返乡报备详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
|
||||
</ai-title>
|
||||
</template>
|
||||
<template slot="content">
|
||||
<AiSidebar :tabTitle="tabList" v-model="currIndex"></AiSidebar>
|
||||
<div v-show="currIndex === 0">
|
||||
<ai-card title="基本信息" v-show="currIndex === 0">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="姓名" :value="info.name"></ai-info-item>
|
||||
<ai-info-item label="填报时间" :value="info.createTime"></ai-info-item>
|
||||
<ai-info-item label="身份证号" :value="info.idNumber"></ai-info-item>
|
||||
<ai-info-item label="手机号码" :value="info.phone"></ai-info-item>
|
||||
<ai-info-item label="人员类别" :value="dict.getLabel('EP_registerPersonType', info.type)"></ai-info-item>
|
||||
<ai-info-item label="是否从事高危行业" :value="dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="行程信息">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="出发时间" :value="info.startTime"></ai-info-item>
|
||||
<ai-info-item label="出发地" >
|
||||
<span :style="{color: info.denger == 1 ? '#FF4466' : '#333'}">{{info.startAreaName}} </span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="出发地详址" isLine :value="info.startAddress"></ai-info-item>
|
||||
<ai-info-item label="出行方式" :value="info.travelTypeNames"></ai-info-item>
|
||||
<ai-info-item label="车次/航班" isLine :value="info.trainNo"></ai-info-item>
|
||||
<ai-info-item label="行程描述" :value="info.description"></ai-info-item>
|
||||
<ai-info-item label="抵平卡口" :value="info.gatewayName"></ai-info-item>
|
||||
<ai-info-item label="抵平时间" :value="info.arriveTime"></ai-info-item>
|
||||
<ai-info-item label="目的地" :value="info.arriveAreaName"></ai-info-item>
|
||||
<ai-info-item label="目的地详址" isLine :value="info.arriveAddress"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="健康状况">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="是否有风险旅居史" v-if="info.fromHighRiskArea === '1'">
|
||||
<span style="color: red">{{ info.highRiskAreaName }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="是否有风险旅居史" v-else value="否"></ai-info-item>
|
||||
<ai-info-item label="7天内是否接触新冠确诊或疑似患者">
|
||||
<span :style="{color: info.contactPatients === '1' ? 'red' : ''}">{{ dict.getLabel('yesOrNo', info.contactPatients) }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="当前健康状况" v-if="info.abnormalHealth === '1'">
|
||||
<span style="color: red">{{ dict.getLabel('EP_abnormalType', info.abnormalType) }}</span>
|
||||
</ai-info-item>
|
||||
<ai-info-item label="当前健康状况" v-else value="否"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
</div>
|
||||
<div v-show="currIndex === 1">
|
||||
<ai-card title="风险处置">
|
||||
<template #right>
|
||||
<el-button type="primary" v-if="info.status === '0'" @click="release">解除异常</el-button>
|
||||
</template>
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
label-width="120px">
|
||||
<ai-info-item label="姓名" :value="info.name"></ai-info-item>
|
||||
<ai-info-item label="填报时间" :value="info.createTime"></ai-info-item>
|
||||
<ai-info-item label="身份证号" :value="info.idNumber"></ai-info-item>
|
||||
<ai-info-item label="手机号码" :value="info.phone"></ai-info-item>
|
||||
<ai-info-item label="人员类别" :value="dict.getLabel('EP_registerPersonType', info.type)"></ai-info-item>
|
||||
<ai-info-item label="是否从事高危行业" :value="dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="风险处理意见">
|
||||
<template #content>
|
||||
<ai-table
|
||||
:isShowPagination="false"
|
||||
tableSize="small"
|
||||
border
|
||||
:tableData="info.riskDisposalList"
|
||||
:col-configs="colConfigs"
|
||||
@getList="() => {}">
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="社区初排" v-if="info.cmAdvanceDisposal">
|
||||
<template #content>
|
||||
<ai-wrapper
|
||||
style="margin-bottom: 20px;"
|
||||
label-width="120px">
|
||||
<ai-info-item label="处置意见" :value="dict.getLabel('EP_communityHandleType', info.cmAdvanceDisposal.communityHandleType)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="居家状态" :value="dict.getLabel('EP_homeStatus2', info.cmAdvanceDisposal.homeStatus)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="隔离时间" :value="info.cmAdvanceDisposal.quarantineBeginTime + ' - ' + info.cmAdvanceDisposal.quarantineEndTime"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="隔离策略" :value="dict.getLabel('EP_quarantineStrategy', info.cmAdvanceDisposal.quarantineStrategy)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="管控方式" :value="dict.getLabel('EP_controlMethod', info.cmAdvanceDisposal.controlMethod)"></ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '1'" label="图片" isLine>
|
||||
<ai-uploader
|
||||
:instance="instance"
|
||||
:value="info.cmAdvanceDisposal.fileList"
|
||||
disabled
|
||||
:limit="9">
|
||||
</ai-uploader>
|
||||
</ai-info-item>
|
||||
<ai-info-item v-if="info.cmAdvanceDisposal.communityHandleType === '2'" label="风险解除证明文件" isLine>
|
||||
<ai-uploader
|
||||
:instance="instance"
|
||||
:value="info.cmAdvanceDisposal.proveFileList"
|
||||
disabled
|
||||
:limit="9">
|
||||
</ai-uploader>
|
||||
</ai-info-item>
|
||||
</ai-wrapper>
|
||||
<ai-empty style="margin-bottom: 60px;" v-if="!info.cmAdvanceDisposal"></ai-empty>
|
||||
</template>
|
||||
</ai-card>
|
||||
</div>
|
||||
</template>
|
||||
</ai-detail>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Detail',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
params: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
info: {},
|
||||
isShow: false,
|
||||
currIndex: 0,
|
||||
isLoading: false,
|
||||
tableData: [],
|
||||
colConfigs: [
|
||||
{prop: 'remarks', label: '异常记录', align: 'center' },
|
||||
{prop: 'createTime', label: '创建时间', align: 'center'},
|
||||
{prop: 'createUserName', label: '记录人', align: 'center' }
|
||||
],
|
||||
tabList: ['基本信息', '风险处置']
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.isLoading = true
|
||||
if (this.params && this.params.id) {
|
||||
this.id = this.params.id
|
||||
this.$dict.load(['EP_registerPersonType', 'EP_communityHandleType', 'EP_highRiskIndustries', 'EP_travelType', 'yesOrNo', 'EP_homeStatus2', 'EP_quarantineStrategy', 'EP_controlMethod', 'EP_abnormalType']).then(() => {
|
||||
this.getInfo(this.params.id)
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getInfo (id) {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/queryDetailById?id=${id}`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.info = res.data
|
||||
this.info.travelTypeNames = res.data.travelType.split(',').map(v => {
|
||||
return this.dict.getLabel('EP_travelType', v)
|
||||
}).join('，')
|
||||
}
|
||||
|
||||
this.isLoading = false
|
||||
}).catch(() => {
|
||||
this.isLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
cancel () {
|
||||
this.$emit('change', {
|
||||
type: 'List',
|
||||
isRefresh: true
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
133
project/hlj/app/AppScoringTemplate/components/List.vue
Normal file
133
project/hlj/app/AppScoringTemplate/components/List.vue
Normal file
@@ -0,0 +1,133 @@
|
||||
<template>
|
||||
<ai-list class="list">
|
||||
<ai-title slot="title" title="评分模板" isShowBottomBorder :instance="instance"></ai-title>
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar bottomBorder>
|
||||
<template #left>
|
||||
<el-button type="primary" @click="toAdd">新建模板</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-input
|
||||
v-model="search.name"
|
||||
size="small"
|
||||
placeholder="请输入姓名、手机号"
|
||||
clearable
|
||||
v-throttle="() => {search.current = 1, getList()}"
|
||||
@clear="search.current = 1, search.name = '', getList()"
|
||||
suffix-icon="iconfont iconSearch">
|
||||
</el-input>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
v-loading="loading"
|
||||
style="margin-top: 16px;"
|
||||
:current.sync="search.current"
|
||||
:size.sync="search.size"
|
||||
@getList="getList">
|
||||
<el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<el-button type="text" @click="toDetail(row.id)">详情</el-button>
|
||||
<el-button type="text" @click="remove(row.id)">删除</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'List',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
search: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
name: ''
|
||||
},
|
||||
colConfigs: [
|
||||
{ prop: 'name', label: '模板名称' },
|
||||
{ prop: 'phone', align: 'center', label: '创建人' },
|
||||
{ prop: 'startTime', align: 'center', label: '更新时间' }
|
||||
],
|
||||
ids: [],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.loading = true
|
||||
|
||||
this.dict.load(['EP_riskLevel', 'EP_handleType', 'modeType', 'EP_riskStatus', 'EP_source']).then(() => {
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
|
||||
methods: {
|
||||
getList () {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/list`, null, {
|
||||
params: {
|
||||
...this.search
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.tableData = res.data.records
|
||||
this.total = res.data.total
|
||||
this.loading = false
|
||||
} else {
|
||||
this.loading = false
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
|
||||
toDetail (id) {
|
||||
this.$emit('change', {
|
||||
type: 'Detail',
|
||||
params: {
|
||||
id: id || ''
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
toAdd (id) {
|
||||
this.$emit('change', {
|
||||
type: 'Add',
|
||||
params: {
|
||||
id: id || ''
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
remove(id) {
|
||||
this.$confirm('确定删除该数据？').then(() => {
|
||||
this.instance.post(`/app/appepidemicpreventionregisterinfo/delete?id=${id}`).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('删除成功！')
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
181
project/hlj/app/AppScoringTemplate/components/config.js
Normal file
181
project/hlj/app/AppScoringTemplate/components/config.js
Normal file
@@ -0,0 +1,181 @@
|
||||
export const components = [
|
||||
{
|
||||
type: 'options',
|
||||
tips: '（可重复添加）',
|
||||
label: '选项',
|
||||
children: [
|
||||
{
|
||||
type: 'radio',
|
||||
label: '单选',
|
||||
fixedLabel: '单选',
|
||||
value: '',
|
||||
points: '',
|
||||
icon: 'iconradio',
|
||||
isShowPoints: false,
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
answer: '',
|
||||
pointType: '0',
|
||||
pointDict: [
|
||||
{
|
||||
dictName: '此题有唯一答案和分值',
|
||||
dictValue: '0'
|
||||
},
|
||||
{
|
||||
dictName: '每个选项都有对应分值',
|
||||
dictValue: '1'
|
||||
}
|
||||
],
|
||||
options: [
|
||||
{
|
||||
label: '选项1',
|
||||
value: '',
|
||||
point: '',
|
||||
img: []
|
||||
},
|
||||
{
|
||||
label: '选项2',
|
||||
value: '',
|
||||
point: '',
|
||||
img: []
|
||||
}
|
||||
],
|
||||
title: ''
|
||||
},
|
||||
{
|
||||
type: 'checkbox',
|
||||
label: '多选',
|
||||
fixedLabel: '多选',
|
||||
points: '',
|
||||
icon: 'iconcheck_box',
|
||||
isShowPoints: false,
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
answer: [],
|
||||
value: [],
|
||||
pointType: '0',
|
||||
pointDict: [
|
||||
{
|
||||
dictName: '此题有唯一答案和分值',
|
||||
dictValue: '0'
|
||||
},
|
||||
{
|
||||
dictName: '每个选项都有对应分值',
|
||||
dictValue: '1'
|
||||
},
|
||||
{
|
||||
dictName: '答对几项得几分，答错不得分',
|
||||
dictValue: '2'
|
||||
}
|
||||
],
|
||||
options: [
|
||||
{
|
||||
label: '选项1',
|
||||
value: '',
|
||||
point: '',
|
||||
img: []
|
||||
},
|
||||
{
|
||||
label: '选项2',
|
||||
point: '',
|
||||
value: '',
|
||||
img: []
|
||||
}
|
||||
],
|
||||
title: ''
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '单下拉框',
|
||||
fixedLabel: '单下拉框',
|
||||
value: '',
|
||||
points: '',
|
||||
icon: 'iconSelect',
|
||||
isShowPoints: false,
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
answer: '',
|
||||
pointType: '0',
|
||||
pointDict: [
|
||||
{
|
||||
dictName: '此题有唯一答案和分值',
|
||||
dictValue: '0'
|
||||
},
|
||||
{
|
||||
dictName: '每个选项都有对应分值',
|
||||
dictValue: '1'
|
||||
}
|
||||
],
|
||||
options: [
|
||||
{
|
||||
label: '选项1',
|
||||
value: '',
|
||||
point: '',
|
||||
img: []
|
||||
},
|
||||
{
|
||||
label: '选项2',
|
||||
value: '',
|
||||
point: '',
|
||||
img: []
|
||||
}
|
||||
],
|
||||
title: ''
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'input',
|
||||
tips: '（可重复添加）',
|
||||
label: '填空',
|
||||
children: [
|
||||
{
|
||||
type: 'input',
|
||||
label: '单行填空',
|
||||
fixedLabel: '单行填空',
|
||||
value: '',
|
||||
pointType: '0',
|
||||
icon: 'icontext_box',
|
||||
isShowPoints: false,
|
||||
points: '',
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
placeholder: '请输入...',
|
||||
answer: ''
|
||||
},
|
||||
{
|
||||
type: 'textarea',
|
||||
label: '多行填空',
|
||||
fixedLabel: '多行填空',
|
||||
pointType: '0',
|
||||
icon: 'icontext_area',
|
||||
points: '',
|
||||
isShowPoints: false,
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
answer: '',
|
||||
placeholder: '请输入...',
|
||||
value: ''
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'annex',
|
||||
tips: '（可重复添加）',
|
||||
label: '附件',
|
||||
children: [
|
||||
{
|
||||
type: 'upload',
|
||||
label: '上传图片',
|
||||
fixedLabel: '上传图片',
|
||||
value: '',
|
||||
icon: 'iconpic',
|
||||
isShowPoints: false,
|
||||
points: '',
|
||||
required: true,
|
||||
hasAnswer: false,
|
||||
answer: ''
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
195
project/pingchang/apps/AppCommunityMember/Add.vue
Normal file
195
project/pingchang/apps/AppCommunityMember/Add.vue
Normal file
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<ai-detail class="Add">
|
||||
<ai-title slot="title" title="发起活动" isShowBack isShowBottomBorder @onBackClick="cancel"/>
|
||||
<template slot="content">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
|
||||
<ai-card title="活动信息">
|
||||
<template #content>
|
||||
<div class="ai-form">
|
||||
<el-form-item label="发布地区" prop="areaId" style="width: 100%">
|
||||
<ai-area-select
|
||||
clearable
|
||||
:instance="instance"
|
||||
v-model="form.areaId"
|
||||
@fullname="v => form.areaName = v"
|
||||
always-show
|
||||
area-level="5"
|
||||
:disabledLevel="disabledLevel"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title" style="width: 100%">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="form.title"
|
||||
placeholder="请输入..."
|
||||
clearabel
|
||||
:maxLength="60"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动地点" prop="address" style="width: 100%">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="form.address"
|
||||
placeholder="请输入..."
|
||||
clearabel
|
||||
:maxLength="20"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参与名额" prop="total" style="width: 100%">
|
||||
<el-input-number v-model="form.total" :min="0" :max="1000" size="small"></el-input-number>
|
||||
<span class="text">*0表示不限制活动报名人数</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动时间" prop="activeTimeList" style="width: 50%">
|
||||
<el-date-picker size="small" :picker-options="pickerOptions"
|
||||
v-model="form.activeTimeList"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
format="yyyy-MM-dd HH:mm:ss"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="截至时间" prop="stopSignupTime" style="width: 50%">
|
||||
<el-date-picker size="small" :picker-options="pickerOptions"
|
||||
v-model="form.stopSignupTime"
|
||||
type="date"
|
||||
style="width: 100%"
|
||||
placeholder="选择日期"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人" prop="contactPerson" style="width: 50%">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="form.contactPerson"
|
||||
placeholder="请输入..."
|
||||
clearabel
|
||||
:maxLength="10"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="contactPhone" style="width: 50%">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="form.contactPhone"
|
||||
placeholder="请输入..."
|
||||
clearabel
|
||||
:maxLength="11"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动介绍" prop="content" style="width: 100%">
|
||||
<ai-editor v-model="form.content" :instance="instance" @validate="v=>valid=!v"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</template>
|
||||
</ai-card>
|
||||
</el-form>
|
||||
</template>
|
||||
<template #footer>
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
<el-button type="primary" @click="confirm">提交</el-button>
|
||||
</template>
|
||||
</ai-detail>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapState} from "vuex";
|
||||
export default {
|
||||
name: "Add",
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
selected: Object,
|
||||
},
|
||||
computed: {
|
||||
...mapState(["user"]),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
disabledLevel: 0,
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() < Date.now();
|
||||
},
|
||||
},
|
||||
rules: {
|
||||
areaId: [{ required: true, message: '请选择发布地区', trigger: 'change' },
|
||||
{
|
||||
validator: (r, v, cb) => {
|
||||
if (/.+0{3}$/.test(v)) {
|
||||
cb("发布地区必须选到村级")
|
||||
} else cb()
|
||||
}, trigger: "blur"
|
||||
}
|
||||
],
|
||||
title: [{ required: true, message: '请输入标题', trigger: 'change' }],
|
||||
address: [{ required: true, message: '请选输入活动地点', trigger: 'change' }],
|
||||
total: [{ required: true, message: '请输入参与人员', trigger: 'change' }],
|
||||
activeTimeList: [{ required: true, message: '请选择活动时间', trigger: 'change' }],
|
||||
stopSignupTime: [{ required: true, message: '请选择截止时间', trigger: 'change' }],
|
||||
contactPerson: [{ required: true, message: '请输入联系人', trigger: 'change' }],
|
||||
contactPhone: [{ required: true, message: '请输入联系电话', trigger: 'change' }],
|
||||
content: [{ required: true, message: '请输入活动介绍', trigger: 'change' }],
|
||||
},
|
||||
form: {
|
||||
areaId: '',
|
||||
areaName: '',
|
||||
title: '',
|
||||
address: '',
|
||||
total: '',
|
||||
activeTimeList: [],
|
||||
stopSignupTime: '',
|
||||
contactPerson: '',
|
||||
contactPhone: '',
|
||||
content: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log(this.user)
|
||||
this.dict.load("education", "sex", "nation", "developStatus")
|
||||
this.disabledLevel = this.user.info.areaList.length - 1
|
||||
this.form.areaId = this.user.info.areaId
|
||||
},
|
||||
methods: {
|
||||
confirm() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.form.beginTime = this.form.activeTimeList[0]
|
||||
this.form.endTime = this.form.activeTimeList[1]
|
||||
this.instance.post(`/app/apppartyreport/addOrUpdate`, {...this.form}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('发起活动成功')
|
||||
setTimeout(() => {
|
||||
this.cancel()
|
||||
}, 600);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("goBack")
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.Add {
|
||||
.ai-form {
|
||||
display: flex;
|
||||
}
|
||||
.text {
|
||||
display: inline-block;
|
||||
padding-left: 8px;
|
||||
color: #999;
|
||||
}
|
||||
::v-deep .el-range-separator {
|
||||
width: 28px!important;
|
||||
}
|
||||
::v-deep .el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
107
project/pingchang/apps/AppCommunityMember/AppCommunityMember.vue
Normal file
107
project/pingchang/apps/AppCommunityMember/AppCommunityMember.vue
Normal file
@@ -0,0 +1,107 @@
|
||||
<template>
|
||||
<div class="AppCommunityMember">
|
||||
<ai-list v-show="!detailShow">
|
||||
<template slot="title">
|
||||
<ai-title title="报到服务" :isShowBottomBorder="false" :instance="instance" :isShowArea="currIndex == 0 ? true : false" v-model="areaId" @change="changeArea"></ai-title>
|
||||
</template>
|
||||
<template slot="tabs">
|
||||
<el-tabs v-model="currIndex">
|
||||
<el-tab-pane v-for="(tab,i) in tabs" :key="i" :name="String(i)" :label="tab.label">
|
||||
<component
|
||||
:is="tab.comp"
|
||||
v-if="currIndex === String(i)"
|
||||
:areaId="areaId"
|
||||
:ref="tab.name"
|
||||
@showDetail="showDetail"
|
||||
:instance="instance"
|
||||
:dict="dict"
|
||||
:permissions="permissions" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
</ai-list>
|
||||
<component v-if="detailShow" :is="currDet" :areaId="areaId" :id="id" @goBack="goBack" :instance="instance" :dict="dict" :permissions="permissions"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import List from './List'
|
||||
import Statistics from './Statistics'
|
||||
import Organization from './Organization'
|
||||
import Add from './Add'
|
||||
import Detail from './Detail'
|
||||
|
||||
import {mapState} from 'vuex'
|
||||
|
||||
export default {
|
||||
name: "AppCommunityMember",
|
||||
label: "在职党员社区报到",
|
||||
components: {List, Statistics, Organization, Add, Detail},
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
permissions: Function
|
||||
},
|
||||
|
||||
computed: {
|
||||
tabs() {
|
||||
return [
|
||||
{
|
||||
label: "社区活动管理",
|
||||
name: "List",
|
||||
comp: List,
|
||||
},
|
||||
{
|
||||
label: "报到数据",
|
||||
name: "Statistics",
|
||||
comp: Statistics,
|
||||
},
|
||||
{
|
||||
label: "报到组织管理",
|
||||
name: "Organization",
|
||||
comp: Organization,
|
||||
},
|
||||
]
|
||||
},
|
||||
...mapState(['user']),
|
||||
currDet() {
|
||||
return this.id ? Detail : Add
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.areaId = this.user.info.areaId;
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: "List",
|
||||
currIndex: 0,
|
||||
areaId: '',
|
||||
detailShow: false,
|
||||
id: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
this.detailShow = false;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.List[0].getListInit()
|
||||
})
|
||||
},
|
||||
showDetail(id) {
|
||||
this.id = id || ''
|
||||
this.detailShow = true
|
||||
},
|
||||
changeArea() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.List[0].getListInit()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.AppCommunityMember {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
130
project/pingchang/apps/AppCommunityMember/Detail.vue
Normal file
130
project/pingchang/apps/AppCommunityMember/Detail.vue
Normal file
@@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<ai-detail class="party-detail">
|
||||
<template slot="title">
|
||||
<ai-title
|
||||
title="活动详情"
|
||||
isShowBack
|
||||
isShowBottomBorder
|
||||
@onBackClick="cancel()"
|
||||
></ai-title>
|
||||
</template>
|
||||
<template slot="content">
|
||||
<div>
|
||||
<ai-card title="活动信息">
|
||||
<template #content>
|
||||
<ai-wrapper label-width="120px">
|
||||
<ai-info-item isLine label="发布地区">{{ info.areaName }}</ai-info-item>
|
||||
<ai-info-item isLine label="标题">{{ info.title }}</ai-info-item>
|
||||
<ai-info-item isLine label="活动地点">{{ info.address }}</ai-info-item>
|
||||
<ai-info-item isLine label="参与名额">{{ info.total }}</ai-info-item>
|
||||
<ai-info-item label="报名状态">{{ dict.getLabel('partyReportSignupStatus', info.signupStatus) }}</ai-info-item>
|
||||
<ai-info-item label="活动状态">{{ dict.getLabel('activityStatus', info.actionStatus) }}</ai-info-item>
|
||||
<ai-info-item label="活动时间">{{ info.beginTime.substring(0, 10) }} 至 {{ info.endTime.substring(0, 10) }}</ai-info-item>
|
||||
<ai-info-item label="截至时间">{{ info.stopSignupTime }}</ai-info-item>
|
||||
<ai-info-item label="联系人">{{ info.contactPerson }}</ai-info-item>
|
||||
<ai-info-item label="联系电话">{{ info.contactPhone }}</ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="活动介绍">
|
||||
<template #content>
|
||||
<p v-html="info.content"></p>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-card title="报名情况">
|
||||
<template #content>
|
||||
<ai-table
|
||||
:border="true"
|
||||
:tableData="info.introducerList"
|
||||
:isShowPagination="false"
|
||||
:col-configs="colConfigs"
|
||||
>
|
||||
<el-table-column slot="user" width="300px" label="报名人员资料" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<p>{{row.partyName}}-{{row.phone}}</p>
|
||||
<p class="color-999">{{partyOrgName}}</p>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="options" width="120px" fixed="right" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<el-button type="text" @click="toDetail(row.id)">查看日志</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-card>
|
||||
</div>
|
||||
</template>
|
||||
</ai-detail>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from "vuex";
|
||||
|
||||
export default {
|
||||
name: "detail",
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
params: Object,
|
||||
id: String
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
info: {},
|
||||
colConfigs: [
|
||||
{prop: "signupTime", label: "报名时间", align: "center"},
|
||||
{slot: "user"},
|
||||
{prop: "reportType", label: "活动报到类型", align: "center", dict: 'partyReportSignupReportType'},
|
||||
{prop: "remark", label: "报名备注", align: "center"},
|
||||
{prop: "status", label: "报名状态", align: "center", dict: 'partyReportPersonSignupStatus'},
|
||||
{prop: "logStatus", label: "活动日志", align: "center", dict: 'partyReportSignupLogStatus'},
|
||||
{slot: "options"},
|
||||
],
|
||||
userList: []
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapState(["user"]),
|
||||
},
|
||||
|
||||
created() {
|
||||
this.dict.load('activityStatus', 'partyReportSignupStatus', 'partyReportSignupReportType', 'partyReportPersonSignupStatus', 'partyReportSignupLogStatus').then(() => {
|
||||
this.getInfo()
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
|
||||
methods: {
|
||||
getInfo() {
|
||||
this.instance.post(`/app/apppartyreport/queryDetailById?id=${this.id}`).then((res) => {
|
||||
if (res?.data) {
|
||||
this.info = res.data;
|
||||
if (this.info.birthday) {
|
||||
this.info.birthday = this.info.birthday.substring(0, 10);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getList() {
|
||||
this.instance.post(`/app/apppartyreport/signup-info?id=${this.id}`).then((res) => {
|
||||
if (res?.data) {
|
||||
res.data.map((item) => {
|
||||
item.signupTime = item.signupTime.substring(0, 10)
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("goBack")
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
155
project/pingchang/apps/AppCommunityMember/List.vue
Normal file
155
project/pingchang/apps/AppCommunityMember/List.vue
Normal file
@@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<ai-list class="partyList">
|
||||
<template slot="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd()">发起活动</el-button>
|
||||
<ai-select v-model="search.actionStatus" placeholder="请选择活动状态" :selectList="dict.getDict('activityStatus')"
|
||||
@change="getListInit"></ai-select>
|
||||
<ai-select v-model="search.signupStatus" placeholder="请选择报名状态" :selectList="dict.getDict('partyReportSignupStatus')"
|
||||
@change="getListInit"></ai-select>
|
||||
</template>
|
||||
<template slot="right">
|
||||
<el-input
|
||||
v-model="search.con"
|
||||
size="small"
|
||||
placeholder="请输入活动名称或发布地区"
|
||||
clearable
|
||||
@change="search.current=1,getList()"
|
||||
suffix-icon="iconfont iconSearch"/>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:dict="dict"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
v-loading="loading"
|
||||
style="margin-top: 6px;"
|
||||
:current.sync="search.current"
|
||||
:size.sync="search.size"
|
||||
@getList="getList">
|
||||
<el-table-column slot="activeTime" width="220px" label="活动时间" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">{{row.beginTime.substring(0, 10)}}至{{row.endTime.substring(0, 10)}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="options" width="180px" fixed="right" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<el-button type="text" @click="toDetail(row.id)">详情</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapState} from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'List',
|
||||
|
||||
props: {
|
||||
instance: Function,
|
||||
permissions: Function,
|
||||
dict: Object,
|
||||
selected: Object,
|
||||
areaId: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
search: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
con: '',
|
||||
actionStatus: '',
|
||||
signupStatus: ''
|
||||
},
|
||||
orgName: '',
|
||||
loading: false,
|
||||
total: 0,
|
||||
colConfigs: [
|
||||
{prop: 'title', label: '活动名称', align: 'center'},
|
||||
{prop: 'areaName', label: '发布地区', align: 'center'},
|
||||
{slot: 'activeTime'},
|
||||
{prop: 'total', label: '报名人数', align: 'center', width: 120},
|
||||
{prop: 'signupStatus', label: '报名状态', align: 'center', dict: 'partyReportSignupStatus', width: 120},
|
||||
{prop: 'actionStatus', label: '活动状态', align: 'center', dict: 'activityStatus', width: 120},
|
||||
{slot: 'option'},
|
||||
],
|
||||
tableData: [],
|
||||
ids: '',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState(['user']),
|
||||
},
|
||||
created() {
|
||||
this.dict.load('activityStatus', 'partyReportSignupStatus').then(() => {
|
||||
this.getList()
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
getListInit() {
|
||||
this.current = 1
|
||||
this.getList()
|
||||
},
|
||||
getList() {
|
||||
this.instance.post(`/app/apppartyreport/list`, null, {
|
||||
params: {...this.search, areaId: this.areaId}
|
||||
}).then(res => {
|
||||
this.loading = false
|
||||
if (res?.data) {
|
||||
this.tableData = res.data.records
|
||||
this.total = res.data.total
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
|
||||
toDetail(id) {
|
||||
this.$emit("showDetail", id)
|
||||
},
|
||||
toAdd() {
|
||||
this.$emit("showDetail")
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.partyList {
|
||||
.party-table__btns {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
::v-deep .audit-0 {
|
||||
color: #FF8822 !important;
|
||||
}
|
||||
|
||||
::v-deep .audit-1 {
|
||||
color: #2EA222 !important;
|
||||
}
|
||||
|
||||
::v-deep .ai-list__content--right {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-left: 1px;
|
||||
box-shadow: none;
|
||||
|
||||
.ai-list__content--right-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
::v-deep .is-current>.el-tree-node__content{
|
||||
width: 100%!important;
|
||||
padding-right: 16px!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
324
project/pingchang/apps/AppCommunityMember/Organization.vue
Normal file
324
project/pingchang/apps/AppCommunityMember/Organization.vue
Normal file
@@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<section class="Organization">
|
||||
<div class="organizations_content">
|
||||
<header>
|
||||
<i class="iconfont iconModal_Warning"></i>
|
||||
<p>
|
||||
并非所有单位都需要参加社区活动，对于需要参加社区活动的单位，请在下方“应报到单位名单”中进行修改，无需参加活动的单位请勿勾选。
|
||||
</p>
|
||||
</header>
|
||||
<div class="organizations_tree">
|
||||
<p class="top">
|
||||
<span class="word">应报到单位名单</span>
|
||||
<el-button
|
||||
type="text"
|
||||
icon="iconfont iconEdit"
|
||||
@click="editDialog = true"
|
||||
>修改</el-button
|
||||
>
|
||||
</p>
|
||||
<el-input
|
||||
size="mini"
|
||||
v-model.trim="selectFilterText"
|
||||
style="margin-top: 8px"
|
||||
placeholder="请输入单位..."
|
||||
suffix-icon="iconfont iconSearch"
|
||||
@keyup.native="$refs.selectTree.filter(selectFilterText)"
|
||||
clearable
|
||||
@clear="$refs.selectTree.filter(selectFilterText)"
|
||||
/>
|
||||
<div class="left_cont">
|
||||
<el-tree
|
||||
:data="selectTreeData"
|
||||
:props="defaultProps"
|
||||
ref="selectTree"
|
||||
node-key="partyOrgId"
|
||||
:default-expanded-keys="[user.info.organizationId]"
|
||||
empty-text="搜索不到相关内容"
|
||||
:filter-node-method="filterNode"
|
||||
:highlight-current="true"
|
||||
v-if="selectTreeData.length > 0"
|
||||
/>
|
||||
<div v-else class="no-data" style="height: 300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
class="mask"
|
||||
:visible.sync="editDialog"
|
||||
width="520px"
|
||||
title="修改应报到单位"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<div class="tree">
|
||||
<el-input
|
||||
size="mini"
|
||||
v-model="filterText"
|
||||
placeholder="请输入单位..."
|
||||
suffix-icon="iconfont iconSearch"
|
||||
clearable
|
||||
/>
|
||||
<div class="left_cont">
|
||||
<el-tree
|
||||
v-if="editDialog"
|
||||
:data="originTreeData"
|
||||
:props="defaultProps"
|
||||
ref="tree_edit"
|
||||
node-key="partyOrgId"
|
||||
show-checkbox
|
||||
empty-text="搜索不到相关内容"
|
||||
:filter-node-method="filterNode"
|
||||
:default-expanded-keys="[user.info.organizationId]"
|
||||
:default-checked-keys="defaultKeys"
|
||||
:current-node-key="user.info.organizationId"
|
||||
:highlight-current="true"
|
||||
/>
|
||||
<div v-else class="no-data" style="height: 300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" style="text-align: center">
|
||||
<el-button
|
||||
style="width: 92px"
|
||||
size="small"
|
||||
class="delete-btn"
|
||||
@click="editDialog = false"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
style="width: 92px"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="selectTree()"
|
||||
>确认</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from "vuex";
|
||||
|
||||
export default {
|
||||
name: "Organization",
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
permissions: Function,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
treeData: [],
|
||||
editDialog: false,
|
||||
filterText: "",
|
||||
selectFilterText: "",
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapState(["user"]),
|
||||
defaultProps() {
|
||||
return {
|
||||
children: "children",
|
||||
label: "partyOrgName",
|
||||
};
|
||||
},
|
||||
defaultKeys() {
|
||||
return this.selectTreeData.map((e) => e.partyOrgId) || [];
|
||||
},
|
||||
originTreeData() {
|
||||
let data = [];
|
||||
if (this.editDialog) {
|
||||
let origin = JSON.parse(JSON.stringify(this.treeData)) || [];
|
||||
data = origin.filter(
|
||||
(e) => e.partyOrgId == this.user.info.organizationId
|
||||
);
|
||||
data.map((t) => this.addChildParty(t, origin));
|
||||
}
|
||||
return data;
|
||||
},
|
||||
selectTreeData() {
|
||||
let treeMeta = [],
|
||||
arr = JSON.parse(
|
||||
JSON.stringify(this.treeData.filter((e) => e.checked))
|
||||
);
|
||||
treeMeta = this.findParent(arr, {
|
||||
id: "partyOrgId",
|
||||
parent: "partyOrgParentId",
|
||||
});
|
||||
treeMeta.map((t) => this.addChildParty(t, arr));
|
||||
return treeMeta;
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
filterText(val) {
|
||||
this.$refs.tree_edit.filter(val);
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
filterNode(value, data) {
|
||||
if (!value) return true;
|
||||
return data.partyOrgName.indexOf(value) !== -1;
|
||||
},
|
||||
// 根据登录用户单位查 树形结构
|
||||
searchSysAll() {
|
||||
this.treeData = [];
|
||||
this.instance.post("/app/apppartyreportconfig/list").then((res) => {
|
||||
if (res?.data) {
|
||||
this.treeData = res.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
selectTree() {
|
||||
let selectArr = this.$refs.tree_edit.getCheckedNodes();
|
||||
this.updateTree(selectArr);
|
||||
},
|
||||
updateTree(arr) {
|
||||
arr = arr.map((e) => {
|
||||
delete e.children;
|
||||
return { ...e, checked: true };
|
||||
});
|
||||
this.instance.post("/app/apppartyreportconfig/addOrUpdate", arr).then((res) => {
|
||||
if (res?.code == 0) {
|
||||
this.$message.success("修改成功");
|
||||
this.searchSysAll();
|
||||
this.editDialog = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
findParent(data, ops) {
|
||||
ops = {
|
||||
id: "self",
|
||||
parent: "parentId",
|
||||
parents: {},
|
||||
pending: [],
|
||||
...ops,
|
||||
};
|
||||
let parentsObj = {};
|
||||
data
|
||||
.filter(
|
||||
(e) => ops.pending.length == 0 || ops.pending.includes(e[ops.id])
|
||||
)
|
||||
.map((e) => {
|
||||
if (e[ops.parent]) {
|
||||
parentsObj[e[ops.parent]] = 0;
|
||||
} else {
|
||||
ops.parents[e[ops.id]] = e;
|
||||
}
|
||||
});
|
||||
let pending = {};
|
||||
Object.keys(parentsObj).map((p) => {
|
||||
let item = data.find((e) => e[ops.id] == p);
|
||||
if (item) {
|
||||
item[ops.parent] && (pending[p] = item[ops.parent]);
|
||||
} else {
|
||||
if (!ops.parents[p]) {
|
||||
data
|
||||
.filter((e) => e[ops.parent] == p)
|
||||
.map((e) => {
|
||||
ops.parents[e[ops.id]] = e;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
ops.pending = Object.values(pending);
|
||||
if (ops.pending.length) {
|
||||
return this.findParent(data, ops);
|
||||
} else return Object.values(ops.parents);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => this.searchSysAll());
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.Organization {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 16px 0;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
|
||||
.organizations_content {
|
||||
width: 1200px;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
background: rgba(255, 243, 232, 1);
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(255, 136, 34, 1);
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
|
||||
.iconfont.iconModal_Warning {
|
||||
color: #ff8822;
|
||||
height: 100%;
|
||||
float: left;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
float: left;
|
||||
width: 800px;
|
||||
font-size: 12px;
|
||||
color: #ff8822;
|
||||
}
|
||||
}
|
||||
|
||||
.organizations_tree {
|
||||
margin-top: 16px;
|
||||
width: 100%;
|
||||
min-height: 500px;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-radius: 4px;
|
||||
padding: 0 16px 16px 16px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 48px;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 56px;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
.word {
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
::v-deep .el-button--text [class*="iconfont"] {
|
||||
color: #5088ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
.el-dialog__body {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-tree {
|
||||
margin-top: 16px;
|
||||
min-height: 300px;
|
||||
max-height: 600px;
|
||||
overflow: auto;
|
||||
|
||||
.el-tree-node.is-focusable.is-checked {
|
||||
.el-tree-node__label {
|
||||
color: #5088ff;
|
||||
background: rgba(239, 246, 255, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
652
project/pingchang/apps/AppCommunityMember/Statistics.vue
Normal file
652
project/pingchang/apps/AppCommunityMember/Statistics.vue
Normal file
@@ -0,0 +1,652 @@
|
||||
<template>
|
||||
<ai-list class="Statistics">
|
||||
<template #left>
|
||||
<ai-tree-menu
|
||||
title="应报到单位名单"
|
||||
searchPlaceholder="请输入单位..."
|
||||
@search="onSearch"
|
||||
>
|
||||
<ai-party-tree
|
||||
:filter-node-method="filterNode"
|
||||
ref="tree"
|
||||
:instance="instance"
|
||||
:root="user.info.organizationId"
|
||||
:current-node-key="selected.id"
|
||||
@select="handleNodeClick"
|
||||
/>
|
||||
</ai-tree-menu>
|
||||
</template>
|
||||
<template slot="content">
|
||||
<div class="top">
|
||||
<header>近12个月学员活动参与情况统计</header>
|
||||
<div class="month" id="month"></div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<header>
|
||||
<el-date-picker
|
||||
v-model="selectMonth"
|
||||
type="month"
|
||||
@change="typeScale()"
|
||||
size="mini"
|
||||
:clearable="false"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择年月"
|
||||
>
|
||||
</el-date-picker>
|
||||
</header>
|
||||
<div class="content">
|
||||
<div class="middle-left">
|
||||
<ul>
|
||||
<li>
|
||||
<p>应报到学员人数</p>
|
||||
<div class="num">
|
||||
<span>{{ numObj.party_num }}</span>
|
||||
<span>人</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>本月报名活动人数</p>
|
||||
<div class="num">
|
||||
<span>{{ numObj.registered_num }}</span>
|
||||
<span>人</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>实际参与活动人数</p>
|
||||
<div class="num">
|
||||
<span>{{ numObj.actual_num }}</span>
|
||||
<span>人</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>活动实际参与率</p>
|
||||
<div class="num">
|
||||
<span>{{ numObj.proportion }}</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="middle-right" id="middle-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<header>
|
||||
<ul>
|
||||
<li
|
||||
v-for="(e, index) in table"
|
||||
:key="index"
|
||||
@click="handleClick(e, index)"
|
||||
:class="{ activeNav: e.id == activeId }"
|
||||
>
|
||||
{{ e.label }}
|
||||
</li>
|
||||
<span ref="border"></span>
|
||||
</ul>
|
||||
</header>
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-date-picker
|
||||
v-model="searchObj.ymd"
|
||||
type="month"
|
||||
@change="(page.current = 1), searchList()"
|
||||
size="small"
|
||||
:clearable="false"
|
||||
value-format="yyyy-MM-01"
|
||||
placeholder="选择年月"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button
|
||||
icon="iconfont iconExported"
|
||||
size="mini"
|
||||
style="margin-left: 8px"
|
||||
@click="outPut()"
|
||||
:disabled="!Boolean(tableData.length)"
|
||||
>导出
|
||||
</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-input
|
||||
v-model="searchObj.name"
|
||||
size="small"
|
||||
placeholder="请输入姓名"
|
||||
clearable
|
||||
@change="(search.current = 1), searchList()"
|
||||
suffix-icon="iconfont iconSearch"
|
||||
/>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:dict="dict"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="page.total"
|
||||
style="margin-top: 6px"
|
||||
:current.sync="page.current"
|
||||
:size.sync="page.size"
|
||||
@getList="searchList"
|
||||
>
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from "vuex";
|
||||
import * as echarts from "echarts";
|
||||
|
||||
export default {
|
||||
name: "Statistics",
|
||||
props: {
|
||||
instance: Function,
|
||||
dict: Object,
|
||||
permissions: Function,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
filterText: "",
|
||||
defaultArr: "",
|
||||
partyOrgId: "", //当前选中的id
|
||||
data12: {},
|
||||
selectMonth: "",
|
||||
activeId: "0",
|
||||
numObj: {},
|
||||
searchObj: {
|
||||
name: "",
|
||||
listType: "0",
|
||||
ymd: "",
|
||||
},
|
||||
tableData: [],
|
||||
page: {
|
||||
size: 5,
|
||||
current: 1,
|
||||
total: 0,
|
||||
},
|
||||
selected: {},
|
||||
colConfigs: [
|
||||
{ prop: "name", label: "姓名", align: "center" },
|
||||
{ prop: "sex", label: "性别", align: "center", dict: "sex" },
|
||||
{ prop: "partyOrg", label: "所属组织", align: "center" },
|
||||
{ prop: "signupCount", label: "报名次数", align: "center", width: 150 },
|
||||
{
|
||||
prop: "partakeCount",
|
||||
label: "参与次数",
|
||||
align: "center",
|
||||
width: 150,
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
filterText(val) {
|
||||
this.$refs.tree.filter(val);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
...mapState(["user"]),
|
||||
table() {
|
||||
return [
|
||||
{ label: "学员活动记录", id: "0" },
|
||||
{ label: "未参与活动名单", id: "1" },
|
||||
];
|
||||
},
|
||||
defaultProps() {
|
||||
return {
|
||||
children: "children",
|
||||
label: "label",
|
||||
};
|
||||
},
|
||||
orgTree() {
|
||||
return this.$refs.tree?.$refs?.partyTree;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleNodeClick(data) {
|
||||
this.selected = data;
|
||||
this.partyOrgId = data.id;
|
||||
this.activeId = "0";
|
||||
this.searchObj.name = "";
|
||||
this.searchObj.listType = "0";
|
||||
this.$nextTick(() => {
|
||||
this.month12();
|
||||
this.typeScale();
|
||||
this.searchList();
|
||||
});
|
||||
},
|
||||
filterNode(value, data) {
|
||||
if (!value) return true;
|
||||
return data.name.indexOf(value) !== -1;
|
||||
},
|
||||
month12() {
|
||||
this.instance
|
||||
.post("/app/apppartyreport/trend", null, {
|
||||
params: {
|
||||
partyOrgId: this.partyOrgId,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.data12 = res.data;
|
||||
this.showMonth12(res.data);
|
||||
}
|
||||
});
|
||||
},
|
||||
typeScale() {
|
||||
this.instance
|
||||
.post("/app/apppartyreport/type-scale", null, {
|
||||
params: {
|
||||
partyOrgId: this.partyOrgId,
|
||||
ymd: this.selectMonth,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.numObj = res.data;
|
||||
this.showPartyScale();
|
||||
}
|
||||
});
|
||||
},
|
||||
handleClick(e, index) {
|
||||
this.activeId = e.id;
|
||||
this.searchObj.listType = e.id;
|
||||
this.searchObj.name = "";
|
||||
this.page.current = 1;
|
||||
this.page.size = 5;
|
||||
this.searchList();
|
||||
this.$refs.border.style.left = index * 160 + "px";
|
||||
},
|
||||
searchList() {
|
||||
this.instance
|
||||
.post(`/app/apppartyreport/list-signup`, null, {
|
||||
params: {
|
||||
...this.searchObj,
|
||||
partyOrgId: this.partyOrgId,
|
||||
...this.page,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
if (res?.data) {
|
||||
this.tableData = res.data.records;
|
||||
this.page.total = res.data.total;
|
||||
}
|
||||
});
|
||||
},
|
||||
outPut() {
|
||||
this.instance
|
||||
.post("/app/apppartyreport/export-signup", null, {
|
||||
responseType: "blob",
|
||||
params: {
|
||||
partyOrgId: this.partyOrgId,
|
||||
...this.searchObj,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
const link = document.createElement("a");
|
||||
let blob = new Blob([res], { type: "application/vnd.ms-excel" });
|
||||
link.style.display = "none";
|
||||
link.href = URL.createObjectURL(blob);
|
||||
let fileName = "";
|
||||
this.activeId == 0
|
||||
? (fileName = "学员活动记录")
|
||||
: (fileName = "未参与活动名单");
|
||||
link.setAttribute("download", fileName + ".xls");
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
});
|
||||
},
|
||||
showMonth12(data) {
|
||||
let myChart2 = echarts.init(document.getElementById("month"));
|
||||
let months = [];
|
||||
let arr1 = [];
|
||||
let arr2 = [];
|
||||
let arr3 = [];
|
||||
data.forEach((e) => {
|
||||
months.push(e.cycle);
|
||||
arr1.push(e.partyNum);
|
||||
arr2.push(e.registeredNumrc);
|
||||
arr3.push(e.actualNumrc);
|
||||
});
|
||||
let option = {
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
label: {
|
||||
backgroundColor: "#6a7985",
|
||||
},
|
||||
},
|
||||
},
|
||||
dataset: {
|
||||
source: [
|
||||
["product", ...months],
|
||||
["应报到学员人次", ...arr1],
|
||||
["报名活动人次", ...arr2],
|
||||
["实际参与活动人次", ...arr3],
|
||||
],
|
||||
},
|
||||
legend: {
|
||||
data: ["应报到学员人次", "报名活动人次", "实际参与活动人次"],
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {},
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
bottom: "3%",
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: {
|
||||
boundaryGap: false,
|
||||
type: "category",
|
||||
},
|
||||
yAxis: { gridIndex: 0 },
|
||||
|
||||
series: [
|
||||
{ type: "line", smooth: true, seriesLayoutBy: "row" },
|
||||
{ type: "line", smooth: true, seriesLayoutBy: "row" },
|
||||
{ type: "line", smooth: true, seriesLayoutBy: "row" },
|
||||
],
|
||||
};
|
||||
|
||||
myChart2.setOption(option);
|
||||
|
||||
window.onresize = function () {
|
||||
myChart2.resize();
|
||||
};
|
||||
},
|
||||
showPartyScale() {
|
||||
let myChart = echarts.init(document.getElementById("middle-right"));
|
||||
let legendData = [];
|
||||
let seriesData = [];
|
||||
if (JSON.stringify(this.numObj.reportTypeMap) != "[]") {
|
||||
this.numObj.reportTypeMap.forEach((e) => {
|
||||
legendData.push(
|
||||
this.dict.getLabel("partyReportSignupReportType", e.report_type)
|
||||
);
|
||||
seriesData.push({
|
||||
value: e.count,
|
||||
name: this.dict.getLabel(
|
||||
"partyReportSignupReportType",
|
||||
e.report_type
|
||||
),
|
||||
});
|
||||
});
|
||||
} else {
|
||||
legendData = [
|
||||
"居住地社区报到服务",
|
||||
"单位联系社区报到服务",
|
||||
"其他社区报到服务",
|
||||
];
|
||||
seriesData = [
|
||||
{ value: 0, name: "居住地社区报到服务" },
|
||||
{ value: 0, name: "单位联系社区报到服务" },
|
||||
{ value: 0, name: "其他社区报到服务" },
|
||||
];
|
||||
}
|
||||
let option = {
|
||||
backgroundColor: "rgba(249,249,249,1)",
|
||||
|
||||
title: {
|
||||
text: "学员报到类型比例",
|
||||
x: "left",
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
formatter: "{a} <br/>{b} : {c} ({d}%)",
|
||||
},
|
||||
legend: {
|
||||
orient: "vertical",
|
||||
right: 50,
|
||||
top: 70,
|
||||
bottom: 20,
|
||||
width: "auto",
|
||||
data: legendData,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "学员报到类型比例",
|
||||
type: "pie",
|
||||
radius: ["45%", "75%"],
|
||||
center: ["30%", "55%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
position: "inside",
|
||||
formatter: "{d}%",
|
||||
},
|
||||
|
||||
data: seriesData,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: function (params) {
|
||||
//自定义颜色
|
||||
var colorList = [
|
||||
"#4B87FE",
|
||||
"#FFAA44",
|
||||
"#FF4466",
|
||||
"#FFAA44",
|
||||
"#2EA222",
|
||||
];
|
||||
return colorList[params.dataIndex];
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
myChart.setOption(option);
|
||||
window.onresize = function () {
|
||||
myChart.resize();
|
||||
};
|
||||
},
|
||||
getNowDate() {
|
||||
let mydate = new Date();
|
||||
let mymonth = mydate.getMonth() + 1;
|
||||
mymonth < 10 ? (mymonth = `0${mymonth}`) : mymonth;
|
||||
let year = mydate.getFullYear();
|
||||
return `${year}-${mymonth}-01`;
|
||||
},
|
||||
|
||||
onSearch(v) {
|
||||
this.orgTree.filter(v);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.partyOrgId = this.user.info.organizationId;
|
||||
this.dict.load("partyReportSignupReportType", "sex");
|
||||
this.selectMonth = this.getNowDate();
|
||||
this.searchObj.ymd = this.getNowDate();
|
||||
this.$nextTick(() => {
|
||||
this.month12();
|
||||
this.typeScale();
|
||||
this.searchList();
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.Statistics {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
height: 288px;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
|
||||
header {
|
||||
color: #333333;
|
||||
padding: 0 16px;
|
||||
box-sizing: border-box;
|
||||
height: 47px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 47px;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.month {
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - 47px);
|
||||
}
|
||||
}
|
||||
|
||||
.middle {
|
||||
width: 100%;
|
||||
height: 320px;
|
||||
margin-top: 16px;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
|
||||
header {
|
||||
padding: 0 16px;
|
||||
box-sizing: border-box;
|
||||
height: 48px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - 48px);
|
||||
|
||||
.middle-left {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
ul {
|
||||
overflow: hidden;
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li {
|
||||
width: 48%;
|
||||
height: 112px;
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
background: rgba(249, 249, 249, 1);
|
||||
border-radius: 2px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: 4%;
|
||||
|
||||
&:nth-of-type(2n - 1) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
height: 32px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.num {
|
||||
height: 80px;
|
||||
line-height: 60px;
|
||||
|
||||
span:nth-of-type(1) {
|
||||
color: #2266ff;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
span:nth-of-type(2) {
|
||||
font-size: 16px;
|
||||
color: rgba(153, 153, 153, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.middle-right {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
padding: 4px;
|
||||
box-sizing: border-box;
|
||||
background: rgba(249, 249, 249, 1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 464px;
|
||||
margin-top: 16px;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
height: 56px;
|
||||
padding: 0 16px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid rgb(241, 237, 237);
|
||||
margin-bottom: 16px;
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
li {
|
||||
width: 160px;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
transition: opacity 1s;
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
|
||||
&:hover {
|
||||
color: rgba(34, 102, 255, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.activeNav {
|
||||
opacity: 1;
|
||||
font-weight: bold;
|
||||
color: rgba(34, 102, 255, 1);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 160px;
|
||||
height: 3px;
|
||||
display: block;
|
||||
background-color: rgba(34, 102, 255, 1);
|
||||
transition: left 0.5s;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-col-24 {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user