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

新建页面

V1.0
tianq 3 years ago
parent
75bf42957f
commit
c2af4b04f4
12 changed files with 7896 additions and 456 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. 929
      src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
  2. 929
      src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
  3. 326
      src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue
  4. 578
      src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
  5. 929
      src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
  6. 929
      src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
  7. 929
      src/views/modules/shequzhili/tuceng/gonggong/index.vue
  8. 929
      src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
  9. 929
      src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
  10. 929
      src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
  11. 8
      src/views/modules/workSys/residentCategory.vue
  12. 8
      src/views/modules/workSys/serviceMatters.vue

929
src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

326
src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue
View File

@ -1,179 +1,177 @@
<template>
<div>
<base-page
:searchParams="searchParams"
:tableParams="tableParams"
:tableUrl="tableUrl"
:addUrl="addUrl"
:editUrl="editUrl"
:delUrl="delUrl"
:editAuth="editAuth"
:delAuth="delAuth"
:infoUrl="infoUrl"
:exportUrl="exportUrl"
:importUrl="importUrl"
:mubanUrl="mubanUrl"
:editParams="editParams"
:editElseRules="editElseRules"
:editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
idName="icDangerousChemicalsId"
></base-page>
</div>
<div>
<base-page
:searchParams="searchParams"
:tableParams="tableParams"
:tableUrl="tableUrl"
:addUrl="addUrl"
:editUrl="editUrl"
:delUrl="delUrl"
:editAuth="editAuth"
:delAuth="delAuth"
:infoUrl="infoUrl"
:exportUrl="exportUrl"
:importUrl="importUrl"
:mubanUrl="mubanUrl"
:editParams="editParams"
:editElseRules="editElseRules"
:editBtnName="item => (!item.latitude ? '待完善' : '修改')"
idName="icDangerousChemicalsId"
></base-page>
</div>
</template>
<script>
import basePage from "@/views/modules/cpts/base/index";
import basePage from '@/views/modules/cpts/base/index';
export default {
props: {},
props: {},
data() {
return {
searchParams: [
{ field: "企业名称", keyName: "name", type: "input" },
{
field: "企业类型",
keyName: "category",
type: "select",
optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
optionUrlParams: {},
optionList: [],
},
{
field: "危化品种类",
keyName: "dangerType",
type: "select",
optionUrl: "/sys/dict/data/dictlist",
optionUrlParams: {
dictType: "ic_danger_type",
},
optionList: [],
},
],
data() {
return {
searchParams: [
{ field: '企业名称', keyName: 'name', type: 'input' },
{
field: '企业类型',
keyName: 'category',
type: 'select',
optionUrl: '/gov/org/coverage/dict-select-list/dangerous_chemicals',
optionUrlParams: {},
optionList: []
},
{
field: '危化品种类',
keyName: 'dangerType',
type: 'select',
optionUrl: '/sys/dict/data/dictlist',
optionUrlParams: {
dictType: 'ic_danger_type'
},
optionList: []
}
],
tableParams: [
{ field: "序号", keyName: "", type: "no" },
{ field: "企业名称", keyName: "name", type: "text" },
{ field: "企业类别", keyName: "categoryName", type: "text" },
{ field: "周边安全间距", keyName: "safeDistanceName", type: "text" },
{ field: "危化品种类", keyName: "dangerTypeName", type: "text" },
{ field: "经营地址", keyName: "address", type: "text" },
{ field: "负责人", keyName: "principalName", type: "text" },
{ field: "联系电话", keyName: "principalMobile", type: "text" },
{ field: "备注", keyName: "remark", type: "text" },
],
tableUrl: "/gov/org/icDangerousChemicals/list",
mubanUrl: "/gov/org/icDangerousChemicals/download",
importUrl: "/gov/org/icDangerousChemicals/import",
exportUrl: "/gov/org/icDangerousChemicals/export",
tableParams: [
{ field: '序号', keyName: '', type: 'no' },
{ field: '企业名称', keyName: 'name', type: 'text' },
{ field: '企业类别', keyName: 'categoryName', type: 'text' },
{ field: '周边安全间距', keyName: 'safeDistanceName', type: 'text' },
{ field: '危化品种类', keyName: 'dangerTypeName', type: 'text' },
{ field: '经营地址', keyName: 'address', type: 'text' },
{ field: '负责人', keyName: 'principalName', type: 'text' },
{ field: '联系电话', keyName: 'principalMobile', type: 'text' },
{ field: '备注', keyName: 'remark', type: 'text' }
],
tableUrl: '/gov/org/icDangerousChemicals/list',
mubanUrl: '/gov/org/icDangerousChemicals/download',
importUrl: '/gov/org/icDangerousChemicals/import',
exportUrl: '/gov/org/icDangerousChemicals/export',
addUrl: "/gov/org/icDangerousChemicals/add",
editUrl: "/gov/org/icDangerousChemicals/edit",
infoUrl: "/gov/org/icDangerousChemicals/detail",
delUrl: "/gov/org/icDangerousChemicals/del",
editAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
delAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
addUrl: '/gov/org/icDangerousChemicals/add',
editUrl: '/gov/org/icDangerousChemicals/edit',
infoUrl: '/gov/org/icDangerousChemicals/detail',
delUrl: '/gov/org/icDangerousChemicals/del',
editAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
delAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
editParams: [
{
field: "企业名称",
keyName: "name",
type: "input",
maxlength: 50,
editDisabled: true,
rules: [
{
required: true,
message: "企业名称不能为空",
trigger: "blur",
},
],
},
{
field: "企业分类",
keyName: "category",
type: "select",
optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [],
editDisabled: true,
rules: [
{ required: true, message: "企业分类不能为空", trigger: "blur" },
],
},
{
field: "周边安全间距",
keyName: "safeDistance",
type: "number",
precision: 2,
step: 0.01,
min: 0,
max: 1000000000,
unitName: "公里",
},
{
field: "危化品种类",
keyName: "dangerType",
type: "select",
optionUrl: "/sys/dict/data/dictlist",
optionUrlParams: {
dictType: "ic_danger_type",
},
optionList: [],
editDisabled: true,
},
{
field: "负责人",
keyName: "principalName",
type: "input",
maxlength: 50,
},
{
field: "联系电话",
keyName: "principalMobile",
type: "input",
maxlength: 50,
},
{
field: "经营地址",
keyName: "address",
type: "address",
maxlength: 50,
supKeys: ["longitude", "latitude"],
supValues: ["", ""],
rules: [
{
required: true,
message: "经营地址坐标不能为空",
trigger: "blur",
},
],
},
{ field: "备注", keyName: "remark", type: "textarea" },
],
editElseRules: {
longitude: {
type: "number",
required: true,
message: "请拖动地图选择坐标点",
},
},
};
},
components: { basePage },
computed: {},
watch: {},
editParams: [
{
field: '企业名称',
keyName: 'name',
type: 'input',
maxlength: 50,
editDisabled: true,
rules: [
{
required: true,
message: '企业名称不能为空',
trigger: 'blur'
}
]
},
{
field: '企业分类',
keyName: 'category',
type: 'select',
optionUrl: '/gov/org/coverage/dict-select-list/dangerous_chemicals',
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [],
editDisabled: true,
rules: [{ required: true, message: '企业分类不能为空', trigger: 'blur' }]
},
{
field: '周边安全间距',
keyName: 'safeDistance',
type: 'number',
precision: 2,
step: 0.01,
min: 0,
max: 1000000000,
unitName: '公里'
},
{
field: '危化品种类',
keyName: 'dangerType',
type: 'select',
optionUrl: '/sys/dict/data/dictlist',
optionUrlParams: {
dictType: 'ic_danger_type'
},
optionList: [],
editDisabled: true
},
{
field: '负责人',
keyName: 'principalName',
type: 'input',
maxlength: 50
},
{
field: '联系电话',
keyName: 'principalMobile',
type: 'input',
maxlength: 50
},
{
field: '经营地址',
keyName: 'address',
type: 'address',
maxlength: 50,
supKeys: ['longitude', 'latitude'],
supValues: ['', ''],
rules: [
{
required: true,
message: '经营地址坐标不能为空',
trigger: 'blur'
}
]
},
{ field: '备注', keyName: 'remark', type: 'textarea' }
],
editElseRules: {
longitude: {
type: 'number',
required: true,
message: '请拖动地图选择坐标点'
}
}
};
},
components: { basePage },
computed: {},
watch: {},
async mounted() {},
async mounted() {},
methods: {},
methods: {}
};
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped></style>

578
src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
View File

@ -1,309 +1,303 @@
<template>
<div>
<base-page :searchParams="searchParams"
:tableParams="tableParams"
:tableUrl="tableUrl"
:addUrl="addUrl"
:editUrl="editUrl"
:delUrl="delUrl"
:infoUrl="infoUrl"
:editAuth="editAuth"
:delAuth="delAuth"
:exportUrl="exportUrl"
:qrCodeExportUrl="qrCodeExportUrl"
:importUrl="importUrl"
:mubanUrl="mubanUrl"
:editParams="editParams"
:editElseRules="editElseRules"
:editFixedParams="editFixedParams"
:editParamsDiv="5"
:editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
:formBtnFixed="false"
idName="enterpriseId">
<template v-slot:editBottomSup="{ id, formType, info }">
<record v-if="formType != 'add' && id"
:formType="formType"
:enterpriseId="id"
:enterpriseInfo="info"></record>
</template>
</base-page>
</div>
<div>
<base-page
:searchParams="searchParams"
:tableParams="tableParams"
:tableUrl="tableUrl"
:addUrl="addUrl"
:editUrl="editUrl"
:delUrl="delUrl"
:infoUrl="infoUrl"
:editAuth="editAuth"
:delAuth="delAuth"
:exportUrl="exportUrl"
:qrCodeExportUrl="qrCodeExportUrl"
:importUrl="importUrl"
:mubanUrl="mubanUrl"
:editParams="editParams"
:editElseRules="editElseRules"
:editFixedParams="editFixedParams"
:editParamsDiv="5"
:editBtnName="item => (!item.latitude ? '待完善' : '修改')"
:formBtnFixed="false"
idName="enterpriseId"
>
<template v-slot:editBottomSup="{ id, formType, info }">
<record v-if="formType != 'add' && id" :formType="formType" :enterpriseId="id" :enterpriseInfo="info"></record>
</template>
</base-page>
</div>
</template>
<script>
import basePage from "@/views/modules/cpts/base/index";
import record from "./cpts/record";
import basePage from '@/views/modules/cpts/base/index';
import record from './cpts/record';
export default {
components: { basePage, record },
props: {},
components: { basePage, record },
props: {},
data () {
return {
searchParams: [
{ field: "场所名称", keyName: "placeOrgName", type: "input" },
{ field: "联系电话", keyName: "mobile", type: "input" },
{
field: "场所区域",
keyName: "gridId",
type: "select",
optionUrl: "/gov/org/customergrid/gridoption",
optionUrlParams: {
agencyId: this.$store.state.user.agencyId,
purpose: "query",
},
optionList: [],
},
{
field: "场所类别",
keyName: "placeCategory",
type: "select",
optionUrl: "",
optionUrlParams: {},
optionList: [
{
value: '0',
label: '九小场所'
},
{
value: '1',
label: '企事业单位'
}
data() {
return {
searchParams: [
{ field: '场所名称', keyName: 'placeOrgName', type: 'input' },
{ field: '联系电话', keyName: 'mobile', type: 'input' },
{
field: '场所区域',
keyName: 'gridId',
type: 'select',
optionUrl: '/gov/org/customergrid/gridoption',
optionUrlParams: {
agencyId: this.$store.state.user.agencyId,
purpose: 'query'
},
optionList: []
},
{
field: '场所类别',
keyName: 'placeCategory',
type: 'select',
optionUrl: '',
optionUrlParams: {},
optionList: [
{
value: '0',
label: '九小场所'
},
{
value: '1',
label: '企事业单位'
}
]
},
{
field: '场所类型',
keyName: 'placeType',
type: 'select',
optionUrl: '/gov/org/coverage/dict-select-list/enterprise_patrol',
optionUrlParams: {},
optionList: []
},
{
field: '规模',
keyName: 'scale',
type: 'select',
optionUrl: '/sys/dict/data/dictlist',
optionUrlParams: {
dictType: 'scale'
},
optionList: []
},
{
field: '巡查结果',
keyName: 'result',
type: 'select',
optionUrl: '',
optionUrlParams: {},
optionList: [
{
value: '0',
label: '合格'
},
{
value: '1',
label: '不合格'
}
]
},
{ field: '隐患明细', keyName: 'detailed', type: 'input' }
],
],
},
{
field: "场所类型",
keyName: "placeType",
type: "select",
optionUrl: "/gov/org/coverage/dict-select-list/enterprise_patrol",
optionUrlParams: {},
optionList: [],
},
{
field: "规模",
keyName: "scale",
type: "select",
optionUrl: "/sys/dict/data/dictlist",
optionUrlParams: {
dictType: "scale",
},
optionList: [],
},
{
field: "巡查结果",
keyName: "result",
type: "select",
optionUrl: "",
optionUrlParams: {},
optionList: [
{
value: "0",
label: "合格",
},
{
value: "1",
label: "不合格",
},
],
},
{ field: "隐患明细", keyName: "detailed", type: "input" },
],
tableParams: [
{ field: '序号', keyName: '', type: 'no' },
{ field: '场所名称', keyName: 'placeOrgName', type: 'text' },
{ field: '场所地址', keyName: 'address', type: 'text' },
{ field: '场所类别', keyName: 'placeCategoryName', type: 'text' },
{ field: '场所类型', keyName: 'placeTypeName', type: 'text' },
{ field: '规模', keyName: 'scaleName', type: 'text' },
{ field: '负责人', keyName: 'personInCharge', type: 'text' },
{ field: '联系电话', keyName: 'mobile', type: 'text' },
{ field: '最新检查时间', keyName: 'latestPatrolTime', type: 'text' },
{ field: '最新结果', keyName: 'latestResultName', type: 'text' }
],
tableUrl: '/gov/org/enterprise/list',
mubanUrl: '/gov/org/enterprise/download-tem',
importUrl: '/gov/org/enterprise/import',
exportUrl: '/gov/org/enterprise/export',
qrCodeExportUrl: '/gov/org/enterprise/qrCodeExport',
tableParams: [
{ field: "序号", keyName: "", type: "no" },
{ field: "场所名称", keyName: "placeOrgName", type: "text" },
{ field: "场所地址", keyName: "address", type: "text" },
{ field: "场所类别", keyName: "placeCategoryName", type: "text" },
{ field: "场所类型", keyName: "placeTypeName", type: "text" },
{ field: "规模", keyName: "scaleName", type: "text" },
{ field: "负责人", keyName: "personInCharge", type: "text" },
{ field: "联系电话", keyName: "mobile", type: "text" },
{ field: "最新检查时间", keyName: "latestPatrolTime", type: "text" },
{ field: "最新结果", keyName: "latestResultName", type: "text" },
],
tableUrl: "/gov/org/enterprise/list",
mubanUrl: "/gov/org/enterprise/download-tem",
importUrl: "/gov/org/enterprise/import",
exportUrl: "/gov/org/enterprise/export",
qrCodeExportUrl: "/gov/org/enterprise/qrCodeExport",
addUrl: '/gov/org/enterprise/addOrUpdate',
editUrl: '/gov/org/enterprise/addOrUpdate',
infoUrl: '/gov/org/enterprise/detail/',
delUrl: '/gov/org/enterprise/delete/',
editAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
delAuth(item) {
return item.agencyId == this.$store.state.user.agencyId;
},
addUrl: "/gov/org/enterprise/addOrUpdate",
editUrl: "/gov/org/enterprise/addOrUpdate",
infoUrl: "/gov/org/enterprise/detail/",
delUrl: "/gov/org/enterprise/delete/",
editAuth (item) {
return item.agencyId == this.$store.state.user.agencyId;
},
delAuth (item) {
return item.agencyId == this.$store.state.user.agencyId;
},
editParams: [
{
field: '场所类别',
keyName: 'placeCategory',
type: 'select',
optionUrl: '',
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [
{
value: '0',
label: '九小场所'
},
{
value: '1',
label: '企事业单位'
}
],
editDisabled: true,
rules: [{ required: true, message: '场所类别不能为空', trigger: 'blur' }]
},
{
field: '场所类型',
keyName: 'placeType',
type: 'select',
optionUrl: '/gov/org/coverage/dict-select-list/enterprise_patrol',
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [],
editDisabled: true,
rules: [{ required: true, message: '场所类型不能为空', trigger: 'blur' }]
},
{
field: '场所区域',
keyName: 'gridId',
type: 'select',
optionUrl: '/gov/org/customergrid/gridoption',
optionUrlParams: {
agencyId: this.$store.state.user.agencyId,
purpose: 'addorupdate'
},
optionList: [],
editDisabled: true,
rules: [{ required: true, message: '场所区域不能为空', trigger: 'blur' }]
},
{
field: '场所名称',
keyName: 'placeOrgName',
type: 'input',
maxlength: 50,
editDisabled: true,
rules: [
{
required: true,
message: '场所名称不能为空',
trigger: 'blur'
}
]
},
// {
// field: "规模",
// keyName: "scale",
// type: "select",
// optionUrl: "/sys/dict/data/dictlist",
// optionUrlParams: {
// dictType: "scale",
// },
// optionList: [],
// editDisabled: false,
// rules: [
// {
// required: true,
// message: "规模不能为空",
// trigger: "blur",
// },
// ],
// },
{
field: '规模',
keyName: 'scaleTotal',
type: 'input',
attach: '人',
editParams: [
{
field: "场所类别",
keyName: "placeCategory",
type: "select",
optionUrl: "",
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [{
value: '0',
label: '九小场所'
},
{
value: '1',
label: '企事业单位'
}],
editDisabled: true,
rules: [
{ required: true, message: "场所类别不能为空", trigger: "blur" },
],
},
{
field: "场所类型",
keyName: "placeType",
type: "select",
optionUrl: "/gov/org/coverage/dict-select-list/enterprise_patrol",
optionUrlParams: {
// dictType: "ic_service_type",
},
optionList: [],
editDisabled: true,
rules: [
{ required: true, message: "场所类型不能为空", trigger: "blur" },
],
},
{
field: "场所区域",
keyName: "gridId",
type: "select",
optionUrl: "/gov/org/customergrid/gridoption",
optionUrlParams: {
agencyId: this.$store.state.user.agencyId,
purpose: "addorupdate",
},
optionList: [],
editDisabled: true,
rules: [
{ required: true, message: "场所区域不能为空", trigger: "blur" },
],
},
{
field: "场所名称",
keyName: "placeOrgName",
type: "input",
maxlength: 50,
editDisabled: true,
rules: [
{
required: true,
message: "场所名称不能为空",
trigger: "blur",
},
],
},
// {
// field: "规模",
// keyName: "scale",
// type: "select",
// optionUrl: "/sys/dict/data/dictlist",
// optionUrlParams: {
// dictType: "scale",
// },
// optionList: [],
// editDisabled: false,
// rules: [
// {
// required: true,
// message: "规模不能为空",
// trigger: "blur",
// },
// ],
// },
{
field: "规模",
keyName: "scaleTotal",
type: "input",
attach: '人',
rules: [
{
required: true,
message: '规模不能为空',
trigger: 'blur'
}
]
},
{
field: '负责人',
keyName: 'personInCharge',
type: 'input',
rules: [
{
required: true,
message: "规模不能为空",
trigger: "blur",
},
],
},
{
field: "负责人",
keyName: "personInCharge",
type: "input",
rules: [
{
required: true,
message: '负责人不能为空',
trigger: 'blur'
}
]
},
{
field: '联系电话',
keyName: 'mobile',
maxlength: 50,
type: 'input',
rules: [
{
required: true,
message: '联系电话不能为空',
trigger: 'blur'
}
]
},
{
field: '场所地址',
keyName: 'address',
type: 'address',
maxlength: 50,
supKeys: ['longitude', 'latitude'],
supValues: ['', ''],
rules: [
{
required: true,
message: '场所地址坐标不能为空',
trigger: 'blur'
}
]
}
],
editFixedParams: {
agencyId: this.$store.state.user.agencyId
},
editElseRules: {
longitude: {
type: 'number',
required: true,
message: '请拖动地图选择坐标点'
}
}
};
},
computed: {},
watch: {},
rules: [
{
required: true,
message: "负责人不能为空",
trigger: "blur",
},
],
},
{
field: "联系电话",
keyName: "mobile",
maxlength: 50,
type: "input",
rules: [
{
required: true,
message: "联系电话不能为空",
trigger: "blur",
},
],
},
{
field: "场所地址",
keyName: "address",
type: "address",
maxlength: 50,
supKeys: ["longitude", "latitude"],
supValues: ["", ""],
rules: [
{
required: true,
message: "场所地址坐标不能为空",
trigger: "blur",
},
],
},
],
editFixedParams: {
agencyId: this.$store.state.user.agencyId,
},
editElseRules: {
longitude: {
type: "number",
required: true,
message: "请拖动地图选择坐标点",
},
},
};
},
computed: {},
watch: {},
async mounted() {
//开发环境：45687aa479955f9d06204d415238f7cc
// 微笑崂山：3fdd0380deff5b30f45376cdf995d1c1
// 烟台：1535072605621841922
let customerId = localStorage.getItem('customerId');
this.qrCodeExportUrl = '';
if (customerId === '45687aa479955f9d06204d415238f7cc' || customerId === '3fdd0380deff5b30f45376cdf995d1c1' || customerId === '1535072605621841922')
this.qrCodeExportUrl = '/gov/org/enterprise/qrCodeExport';
},
async mounted () {
//开发环境：45687aa479955f9d06204d415238f7cc
// 微笑崂山：3fdd0380deff5b30f45376cdf995d1c1
// 烟台：1535072605621841922
let customerId = localStorage.getItem("customerId");
this.qrCodeExportUrl = ''
if (customerId === '45687aa479955f9d06204d415238f7cc' || customerId === '3fdd0380deff5b30f45376cdf995d1c1' || customerId === '1535072605621841922')
this.qrCodeExportUrl = '/gov/org/enterprise/qrCodeExport'
},
methods: {},
methods: {}
};
</script>

929
src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/gonggong/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

929
src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
View File

@ -0,0 +1,929 @@
<template>
<div class="g-main">
<div v-show="pageType == 'list'">
<div class="m-search">
<el-form
:inline="true"
:model="formData"
ref="ref_searchform"
:label-width="'100px'"
>
<div>
<el-form-item label="所属网格" prop="gridId">
<el-select
class="u-item-width-normal"
v-model="formData.gridId"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上报渠道" prop="sourceType">
<el-select
v-model="formData.sourceType"
placeholder="请选择"
size="small"
clearable
class="u-item-width-normal"
>
<el-option
v-for="item in qudaoArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="事件内容" prop="eventContent">
<el-input
v-model="formData.eventContent"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="事件类型" prop="firstIdList">
<el-cascader
ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags
:show-all-levels="false"
:props="{
multiple: true,
checkStrictly: false,
emitPath: false,
children: 'subCategory',
label: 'name',
value: 'id',
}"
clearable
class="u-item-width-normal"
@change="handleEventType"
/>
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span>
</div>
</template>
</el-cascader> -->
</el-form-item>
<el-form-item label="报事人" prop="name">
<el-input
v-model="formData.name"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="formData.mobile"
class="u-item-width-normal"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="发生时间" prop="startTime">
<el-date-picker
v-model="formData.startTime"
:picker-options="startPickerOptions"
class="u-item-width-daterange"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="u-data-tag">至</span>
<el-date-picker
v-model="formData.endTime"
:picker-options="endPickerOptions"
class="u-item-width-daterange u-data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
class="u-item-width-normal"
v-model="formData.status"
placeholder="全部"
size="small"
clearable
>
<el-option
v-for="item in statusArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-row>
<el-col :span="24" align="right">
<el-button
style="margin-left: 30px"
size="small"
type="primary "
@click="handleSearch"
>查询</el-button
>
<el-button
style="margin-left: 10px"
size="small"
class="diy-button--white"
@click="resetSearch"
>重置</el-button
>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd"
>新增</el-button
>
<el-button
@click="handleExport"
class="diy-button--white"
size="small"
>导出</el-button
>
<el-dropdown
size="small"
split-button
type="primary"
style="margin: 0 10px; height: 32px"
@command="(command) => handleMarkDiffcult(command)"
>
标记
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
<el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
<el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button
@click="handleCancalDiffcult"
class="diy-button--white"
size="small"
>取消标记</el-button
>
</div>
<el-table
:data="tableData"
border
class="m-table-item"
style="width: 100%"
@selection-change="handleSelectionChange"
:height="maxTableHeight"
>
<el-table-column
label=""
fixed="left"
type="selection"
align="center"
width="50"
/>
<el-table-column
label="序号"
fixed="left"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="gridName"
align="center"
label="所属网格"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="categoryName"
label="事件类型"
min-width="140"
align="center"
:show-overflow-tooltip="true"
/>
<!-- <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }}
</template>
</el-table-column> -->
<el-table-column
prop="eventContent"
label="事件内容"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="imageList"
align="center"
width="80"
label="图片"
>
<template slot-scope="scope">
<el-image
v-if="scope.row.imageList && scope.row.imageList.length > 0"
style="width: 40px; height: 40px"
:src="scope.row.imageList[0]"
:preview-src-list="scope.row.imageList"
>
</el-image>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="voiceList"
align="center"
width="80"
label="音频"
>
<template slot-scope="scope">
<img
@click="handleShowVoice(scope.row.voiceList[0].url)"
class="img-voice"
v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
src="@/assets/img/icon-voice.png"
/>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="sourceTypeName"
align="center"
width="110"
label="上报渠道"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="address"
align="center"
:show-overflow-tooltip="true"
label="地址"
>
</el-table-column>
<el-table-column
prop="name"
align="center"
width="100"
label="报事人"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="mobile"
align="center"
width="110"
label="联系电话"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="satisfactionName"
align="center"
width="100"
label="满意度"
:show-overflow-tooltip="true"
>
<!-- <template slot-scope="scope">
<span v-if="scope.row.satisfactionName">--</span>
</template> -->
</el-table-column>
<el-table-column
prop="happenTime"
align="center"
width="140"
:show-overflow-tooltip="true"
label="发生时间"
>
</el-table-column>
<el-table-column
prop="operationTypeName"
align="center"
width="100"
:show-overflow-tooltip="true"
label="结点"
>
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态"
width="80"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<span v-if="scope.row.status === 'processing'">处理中</span>
<span v-else-if="scope.row.status === 'closed_case'">已完成</span>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column
prop="markTypeName"
align="center"
label="痛点难点"
width="80"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
>
<template slot-scope="scope">
<el-button
v-if="
scope.row.status === 'processing' && !scope.row.operationId
"
@click="handleDispose(scope.row)"
type="text"
size="small"
class=""
>处理</el-button
>
<el-button
v-else-if="
scope.row.status === 'closed_case' &&
!scope.row.satisfactionName &&
user.id === scope.row.createdUserId
"
@click="handleWatch(scope.row)"
type="text"
size="small"
class=""
>去评价</el-button
>
<el-button
v-else
@click="handleWatch(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button
@click="handleDel(scope.row)"
type="text"
size="small"
class=""
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div
v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
>
<event-info
ref="eleEditForm"
:pageType="pageType"
:eventId="eventId"
:eventDetailData="eventDetailData"
@handleClose="handleClose"
@handleOk="handleOk"
@dialogOk="handleEditSuccess"
/>
</div>
<el-dialog
:title="'播放语音'"
:visible.sync="showVoice"
width="40%"
top="5vh"
append-to-body
class="dialog-h"
:close-on-click-modal="false"
>
<div class="dialog-h-content scroll-h">
<div style="display: flex; justify-content: center; margin: 50px">
<audio controls>
<source :src="selVoiceUrl" type="" />
</audio>
</div>
</div>
<div class="resi-btns">
<el-button size="small" @click="showVoice = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import eventInfo from "./cpts/event-info";
import axios from "axios";
export default {
components: { eventInfo },
data() {
let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
if (this.formData.startTime) {
let startTime = new Date(this.formData.startTime);
return (
time.getTime() > nowData ||
time.getTime() < startTime ||
time.getTime() === startTime
);
} else {
return time.getTime() > nowData;
}
};
let startDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now();
return time.getTime() > nowData;
};
return {
pageType: "list", // 列表list 新增add 处理dispose 详情info
user: {},
agencyId: "",
gridList: [], //所属网格list--场所区域
tableData: [],
statusArray: [
{
value: "processing",
label: "处理中",
},
{
value: "closed_case",
label: "已完成",
},
],
qudaoArray: [
{
value: "0",
label: "随手拍/随时讲",
},
{
value: "1",
label: "多媒体反应",
},
{
value: "2",
label: "社区电话",
},
{
value: "3",
label: "12345",
},
{
value: "4",
label: "网络员手持终端",
},
],
formData: {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
},
cateOptions: [],
eventTypeCheck: [],
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
endPickerOptions: {
disabledDate: endDisabledDate,
},
startPickerOptions: {
disabledDate: startDisabledDate,
},
eventId: "",
eventDetailData: {},
showVoice: false,
selVoiceUrl: "",
multipleSelection: [],
};
},
computed: {
maxTableHeight() {
return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410;
},
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"formData.endTime": function (val) {
if (val && val != "") {
let arrayTemp = val.split(" ");
this.formData.endTime = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.agencyId = this.user.agencyId;
this.loadGrid();
this.getTableData();
this.getCateOptions();
},
methods: {
handleEventType(val) {
// console.log('val-----eee', val)
console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
const nodes = this.$refs.cascaderEvent.getCheckedNodes();
this.formData.firstIdList = [];
this.formData.secondIdList = [];
let level1 = nodes.filter((item) => item.level === 1);
let level2 = nodes.filter((item) => item.level === 2);
console.log("level2----1", level2);
level1.forEach((item) => {
console.log("level2----2", level2);
if (item.hasChildren) {
for (let i = level2.length - 1; i >= 0; i--) {
if (level2[i].parent.value === item.value) level2.splice(i, 1);
}
}
});
this.formData.firstIdList = level1.map((item) => item.value);
this.formData.secondIdList = level2.map((item) => item.value);
},
handleSelectionChange(val) {
this.multipleSelection = [];
val.forEach((element) => {
this.multipleSelection.push(element.icEventId);
});
console.log(this.multipleSelection);
},
async handleMarkDiffcult(command) {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: command,
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
async handleCancalDiffcult() {
const url = "/governance/icEvent/difficultpointevent";
let params = {
icEventIdList: this.multipleSelection,
type: "0",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success("取消标记成功");
this.getTableData();
} else {
this.$message.error(msg);
}
},
handleSearch(val) {
console.log(this.formData);
this.pageNo = 1;
this.getTableData();
},
async loadGrid() {
const url = "/gov/org/customergrid/gridoption";
let params = {
agencyId: this.agencyId,
purpose: "query",
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async handleExport() {
const url = "/governance/icEvent/export";
const { pageSize, pageNo, formData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...formData,
},
responseType: "blob",
})
.then((res) => {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.pageType = "add";
},
async handleWatch(row) {
this.eventId = row.icEventId;
const url = "/governance/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 = "info";
} else {
this.$message.error(msg);
}
},
//加载组织数据
async handleDispose(row) {
this.eventId = row.icEventId;
const url = "/governance/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);
}
},
//显示语音窗口
handleShowVoice(url) {
this.selVoiceUrl = url;
this.showVoice = true;
},
handleClose() {
this.pageType = "list";
this.eventId = "";
this.getTableData();
},
handleOk() {
this.pageType = "list";
this.eventId = "";
this.pageNo = 1;
this.getTableData();
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData) {
let message = "确认删除?";
this.$confirm(message, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.delEvent(rowData.icEventId);
})
.catch((err) => {});
},
async delEvent(eventId) {
const url = "/governance/icEvent/delete";
let idsArr = [eventId];
const { data, code, msg } = await requestPost(url, idsArr);
if (code === 0) {
this.$message.success("删除成功！");
this.getTableData();
} else {
this.$message.error("操作失败！");
}
},
async getTableData() {
const url = "/governance/icEvent/list";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...formData,
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = '已转服务'
// }
// if (item.operationType === '1') {
// item.operationTypeShow = '已立项'
// }
// if (item.operationType === '0') {
// item.operationTypeShow = '已回复'
// }
// });
} else {
this.$message.error(msg);
}
},
async getCateOptions() {
const url = "/governance/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
// this.cateOptions = data.map((item) => {
// item.subCategory.forEach((subitem) => {
// delete subitem.subCategory;
// });
// return item;
// });
this.cateOptions = this.deepTree(data, "subCategory");
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
handleCurrentChange(val) {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.formData = {
gridId: "",
sourceType: "",
eventContent: "",
name: "",
mobile: "",
startTime: "",
endTime: "",
status: "",
firstIdList: [],
secondIdList: [],
};
this.eventTypeCheck = [];
this.pageNo = 1;
this.getTableData();
// this.loadTable()
},
deepTree(arr, child) {
if (Array.isArray(arr) && arr.length > 0) {
return arr.map((item) => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
return {
...item,
[child]:
(item[child] &&
item[child].length > 0 &&
this.deepTree(item[child], child)) ||
null,
};
});
}
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
.m-search {
.u-item-width-normal {
width: 200px;
}
}
::v-deep .el-dropdown__caret-button {
height: 32px;
}
::v-deep .el-image-viewer__close {
top: 129px;
right: 129px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
}
</style>

8
src/views/modules/workSys/residentCategory.vue
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>

8
src/views/modules/workSys/serviceMatters.vue
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>
Write Preview
Loading…
Cancel
Save