elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

可视化话题详情组件6

shibei_prod
dai 4 years ago
parent
2fe38c4825
commit
4bdc125132
1 changed files with 121 additions and 126 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 247
      src/views/modules/visual/measure/dialogInfo.vue

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

@ -13,7 +13,6 @@
<div class="list-title">需求内容</div>
<div class="list-wr">
<div class="list">
<div class="item-desc">
<!-- <span class="item-field">所属网格：</span> -->
<span>{{ info.content }}</span>
@ -58,12 +57,18 @@
</div>
<div class="item">
<span class="item-field">实际服务时间：</span>
<span v-if="info.serviceStartTime">{{ info.serviceStartTime }} 至 <br/>
{{ info.serviceEndTime }}</span>
<span v-if="info.serviceStartTime"
>{{ info.serviceStartTime }} 至 <br />
{{ info.serviceEndTime }}</span
>
</div>
<div class="item">
<span class="item-field">完成情况：</span>
<span>{{ info.finishResult == 'resolved' ? '已解决' : '未解决' }} <br /> {{ info.finishDesc }}</span>
<span
>{{ info.finishResult == "resolved" ? "已解决" : "未解决" }}
<br />
{{ info.finishDesc }}</span
>
</div>
<div class="item">
<span class="item-field">评价：</span>
@ -75,39 +80,29 @@
</div>
<div class="tabs">
<div
class="tab-btn"
>
<div class="tab-btn">
<img src="@/assets/img/shuju/people/arrow-double-left.png" />
</div>
<div
class="tab z-on"
>
研判分析
</div>
<div
class="tab-btn"
>
<div class="tab z-on">研判分析</div>
<div class="tab-btn">
<img src="@/assets/img/shuju/people/arrow-double-right.png" />
</div>
</div>
<div style="padding: 30px 0;">
<analyse
v-if="!loading"
:single-list="demandList"
:single-title="'需求上报'"
:more-title="'事件上报'"
:user-list="userLists"
:user-name="info.demandUserName"
:has-event="false"
<div style="padding: 30px 0">
<analyse
v-if="!loading"
:single-list="demandList"
:single-title="'需求上报'"
:more-title="'事件上报'"
:user-list="userLists"
:user-name="info.demandUserName"
:has-event="false"
:more-list="eventList"
@project="handleToProject"
@user="handleToUser"
/>
</div>
</cpt-card>
</div>
</div>
@ -115,7 +110,7 @@
<script>
import cptCard from "@/views/modules/visual/cpts/card";
import analyse from '../cpts/analyse.vue'
import analyse from "../cpts/analyse.vue";
import { requestPost } from "@/js/dai/request";
export default {
@ -126,15 +121,15 @@ export default {
default: "",
},
demandId: String,
queryOrigin: String
queryOrigin: String,
// info: Object,
},
components: {
cptCard,
analyse
analyse,
},
data() {
return {
loading: false,
@ -399,103 +394,101 @@ export default {
// }
// ]
// }
],
userLists: [
{
homeId: '1',
icUserId: '1',
icUserName: '沾上干'
homeId: "1",
icUserId: "1",
icUserName: "沾上干",
},
{
homeId: '2',
icUserId: '2',
icUserName: '李四'
homeId: "2",
icUserId: "2",
icUserName: "李四",
},
{
homeId: '3',
icUserId: '3',
icUserName: '王五哈哈'
}
homeId: "3",
icUserId: "3",
icUserName: "王五哈哈",
},
],
userName: '王亚男哈',
userName: "王亚男哈",
eventList: [
{
categoryName: '辨明服务',
categoryCode: '1',
categoryName: "辨明服务",
categoryCode: "1",
projectList: [
{
title: '不知道写了什么哈哈哈',
status: 'closed',
projectId: '1'
title: "不知道写了什么哈哈哈",
status: "closed",
projectId: "1",
},
{
title: '罗里吧嗦写了什么哈哈哈',
status: 'closed',
projectId: '2'
title: "罗里吧嗦写了什么哈哈哈",
status: "closed",
projectId: "2",
},
{
title: '胡说八道写了什么哈哈哈',
status: 'closed',
projectId: '1=3'
title: "胡说八道写了什么哈哈哈",
status: "closed",
projectId: "1=3",
},
{
title: '费眼飞鱼不知道写了什么哈哈哈',
status: 'closed',
projectId: '1=4'
title: "费眼飞鱼不知道写了什么哈哈哈",
status: "closed",
projectId: "1=4",
},
{
title: '狗屁不通不知道写了什么哈哈哈',
status: 'closed',
projectId: '5'
title: "狗屁不通不知道写了什么哈哈哈",
status: "closed",
projectId: "5",
},
{
title: '啦啦啦不知道写了什么哈哈哈',
status: 'closed',
projectId: '6'
}
]
title: "啦啦啦不知道写了什么哈哈哈",
status: "closed",
projectId: "6",
},
],
},
{
categoryName: '水煮鱼辨明服务辨明服务',
categoryCode: '4',
categoryName: "水煮鱼辨明服务辨明服务",
categoryCode: "4",
projectList: [
{
title: '熟煮雨不知道写了什么哈哈哈',
status: 'pending',
projectId: '4'
}
]
title: "熟煮雨不知道写了什么哈哈哈",
status: "pending",
projectId: "4",
},
],
},
{
categoryName: '开心麻花',
categoryCode: '2',
categoryName: "开心麻花",
categoryCode: "2",
projectList: [
{
title: '不知道开心麻花写了什么哈哈哈',
status: 'closed',
projectId: '1'
}
]
title: "不知道开心麻花写了什么哈哈哈",
status: "closed",
projectId: "1",
},
],
},
{
categoryName: '酸菜鱼',
categoryCode: '3',
categoryName: "酸菜鱼",
categoryCode: "3",
projectList: [
{
title: '不知道酸菜鱼写了什么哈哈哈',
status: 'pending',
projectId: '3'
}
]
}
title: "不知道酸菜鱼写了什么哈哈哈",
status: "pending",
projectId: "3",
},
],
},
],
};
},
async mounted() {
await this.getInfo(this.demandId)
await this.getInfo(this.demandId);
},
methods: {
@ -504,78 +497,81 @@ export default {
},
async getInfo(demandId) {
// const url = "/gov/org/customeragency/staffinagencylist";
const url = '/heart/userdemand/demandDetail'
const url = "/heart/userdemand/demandDetail";
let params = {
demandRecId: demandId,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
// console.log('data-org----dict', data)
this.info = data
this.getAnalyse()
this.info = data;
this.getAnalyse();
} else {
this.$message.error(msg)
this.$message.error(msg);
}
},
async getAnalyse() {
// const url = "/gov/org/customeragency/staffinagencylist";
this.loading = true
const url = '/heart/userdemand/demand-research-analysis'
this.loading = true;
const url = "/heart/userdemand/demand-research-analysis";
let params = {
firstCategoryCode: this.info.firstCategoryCode,
icResiUserId: this.info.demandUserId,
icResiUserId: this.info.icResiUserId,
epmetUserIdList: [this.info.epmetUserId],
queryOrigin: this.queryOrigin
queryOrigin: this.queryOrigin,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
console.log('data-org----a', data)
this.userLists = data.houseUserList.map(item => {
console.log("data-org----a", data);
this.userLists = data.houseUserList.map((item) => {
return {
...item,
icUserId: item.icResiUserId
}
})
this.demandList = data.demandData.map(item => {
icUserId: item.icResiUserId,
};
});
this.demandList = data.demandData.map((item) => {
return {
...item,
showItem: true,
categoryName: item.firstCategoryName,
categoryCode: item.firstCategoryCode,
projectList: item.demandList.map(n => {
projectList: item.demandList.map((n) => {
return {
...n,
title: n.content,
status: n.status,
statusName: n.statusName,
projectId: n.demandRecId
}
})
}
})
console.log('demandList-dd', this.demandList)
projectId: n.demandRecId,
};
}),
};
});
console.log("demandList-dd", this.demandList);
} else {
this.$message.error(msg)
this.$message.error(msg);
}
this.loading = false
this.loading = false;
},
handleToProject(val) {
console.log('val---v', val)
this.getInfo(val.projectId)
console.log("val---v", val);
this.getInfo(val.projectId);
},
handleToUser(val) {
console.log('val-uuu', val)
console.log("val-uuu", val);
this.$router.push({
path: `/main-shuju/visual-basicinfo-people/${val.icUserId}`,
});
}
}
},
},
};
</script>
<style lang="scss" src="@/assets/scss/modules/visual/people.scss" scoped></style>
<style
lang="scss"
src="@/assets/scss/modules/visual/people.scss"
scoped
></style>
<style lang="scss" scoped>
.m-pop {
.wrap {
@ -599,16 +595,15 @@ export default {
}
}
.list-title {
width: 100%;
box-sizing: border-box;
padding: 20px 0 10px 62px;
font-size: 20px;
cursor: pointer;
}
width: 100%;
box-sizing: border-box;
padding: 20px 0 10px 62px;
font-size: 20px;
cursor: pointer;
}
}
.list-wr {
display: flex;
padding: 0 32px;
}
</style>

Write Preview
Loading…
Cancel
Save