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

111

master
jiangyy 3 years ago
parent
84d085ab4c
commit
7a3adcd9a7
7 changed files with 942 additions and 630 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. 34
      src/assets/scss/modules/visual/a_customize.scss
  2. 2
      src/views/modules/shequzhili/event/cpts/event-info.vue
  3. 2
      src/views/modules/shequzhili/event/eventList.vue
  4. 466
      src/views/modules/visual/basicinfo/people.vue
  5. 177
      src/views/modules/visual/communityGovern/fivelayers/eventInfo.vue
  6. 654
      src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
  7. 237
      src/views/modules/visual/measure/dialogInfo.vue

34
src/assets/scss/modules/visual/a_customize.scss
View File

@ -0,0 +1,34 @@
@import '../../c/config';
@import '../../c/function';
@import './c/common';
.single-select {
margin: 0 10px 0 10px;
::v-deep .el-input {
width: 180px;
height: 36px;
.el-input__inner {
height: 100%;
padding: 0 10px;
color: #fff;
line-height: 36px;
background: #06186d;
border: 1px solid #1a64cc;
}
.el-icon-arrow-up:before {
content: '\e78f';
}
// .el-select__caret:before {
// content: '\E790'
// }
}
}

2
src/views/modules/shequzhili/event/cpts/event-info.vue
View File

@ -280,7 +280,7 @@ export default {
Object.keys(data).forEach((k) => { Object.keys(data).forEach((k) => {
this[k] = data[k]; this[k] = data[k];
}); });
this.getApiData(); // this.getApiData();
}, },
}, },

2
src/views/modules/shequzhili/event/eventList.vue
View File

@ -578,8 +578,6 @@ export default {
}, },
async handleWatch (row) { async handleWatch (row) {
this.eventId = row.icEventId
this.eventId = row.icEventId this.eventId = row.icEventId
const url = "/gov/project/icEvent/detail"; const url = "/gov/project/icEvent/detail";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";

466
src/views/modules/visual/basicinfo/people.vue
View File

@ -1,12 +1,11 @@
<template> <template>
<div class="g-wrr"> <div class="g-wrr">
<div class="g-bread" v-if="breadList.length > 1"> <div class="g-bread"
v-if="breadList.length > 1">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item <el-breadcrumb-item v-for="item in breadList"
v-for="item in breadList" :key="item.path"
:key="item.path" :to="{ path: item.path }">
:to="{ path: item.path }"
>
{{ item.meta.title }} {{ item.meta.title }}
</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
@ -20,9 +19,11 @@
<img src="@/assets/img/shuju/title-tip.png" /> <img src="@/assets/img/shuju/title-tip.png" />
<span>人员情况</span> <span>人员情况</span>
</div> </div>
<div class="more" @click="showedMoreInfo = true">查看更多</div> <div class="more"
@click="showedMoreInfo = true">查看更多</div>
<div class="ren"> <div class="ren">
<img class="pic-ren" src="@/assets/img/shuju/people/ren.png" /> <img class="pic-ren"
src="@/assets/img/shuju/people/ren.png" />
<div class="ren-name"> <div class="ren-name">
<span>{{ info.name }}</span> <span>{{ info.name }}</span>
<img src="@/assets/img/shuju/people/arrow.png" /> <img src="@/assets/img/shuju/people/arrow.png" />
@ -119,13 +120,11 @@
</cpt-card> </cpt-card>
</div> </div>
<people-more <people-more v-show="showedMoreInfo"
v-show="showedMoreInfo" v-if="userId"
v-if="userId" :userId="userId"
:userId="userId" :gridName="info.gridName"
:gridName="info.gridName" @close="showedMoreInfo = false" />
@close="showedMoreInfo = false"
/>
<div class="m-relation"> <div class="m-relation">
<cpt-card> <cpt-card>
@ -135,14 +134,10 @@
</div> </div>
<div class="info"> <div class="info">
<div class="huzhu"> <div class="huzhu">
<img <img class="huzhu-bg"
class="huzhu-bg" src="@/assets/img/shuju/people/huzhu.png" />
src="@/assets/img/shuju/people/huzhu.png" <img class="huzhu-ico"
/> src="@/assets/img/shuju/people/huzhu-home.png" />
<img
class="huzhu-ico"
src="@/assets/img/shuju/people/huzhu-home.png"
/>
<div class="huzhu-name"> <div class="huzhu-name">
{{ {{
houseInfo && houseInfo.ownerName houseInfo && houseInfo.ownerName
@ -153,23 +148,15 @@
<p>（户主）</p> <p>（户主）</p>
</div> </div>
<div <div class="rel z-zuo-2"
class="rel z-zuo-2" @click="toUserInfo(houseInfo.userList[0].userId)"
@click="toUserInfo(houseInfo.userList[0].userId)" v-if="houseInfo.userList[0]">
v-if="houseInfo.userList[0]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/zuo2.png" />
src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" <div class="rel-text"
/> :class="houseInfo.userList[0].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/zuo2.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[0].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[0].relation }} {{ houseInfo.userList[0].relation }}
</div> </div>
@ -179,23 +166,15 @@
</div> </div>
</div> </div>
<div <div class="rel z-you-2"
class="rel z-you-2" @click="toUserInfo(houseInfo.userList[1].userId)"
@click="toUserInfo(houseInfo.userList[1].userId)" v-if="houseInfo.userList[1]">
v-if="houseInfo.userList[1]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-you.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/you2.png" />
src="@/assets/img/shuju/people/huzhu-kuang-you.png" <div class="rel-text"
/> :class="houseInfo.userList[1].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/you2.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[1].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[1].relation }} {{ houseInfo.userList[1].relation }}
</div> </div>
@ -205,23 +184,15 @@
</div> </div>
</div> </div>
<div <div class="rel z-zuo-1"
class="rel z-zuo-1" @click="toUserInfo(houseInfo.userList[2].userId)"
@click="toUserInfo(houseInfo.userList[2].userId)" v-if="houseInfo.userList[2]">
v-if="houseInfo.userList[2]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/zuo1.png" />
src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" <div class="rel-text"
/> :class="houseInfo.userList[2].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/zuo1.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[2].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[2].relation }} {{ houseInfo.userList[2].relation }}
</div> </div>
@ -231,23 +202,15 @@
</div> </div>
</div> </div>
<div <div class="rel z-you-1"
class="rel z-you-1" @click="toUserInfo(houseInfo.userList[3].userId)"
@click="toUserInfo(houseInfo.userList[3].userId)" v-if="houseInfo.userList[3]">
v-if="houseInfo.userList[3]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-you.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/you1.png" />
src="@/assets/img/shuju/people/huzhu-kuang-you.png" <div class="rel-text"
/> :class="houseInfo.userList[3].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/you1.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[3].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[3].relation }} {{ houseInfo.userList[3].relation }}
</div> </div>
@ -257,23 +220,15 @@
</div> </div>
</div> </div>
<div <div class="rel z-zuo-3"
class="rel z-zuo-3" @click="toUserInfo(houseInfo.userList[4].userId)"
@click="toUserInfo(houseInfo.userList[4].userId)" v-if="houseInfo.userList[4]">
v-if="houseInfo.userList[4]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/zuo3.png" />
src="@/assets/img/shuju/people/huzhu-kuang-zuo.png" <div class="rel-text"
/> :class="houseInfo.userList[4].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/zuo3.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[4].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[4].relation }} {{ houseInfo.userList[4].relation }}
</div> </div>
@ -283,23 +238,15 @@
</div> </div>
</div> </div>
<div <div class="rel z-you-3"
class="rel z-you-3" @click="toUserInfo(houseInfo.userList[5].userId)"
@click="toUserInfo(houseInfo.userList[5].userId)" v-if="houseInfo.userList[5]">
v-if="houseInfo.userList[5]" <img class="rel-bg"
> src="@/assets/img/shuju/people/huzhu-kuang-you.png" />
<img <img class="rel-line"
class="rel-bg" src="@/assets/img/shuju/people/huzhu-line/you3.png" />
src="@/assets/img/shuju/people/huzhu-kuang-you.png" <div class="rel-text"
/> :class="houseInfo.userList[5].isSelf == '1' ? 'z-on' : ''">
<img
class="rel-line"
src="@/assets/img/shuju/people/huzhu-line/you3.png"
/>
<div
class="rel-text"
:class="houseInfo.userList[5].isSelf == '1' ? 'z-on' : ''"
>
<div class="rel-call"> <div class="rel-call">
{{ houseInfo.userList[5].relation }} {{ houseInfo.userList[5].relation }}
</div> </div>
@ -321,23 +268,21 @@
</div> </div>
<div class="tb"> <div class="tb">
<cpt-tb <cpt-tb :col-list="demand.colList"
:col-list="demand.colList" :loading="demand.loading"
:loading="demand.loading" :header="demand.header"
:header="demand.header" :list="demand.list"
:list="demand.list" @operate="handleOperateDemandList"></cpt-tb>
@operate="handleOperateDemandList"
></cpt-tb> <div class="m-pagination"
v-if="demand.total > demand.pageSize">
<div class="m-pagination" v-if="demand.total > demand.pageSize">
<el-pagination hide-on-single-page <el-pagination hide-on-single-page
:current-page="demand.pageNo" :current-page="demand.pageNo"
:page-size="demand.pageSize" :page-size="demand.pageSize"
:total="demand.total" :total="demand.total"
background background
layout="prev, pager, next" layout="prev, pager, next"
@current-change="handlePageNoChangeDemand" @current-change="handlePageNoChangeDemand">
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
@ -349,86 +294,70 @@
<cpt-card> <cpt-card>
<div class="title"> <div class="title">
<img src="@/assets/img/shuju/title-tip.png" /> <img src="@/assets/img/shuju/title-tip.png" />
<a <a :class="{ 'z-on': showedIncidentOrTopic == 'incident' }"
:class="{ 'z-on': showedIncidentOrTopic == 'incident' }" @click="showedIncidentOrTopic = 'incident'">上报事件</a>
@click="showedIncidentOrTopic = 'incident'" <a :class="{ 'z-on': showedIncidentOrTopic == 'topic' }"
>上报事件</a @click="showedIncidentOrTopic = 'topic'">发布话题</a>
>
<a
:class="{ 'z-on': showedIncidentOrTopic == 'topic' }"
@click="showedIncidentOrTopic = 'topic'"
>发布话题</a
>
</div> </div>
<div <div class="list-wrap"
class="list-wrap" v-show="showedIncidentOrTopic == 'incident'">
v-show="showedIncidentOrTopic == 'incident'"
>
<div class="list"> <div class="list">
<div <div class="item"
class="item" :key="'incident' + index"
:key="'incident' + index" v-for="(item, index) in incident.list"
v-for="(item, index) in incident.list" @click="handleClickIncident(index)">
@click="handleClickIncident(index)"
>
<div class="item-title">{{ item.eventContent }}</div> <div class="item-title">{{ item.eventContent }}</div>
<div class="item-date">{{ item.reportTime }}</div> <div class="item-date">{{ item.reportTime }}</div>
</div> </div>
</div> </div>
<div <div class="m-pagination"
class="m-pagination" v-if="incident.total > incident.pageSize">
v-if="incident.total > incident.pageSize"
>
<el-pagination hide-on-single-page <el-pagination hide-on-single-page
:current-page="incident.pageNo" :current-page="incident.pageNo"
:page-size="incident.pageSize" :page-size="incident.pageSize"
:total="incident.total" :total="incident.total"
background background
layout="prev, pager, next" layout="prev, pager, next"
@current-change="handlePageNoChangeIncident" @current-change="handlePageNoChangeIncident">
>
</el-pagination> </el-pagination>
</div> </div>
<div v-if="incident.list.length == 0" class="m-hint"> <div v-if="incident.list.length == 0"
<img class="m-hint">
src="@/assets/img/modules/visual/noData.png" <img src="@/assets/img/modules/visual/noData.png"
class="no-data-img" class="no-data-img" />
/>
</div> </div>
</div> </div>
<div class="list-wrap" v-show="showedIncidentOrTopic == 'topic'"> <div class="list-wrap"
v-show="showedIncidentOrTopic == 'topic'">
<div class="list"> <div class="list">
<div <div class="item"
class="item" :key="'topic' + index"
:key="'topic' + index" v-for="(item, index) in topic.list"
v-for="(item, index) in topic.list" @click="handleClickTopic(index)">
@click="handleClickTopic(index)"
>
<div class="item-title">{{ item.topicContent }}</div> <div class="item-title">{{ item.topicContent }}</div>
<div class="item-date">{{ item.releaseTime }}</div> <div class="item-date">{{ item.releaseTime }}</div>
</div> </div>
</div> </div>
<div class="m-pagination" v-if="topic.total > topic.pageSize"> <div class="m-pagination"
v-if="topic.total > topic.pageSize">
<el-pagination hide-on-single-page <el-pagination hide-on-single-page
:current-page="topic.pageNo" :current-page="topic.pageNo"
:page-size="topic.pageSize" :page-size="topic.pageSize"
:total="topic.total" :total="topic.total"
background background
layout="prev, pager, next" layout="prev, pager, next"
@current-change="handlePageNoChangeTopic" @current-change="handlePageNoChangeTopic">
>
</el-pagination> </el-pagination>
</div> </div>
<div v-if="topic.list.length == 0" class="m-hint"> <div v-if="topic.list.length == 0"
<img class="m-hint">
src="@/assets/img/modules/visual/noData.png" <img src="@/assets/img/modules/visual/noData.png"
class="no-data-img" class="no-data-img" />
/>
</div> </div>
</div> </div>
</cpt-card> </cpt-card>
@ -443,12 +372,10 @@
<div class="list-wrap"> <div class="list-wrap">
<div class="list"> <div class="list">
<div <div class="item"
class="item" :key="'point' + index"
:key="'point' + index" v-for="(item, index) in point.list"
v-for="(item, index) in point.list" @click="handleClickPoint(index)">
@click="handleClickPoint(index)"
>
<div class="item-row"> <div class="item-row">
<div class="item-l"> <div class="item-l">
<div class="item-point">{{ item.point }}</div> <div class="item-point">{{ item.point }}</div>
@ -461,23 +388,22 @@
</div> </div>
</div> </div>
<div class="m-pagination" v-if="point.total > point.pageSize"> <div class="m-pagination"
v-if="point.total > point.pageSize">
<el-pagination hide-on-single-page <el-pagination hide-on-single-page
:current-page="point.pageNo" :current-page="point.pageNo"
:page-size="point.pageSize" :page-size="point.pageSize"
:total="point.total" :total="point.total"
background background
layout="prev, pager, next" layout="prev, pager, next"
@current-change="handlePageNoChangePoint" @current-change="handlePageNoChangePoint">
>
</el-pagination> </el-pagination>
</div> </div>
<div v-if="point.list.length == 0" class="m-hint"> <div v-if="point.list.length == 0"
<img class="m-hint">
src="@/assets/img/modules/visual/noData.png" <img src="@/assets/img/modules/visual/noData.png"
class="no-data-img" class="no-data-img" />
/>
</div> </div>
</div> </div>
</cpt-card> </cpt-card>
@ -485,40 +411,33 @@
</div> </div>
</div> </div>
<demand-info <demand-info v-if="demand.list.length > 0 && showedDemandInfo"
v-if="demand.list.length > 0 && showedDemandInfo" :userId="userId"
:userId="userId" queryOrigin="personal-data"
queryOrigin="personal-data" :demandId="demand.srcList[demand.currentIndex].demandRecId"
:demandId="demand.srcList[demand.currentIndex].demandRecId" @close="showedDemandInfo = false"
@close="showedDemandInfo = false" @handleAssignOk="handleAssignOk" />
/>
<template v-if="incident.list.length > 0 && incident.showedInfo"> <template v-if="incident.list.length > 0 && incident.showedInfo">
<incident-info <incident-info v-if="
v-if="
$store.state.user.customerId == 'b09527201c4409e19d1dbc5e3c3429a1' $store.state.user.customerId == 'b09527201c4409e19d1dbc5e3c3429a1'
" "
:resiEventId="incident.list[incident.currentIndex].resiEventId" :resiEventId="incident.list[incident.currentIndex].resiEventId"
:epmetUserIdList="info.epmetUserIdList" :epmetUserIdList="info.epmetUserIdList"
:icResiUserId="userId" :icResiUserId="userId"
@close="incident.showedInfo = false" @close="incident.showedInfo = false" />
/> <event-info v-else
<event-info :eventId="incident.list[incident.currentIndex].resiEventId"
v-else :orgId="$store.state.user.agencyId"
:eventId="incident.list[incident.currentIndex].resiEventId" orgType="agency"
:orgId="$store.state.user.agencyId" @close="incident.showedInfo = false" />
orgType="agency"
@close="incident.showedInfo = false"
/>
</template> </template>
<topic-info <topic-info v-if="topic.list.length > 0 && topic.showedInfo"
v-if="topic.list.length > 0 && topic.showedInfo" :topicId="topic.list[topic.currentIndex].topicId"
:topicId="topic.list[topic.currentIndex].topicId" :epmetUserIdList="info.epmetUserIdList"
:epmetUserIdList="info.epmetUserIdList" :icResiUserId="userId"
:icResiUserId="userId" @close="topic.showedInfo = false" />
@close="topic.showedInfo = false"
/>
</div> </div>
</div> </div>
</template> </template>
@ -555,7 +474,7 @@ export default {
}, },
}, },
data() { data () {
return { return {
breadList: [], breadList: [],
showedMoreInfo: false, showedMoreInfo: false,
@ -659,7 +578,7 @@ export default {
computed: {}, computed: {},
beforeRouteEnter(to, from, next) { beforeRouteEnter (to, from, next) {
console.log("让我看看", to); console.log("让我看看", to);
if (from) { if (from) {
const arr = [{ ...from }, { ...to, meta: { title: "个人详情" } }]; const arr = [{ ...from }, { ...to, meta: { title: "个人详情" } }];
@ -671,14 +590,14 @@ export default {
} }
}, },
watch: { watch: {
uid(id) { uid (id) {
this.userId = id; this.userId = id;
}, },
userId() { userId () {
this.getApiData(); this.getApiData();
window.scrollTo(0, 0); window.scrollTo(0, 0);
}, },
$route(route) { $route (route) {
// if you go to the redirect page, do not update the breadcrumbs // if you go to the redirect page, do not update the breadcrumbs
if (route.path.startsWith("/redirect/")) { if (route.path.startsWith("/redirect/")) {
return; return;
@ -687,21 +606,21 @@ export default {
}, },
}, },
async mounted() { async mounted () {
this.userId = this.uid; this.userId = this.uid;
console.log(this.$router); console.log(this.$router);
this.getApiData(); this.getApiData();
}, },
deactivated() { deactivated () {
this.breadList = []; this.breadList = [];
console.log("breadList-----", this.breadList); console.log("breadList-----", this.breadList);
}, },
destroyed() { destroyed () {
this.breadList = []; this.breadList = [];
console.log("breadList-----", this.breadList); console.log("breadList-----", this.breadList);
}, },
methods: { methods: {
getBreadcrumb() { getBreadcrumb () {
// only show routes with meta.title // only show routes with meta.title
console.log("routest----", this.$route); console.log("routest----", this.$route);
let matched = this.$route.matched.filter( let matched = this.$route.matched.filter(
@ -717,16 +636,16 @@ export default {
(item) => item.meta && item.meta.title && item.meta.breadcrumb !== false (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false
); );
}, },
isDashboard(route) { isDashboard (route) {
const name = route && route.name; const name = route && route.name;
if (!name) { if (!name) {
return false; return false;
} }
return name.trim().toLocaleLowerCase() === "Home".toLocaleLowerCase(); return name.trim().toLocaleLowerCase() === "Home".toLocaleLowerCase();
}, },
handleSearch() {}, handleSearch () { },
async getApiData() { async getApiData () {
await this.getInfo(); await this.getInfo();
this.getHouseInfo(); this.getHouseInfo();
this.getDemandData(); this.getDemandData();
@ -735,12 +654,12 @@ export default {
this.getPointData(); this.getPointData();
}, },
toUserInfo(uid) { toUserInfo (uid) {
this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` }); this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` });
}, },
//加载组织数据 //加载组织数据
async getInfo() { async getInfo () {
const url = "/epmetuser/icresiuser/persondata"; const url = "/epmetuser/icresiuser/persondata";
let params = { let params = {
userId: this.userId, userId: this.userId,
@ -756,7 +675,7 @@ export default {
}, },
//加载组织数据 //加载组织数据
async getHouseInfo() { async getHouseInfo () {
const url = "/epmetuser/icresiuser/ownerrelation"; const url = "/epmetuser/icresiuser/ownerrelation";
let params = { let params = {
userId: this.userId, userId: this.userId,
@ -771,20 +690,25 @@ export default {
} }
}, },
handlePageNoChangeDemand(val) { handlePageNoChangeDemand (val) {
this.demand.pageNo = val; this.demand.pageNo = val;
this.getDemandData(); this.getDemandData();
}, },
handleOperateDemandList(index, type) { handleOperateDemandList (index, type) {
if (type == "查看") { if (type == "查看") {
this.showedDemandInfo = true; this.showedDemandInfo = true;
this.demand.currentIndex = index; this.demand.currentIndex = index;
} }
}, },
//指派成功后刷新
handleAssignOk () {
this.getDemandData();
},
//加载组织数据 //加载组织数据
async getDemandData() { async getDemandData () {
const url = "/heart/userdemand/mydemand"; const url = "/heart/userdemand/mydemand";
let params = { let params = {
epmetUserIdList: this.info.epmetUserIdList, epmetUserIdList: this.info.epmetUserIdList,
@ -814,18 +738,18 @@ export default {
} }
}, },
handlePageNoChangeIncident(val) { handlePageNoChangeIncident (val) {
this.incident.pageNo = val; this.incident.pageNo = val;
this.getIncidentData(); this.getIncidentData();
}, },
handleClickIncident(index) { handleClickIncident (index) {
this.incident.showedInfo = true; this.incident.showedInfo = true;
this.incident.currentIndex = index; this.incident.currentIndex = index;
}, },
//加载组织数据 //加载组织数据
async getIncidentData() { async getIncidentData () {
let url = "/gov/project/icEvent/icevent-pageuserreported"; let url = "/gov/project/icEvent/icevent-pageuserreported";
// 市北沿用旧接口 // 市北沿用旧接口
@ -853,18 +777,18 @@ export default {
} }
}, },
handlePageNoChangeTopic(val) { handlePageNoChangeTopic (val) {
this.topic.pageNo = val; this.topic.pageNo = val;
this.getTopicData(); this.getTopicData();
}, },
handleClickTopic(index) { handleClickTopic (index) {
this.topic.showedInfo = true; this.topic.showedInfo = true;
this.topic.currentIndex = index; this.topic.currentIndex = index;
}, },
//加载组织数据 //加载组织数据
async getTopicData() { async getTopicData () {
const url = "/data/aggregator/resigroup/pageusertopic"; const url = "/data/aggregator/resigroup/pageusertopic";
let params = { let params = {
epmetUserIdList: this.info.epmetUserIdList, epmetUserIdList: this.info.epmetUserIdList,
@ -884,18 +808,18 @@ export default {
} }
}, },
handlePageNoChangePoint(val) { handlePageNoChangePoint (val) {
this.point.pageNo = val; this.point.pageNo = val;
this.getPointData(); this.getPointData();
}, },
handleClickPoint(index) { handleClickPoint (index) {
this.point.showedInfo = true; this.point.showedInfo = true;
this.point.currentIndex = index; this.point.currentIndex = index;
}, },
//加载组织数据 //加载组织数据
async getPointData() { async getPointData () {
const url = "/point/resi/point/pageuserpoint"; const url = "/point/resi/point/pageuserpoint";
let params = { let params = {
epmetUserIdList: this.info.epmetUserIdList, epmetUserIdList: this.info.epmetUserIdList,

177
src/views/modules/visual/communityGovern/fivelayers/eventInfo.vue
View File

@ -0,0 +1,177 @@
<template>
<div class="m-pop">
<div class="wrap">
<cpt-card>
<div class="title">
<img src="@/assets/img/shuju/title-tip.png" />
<span>需求详情</span>
</div>
<div class="btn-close"
@click="handleClose">
<img src="@/assets/img/shuju/people/close.png" />
</div>
<div class="list-title">需求内容</div>
<event-info v-if="loading"
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess" />
</cpt-card>
</div>
</div>
</template>
<script>
import cptCard from "@/views/modules/visual/cpts/card";
import { requestPost } from "@/js/dai/request";
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info";
export default {
name: "dialogInfo",
props: {
},
components: {
cptCard,
eventInfo,
},
data () {
return {
loading: false,
pageType: 'dispose',
eventId: '1547830497890557953',
eventDetailData: {},
};
},
async mounted () {
this.loading = false
await this.handleSearch()
this.loading = true
},
methods: {
async handleSearch () {
const url = "/gov/project/icEvent/detail";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
const { data, code, msg } = await requestPost(url, {
icEventId: this.eventId,
});
if (code === 0) {
this.eventDetailData = { ...data };
this.pageType = "dispose";
} else {
this.$message.error(msg);
}
},
handleClose () {
this.pageType = "";
this.$emit("handleClose")
// this.eventId = ""
},
handleOk () {
this.pageType = "";
// this.eventId = ""
this.pageNo = 1
},
handleEditSuccess () {
this.handleClose();
},
},
};
</script>
<style
lang="scss"
src="@/assets/scss/modules/visual/people.scss"
scoped
></style>
<style lang="scss" scoped>
@import "@/assets/scss/modules/visual/a_customize.scss";
.m-pop {
color: #fff;
.wrap {
.list {
display: block;
width: 50%;
.item {
display: flex;
width: 100%;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 15px;
font-size: 16px;
cursor: pointer;
.item-field {
flex-shrink: 0;
}
.item-filed-height {
line-height: 30px;
}
}
.item-desc {
font-size: 16px;
color: #fff;
margin-bottom: 10px;
line-height: 24px;
}
}
}
.list-title {
width: 100%;
box-sizing: border-box;
padding: 20px 0 10px 62px;
font-size: 20px;
color: #fff;
cursor: pointer;
}
}
.list-wr {
display: flex;
padding: 0 32px;
}
.sel-service {
display: flex;
justify-content: flex-start;
}
.div_btn {
display: flex;
justify-content: center;
.item_btn {
font-size: 14px;
padding: 8px 16px;
cursor: pointer;
border: 1px dashed #0c81fe;
border-radius: 6px;
background-color: #0c81fe;
}
.mgl {
margin-left: 20px;
}
}
</style>

654
src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
View File

@ -2,359 +2,362 @@
<div style="position: relative"> <div style="position: relative">
<!-- 组织路由 --> <!-- 组织路由 -->
<div v-if="pageType===''">
<div class="div_top">
<div class="router_line"></div>
<div class="div_router">
<div v-if="!showPeopleInfo">
<span class="router_child">五大图层</span>
</div>
<div v-if="showPeopleInfo"> <span class="router_parents"
@click="handleClickRouter">五大图层<span class="arrow">></span></span>
<div class="div_top"> <span class="router_child">个人档案</span>
<div class="router_line"></div> </div>
<div class="div_router">
<div v-if="!showPeopleInfo">
<span class="router_child">五大图层</span>
</div>
<div v-if="showPeopleInfo"> <span class="router_parents"
@click="handleClickRouter">五大图层<span class="arrow">></span></span>
<span class="router_child">个人档案</span>
</div> </div>
</div> </div>
</div>
<div v-show="!showPeopleInfo" <div v-show="!showPeopleInfo"
class="div_content"> class="div_content">
<div class="div_map" <div class="div_map"
id="map" id="map"
ref="map"> ref="map">
</div> </div>
<div class="div_data"> <div class="div_data">
<div class="div_tips"> <div class="div_tips">
<cpt-card> <cpt-card>
<div class="div_coverage"> <div class="div_coverage">
<div class="coverage_item" <div class="coverage_item"
@click="handleClickCoverage(index)" @click="handleClickCoverage(index)"
v-for="(item,index) in coverageTypesList" v-for="(item,index) in coverageTypesList"
:key="index"> :key="index">
<img :src="item.select?selImg:noSelImg" /> <img :src="item.select?selImg:noSelImg" />
<span>{{item.label}}</span> <span>{{item.label}}</span>
</div>
</div> </div>
</div> <div class="div_category">
<div class="div_category"> <div v-for="(item,index) in categoryListshow"
<div v-for="(item,index) in categoryListshow" :key="index"
:key="index" class="category_item">
class="category_item">
<div v-for="(colItem,colIndex) in item"
<div v-for="(colItem,colIndex) in item" :key="colIndex"
:key="colIndex" class="list_item"
class="list_item" @click="handleClickCategory(index,colIndex)">
@click="handleClickCategory(index,colIndex)"> <img :src="colItem.dataIcon"
<img :src="colItem.dataIcon" alt />
alt /> <div :class="['item_content',colItem.sel?'item_content_sel':'']">{{colItem.categoryName}}
<div :class="['item_content',colItem.sel?'item_content_sel':'']">{{colItem.categoryName}}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </cpt-card>
</cpt-card> </div>
</div>
<div class="div_info"> <div class="div_info">
<cpt-card> <cpt-card>
<div class="div_search_list"> <div class="div_search_list">
<el-input size="mini" <el-input size="mini"
WarningColor='warning' WarningColor='warning'
placeholder="请输入搜索内容" placeholder="请输入搜索内容"
v-model="search"> v-model="search">
<i slot="prefix" <i slot="prefix"
class="icon"> class="icon">
<img src="../../../../../assets/img/modules/visual/sousuo.png" <img src="../../../../../assets/img/modules/visual/sousuo.png"
alt /> alt />
</i> </i>
</el-input> </el-input>
<div class="btn" <div class="btn"
@click="handleSearch">搜索</div> @click="handleSearch">搜索</div>
</div> </div>
<div class="m-tb"> <div class="m-tb">
<div class="tb"> <div class="tb">
<cpt-tb :col-list="demand.colList" <cpt-tb :col-list="demand.colList"
:loading="demand.loading" :loading="demand.loading"
:header="demand.header" :header="demand.header"
:list="demand.list" :list="demand.list"
@handleClickRow="handleClickRow"></cpt-tb> @handleClickRow="handleClickRow"></cpt-tb>
</div>
<div class="m-pagination">
<el-pagination hide-on-single-page
:current-page="demand.pageNo"
:page-size="demand.pageSize"
:total="demand.total"
background
layout="prev, pager, next,total"
@current-change="handlePageNoChange_demand">
</el-pagination>
</div>
</div> </div>
<div class="m-pagination">
<el-pagination hide-on-single-page :current-page="demand.pageNo"
:page-size="demand.pageSize"
:total="demand.total"
background
layout="prev, pager, next,total"
@current-change="handlePageNoChange_demand">
</el-pagination>
</div>
</div>
</cpt-card> </cpt-card>
</div> </div>
</div>
</div> </div>
</div> <div id="popup"
<div id="popup" style="display: none;"
style="display: none;" class="ol-popup">
class="ol-popup"> <a href="#"
<a href="#" id="popup-closer"
id="popup-closer" class="ol-popup-closer"></a>
class="ol-popup-closer"></a>
<div id="popup-content"
<div id="popup-content" class="popup-content">
class="popup-content"> <div v-show="selPlaceType==='resi'|| selPlaceType === 'special_resi'">
<div v-show="selPlaceType==='resi'|| selPlaceType === 'special_resi'"> <div class="popTitle">居民信息</div>
<div class="popTitle">居民信息</div> <div class="popContentTitle">姓名：
<div class="popContentTitle">姓名： <span>{{ selInfo.icUserName }}</span>
<span>{{ selInfo.icUserName }}</span> </div>
</div> <div class="popContentTitle">所属网格：
<div class="popContentTitle">所属网格： <span>{{ selInfo.gridName }}</span>
<span>{{ selInfo.gridName }}</span> </div>
</div> <div class="popContentTitle">所属小区：
<div class="popContentTitle">所属小区： <span>{{ selInfo.villageName }}</span>
<span>{{ selInfo.villageName }}</span> </div>
</div> <div class="popContentTitle">本地户籍：
<div class="popContentTitle">本地户籍： <span>{{ selInfo.isBdhjShow }}</span>
<span>{{ selInfo.isBdhjShow }}</span> </div>
</div>
<div class="popContentTitle">手机： <div class="popContentTitle">手机：
<span>{{ selInfo.mobile }}</span> <span>{{ selInfo.mobile }}</span>
</div> </div>
<div class="popContentTitle">性别： <div class="popContentTitle">性别：
<span>{{ selInfo.genderShow }}</span> <span>{{ selInfo.genderShow }}</span>
</div> </div>
<div class="popContentTitle">身份证号： <div class="popContentTitle">身份证号：
<span>{{ selInfo.idCard }}</span> <span>{{ selInfo.idCard }}</span>
</div> </div>
<div class="popContentTitle">工作单位： <div class="popContentTitle">工作单位：
<span>{{ selInfo.gzdw?selInfo.gzdw:'--' }}</span> <span>{{ selInfo.gzdw?selInfo.gzdw:'--' }}</span>
</div> </div>
<div class="popContentTitle">人户状况： <div class="popContentTitle">人户状况：
<span>{{ selInfo.rhzkShow }}</span> <span>{{ selInfo.rhzkShow }}</span>
</div> </div>
<div class="div_resi_more"> <div class="div_resi_more">
<div @click="toPeople" <div @click="toPeople"
class="span_resi_more">更多</div> class="span_resi_more">更多</div>
</div> </div>
</div>
<div v-show="selPlaceType==='dangerous_chemicals'">
<div class="popTitle">企业信息</div>
<div class="popContentTitle">企业名称：
<span>{{ selInfo.name }}</span>
</div>
<div class="popContentTitle">企业类型：
<span>{{ selInfo.categoryName }}</span>
</div>
<div class="popContentTitle">周边安全距离：
<span>{{ selInfo.safeDistance }}</span>
</div>
<div class="popContentTitle">危化品种类：
<span>{{ selInfo.dangerTypeName }}</span>
</div>
<div class="popContentTitle">负责人：
<span>{{ selInfo.principalName }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.principalMobile }}</span>
</div>
<div class="popContentTitle">经营地址：
<span>{{ selInfo.address }}</span>
</div>
<div class="popContentTitle">备注：
<span>{{ selInfo.remark }}</span>
</div>
</div>
<div v-show="selPlaceType==='public_service'||selPlaceType==='city_management'||selPlaceType==='superior_resource'">
<div class="popTitle">场所信息</div>
<div class="popContentTitle">场所名称：
<span>{{ selInfo.name }}</span>
</div>
<div class="popContentTitle">场所分类：
<span>{{ selInfo.categoryName }}</span>
</div>
<div class="popContentTitle">占地面积：
<span>{{ selInfo.areaCovered }}</span>
</div>
<div class="popContentTitle">容纳人数：
<span>{{ selInfo.capacity }}</span>
</div>
<div class="popContentTitle">地址：
<span>{{ selInfo.address }}</span>
</div>
</div>
<div v-show="selPlaceType==='event'">
<div class="popTitle">难点痛点</div>
<div class="popContentTitle">所属网格：
<span>{{ selInfo.gridName }}</span>
</div> </div>
<div class="popContentTitle">发生时间： <div v-show="selPlaceType==='dangerous_chemicals'">
<span>{{ selInfo.happenTime }}</span> <div class="popTitle">企业信息</div>
<div class="popContentTitle">企业名称：
<span>{{ selInfo.name }}</span>
</div>
<div class="popContentTitle">企业类型：
<span>{{ selInfo.categoryName }}</span>
</div>
<div class="popContentTitle">周边安全距离：
<span>{{ selInfo.safeDistance }}</span>
</div>
<div class="popContentTitle">危化品种类：
<span>{{ selInfo.dangerTypeName }}</span>
</div>
<div class="popContentTitle">负责人：
<span>{{ selInfo.principalName }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.principalMobile }}</span>
</div>
<div class="popContentTitle">经营地址：
<span>{{ selInfo.address }}</span>
</div>
<div class="popContentTitle">备注：
<span>{{ selInfo.remark }}</span>
</div>
</div> </div>
<div class="popContentTitle">事件内容： <div v-show="selPlaceType==='public_service'||selPlaceType==='city_management'||selPlaceType==='superior_resource'">
<span>{{ selInfo.eventContent }}</span> <div class="popTitle">场所信息</div>
<div class="popContentTitle">场所名称：
<span>{{ selInfo.name }}</span>
</div>
<div class="popContentTitle">场所分类：
<span>{{ selInfo.categoryName }}</span>
</div>
<div class="popContentTitle">占地面积：
<span>{{ selInfo.areaCovered }}</span>
</div>
<div class="popContentTitle">容纳人数：
<span>{{ selInfo.capacity }}</span>
</div>
<div class="popContentTitle">地址：
<span>{{ selInfo.address }}</span>
</div>
</div> </div>
<div v-show="selPlaceType==='event'">
<div class="popTitle">难点痛点</div>
<div class="popContentTitle">所属网格：
<span>{{ selInfo.gridName }}</span>
</div>
<div class="popContentTitle">发生时间：
<span>{{ selInfo.happenTime }}</span>
</div>
<div class="popContentTitle">事件内容：
<span>{{ selInfo.eventContent }}</span>
</div>
<div v-if="selInfo.imageList&&selInfo.imageList.length>0" <div v-if="selInfo.imageList&&selInfo.imageList.length>0"
class="info-prop"> class="info-prop">
<span>图片：</span> <span>图片：</span>
<div class="info-pics"> <div class="info-pics">
<img :src="src" <img :src="src"
:key="src" :key="src"
style="width:100px;height:100px;padding-right:10px" style="width:100px;height:100px;padding-right:10px"
v-for="src in eventInfo.imageList" v-for="src in eventInfo.imageList"
@click="watchImg(src)" /> @click="watchImg(src)" />
</div>
</div> </div>
</div>
<div v-if="selInfo.voiceList&&selInfo.voiceList.length>0" <div v-if="selInfo.voiceList&&selInfo.voiceList.length>0"
class="info-prop"> class="info-prop">
<span>音频：</span> <span>音频：</span>
<div class="info-pics"> <div class="info-pics">
<audio controls> <audio controls>
<source :src="item.url" <source :src="item.url"
type="" type=""
:key="item.url" :key="item.url"
v-for="item in eventInfo.voiceList" /> v-for="item in eventInfo.voiceList" />
</audio> </audio>
</div>
</div> </div>
<div class="popContentTitle">反映渠道：
<span>{{ selInfo.sourceTypeName|| "--" }}</span>
</div>
<div class="popContentTitle">地址：
<span>{{ selInfo.address || "--" }}</span>
</div>
<div class="popContentTitle">报事人：
<span>{{selInfo.name || "--" }}</span>
</div>
<div class="popContentTitle">手机号：
<span>{{ selInfo.mobile || "--" }}</span>
</div>
<div class="popContentTitle">身份证号：
<span>{{ selInfo.idCard || "--" }}</span>
</div>
</div> </div>
<div class="popContentTitle">反映渠道： <div v-show="selPlaceType==='community_org'">
<span>{{ selInfo.sourceTypeName|| "--" }}</span> <div class="popTitle">组织信息</div>
</div> <div class="popContentTitle">组织名称：
<div class="popContentTitle">地址： <span>{{ selInfo.organizationName }}</span>
<span>{{ selInfo.address || "--" }}</span> </div>
</div> <div class="popContentTitle">组织分类：
<div class="popContentTitle">报事人： <span>{{ selInfo.categoryName }}</span>
<span>{{selInfo.name || "--" }}</span> </div>
</div> <div class="popContentTitle">组织人数：
<div class="popContentTitle">手机号： <span>{{ selInfo.organizationPersonCount }}</span>
<span>{{ selInfo.mobile || "--" }}</span> </div>
</div> <div class="popContentTitle">组织成员：
<div class="popContentTitle">身份证号： <span>{{ selInfo.organizationPersonnelShow }}</span>
<span>{{ selInfo.idCard || "--" }}</span> </div>
<div class="popContentTitle">服务事项：
<span>{{ selInfo.serviceItem }}</span>
</div>
<div class="popContentTitle">负责人：
<span>{{ selInfo.principalName }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.principalPhone }}</span>
</div>
<div class="popContentTitle">创建时间：
<span>{{ selInfo.organizationCreatedTime }}</span>
</div>
</div> </div>
</div> <div v-show="selPlaceType==='group_rent'">
<div v-show="selPlaceType==='community_org'"> <div class="popTitle">房屋信息</div>
<div class="popTitle">组织信息</div> <div class="popContentTitle">房屋名称：
<div class="popContentTitle">组织名称： <span>{{ selInfo.houseName }}</span>
<span>{{ selInfo.organizationName }}</span> </div>
</div> <div class="popContentTitle">房屋类型：
<div class="popContentTitle">组织分类： <span>{{ selInfo.houseTypeName }}</span>
<span>{{ selInfo.categoryName }}</span> </div>
</div> <div class="popContentTitle">房屋用途：
<div class="popContentTitle">组织人数： <span>{{ selInfo.purposeName }}</span>
<span>{{ selInfo.organizationPersonCount }}</span> </div>
</div> <div class="popContentTitle">房屋状态：
<div class="popContentTitle">组织成员： <span>{{ selInfo.rentName }}</span>
<span>{{ selInfo.organizationPersonnelShow }}</span> </div>
</div> <div class="popContentTitle">房主姓名：
<div class="popContentTitle">服务事项： <span>{{ selInfo.ownerName }}</span>
<span>{{ selInfo.serviceItem }}</span> </div>
</div> <div class="popContentTitle">联系方式：
<div class="popContentTitle">负责人： <span>{{ selInfo.ownerPhone }}</span>
<span>{{ selInfo.principalName }}</span> </div>
</div> <div class="popContentTitle">房主身份证：
<div class="popContentTitle">联系电话： <span>{{ selInfo.ownerIdCard }}</span>
<span>{{ selInfo.principalPhone }}</span> </div>
</div>
<div class="popContentTitle">创建时间：
<span>{{ selInfo.organizationCreatedTime }}</span>
</div>
</div>
<div v-show="selPlaceType==='group_rent'">
<div class="popTitle">房屋信息</div>
<div class="popContentTitle">房屋名称：
<span>{{ selInfo.houseName }}</span>
</div>
<div class="popContentTitle">房屋类型：
<span>{{ selInfo.houseTypeName }}</span>
</div>
<div class="popContentTitle">房屋用途：
<span>{{ selInfo.purposeName }}</span>
</div>
<div class="popContentTitle">房屋状态：
<span>{{ selInfo.rentName }}</span>
</div>
<div class="popContentTitle">房主姓名：
<span>{{ selInfo.ownerName }}</span>
</div>
<div class="popContentTitle">联系方式：
<span>{{ selInfo.ownerPhone }}</span>
</div>
<div class="popContentTitle">房主身份证：
<span>{{ selInfo.ownerIdCard }}</span>
</div> </div>
<div v-show="selPlaceType==='enterprise_patrol'">
<div class="popTitle">企事业信息</div>
<div class="popContentTitle">场所类型：
<span>{{ selInfo.placeTypeName }}</span>
</div>
<div class="popContentTitle">场所区域：
<span>{{ selInfo.gridName }}</span>
</div>
<div class="popContentTitle">场所名称：
<span>{{ selInfo.placeOrgName }}</span>
</div>
<div class="popContentTitle">场所地址：
<span>{{ selInfo.address }}</span>
</div>
<div class="popContentTitle">规模：
<span>{{ selInfo.scale }}</span>
</div>
<div class="popContentTitle">负责人：
<span>{{ selInfo.personInCharge }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.mobile }}</span>
</div>
</div>
<div v-show="selPlaceType==='enterprise_patrol'">
<div class="popTitle">企事业信息</div>
<div class="popContentTitle">场所类型：
<span>{{ selInfo.placeTypeName }}</span>
</div>
<div class="popContentTitle">场所区域：
<span>{{ selInfo.gridName }}</span>
</div>
<div class="popContentTitle">场所名称：
<span>{{ selInfo.placeOrgName }}</span>
</div>
<div class="popContentTitle">场所地址：
<span>{{ selInfo.address }}</span>
</div> </div>
<div class="popContentTitle">规模： <div v-show="selPlaceType==='party_unit'">
<span>{{ selInfo.scale }}</span> <div class="popTitle">联建单位信息</div>
</div> <div class="popContentTitle">单位名称：
<div class="popContentTitle">负责人： <span>{{ selInfo.unitName }}</span>
<span>{{ selInfo.personInCharge }}</span> </div>
</div> <div class="popContentTitle">分类：
<div class="popContentTitle">联系电话： <span>{{ selInfo.typeName }}</span>
<span>{{ selInfo.mobile }}</span> </div>
<div class="popContentTitle">服务事项：
<span>{{ selInfo.serviceMatterListShow }}</span>
</div>
<div class="popContentTitle">联系人：
<span>{{ selInfo.contact }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.contactMobile }}</span>
</div>
<div class="popContentTitle">在职党员：
<span>{{ selInfo.memberCount }}</span>
</div>
<div class="popContentTitle">备注：
<span>{{ selInfo.remark }}</span>
</div>
<div class="popContentTitle">地理位置：
<span>{{ selInfo.address }}</span>
</div>
</div> </div>
</div> </div>
<div v-show="selPlaceType==='party_unit'">
<div class="popTitle">联建单位信息</div>
<div class="popContentTitle">单位名称：
<span>{{ selInfo.unitName }}</span>
</div>
<div class="popContentTitle">分类：
<span>{{ selInfo.typeName }}</span>
</div>
<div class="popContentTitle">服务事项：
<span>{{ selInfo.serviceMatterListShow }}</span>
</div>
<div class="popContentTitle">联系人：
<span>{{ selInfo.contact }}</span>
</div>
<div class="popContentTitle">联系电话：
<span>{{ selInfo.contactMobile }}</span>
</div>
<div class="popContentTitle">在职党员：
<span>{{ selInfo.memberCount }}</span>
</div>
<div class="popContentTitle">备注：
<span>{{ selInfo.remark }}</span>
</div>
<div class="popContentTitle">地理位置：
<span>{{ selInfo.address }}</span>
</div>
</div>
</div> </div>
@ -363,6 +366,11 @@
<people v-if="showPeopleInfo" <people v-if="showPeopleInfo"
:uid="selUserId" :uid="selUserId"
ref="ref_people"></people> ref="ref_people"></people>
<event-info v-if="pageType==='dispose'"
ref="eleEditForm"
@handleClose="handleClose" />
</div> </div>
</template> </template>
@ -394,6 +402,9 @@ import cptTb from "@/views/modules/visual/cpts/tb";
import cptCard from "@/views/modules/visual/cpts/card"; import cptCard from "@/views/modules/visual/cpts/card";
import ScreenLoading from "@/views/modules/visual/cpts/loading"; import ScreenLoading from "@/views/modules/visual/cpts/loading";
import People from "../../basicinfo/people"; import People from "../../basicinfo/people";
import eventInfo from "./eventInfo";
var centerPointGlobal = [120.664619, 36.504963] var centerPointGlobal = [120.664619, 36.504963]
@ -675,7 +686,11 @@ const vueGis = {
selPlaceType: '', selPlaceType: '',
selInfo: {}, selInfo: {},
selUserId: '', selUserId: '',
showPeopleInfo: false showPeopleInfo: false,
pageType: '',
eventId: '1542065054671142914',
eventDetailData: {},
} }
}, },
@ -1154,11 +1169,18 @@ const vueGis = {
this.getTable(); this.getTable();
this.getMapTable(); this.getMapTable();
}, },
// handleSearch () {
// this.demand.pageNo = 1
// this.getTable();
// this.getMapTable();
// },
handleSearch () { handleSearch () {
this.demand.pageNo = 1 this.pageType = "dispose";
this.getTable();
this.getMapTable();
}, },
handleClose () {
this.pageType = "";
},
// //
handleClickRow (index) { handleClickRow (index) {
let selData = this.tableList[index] let selData = this.tableList[index]
@ -1838,7 +1860,7 @@ const vueGis = {
...mapGetters(["clientHeight"]) ...mapGetters(["clientHeight"])
}, },
components: { cptTb, cptCard, ScreenLoading, People }, components: { cptTb, cptCard, ScreenLoading, People, eventInfo },
} }
export default vueGis; export default vueGis;
</script> </script>

237
src/views/modules/visual/measure/dialogInfo.vue
View File

@ -7,7 +7,8 @@
<span>需求详情</span> <span>需求详情</span>
</div> </div>
<div class="btn-close" @click="handleClose"> <div class="btn-close"
@click="handleClose">
<img src="@/assets/img/shuju/people/close.png" /> <img src="@/assets/img/shuju/people/close.png" />
</div> </div>
<div class="list-title">需求内容</div> <div class="list-title">需求内容</div>
@ -50,39 +51,81 @@
<span>{{ info.wantServiceTime }}</span> <span>{{ info.wantServiceTime }}</span>
</div> </div>
</div> </div>
<div class="list"> <div v-if="info.status!=='pending'"
<div class="item" v-if="info.serviceShowFlag"> class="list">
<span class="item-field">服务方：</span> <div class="item"
v-if="info.serviceShowFlag">
<span class="item-field ">服务方：</span>
<span>{{ info.serviceShowName }}</span> <span>{{ info.serviceShowName }}</span>
</div> </div>
<template v-if="info.status == 'finished'"> <template v-if="info.status == 'finished'">
<div class="item"> <div class="item">
<span class="item-field">实际服务时间：</span> <span class="item-field">实际服务时间：</span>
<span v-if="info.serviceStartTime" <span v-if="info.serviceStartTime">{{ info.serviceStartTime }} 至 <br />
>{{ info.serviceStartTime }} 至 <br /> {{ info.serviceEndTime }}</span>
{{ info.serviceEndTime }}</span
>
</div> </div>
<div class="item"> <div class="item">
<span class="item-field">完成情况：</span> <span class="item-field">完成情况：</span>
<span <span>{{ info.finishResult == "resolved" ? "已解决" : "未解决" }}
>{{ info.finishResult == "resolved" ? "已解决" : "未解决" }}
<br /> <br />
{{ info.finishDesc }}</span {{ info.finishDesc }}</span>
>
</div> </div>
<div class="item"> <div class="item">
<span class="item-field">评价：</span> <span class="item-field">评价：</span>
<span> <span>
<el-rate :value="info.score" disabled></el-rate> <el-rate :value="info.score"
disabled></el-rate>
</span> </span>
</div> </div>
</template> </template>
</div>
<div v-if="info.status==='pending'"
class="list">
<div class="item">
<span class="item-field item-filed-height ">服务方：</span>
<div class="single-select sel-service">
<el-select v-model="form.serviceType"
class="input-width-small"
placeholder="请选择"
clearable
style="margin-right:10px;"
@change="handleServiceChange('add', $event)">
<el-option v-for="item in serviceOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
-
<el-select v-model="form.serverId"
class="input-width-middle"
filterable
placeholder="请选择"
style="margin-left:10px;"
clearable>
<el-option v-for="item in serviceOptiondList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
</div> </div>
</div> </div>
<div class="tabs"> <div class="div_btn">
<div class="item_btn"
@click="handleClose()">关闭</div>
<div class="item_btn mgl"
v-if="info.status==='pending'"
@click="handleSubmit()">确认</div>
</div>
<div v-if="false"
class="tabs">
<div class="tab-btn"> <div class="tab-btn">
<img src="@/assets/img/shuju/people/arrow-double-left.png" /> <img src="@/assets/img/shuju/people/arrow-double-left.png" />
</div> </div>
@ -92,19 +135,18 @@
</div> </div>
</div> </div>
<div style="padding: 30px 0; display: flex; justify-content: center;"> <div v-if="false"
<analyse style="padding: 30px 0; display: flex; justify-content: center;">
v-if="!loading" <analyse v-if="!loading"
:single-list="demandList" :single-list="demandList"
:single-title="'需求上报'" :single-title="'需求上报'"
:more-title="'事件上报'" :more-title="'事件上报'"
:user-list="userLists" :user-list="userLists"
:user-name="info.demandUserName" :user-name="info.demandUserName"
:has-event="false" :has-event="false"
:more-list="eventList" :more-list="eventList"
@project="handleToProject" @project="handleToProject"
@user="handleToUser" @user="handleToUser" />
/>
</div> </div>
</cpt-card> </cpt-card>
</div> </div>
@ -133,7 +175,7 @@ export default {
analyse, analyse,
}, },
data() { data () {
return { return {
loading: false, loading: false,
info: {}, info: {},
@ -151,7 +193,7 @@ export default {
// //
// ] // ]
// }, // },
], ],
userLists: [ userLists: [
// { // {
@ -171,23 +213,33 @@ export default {
// status: "closed", // status: "closed",
// projectId: "1", // projectId: "1",
// }, // },
// ], // ],
// }, // },
] ],
serviceOptions: [],
serviceOptiondList: [],
form: {
serviceType: '',
serverId: '',
}
}; };
}, },
async mounted() { async mounted () {
await this.getInfo(this.demandId); await this.getInfo(this.demandId);
await this.getServiceOption()
}, },
methods: { methods: {
handleClose() { handleClose () {
this.$emit("close"); this.$emit("close");
}, },
async getInfo(demandId) { async getInfo (demandId) {
// const url = "/gov/org/customeragency/staffinagencylist"; // const url = "/gov/org/customeragency/staffinagencylist";
const url = "/heart/userdemand/demandDetail"; const url = "/heart/userdemand/demandDetail";
let params = { let params = {
@ -202,7 +254,83 @@ export default {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
async getAnalyse(demandId) { async getServiceOption () {
// const url = "/gov/org/customeragency/staffinagencylist";
const url = "/sys/dict/data/dictlist";
let params = {
dictType: 'user_demand_service_type',
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.serviceOptions = data;
} else {
this.$message.error(msg);
}
},
handleServiceChange (type, val) {
if (val === "social_org") {
if (type === "add") this.getServiceuserList(val, "add_demand");
else this.getServiceuserList(val, "query_demand");
} else this.getServiceuserList(val, "");
},
async getServiceuserList (serviceType, query) {
if (!serviceType) return false;
const { demandUserId } = this.form;
const params = {
serviceName: "",
serviceType: serviceType,
queryPurpose: query,
};
await this.$http
.post("/heart/userdemand/servicelist", params)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceOptiondList = res.data.filter(
(item) => item.value != demandUserId
);
}
})
.catch(() => {
return this.$message.error("网络错误");
});
},
async handleSubmit () {
if (!this.form.serviceType || !this.form.serverId) {
this.$message.info("请选择服务方");
return false
}
const _form = {
demandRecId: this.demandId,
serviceType: this.form.serviceType,
serverId: this.form.serverId,
};
await this.$http
.post("/heart/userdemand/assign", _form)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.$emit("handleAssignOk");
this.handleClose();
this.$message.success("指派成功");
}
})
.catch(() => {
return this.$message.error("网络错误");
});
this.btnLoading = false;
},
async getAnalyse (demandId) {
// const url = "/gov/org/customeragency/staffinagencylist"; // const url = "/gov/org/customeragency/staffinagencylist";
this.loading = true; this.loading = true;
const url = "/heart/userdemand/demand-research-analysis"; const url = "/heart/userdemand/demand-research-analysis";
@ -245,11 +373,11 @@ export default {
} }
this.loading = false; this.loading = false;
}, },
handleToProject(val) { handleToProject (val) {
console.log("val---v", val); console.log("val---v", val);
this.getInfo(val.projectId); this.getInfo(val.projectId);
}, },
handleToUser(val) { handleToUser (val) {
console.log("val-uuu", val); console.log("val-uuu", val);
this.$router.push({ this.$router.push({
@ -266,6 +394,8 @@ export default {
scoped scoped
></style> ></style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/a_customize.scss";
.m-pop { .m-pop {
color: #fff; color: #fff;
.wrap { .wrap {
@ -280,11 +410,14 @@ export default {
margin-bottom: 15px; margin-bottom: 15px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
.item-field { .item-field {
flex-shrink: 0; flex-shrink: 0;
} }
.item-filed-height {
line-height: 30px;
}
} }
.item-desc { .item-desc {
font-size: 16px; font-size: 16px;
@ -307,4 +440,28 @@ export default {
display: flex; display: flex;
padding: 0 32px; padding: 0 32px;
} }
.sel-service {
display: flex;
justify-content: flex-start;
}
.div_btn {
display: flex;
justify-content: center;
.item_btn {
font-size: 14px;
padding: 8px 16px;
cursor: pointer;
border: 1px dashed #0c81fe;
border-radius: 6px;
background-color: #0c81fe;
}
.mgl {
margin-left: 20px;
}
}
</style> </style>

Write Preview
Loading…
Cancel
Save