|
|
|
@ -1,76 +1,105 @@ |
|
|
|
<template> |
|
|
|
<div class=""> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="false" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
label-width="100px"> |
|
|
|
<el-form-item label="事件分类" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="categoryList"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-cascader class="cell-width-2" |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
:inline="false" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
label-width="100px" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="事件分类" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="categoryList" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<!-- <el-cascader class="cell-width-2" |
|
|
|
ref="myCascader" |
|
|
|
v-model="selCategoryArray" |
|
|
|
:key="iscascaderShow" |
|
|
|
:options="casOptions" |
|
|
|
:props="optionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeCate"></el-cascader> |
|
|
|
@change="handleChangeCate"></el-cascader> --> |
|
|
|
<my-cascader |
|
|
|
v-model="formData.categoryList" |
|
|
|
:casOptions="casOptions" |
|
|
|
:props="optionProps" |
|
|
|
:optionProps="optionProps" |
|
|
|
@handleChangeCate="handleChangeCate" |
|
|
|
></my-cascader> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目标题" |
|
|
|
prop="title" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input class="cell-width-1" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入项目标题" |
|
|
|
v-model="formData.title"> |
|
|
|
<el-form-item |
|
|
|
label="项目标题" |
|
|
|
prop="title" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
class="cell-width-1" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入项目标题" |
|
|
|
v-model="formData.title" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="所属网格 " |
|
|
|
prop="gridId" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-select v-model.trim="formData.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
class="cell-width-1"> |
|
|
|
<el-option v-for="item in gridList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
<el-form-item |
|
|
|
label="所属网格 " |
|
|
|
prop="gridId" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-select |
|
|
|
v-model.trim="formData.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
class="cell-width-1" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in gridList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="处理部门" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="staffList"> |
|
|
|
<el-popover placement="bottom" |
|
|
|
width="400" |
|
|
|
height="400" |
|
|
|
v-model="visibleStaffPanel"> |
|
|
|
<el-form-item |
|
|
|
label="处理部门" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="staffList" |
|
|
|
> |
|
|
|
<el-popover |
|
|
|
placement="bottom" |
|
|
|
width="400" |
|
|
|
height="400" |
|
|
|
v-model="visibleStaffPanel" |
|
|
|
> |
|
|
|
<div class="f"> |
|
|
|
<select-staff @confirm="(ret) => (formData.staffList = ret)" |
|
|
|
@close="visibleStaffPanel = false" /> |
|
|
|
<select-staff |
|
|
|
@confirm="(ret) => (formData.staffList = ret)" |
|
|
|
@close="visibleStaffPanel = false" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div slot="reference"> |
|
|
|
<a v-if="formData.staffList.length == 0" |
|
|
|
style="cursor: pointer">点击选择</a> |
|
|
|
<a v-else |
|
|
|
style="cursor: pointer">已选 {{ formData.staffList.length }} 人</a> |
|
|
|
<a v-if="formData.staffList.length == 0" style="cursor: pointer" |
|
|
|
>点击选择</a |
|
|
|
> |
|
|
|
<a v-else style="cursor: pointer" |
|
|
|
>已选 {{ formData.staffList.length }} 人</a |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-popover> |
|
|
|
</el-form-item> |
|
|
|
@ -92,116 +121,134 @@ |
|
|
|
</div> |
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
<el-form-item label="项目方案" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="publicReply"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input type="textarea" |
|
|
|
class="cell-width-area" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入项目方案" |
|
|
|
v-model="formData.publicReply"> |
|
|
|
<el-form-item |
|
|
|
label="项目方案" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="publicReply" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
class="cell-width-area" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入项目方案" |
|
|
|
v-model="formData.publicReply" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="内部备注" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="internalRemark"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input type="textarea" |
|
|
|
class="cell-width-area" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入内部备注" |
|
|
|
v-model="formData.internalRemark"> |
|
|
|
<el-form-item |
|
|
|
label="内部备注" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="internalRemark" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
class="cell-width-area" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入内部备注" |
|
|
|
v-model="formData.internalRemark" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="图片/附件" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="internalFile"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" |
|
|
|
:action="uploadUlr" |
|
|
|
:data="{ customerId: customerId }" |
|
|
|
:show-file-list="true" |
|
|
|
:on-success="handleImgSuccess" |
|
|
|
:on-remove="handleImgRemove" |
|
|
|
:before-upload="beforeImgUpload"> |
|
|
|
<i v-if="source==='manage'" |
|
|
|
:class="['el-icon-plus']"></i> |
|
|
|
<img v-else |
|
|
|
style="width:27px;height:27px" |
|
|
|
src="@/assets/img/file-add.png"> |
|
|
|
<el-form-item |
|
|
|
label="图片/附件" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="internalFile" |
|
|
|
> |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
class="avatar-uploader" |
|
|
|
:action="uploadUlr" |
|
|
|
:data="{ customerId: customerId }" |
|
|
|
:show-file-list="true" |
|
|
|
:on-success="handleImgSuccess" |
|
|
|
:on-remove="handleImgRemove" |
|
|
|
:before-upload="beforeImgUpload" |
|
|
|
> |
|
|
|
<i v-if="source === 'manage'" :class="['el-icon-plus']"></i> |
|
|
|
<img |
|
|
|
v-else |
|
|
|
style="width: 27px; height: 27px" |
|
|
|
src="@/assets/img/file-add.png" |
|
|
|
/> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="标签" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="tagList"> |
|
|
|
|
|
|
|
<fold-text v-if="tagList.length>0" |
|
|
|
style="width: 300px" |
|
|
|
:row="3"> |
|
|
|
<div :key="item.name" |
|
|
|
class="tag-name" |
|
|
|
v-for="item in tagList"> |
|
|
|
<el-form-item |
|
|
|
label="标签" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="tagList" |
|
|
|
> |
|
|
|
<fold-text v-if="tagList.length > 0" style="width: 300px" :row="3"> |
|
|
|
<div :key="item.name" class="tag-name" v-for="item in tagList"> |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
</fold-text> |
|
|
|
|
|
|
|
<el-popover placement="top" |
|
|
|
width="450" |
|
|
|
height="450" |
|
|
|
v-model="visibleTagPanel"> |
|
|
|
<div class="f" |
|
|
|
style="min-height: 120px"> |
|
|
|
<el-popover |
|
|
|
placement="top" |
|
|
|
width="450" |
|
|
|
height="450" |
|
|
|
v-model="visibleTagPanel" |
|
|
|
> |
|
|
|
<div class="f" style="min-height: 120px"> |
|
|
|
<h2>选择标签</h2> |
|
|
|
<el-select style="width: 350px" |
|
|
|
v-model="selectedTagData" |
|
|
|
multiple |
|
|
|
allow-create |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
@change="handleTagChange"> |
|
|
|
<el-select |
|
|
|
style="width: 350px" |
|
|
|
v-model="selectedTagData" |
|
|
|
multiple |
|
|
|
allow-create |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
@change="handleTagChange" |
|
|
|
> |
|
|
|
<el-option-group label="自定义标签"> |
|
|
|
<el-option v-for="item in tagOptions.customized" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
<el-option |
|
|
|
v-for="item in tagOptions.customized" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-option-group> |
|
|
|
|
|
|
|
<el-option-group label="常用标签"> |
|
|
|
<el-option v-for="item in tagOptions.defaulted" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
<el-option |
|
|
|
v-for="item in tagOptions.defaulted" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-option-group> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
type="danger" |
|
|
|
@click="updateProjectTag">关闭</el-button> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
type="danger" |
|
|
|
@click="updateProjectTag" |
|
|
|
>关闭</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div slot="reference"> |
|
|
|
<el-button v-if="source==='manage'" |
|
|
|
size="small" |
|
|
|
type="">选择</el-button> |
|
|
|
<div v-else |
|
|
|
class="one-btn">选择</div> |
|
|
|
<el-button v-if="source === 'manage'" size="small" type="" |
|
|
|
>选择</el-button |
|
|
|
> |
|
|
|
<div v-else class="one-btn">选择</div> |
|
|
|
</div> |
|
|
|
</el-popover> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -211,64 +258,64 @@ import { requestPost } from "@/js/dai/request"; |
|
|
|
import selectStaff from "@/views/components/selectStaff"; |
|
|
|
import formVltHelper from "dai-js/tools/formVltHelper"; |
|
|
|
import foldText from "@/views/components/foldText"; |
|
|
|
|
|
|
|
import myCascader from "./myCascader.vue"; |
|
|
|
import { isCard } from "@/utils/validate"; |
|
|
|
|
|
|
|
let loading; // 加载动画 |
|
|
|
function iniFmData () { |
|
|
|
function iniFmData() { |
|
|
|
return { |
|
|
|
operationType: '1',//处理方式[0:已回复 1:已转项目 2:已转需求] |
|
|
|
publicReply: '',//项目方案 1000 |
|
|
|
internalRemark: '',// 内部备注 1000 |
|
|
|
gridId: '',// |
|
|
|
assistanceUnitIndex: '', |
|
|
|
assistanceUnitId: '',// 协办单位Id |
|
|
|
assistanceUnitType: '',// 协办单位类型，1社区自组织，2联建单位 |
|
|
|
staffList: [],// 勾选人员信息 |
|
|
|
categoryList: [],// |
|
|
|
tagList: [],// |
|
|
|
|
|
|
|
internalFile: [],// |
|
|
|
title: '',// |
|
|
|
|
|
|
|
publicFile: [],// |
|
|
|
locateAddress: '',// |
|
|
|
locateLongitude: '',// |
|
|
|
locateDimension: '',// |
|
|
|
eventId: '',// |
|
|
|
operationType: "1", //处理方式[0:已回复 1:已转项目 2:已转需求] |
|
|
|
publicReply: "", //项目方案 1000 |
|
|
|
internalRemark: "", // 内部备注 1000 |
|
|
|
gridId: "", // |
|
|
|
assistanceUnitIndex: "", |
|
|
|
assistanceUnitId: "", // 协办单位Id |
|
|
|
assistanceUnitType: "", // 协办单位类型，1社区自组织，2联建单位 |
|
|
|
staffList: [], // 勾选人员信息 |
|
|
|
categoryList: [], // |
|
|
|
tagList: [], // |
|
|
|
|
|
|
|
internalFile: [], // |
|
|
|
title: "", // |
|
|
|
|
|
|
|
publicFile: [], // |
|
|
|
locateAddress: "", // |
|
|
|
locateLongitude: "", // |
|
|
|
locateDimension: "", // |
|
|
|
eventId: "", // |
|
|
|
}; |
|
|
|
} |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
btnDisable: false, |
|
|
|
customerId: localStorage.getItem("customerId"), |
|
|
|
gridList: [],//所属网格list--场所区域 |
|
|
|
myDepartmentList: [],//部门数组 |
|
|
|
gridList: [], //所属网格list--场所区域 |
|
|
|
myDepartmentList: [], //部门数组 |
|
|
|
visibleStaffPanel: false, |
|
|
|
assistanceUnitList: [],//协办单位数组 |
|
|
|
tagList: [],//标签数组 |
|
|
|
assistanceUnitList: [], //协办单位数组 |
|
|
|
tagList: [], //标签数组 |
|
|
|
|
|
|
|
tagOptions: [], |
|
|
|
visibleTagPanel: false, |
|
|
|
selectedTagData: [], |
|
|
|
|
|
|
|
casOptions: [], |
|
|
|
iscascaderShow: 0, |
|
|
|
// iscascaderShow: 0, |
|
|
|
selCategoryArray: [], |
|
|
|
selCateObj: {}, |
|
|
|
optionProps: { |
|
|
|
multiple: false, |
|
|
|
value: 'id', |
|
|
|
label: 'name', |
|
|
|
children: 'subCategory', |
|
|
|
value: "id", |
|
|
|
label: "name", |
|
|
|
children: "subCategory", |
|
|
|
}, |
|
|
|
|
|
|
|
formData: iniFmData(), |
|
|
|
formDataTemp: { |
|
|
|
assistanceUnitIndex: 0, |
|
|
|
assistanceUnitId: '',// 协办单位Id |
|
|
|
assistanceUnitType: '',// 协办单位类型，1社区自组织，2联建单位 |
|
|
|
assistanceUnitId: "", // 协办单位Id |
|
|
|
assistanceUnitType: "", // 协办单位类型，1社区自组织，2联建单位 |
|
|
|
|
|
|
|
eventId: "", |
|
|
|
gridId: "63d5ff92ea981b1c58e4914ac894c610", |
|
|
|
@ -280,38 +327,34 @@ export default { |
|
|
|
|
|
|
|
internalFile: [], |
|
|
|
staffList: [], |
|
|
|
tagList: [{ |
|
|
|
id: "46294b3c9f96ee4d0b00e997e06c8f97", |
|
|
|
isDisable: "enable", |
|
|
|
name: "车行道、人行道、盲道、无障碍通道、路名牌", |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: "953bafc1191f784841d9b8da61ec7b9b", |
|
|
|
isDisable: "enable", |
|
|
|
name: "城市广场管理", |
|
|
|
}], |
|
|
|
|
|
|
|
|
|
|
|
tagList: [ |
|
|
|
{ |
|
|
|
id: "46294b3c9f96ee4d0b00e997e06c8f97", |
|
|
|
isDisable: "enable", |
|
|
|
name: "车行道、人行道、盲道、无障碍通道、路名牌", |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: "953bafc1191f784841d9b8da61ec7b9b", |
|
|
|
isDisable: "enable", |
|
|
|
name: "城市广场管理", |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
|
|
|
|
okflag: false, |
|
|
|
|
|
|
|
uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2", |
|
|
|
eventDetailCopy: {} |
|
|
|
|
|
|
|
eventDetailCopy: {}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: { selectStaff, foldText }, |
|
|
|
components: { selectStaff, foldText, myCascader }, |
|
|
|
computed: { |
|
|
|
dataRule () { |
|
|
|
|
|
|
|
dataRule() { |
|
|
|
return { |
|
|
|
categoryList: [ |
|
|
|
{ required: true, message: "请填写事件分类", trigger: "blur" }, |
|
|
|
], |
|
|
|
title: [ |
|
|
|
{ required: true, message: "标题不能为空", trigger: "blur" }, |
|
|
|
{ required: true, message: "事件分类不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
title: [{ required: true, message: "标题不能为空", trigger: "blur" }], |
|
|
|
gridId: [ |
|
|
|
{ required: true, message: "所属网格不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
@ -321,14 +364,12 @@ export default { |
|
|
|
publicReply: [ |
|
|
|
{ required: true, message: "项目方案不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
props: { |
|
|
|
gridId: {//新增是选择的网格id |
|
|
|
gridId: { |
|
|
|
//新增是选择的网格id |
|
|
|
type: String, |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
@ -338,23 +379,21 @@ export default { |
|
|
|
}, |
|
|
|
eventDetailData: { |
|
|
|
type: Object, |
|
|
|
default () { |
|
|
|
return {} |
|
|
|
} |
|
|
|
default() { |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
source: {//展示来源：manage 管理平台 visiual 可视化平台 |
|
|
|
source: { |
|
|
|
//展示来源：manage 管理平台 visiual 可视化平台 |
|
|
|
type: String, |
|
|
|
default: 'manage' |
|
|
|
} |
|
|
|
default: "manage", |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
gridId: function (val) { |
|
|
|
|
|
|
|
this.formData.gridId = val |
|
|
|
|
|
|
|
this.formData.gridId = val; |
|
|
|
}, |
|
|
|
"formData.assistanceUnitIndex": function (val) { |
|
|
|
|
|
|
|
if (val === "" || this.assistanceUnitList.length === 0) { |
|
|
|
this.formData.assistanceUnitId = ""; |
|
|
|
this.formData.assistanceUnitType = ""; |
|
|
|
@ -366,7 +405,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async selectedTagData (val) { |
|
|
|
async selectedTagData(val) { |
|
|
|
const { tagOptions } = this; |
|
|
|
this.tagList = await Promise.all( |
|
|
|
val.map(async (id) => { |
|
|
|
@ -393,115 +432,112 @@ export default { |
|
|
|
); |
|
|
|
|
|
|
|
this.tagList = this.tagList.filter((item) => item.id); |
|
|
|
console.log(this.tagList) |
|
|
|
console.log(this.tagList); |
|
|
|
}, |
|
|
|
}, |
|
|
|
created () { |
|
|
|
|
|
|
|
created() {}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
async mounted () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.agencyId = user.agencyId |
|
|
|
async mounted() { |
|
|
|
const { user } = this.$store.state; |
|
|
|
this.agencyId = user.agencyId; |
|
|
|
this.getCategoryList(); |
|
|
|
this.loadGrid(); |
|
|
|
this.getMyDepartmentList(); |
|
|
|
// this.getAssistanceUnitList(); |
|
|
|
this.getTagList() |
|
|
|
this.getTagList(); |
|
|
|
// this.formData = { ...this.formDataTemp } |
|
|
|
if (this.eventId) { |
|
|
|
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); |
|
|
|
this.formData.gridId = this.eventDetailCopy.gridId |
|
|
|
this.formData.gridId = this.eventDetailCopy.gridId; |
|
|
|
|
|
|
|
if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) { |
|
|
|
this.selCategoryArray = [] |
|
|
|
this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId) |
|
|
|
this.selCategoryArray.push(this.eventDetailCopy.categoryId) |
|
|
|
if ( |
|
|
|
this.eventDetailCopy.parentCategoryId && |
|
|
|
this.eventDetailCopy.categoryId |
|
|
|
) { |
|
|
|
this.selCategoryArray = []; |
|
|
|
this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId); |
|
|
|
this.selCategoryArray.push(this.eventDetailCopy.categoryId); |
|
|
|
|
|
|
|
this.selCateObj = { |
|
|
|
name: this.eventDetailCopy.categoryName, |
|
|
|
id: this.eventDetailCopy.categoryId |
|
|
|
} |
|
|
|
id: this.eventDetailCopy.categoryId, |
|
|
|
}; |
|
|
|
|
|
|
|
this.formData.categoryList = [] |
|
|
|
this.formData.categoryList.push(this.selCateObj) |
|
|
|
this.formData.categoryList = []; |
|
|
|
this.formData.categoryList.push(this.selCateObj); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.formData.gridId = this.gridId |
|
|
|
|
|
|
|
this.formData.gridId = this.gridId; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async getCategoryList () { |
|
|
|
const url = "/governance/issueprojectcategorydict/list" |
|
|
|
async getCategoryList() { |
|
|
|
const url = "/governance/issueprojectcategorydict/list"; |
|
|
|
|
|
|
|
let params = {} |
|
|
|
let params = {}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
let treeDataNew = this.filterTree(data) |
|
|
|
let treeDataNew = this.filterTree(data); |
|
|
|
|
|
|
|
//组织级联数据 |
|
|
|
++this.iscascaderShow |
|
|
|
this.casOptions = [] |
|
|
|
this.casOptions = treeDataNew |
|
|
|
|
|
|
|
// ++this.iscascaderShow; |
|
|
|
this.casOptions = []; |
|
|
|
this.casOptions = treeDataNew; |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeCate () { |
|
|
|
console.log(this.$refs["myCascader"].getCheckedNodes()[0].data) |
|
|
|
this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data |
|
|
|
this.formData.categoryList = [] |
|
|
|
this.formData.categoryList.push(this.selCateObj) |
|
|
|
handleChangeCate(obj) { |
|
|
|
// console.log(this.$refs["myCascader"].getCheckedNodes()[0].data); |
|
|
|
// this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data; |
|
|
|
this.selCateObj = obj |
|
|
|
this.formData.categoryList = []; |
|
|
|
let flag = JSON.stringify(obj) == '{}' |
|
|
|
if(flag) this.formData.categoryList = [] |
|
|
|
else this.formData.categoryList.push(this.selCateObj); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//重构树，去除网格 |
|
|
|
filterTree (arr) { |
|
|
|
let childs = arr |
|
|
|
filterTree(arr) { |
|
|
|
let childs = arr; |
|
|
|
for (let i = childs.length; i--; i > 0) { |
|
|
|
if (childs[i].subCategory) { |
|
|
|
if (childs[i].subCategory.length) { |
|
|
|
this.filterTree(childs[i].subCategory) |
|
|
|
this.filterTree(childs[i].subCategory); |
|
|
|
} else { |
|
|
|
delete childs[i].subCategory |
|
|
|
delete childs[i].subCategory; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
return arr |
|
|
|
return arr; |
|
|
|
}, |
|
|
|
async loadGrid () { |
|
|
|
const url = "/gov/org/customergrid/gridoption" |
|
|
|
async loadGrid() { |
|
|
|
const url = "/gov/org/customergrid/gridoption"; |
|
|
|
let params = { |
|
|
|
agencyId: this.agencyId |
|
|
|
} |
|
|
|
agencyId: this.agencyId, |
|
|
|
}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.gridList = data |
|
|
|
|
|
|
|
this.gridList = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//加载处理部门数据 |
|
|
|
async getMyDepartmentList () { |
|
|
|
async getMyDepartmentList() { |
|
|
|
const url = "/governance/trace/approvalagencylist"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
issueId: '', |
|
|
|
projectStaffId: '', |
|
|
|
issueId: "", |
|
|
|
projectStaffId: "", |
|
|
|
}); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
@ -512,7 +548,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//加载协同单位数据 |
|
|
|
async getAssistanceUnitList () { |
|
|
|
async getAssistanceUnitList() { |
|
|
|
const url = "/heart/icpartyunit/assistanceUnitList"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
@ -521,17 +557,14 @@ export default { |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.assistanceUnitList = data; |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
//加载标签 |
|
|
|
async getTagList () { |
|
|
|
async getTagList() { |
|
|
|
const url = "/governance/issueprojecttagdict/list"; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
|
|
|
|
}); |
|
|
|
const { data, code, msg } = await requestPost(url, {}); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.tagOptions = { |
|
|
|
@ -543,29 +576,26 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleTagChange (val) { |
|
|
|
handleTagChange(val) { |
|
|
|
console.log(val); |
|
|
|
}, |
|
|
|
updateProjectTag () { |
|
|
|
updateProjectTag() { |
|
|
|
this.visibleTagPanel = false; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async getProjectInfo () { |
|
|
|
this.okflag = false |
|
|
|
async getProjectInfo() { |
|
|
|
this.okflag = false; |
|
|
|
this.$refs["ref_form"].validate((valid, messageObj) => { |
|
|
|
if (!valid) { |
|
|
|
app.util.validateRule(messageObj); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.formData.tagList = this.tagList |
|
|
|
this.okflag = true |
|
|
|
this.formData.tagList = this.tagList; |
|
|
|
this.okflag = true; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
beforeImgUpload (file) { |
|
|
|
beforeImgUpload(file) { |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
|
|
|
|
|
if (!isLt1M) { |
|
|
|
@ -573,10 +603,8 @@ export default { |
|
|
|
} |
|
|
|
return isLt1M; |
|
|
|
}, |
|
|
|
resetData () { |
|
|
|
|
|
|
|
}, |
|
|
|
handleImgSuccess (res, file, fileList) { |
|
|
|
resetData() {}, |
|
|
|
handleImgSuccess(res, file, fileList) { |
|
|
|
console.log("res.data.url", file); |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
console.log("res.data.url", res.data.url); |
|
|
|
@ -593,7 +621,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleImgRemove (file) { |
|
|
|
handleImgRemove(file) { |
|
|
|
let index = this.formData.internalFile.findIndex( |
|
|
|
(item) => item.url == file.response.data.url |
|
|
|
); |
|
|
|
@ -601,9 +629,8 @@ export default { |
|
|
|
console.log(this.formData.internalFile); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 开启加载动画 |
|
|
|
startLoading () { |
|
|
|
startLoading() { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
@ -611,7 +638,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading () { |
|
|
|
endLoading() { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|
|
