elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

人民建议征集

xiaowang-featrue
是小王呀\24601 9 months ago
parent
0ae27984cc
commit
074435c39a
2 changed files with 1702 additions and 0 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. 700
      src/views/modules/peopleOpinons/cpts/eventInfo.vue
  2. 1002
      src/views/modules/peopleOpinons/opinionsDaily.vue

700
src/views/modules/peopleOpinons/cpts/eventInfo.vue
View File

@ -0,0 +1,700 @@
<template>
<div class="">
<div v-if="pageTypeCopy == 'add'">
<el-card>
<h3 class="h3-title">
<!-- <img src="../../../../../assets/images/index/title-icon-zntb.png" width="30px" height="30px" alt="" /> -->
新增事件
</h3>
<event-add ref="ref_add" @changeName="changeName" @changeMobile="changeMobile" @changeUserId="changeUserId"
@changeGridId="changeGridId" @changeLevel="changeLevel"></event-add>
</el-card>
<div class="process-form">
<el-card>
<h3 class="h3-title">
<!-- <img alt="" width="30px" height="30px"
src="../../../../../assets/images/index/title-icon-chuli.png" /> -->
处理
</h3>
<process-form ref="ref_processinfo_add" :demandUserId="demandUserId" :eventDetailData="eventDetailData"
:demandUserName="demandUserName" :demandUserMobile="demandUserMobile"
:gridId="gridId"></process-form>
<div class="div-btn">
<el-button size="small" @click="handleClose">关闭</el-button>
<el-button style="margin-left: 20px" type="primary" size="small"
@click="handleComfirm">保存</el-button>
</div>
</el-card>
</div>
</div>
<div v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info'" class="g-page">
<!-- 面包屑放到这里-->
<div class="tabs" v-if="pageTypeCopy == 'info'">
<i class="el-icon-arrow-left"></i>
<el-button class="diy-button--white" style="height: 20px" @click="handleClose">
查看详情</el-button>
</div>
<div :class="['g-total', { 'g-left': projectProcess.length > 0, 'g-left-top40': pageType == 'info' }]">
<event-detail ref="ref_detail" :type="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
:source="source" @handleToProject="handleToProject" @handleToDemand="handleToDemand"
@handleToIssue="handleToIssue" @handleClose="handleClose" @handelCLickGridId="handelCLickGridId"></event-detail>
<div v-if="!eventDetailData.operationId && pageTypeCopy == 'dispose'" class="process-form">
<el-card :class="{ 'box-card': source === 'visiual' }">
<div :class="[
'process-title',
{ 'process-title-vis': source === 'visiual' },
]">
<!-- <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px" height="30px"
alt="" /> -->
处理
</div>
<process-form ref="ref_processinfo_dispose" :source="source" :eventId="eventId"
:eventDetailData="eventDetailData"></process-form>
<div class="div-btn">
<el-button size="small" @click="handleClose">关闭</el-button>
<el-button style="margin-left: 20px" type="primary" size="small"
@click="handleComfirm">保存</el-button>
</div>
</el-card>
</div>
</div>
<div v-if="projectProcess.length > 0" :class="['g-right', pageType == 'info' ? 'g-right-top40' : '']">
<el-card :class="{ 'box-card': source === 'visiual' }"
style="min-height: calc(88vh - 50px); overflow: auto">
<div class="m-process">
<div :class="[
'process-title',
{ 'process-title-vis': source === 'visiual' },
]">
<!-- <img src="../../../../../assets/images/index/title-icon-cljz.png" width="30px" height="30px"
alt="" /> -->
处理进展
</div>
<div class="list">
<div class="item" :key="item.processId" v-for="(item, index) in projectProcess"
:class="[index === 0 ? 'z-on' : '', { 'item-vis': source === 'visiual' }]">
<div class="item-row">
<!-- <template v-if="item.agencyId">
<div class="name">指派</div>
</template>
<template v-if="!item.timeLimit">
<div class="name">完成并回复</div>
</template>
<template v-if="!item.agencyId && item.timeLimit">
<div class="name">{{ item.processName }}</div>
</template>
<div class="date">
{{ item.processTime }}
</div> -->
<div class="name">{{ item.processName }}</div>
<div class="date">
{{ item.processTime }}
</div>
</div>
<div v-if="item.type === 'event'">
<template v-if="item.agencyId">
<div class="detail">
<div class="detail-field">指派人：</div>
<div class="detail-value">{{ item.departmentName }}</div>
</div>
<div class="detail">
<div class="detail-field">指派部门：</div>
<div class="detail-value">{{ item.agencyName }}</div>
</div>
<div class="detail">
<div class="detail-field">转办意见：</div>
<div class="detail-value">{{ item.publicReply }}</div>
</div>
<div class="detail">
<div class="detail-field">办结时限：</div>
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
</div>
<div class="detail">
<div class="detail-field">附件/图片：</div>
<template v-if="item.internalFile && item.internalFile.length > 0"
v-for="i in item.internalFile">
<template v-if="i.attachmentType === 'image'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<img :src="i.attachmentUrl" :key="i.attachmentUrl"
style="width: 50px; height: 50px; padding-right: 10px"
@click="watchImg(i.attachmentUrl)" />
</div>
</template>
<template v-if="i.attachmentType === 'voice'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<audio controls>
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
</audio>
</div>
</template>
<template v-if="i.attachmentType === 'doc'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<a :href="i.attachmentUrl">{{ i.attachmentName }}</a>
</div>
</template>
</template>
</div>
</template>
<template v-else>
<div class="detail">
<div class="detail-field">回复人：</div>
<div class="detail-value">{{ item.departmentName }}</div>
</div>
<div class="detail">
<div class="detail-field">回复内容：</div>
<div class="detail-value">{{ item.publicReply }}</div>
</div>
<div class="detail" v-if="item.timeLimit">
<div class="detail-field">办结时限：</div>
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
</div>
<div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<span class="u-info-title-2">附件/图片：</span>
<template v-if="item.internalFile && item.internalFile.length > 0"
v-for="i in item.internalFile">
<template v-if="i.attachmentType === 'image'">
<img :src="i.attachmentUrl" :key="i.attachmentUrl"
style="width: 50px; height: 50px; padding-right: 10px"
@click="watchImg(i.attachmentUrl)" />
</template>
<template v-if="i.attachmentType === 'voice'">
<audio controls>
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
</audio>
</template>
<template v-if="i.attachmentType === 'doc'">
<audio controls>
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
</audio>
</template>
</template>
</div>
</template>
</div>
<div v-else-if="item.type === 'demand'">
<template v-if="item.agencyId">
<div class="detail">
<div class="detail-field">指派人：</div>
<div class="detail-value">{{ item.departmentName }}</div>
</div>
<div class="detail">
<div class="detail-field">指派部门：</div>
<div class="detail-value">{{ item.agencyName }}</div>
</div>
<div class="detail">
<div class="detail-field">转办意见：</div>
<div class="detail-value">{{ item.publicReply }}</div>
</div>
<div class="detail">
<div class="detail-field">办结时限：</div>
<div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
</div>
<div class="detail">
<div class="detail-field">附件/图片：</div>
<template v-if="item.internalFile && item.internalFile.length > 0"
v-for="i in item.internalFile">
<template v-if="i.attachmentType === 'image'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<img :src="i.attachmentUrl" :key="i.attachmentUrl"
style="width: 50px; height: 50px; padding-right: 10px"
@click="watchImg(i.attachmentUrl)" />
</div>
</template>
<template v-if="i.attachmentType === 'voice'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<audio controls>
<source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
</audio>
</div>
</template>
<template v-if="i.attachmentType === 'doc'">
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
<a :href="i.attachmentUrl">{{ i.name }}</a>
</div>
</template>
</template>
</div>
</template>
<div v-if="item.processName === '需求完成'">
<div class="detail">
<div class="detail-field">服务组织：</div>
<div class="detail-value">{{ item.serviceParty }}</div>
</div>
<div class="detail">
<div class="detail-field">实际服务时间：</div>
<div class="detail-value">
{{ item.actualServiceTime }}
</div>
</div>
</div>
<div v-if="item.processName === '转服务'">
<div class="detail">
<div class="detail-field">服务时间：</div>
<div class="detail-value">{{ item.serviceTime }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-card>
</div>
</div>
<div v-if="pageTypeCopy == 'demand'">
<demand-info-origin ref="demandEditForm" :source="source" :demandRecId="eventDetailCopy.operationId"
@close="handleCloseProject" />
</div>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import { Loading } from "element-ui"; // 引入Loading服务
import foldText from "@/views/components/foldText";
// import projectInfoOrigin from "../../xiangmu/cpts/project-info";
// import demandInfoOrigin from "@/views/modules/communityService/measure/info";
// import issueInfoOrigin from "../../issue/cpts/issue-info";
// import dateFormat from "dai-js/tools/dateFormat";
// import eventAdd from "./add";
// import eventDetail from "./event-detail";
// import processForm from "./process-form";
let loading; // 加载动画
function iniData() {
return {
formData: {
operationType: "",
},
eventInfoData: {},
replayInfo: {},
demand: {},
project: {},
issueInfo: {},
//新增
demandUserId: "",
demandUserName: "",
demandUserMobile: "",
gridId: "",
eventDetailCopy: {},
projectProcess: [],
projectPageType: "info",
pageTypeCopy: "",
issuePageType: "",
issueDetailData: {},
sourceType: "",
level: ''
};
}
export default {
name: "projectInfo",
props: {
eventId: {
type: String,
default: "",
},
pageType: {
type: String,
default: "",
},
eventDetailData: {
type: Object,
default() {
return {};
},
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: "manage",
},
},
components: {
// foldText,
// eventAdd,
// eventDetail,
// processForm,
// projectInfoOrigin,
// demandInfoOrigin,
// issueInfoOrigin,
},
data: iniData,
computed: {},
watch: {
eventId() {
let data = iniData();
Object.keys(data).forEach((k) => {
this[k] = data[k];
});
// this.getApiData();
},
},
created() { },
mounted() {
this.pageTypeCopy = this.pageType;
if (this.pageTypeCopy !== "add") {
this.getProjectProcess();
}
if (this.eventId) {
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
}
},
methods: {
changeName(val) {
this.demandUserName = val;
},
changeMobile(val) {
this.demandUserMobile = val;
},
changeUserId(val) {
this.demandUserId = val;
},
changeGridId(val) {
this.gridId = val;
},
changeLevel(val) {
this.level = val;
},
//加载组织数据
async getProjectProcess() {
const url = "/governance/icEventOld/process";
const { data, code, msg } = await requestPost(url, {
icEventId: this.eventId,
});
if (code === 0) {
this.projectProcess = data.map((item) => {
item.processTime = dateFormat(
new Date(item.processTime * 1000),
"yyyy-MM-dd hh:mm"
);
return item;
});
} else {
this.$message.error(msg);
}
},
getEventInfo() {
this.$refs.ref_add.getEventInfo();
if (this.$refs.ref_add.okflag) {
this.eventInfoData = this.$refs.ref_add.formData;
} else {
return false;
}
},
async handleComfirm() {
this.startLoading();
if (this.pageTypeCopy === "add") {
await this.handelAdd();
}
if (this.pageTypeCopy === "dispose") {
await this.handelDispose();
}
this.endLoading();
},
async handelAdd() {
this.$refs.ref_add.getEventInfo();
if (this.$refs.ref_add.okflag) {
this.eventInfoData = this.$refs.ref_add.formData;
} else {
return false;
}
this.$refs.ref_processinfo_add.getProcessInfo();
if (this.$refs.ref_processinfo_add.okflag) {
this.formData.operationType = this.$refs.ref_processinfo_add.operationType;
console.log(this.formData.operationType);
this.eventInfoData.operationType = this.$refs.ref_processinfo_add.operationType;
if (this.formData.operationType === "0" || this.formData.operationType === "6") {
this.replayInfo = this.$refs.ref_processinfo_add.replayInfo;
//回复属性赋值
this.eventInfoData.content = this.replayInfo.content;
this.eventInfoData.status = this.replayInfo.status;
this.eventInfoData.timeLimit = this.replayInfo.timeLimit;
if (this.replayInfo.categoryId) {
this.eventInfoData.categoryList = [];
this.eventInfoData.categoryList.push(this.replayInfo.categoryId);
}
} else if (this.formData.operationType === "5") {
this.replayInfo = this.$refs.ref_processinfo_add.replayInfo;
//回复属性赋值
this.eventInfoData.content = this.replayInfo.content;
this.eventInfoData.status = this.replayInfo.status;
this.eventInfoData.timeLimit = this.replayInfo.timeLimit;
if (this.replayInfo.categoryId) {
this.eventInfoData.categoryList = [];
this.eventInfoData.categoryList.push(this.replayInfo.categoryId);
}
} else if (this.formData.operationType === "2") {
this.replayInfo = {};
this.project = {};
this.demand = this.$refs.ref_processinfo_add.demand;
this.demand.gridId = this.eventInfoData.gridId;
} else if (this.formData.operationType === "4") {
this.replayInfo = {};
}
}
this.formData = {
...this.eventInfoData,
replayInfo: this.replayInfo,
project: this.project,
demand: this.demand,
issueInfo: this.issueInfo,
openFlag:0
};
await this.submit();
},
async submit() {
console.log(this.formData.operationType);
// (this.formData.operationType == 2 && this.demand.demandUserName) ||(this.formData.operationType == 3 && this.issueInfo.issueTitle) || (this.formData.operationType == 1 && this.project.categoryList) ||(this.formData.operationType == 0 && this.eventInfoData.content) ||
if (
this.formData.operationType == "4" ||
this.formData.operationType == "5" ||
this.formData.operationType == "6" ||
this.formData.operationType == "0" ||
this.formData.operationType == "7" ||
(this.formData.operationType == 2 && this.demand.demandUserName)
) {
if (Array.isArray(this.formData.gridId) && this.formData.gridId.length) {
if (this.level == "grid") {
this.formData.gridId = this.formData.gridId[this.formData.gridId.length - 1];
this.formData.agencyId = "";
} else {
this.formData.agencyId = this.formData.gridId[this.formData.gridId.length - 1];
this.formData.gridId = "";
}
} else {
this.formData.agencyId = "";
this.formData.gridId = "";
}
this.formData.openFlag = 0
const url = "/governance/icEventOld/add";
const { data, code, msg } = await requestPost(url, {
...this.formData,
});
if (code === 0) {
this.$message.success("操作成功！");
if (this.pageTypeCopy === "add") {
this.eventInfo = this.$refs.ref_add.resetData();
}
this.$emit("handleOk");
} else {
this.$message.error(msg);
}
} else if (this.formData.operationType == "") {
this.$message.error("请选择处理方式!");
}
},
handelCLickGridId(val){
this.grid = val.value;
},
async handelDispose() {
this.$refs.ref_processinfo_dispose.getProcessInfo();
if (this.$refs.ref_processinfo_dispose.okflag) {
this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType;
if (this.formData.operationType === "0" || this.formData.operationType === '5'
|| this.formData.operationType === '6' || this.formData.operationType === '7') {
this.project = {};
this.demand = {};
if (this.$refs.ref_processinfo_dispose.replayInfo.okflag) {
this.endLoading();
return false
}
this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
this.replayInfo.icEventId = this.eventId;
this.replayInfo.openFlag = null;
this.replayInfo.openId = this.eventDetailCopy.openId;
this.replayInfo.gridId = this.grid;
//回复属性赋值
let url = "/governance/icEventOld/reply";
await this.submitDispose(url, this.replayInfo);
} else if (this.formData.operationType === "1") {
this.replayInfo = {};
this.demand = {};
this.project = this.$refs.ref_processinfo_dispose.project;
//项目的属性同事件一样
this.project.icEventId = this.eventId;
let url = "/governance/icEventOld/icEventToProject";
await this.submitDispose(url, this.project);
} else if (this.formData.operationType === "2") {
this.project = {};
this.demand = this.$refs.ref_processinfo_dispose.demand;
//需求的属性同事件一样
this.demand.icEventId = this.eventId;
if (this.demand.gridId === '') {
this.demand.gridId = this.eventDetailData.gridId
}
let url = "/governance/icEventOld/icEventToDemand";
await this.submitDispose(url, this.demand);
} else if (this.formData.operationType === "3") {
this.replayInfo = {};
this.demand = {};
this.project = {};
this.issueInfo = this.$refs.ref_processinfo_dispose.issueInfo;
//项目的属性同事件一样
let url = "/governance/icEventOld/icEventToIssue";
await this.submitDispose(url, this.issueInfo);
} else {
this.$message.info("请选择一种处理方式");
}
if(this.formData.operationType){
await this.sendProcessNotificationMsg()
}
} else {
return false;
}
},
async sendProcessNotificationMsg(){
let parm = {
operationType:this.formData.operationType,
openId:this.eventDetailData.openId,
eventContent:this.eventDetailData.eventContent,
latestOperatedTime:this.eventDetailData.latestOperatedTime
}
let {data,code,msg} = await requestPost('/actual/base/communityPublicity/sendProcessNotificationMsg',parm)
if(code === 0){
}else{
console.log(msg);
}
},
async submitDispose(url, params) {
const { data, code, msg } = await requestPost(url, {
...params,
});
if (code === 0) {
this.$message.success("操作成功！");
this.$emit("handleOk");
} else {
this.$message.error(msg);
}
},
handleClose() {
if (this.pageTypeCopy === "add") {
this.eventInfo = this.$refs.ref_add.resetData();
}
this.$emit("handleClose");
},
handleToProject(type) {
if (this.eventDetailCopy.status === "processing") {
this.projectPageType = "edit";
} else {
this.projectPageType = "info";
}
this.sourceType = "event";
this.pageTypeCopy = "project";
},
handleToDemand() {
// if (this.eventDetailCopy.status === 'processing') {
// this.projectPageType = 'edit'
// } else {
// this.projectPageType = 'info'
// }
this.pageTypeCopy = "demand";
},
async handleToIssue() {
const url = "/governance/manage/votingissuedetail";
const { data, code, msg } = await requestPost(url, {
issueId: this.eventDetailCopy.operationId,
});
if (code === 0) {
this.issueDetailData = { ...data };
} else {
this.$message.error(msg);
}
if (this.issueDetailData.issueStatus === "voting") {
this.issuePageType = "dispose";
} else {
this.issuePageType = "info";
}
this.pageTypeCopy = "issue";
},
handleCloseProject() {
this.getProjectProcess();
this.pageTypeCopy = "info";
},
// 开启加载动画
startLoading() {
loading = Loading.service({
lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字
background: "rgba(0,0,0,.7)", // 背景颜色
});
},
// 结束加载动画
endLoading() {
// clearTimeout(timer);
if (loading) {
loading.close();
}
},
formTimeLimit(val) {
return dateFormat(
new Date(val * 1000),
"yyyy-MM-dd hh:mm"
);
},
watchImg (src) {
window.open(src);
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/shequzhili/event-info.scss";
.tabs {
position: absolute;
margin-left: 30px;
height: 50px;
line-height: 50px;
.diy-button--white {
border: none !important;
color: rgba(0, 0, 0, 0.65) !important;
height: 30px !important;
padding: 0 12px !important;
margin-left: 10px;
}
}
.list {
&> :last-child {
border: none !important;
}
&> :first-child {
.name {
// background: url("../../../assets/images/index/bubble.png") no-repeat;
color: #fff !important;
padding: 0px 10px 3px 13px !important;
background-size: 100% 100%;
border: none !important;
}
}
}
.g-left-top40 {
margin-top: 40px;
}
.g-right-top40 {
margin-top: 40px;
}
</style>

1002
src/views/modules/peopleOpinons/opinionsDaily.vue
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save