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

11

dev-map-local
jiangyy 3 years ago
parent
e928704f98
commit
58c688589c
1 changed files with 222 additions and 237 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 459
      src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue

459
src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue
View File

@ -1,24 +1,26 @@
<template> <template>
<div class="resi-container"> <div class="resi-container">
<div class="g-page" v-show="pageType == 'list'"> <div class="g-page"
<el-card ref="searchCard" class="search-card"> v-show="pageType == 'list'">
<el-form <el-card ref="searchCard"
ref="searchForm" class="search-card">
:inline="true" <el-form ref="searchForm"
:model="fmData" :inline="true"
:label-width="'100px'" :model="fmData"
class="demo-form-inline" :label-width="'100px'"
> class="demo-form-inline">
<div> <div>
<el-form-item label="所属组织" label-width="100px" <el-form-item label="所属组织"
prop="orgId"> label-width="100px"
<el-cascader ref="cascaderUnit" v-model="orgId" prop="orgId">
:options="optionsA" <el-cascader ref="cascaderUnit"
:props="{ checkStrictly: true, v-model="orgId"
emitPath: false,children:'subAgencyList',label:'agencyName', value: 'orgLevel'}" :options="optionsA"
clearable :props="{ checkStrictly: true,
@change="handleCalscChange"/> emitPath: false,children:'subAgencyList',label:'agencyName', value: 'orgLevel'}"
clearable
@change="handleCalscChange" />
</el-form-item> </el-form-item>
<el-form-item label="上报渠道" <el-form-item label="上报渠道"
prop="origin"> prop="origin">
@ -63,24 +65,30 @@
</el-form-item> </el-form-item>
<el-form-item label="事件类型" <el-form-item label="事件类型"
prop="firstIdList"> prop="firstIdList">
<el-cascader ref="cascaderEvent" v-model="eventTypeCheck" :options="cateOptions" <el-cascader ref="cascaderEvent"
collapse-tags v-model="eventTypeCheck"
:show-all-levels="false" :options="cateOptions"
:props="{ collapse-tags
:show-all-levels="false"
:props="{
multiple: true, multiple: true,
checkStrictly: false, checkStrictly: false,
emitPath: false, emitPath: false,
children:'subCategory', children:'subCategory',
label:'name', label:'name',
value:'id' value:'id'
}" clearable class="item_width_2" @change="handleEventType" /> }"
<!-- <template slot-scope="{ node, data }"> clearable
class="item_width_2"
@change="handleEventType" />
<!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)"> <div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span> <span>{{ data.name }}</span>
</div> </div>
</template> </template>
</el-cascader> --> </el-cascader> -->
</el-form-item> </el-form-item>
<el-form-item label="事件状态" <el-form-item label="事件状态"
prop="status"> prop="status">
<el-select class="item_width_2" <el-select class="item_width_2"
@ -96,7 +104,21 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="解决状态"
prop="status">
<el-select class="item_width_2"
v-model="fmData.status"
placeholder="全部"
size="small"
clearable>
<el-option v-for="item in resolvedStatus"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="上报时间" <el-form-item label="上报时间"
prop="startTime"> prop="startTime">
<el-date-picker v-model="fmData.startTime" <el-date-picker v-model="fmData.startTime"
@ -120,7 +142,8 @@
<el-form-item label="处置选项" <el-form-item label="处置选项"
prop="staffId"> prop="staffId">
<el-checkbox v-model="checkStaffId" @change="handleCheckbox"></el-checkbox> <el-checkbox v-model="checkStaffId"
@change="handleCheckbox"></el-checkbox>
</el-form-item> </el-form-item>
<el-button style="margin-left:30px" <el-button style="margin-left:30px"
@ -137,135 +160,105 @@
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button <el-button v-if="false"
v-if="false" class="diy-button--add"
class="diy-button--add" size="small"
size="small" @click="handleAdd">新增</el-button>
@click="handleAdd" <el-button v-if="false"
>新增</el-button class="diy-button--export"
> size="small"
<el-button @click="handleExportModule('room')">下载模板</el-button>
v-if="false" <el-upload v-if="false"
class="diy-button--export" ref="upload"
size="small" class="upload-btn"
@click="handleExportModule('room')" action="uploadUlr"
>下载模板</el-button :limit="1"
> :accept="'.xls,.xlsx'"
<el-upload :with-credentials="true"
v-if="false" :show-file-list="false"
ref="upload" :auto-upload="true"
class="upload-btn" :on-progress="handleProgress"
action="uploadUlr" :on-success="handleExcelSuccess"
:limit="1" :before-upload="beforeExcelUpload"
:accept="'.xls,.xlsx'" :http-request="uploadHttpRequest">
:with-credentials="true" <el-button size="small"
:show-file-list="false" class="diy-button--delete"
:auto-upload="true" :loading="importLoading">{{ importBtnTitle }}</el-button>
:on-progress="handleProgress"
:on-success="handleExcelSuccess"
:before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest"
>
<el-button
size="small"
class="diy-button--delete"
:loading="importLoading"
>{{ importBtnTitle }}</el-button
>
</el-upload> </el-upload>
<el-button @click="handleChu" class="diy-button--reset" size="small" <el-button @click="handleChu"
:loading="exportLoading">导出</el-button class="diy-button--reset"
> size="small"
:loading="exportLoading">导出</el-button>
</div> </div>
<el-table <el-table :data="tableData"
:data="tableData" border
border style="width: 100%"
style="width: 100%" class="resi-table"
class="resi-table" :height="maxTableHeight">
:height="maxTableHeight" <el-table-column label="序号"
> fixed="left"
<el-table-column type="index"
label="序号" align="center"
fixed="left" width="50" />
type="index" <el-table-column prop="gridName"
align="center" align="center"
width="50" label="所属组织/网格"
/> min-width="140"
<el-table-column :show-overflow-tooltip="true">
prop="gridName"
align="center"
label="所属组织/网格"
min-width="140"
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="firstName"
prop="firstName" label="事件类型"
label="事件类型" min-width="140"
min-width="140" align="center"
align="center" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }} {{ scope.row.firstName + '-' + scope.row.secondName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="staffName"
prop="staffName" width="100"
width="100" align="center"
align="center" label="报事人"
label="报事人" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="mobile"
prop="mobile" align="center"
align="center" label="手机号"
label="手机号" width="140"
width="140" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="createdTime"
prop="createdTime" align="center"
align="center" label="上报时间"
label="上报时间" width="160"
width="160" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="backGround"
prop="backGround" align="center"
align="center" label="事件内容"
label="事件内容" min-width="160"
min-width="160" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="publicReply"
prop="publicReply" align="center"
align="center" min-width="160"
min-width="160" label="办理结果(结案说明)"
label="办理结果(结案说明)" :show-overflow-tooltip="true">
:show-overflow-tooltip="true"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.publicReply }} {{ scope.row.publicReply }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="urlList"
prop="urlList" align="center"
align="center" label="图片 ">
label="图片 "
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-image v-if="scope.row.urlList&&scope.row.urlList.length>0" <el-image v-if="scope.row.urlList&&scope.row.urlList.length>0"
style="width: 40px; height: 40px" style="width: 40px; height: 40px"
@ -275,13 +268,11 @@
<span v-else></span> <span v-else></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="origin"
prop="origin" align="center"
align="center" label="上报渠道"
label="上报渠道" width="120" />
width="120" <!-- <template slot-scope="scope">
/>
<!-- <template slot-scope="scope">
<span v-if="scope.row.origin == 'agency'">网格上报</span> <span v-if="scope.row.origin == 'agency'">网格上报</span>
<span v-else-if="scope.row.origin == 'ic_event'">居民上报</span> <span v-else-if="scope.row.origin == 'ic_event'">居民上报</span>
<span v-else-if="scope.row.origin == 'work_event'">巡查上报</span> <span v-else-if="scope.row.origin == 'work_event'">巡查上报</span>
@ -289,89 +280,73 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column prop="address"
prop="address" align="center"
align="center" label="地址 "
label="地址 " :show-overflow-tooltip="true" />
:show-overflow-tooltip="true" <el-table-column prop="status"
/> align="center"
<el-table-column label="状态 "
prop="status" width="70" />
align="center" <!-- <el-table-column prop="status"
label="状态 " align="center"
width="70" label="解决状态 "
/> width="90" /> -->
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
{{ scope.row.status == 'pending' ? '处理中' : '已结案' }} {{ scope.row.status == 'pending' ? '处理中' : '已结案' }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column fixed="right"
fixed="right" label="操作"
label="操作" align="center"
align="center" width="100">
width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button v-if="scope.row.processable"
v-if="scope.row.processable" @click="handleEdit(scope.$index)"
@click="handleEdit(scope.$index)" type="text"
type="text" size="small"
size="small" class="div-table-button--edit">处理</el-button>
class="div-table-button--edit"
>处理</el-button <el-button v-else
> @click="handleWatch(scope.$index)"
type="text"
<el-button size="small">查看</el-button>
v-else
@click="handleWatch(scope.$index)" <el-popconfirm v-if="false"
type="text" title="删除之后无法回复，确认删除？"
size="small" @onConfirm="handleDel(scope.row, scope.$index)"
>查看</el-button @confirm="handleDel(scope.row, scope.$index)">
> <el-button slot="reference"
type="text"
<el-popconfirm size="small"
v-if="false" class="div-table-button--delete"
title="删除之后无法回复，确认删除？" style="margin-left: 10px">删除</el-button>
@onConfirm="handleDel(scope.row, scope.$index)"
@confirm="handleDel(scope.row, scope.$index)"
>
<el-button
slot="reference"
type="text"
size="small"
class="div-table-button--delete"
style="margin-left: 10px"
>删除</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination <el-pagination @size-change="handleSizeChange"
@size-change="handleSizeChange" @current-change="handleCurrentChange"
@current-change="handleCurrentChange" :current-page.sync="pageNo"
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]"
:page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
:page-size="parseInt(pageSize)" layout="sizes, prev, pager, next, total"
layout="sizes, prev, pager, next, total" :total="total">
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
</div> </div>
<div class="g-page" v-if="pageType == 'edit' || pageType == 'info'"> <div class="g-page"
<project-info v-if="pageType == 'edit' || pageType == 'info'">
ref="eleEditForm" <project-info ref="eleEditForm"
:type="pageType" :type="pageType"
:projectId="currentProject.projectId" :projectId="currentProject.projectId"
@close="handleClose" @close="handleClose"
@afterEdit="handleEditSuccess" @afterEdit="handleEditSuccess" />
/>
</div> </div>
</div> </div>
</template> </template>
@ -399,7 +374,7 @@ const _form = {
export default { export default {
components: { projectInfo }, components: { projectInfo },
data() { data () {
let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now() let nowData = Date.now()
if (this.fmData.startTime) { if (this.fmData.startTime) {
@ -423,6 +398,16 @@ export default {
tableData: [], tableData: [],
resolvedStatus: [
{
value: "resolved",
label: "已解决",
},
{
value: "unresolved",
label: "无需解决",
},
],
optionsStatus: [ optionsStatus: [
{ {
value: "pending", value: "pending",
@ -474,7 +459,7 @@ export default {
}; };
}, },
computed: { computed: {
maxTableHeight() { maxTableHeight () {
return this.$store.state.inIframe return this.$store.state.inIframe
? this.clientHeight - 410 + this.iframeHeigh ? this.clientHeight - 410 + this.iframeHeigh
: this.clientHeight - 410; : this.clientHeight - 410;
@ -492,13 +477,13 @@ export default {
} }
}, },
}, },
mounted() { mounted () {
this.getTableData(); this.getTableData();
this.getGridList() this.getGridList()
this.getCateOptions() this.getCateOptions()
}, },
methods: { methods: {
async handleExportModule() { async handleExportModule () {
let url = "/heart/iccommunityselforganization/import-template-download"; let url = "/heart/iccommunityselforganization/import-template-download";
let params = {}; let params = {};
@ -535,18 +520,18 @@ export default {
}); });
}, },
// 上传大图标成功 // 上传大图标成功
handleExcelSuccess(res, file) { handleExcelSuccess (res, file) {
if (res.code === 0 && res.msg === "success") { if (res.code === 0 && res.msg === "success") {
console.log("resss---ppp", res); console.log("resss---ppp", res);
} else { } else {
this.$message.error(res.msg); this.$message.error(res.msg);
} }
}, },
handleProgress(event, file, fileList) { handleProgress (event, file, fileList) {
console.log("percentage", file.percentage); console.log("percentage", file.percentage);
}, },
beforeExcelUpload(file) { beforeExcelUpload (file) {
console.log("file", file); console.log("file", file);
const isType = file.type === "application/vnd.ms-excel"; const isType = file.type === "application/vnd.ms-excel";
const isTypeComputer = const isTypeComputer =
@ -563,7 +548,7 @@ export default {
} }
return fileType && isLt1M; return fileType && isLt1M;
}, },
async uploadHttpRequest(file) { async uploadHttpRequest (file) {
this.importLoading = true; this.importLoading = true;
this.importBtnTitle = "正在上传中..."; this.importBtnTitle = "正在上传中...";
this.$message({ this.$message({
@ -617,19 +602,19 @@ export default {
this.importBtnTitle = "导入"; this.importBtnTitle = "导入";
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles();
}, },
handleCalscChange(val) { handleCalscChange (val) {
console.log('val-----', val) console.log('val-----', val)
const arr = val.split('-') const arr = val.split('-')
this.fmData.orgId = arr[0] this.fmData.orgId = arr[0]
this.fmData.orgType = arr[1] === 'grid' ? 'grid' : 'agency' this.fmData.orgType = arr[1] === 'grid' ? 'grid' : 'agency'
}, },
handleCheckbox(val) { handleCheckbox (val) {
const { user } = this.$store.state const { user } = this.$store.state
console.log('val---', val) console.log('val---', val)
if (val) this.fmData.staffId = user.id if (val) this.fmData.staffId = user.id
else this.fmData.staffId = '' else this.fmData.staffId = ''
}, },
handleEventType(val) { handleEventType (val) {
// console.log('val-----eee', val) // console.log('val-----eee', val)
console.log('nodes---', this.$refs.cascaderEvent.getCheckedNodes()) console.log('nodes---', this.$refs.cascaderEvent.getCheckedNodes())
const nodes = this.$refs.cascaderEvent.getCheckedNodes() const nodes = this.$refs.cascaderEvent.getCheckedNodes()
@ -659,24 +644,24 @@ export default {
// this.$refs.cascaderUnit.toggleDropDownVisible(false); // this.$refs.cascaderUnit.toggleDropDownVisible(false);
}, },
handleSizeChange(val) { handleSizeChange (val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.pageSize = val; this.pageSize = val;
window.localStorage.setItem("pageSize", val); window.localStorage.setItem("pageSize", val);
this.getTableData(); this.getTableData();
}, },
handleCurrentChange(val) { handleCurrentChange (val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
this.pageNo = val; this.pageNo = val;
this.getTableData(); this.getTableData();
}, },
handleSearch(val) { handleSearch (val) {
console.log(JSON.stringify(this.fmData)); console.log(JSON.stringify(this.fmData));
this.pageNo = 1; this.pageNo = 1;
this.getTableData(); this.getTableData();
}, },
resetForm(formName) { resetForm (formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.fmData = { this.fmData = {
..._form ..._form
@ -687,7 +672,7 @@ export default {
this.handleSearch(); this.handleSearch();
}, },
async handleChu() { async handleChu () {
// const url = "/gov/project/project/project-list-export"; // const url = "/gov/project/project/project-list-export";
const url = '/gov/project/project/orgprojectexport' const url = '/gov/project/project/orgprojectexport'
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
@ -726,8 +711,8 @@ export default {
}); });
}, },
async handleAdd() {}, async handleAdd () { },
async handleWatch(rowIndex) { async handleWatch (rowIndex) {
let item = this.tableData[rowIndex]; let item = this.tableData[rowIndex];
this.currentProject = { this.currentProject = {
projectId: item.projectId, projectId: item.projectId,
@ -735,7 +720,7 @@ export default {
this.pageType = "info"; this.pageType = "info";
}, },
async handleEdit(rowIndex) { async handleEdit (rowIndex) {
let item = this.tableData[rowIndex]; let item = this.tableData[rowIndex];
this.currentProject = { this.currentProject = {
projectId: item.projectId, projectId: item.projectId,
@ -743,19 +728,19 @@ export default {
this.pageType = "edit"; this.pageType = "edit";
}, },
handleClose() { handleClose () {
this.pageType = "list"; this.pageType = "list";
this.currentProject = { this.currentProject = {
projectId: "", projectId: "",
}; };
}, },
handleEditSuccess() { handleEditSuccess () {
this.handleClose(); this.handleClose();
this.getTableData(); this.getTableData();
}, },
async handleDel(rowData, rowIndex) { async handleDel (rowData, rowIndex) {
console.log(rowData, rowIndex); console.log(rowData, rowIndex);
const url = const url =
"/heart/iccommunityselforganization/delcommunityselforganization"; "/heart/iccommunityselforganization/delcommunityselforganization";
@ -773,10 +758,10 @@ export default {
} }
}, },
async getTableData() { async getTableData () {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list"; // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
// const url = "/gov/project/project/project-list"; // const url = "/gov/project/project/project-list";
const url ='/gov/project/project/orgprojectlist' const url = '/gov/project/project/orgprojectlist'
const { pageSize, pageNo, fmData } = this; const { pageSize, pageNo, fmData } = this;
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
pageSize, pageSize,
@ -788,16 +773,16 @@ export default {
this.total = data.total || 0; this.total = data.total || 0;
this.tableData = data.list this.tableData = data.list
? data.list.map((item) => { ? data.list.map((item) => {
return { return {
...item, ...item,
urlList: item.urlList && item.urlList.map(n => n.url) urlList: item.urlList && item.urlList.map(n => n.url)
}; };
}) })
: []; : [];
} else { } else {
} }
}, },
async getCateOptions() { async getCateOptions () {
const url = "/gov/issue/issueprojectcategorydict/list"; const url = "/gov/issue/issueprojectcategorydict/list";
const { data, code, msg } = await requestPost(url, {}); const { data, code, msg } = await requestPost(url, {});
@ -814,7 +799,7 @@ export default {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
getGridList() { getGridList () {
const { user } = this.$store.state const { user } = this.$store.state
this.dataListLoading = true this.dataListLoading = true
const params = { const params = {
@ -842,7 +827,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
deepTree(arr, child) { deepTree (arr, child) {
if (Array.isArray(arr) && arr.length > 0) { if (Array.isArray(arr) && arr.length > 0) {
return arr.map(item => { return arr.map(item => {
// if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId

Write Preview
Loading…
Cancel
Save