elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

111

master
jiangyy 3 years ago
parent
dccd7f4839
commit
dfd41b4911
2 changed files with 233 additions and 368 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. 193
      src/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record.vue
  2. 220
      src/views/modules/visual/communityGovern/fivelayers/qsydw.vue

193
src/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record.vue
View File

@ -1,149 +1,127 @@
<template> <template>
<div class="m-record" style="padding: 0 20px"> <div class="m-record"
style="padding: 0 20px">
<h3>巡查记录</h3> <h3>巡查记录</h3>
<div class="mt10" v-if="formType == 'edit'"> <div class="mt10"
<el-button v-if="formType == 'edit'">
size="small" <el-button size="small"
class="diy-button--add" :class="[source==='manage'?'diy-button--add':'diy-button--export']"
:disabled="btnDisabled || disabled" :disabled="btnDisabled || disabled"
@click="handleAdd" @click="handleAdd">新增</el-button>
>新增</el-button
>
</div> </div>
<el-table <el-table :data="tableData"
:data="tableData"
row-key="id" row-key="id"
border border
style="width: 100%" style="width: 100%"
:header-cell-style="getRowClass" :header-cell-style="getRowClass">
> <el-table-column label="序号"
<el-table-column label="序号" type="index" align="center" width="50"> type="index"
align="center"
width="50">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="patrolTime"
prop="patrolTime"
label="巡查时间" label="巡查时间"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-date-picker <el-date-picker v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
v-model="scope.row.patrolTime" v-model="scope.row.patrolTime"
type="date" type="date"
class="input-width" class="input-width"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期" placeholder="选择日期">
>
</el-date-picker> </el-date-picker>
<div v-else class="div-content">{{ scope.row.patrolTime }}</div> <div v-else
class="div-content">{{ scope.row.patrolTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="staffId"
prop="staffId"
label="巡查人员" label="巡查人员"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-select <el-select v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
v-model="scope.row.staffId" v-model="scope.row.staffId"
placeholder="请选择" placeholder="请选择"
class="input-width" class="input-width"
@change="handleChangeStaff(scope.row)" @change="handleChangeStaff(scope.row)"
clearable clearable>
> <el-option v-for="subItem in optionStaff"
<el-option
v-for="subItem in optionStaff"
:key="subItem.value" :key="subItem.value"
:label="subItem.label" :label="subItem.label"
:value="subItem.value" :value="subItem.value">
>
</el-option> </el-option>
</el-select> </el-select>
<div v-else class="div-content">{{ scope.row.staffName }}</div> <div v-else
class="div-content">{{ scope.row.staffName }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="mobile"
prop="mobile"
label="联系电话" label="联系电话"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
type="number" type="number"
v-model="scope.row.mobile" v-model="scope.row.mobile"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
clearable clearable
disabled disabled></el-input>
></el-input> <div v-else
<div v-else class="div-content">{{ scope.row.mobile }}</div> class="div-content">{{ scope.row.mobile }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="result"
prop="result"
label="巡查结果" label="巡查结果"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-select <el-select v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
v-model="scope.row.result" v-model="scope.row.result"
placeholder="请选择" placeholder="请选择"
class="input-width" class="input-width"
size="small" size="small"
clearable clearable>
> <el-option v-for="subItem in optionResult"
<el-option
v-for="subItem in optionResult"
:key="subItem.value" :key="subItem.value"
:label="subItem.label" :label="subItem.label"
:value="subItem.value" :value="subItem.value">
>
</el-option> </el-option>
</el-select> </el-select>
<div v-else class="div-content">{{ scope.row.resultName }}</div> <div v-else
class="div-content">{{ scope.row.resultName }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="detailed"
prop="detailed"
label="隐患明细" label="隐患明细"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
type="text" type="text"
v-model="scope.row.detailed" v-model="scope.row.detailed"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
maxlength="500" maxlength="500"
clearable clearable></el-input>
></el-input> <div v-else
<div v-else class="div-content">{{ scope.row.detailed }}</div> class="div-content">{{ scope.row.detailed }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="imgList"
prop="imgList"
label="图片列表" label="图片列表"
align="center" align="center"
width="150px" width="150px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.isEdit"> <div v-if="scope.row.isEdit">
<el-upload <el-upload class="avatar-uploader"
class="avatar-uploader"
:action="uploadUrl" :action="uploadUrl"
:data="{ customerId: customerId }" :data="{ customerId: customerId }"
:show-file-list="true" :show-file-list="true"
@ -152,92 +130,71 @@
:on-success="(res) => handleImgSuccess(res, scope.row)" :on-success="(res) => handleImgSuccess(res, scope.row)"
:on-remove="(res) => handleImgRemove(res, scope.row)" :on-remove="(res) => handleImgRemove(res, scope.row)"
list-type="picture" list-type="picture"
:before-upload="beforeImgUpload" :before-upload="beforeImgUpload">
>
<i class="el-icon-plus avatar-uploader-icon"></i> 最多三张图片 <i class="el-icon-plus avatar-uploader-icon"></i> 最多三张图片
</el-upload> </el-upload>
</div> </div>
<div v-else class="div-content"> <div v-else
<el-image class="div-content">
v-if="scope.row.imgList.length > 0" <el-image v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px" style="width: 100px; height: 50px"
:src="scope.row.imgList[0]" :src="scope.row.imgList[0]"
fit="cover" fit="cover"
:preview-src-list="scope.row.imgList" :preview-src-list="scope.row.imgList"></el-image>
></el-image>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="reviewTime"
prop="reviewTime"
label="拟复查时间" label="拟复查时间"
align="center" align="center"
width="200px" width="200px">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-date-picker <el-date-picker v-if="scope.row.isEdit"
v-if="scope.row.isEdit"
v-model="scope.row.reviewTime" v-model="scope.row.reviewTime"
type="date" type="date"
class="input-width" class="input-width"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期" placeholder="选择日期">
>
</el-date-picker> </el-date-picker>
<div v-else class="div-content">{{ scope.row.patrolTime }}</div> <div v-else
class="div-content">{{ scope.row.patrolTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-if="!disabled"
v-if="!disabled"
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="120">
>
<template slot-scope="scope"> <template slot-scope="scope">
<template v-if="scope.row.isEdit"> <template v-if="scope.row.isEdit">
<el-button <el-button @click="handleEdit(scope.row)"
@click="handleEdit(scope.row)"
type="text" type="text"
size="small" size="small"
class="btn-color-edit" class="btn-color-edit">保存</el-button>
>保存</el-button <el-button @click="handleChange(scope.row, 'cancle')"
>
<el-button
@click="handleChange(scope.row, 'cancle')"
type="text" type="text"
size="small" size="small"
class="btn-color-edit" class="btn-color-edit">取消</el-button>
>取消</el-button
>
</template> </template>
<template v-else> <template v-else>
<el-button <el-button v-if="formType == 'edit'"
v-if="formType == 'edit'"
@click="handleChange(scope.row, 'edit')" @click="handleChange(scope.row, 'edit')"
type="text" type="text"
size="small" size="small"
:disabled="disabled" :disabled="disabled"
class="btn-color-edit" class="btn-color-edit">修改</el-button>
>修改</el-button <el-popconfirm v-if="formType == 'edit'"
>
<el-popconfirm
v-if="formType == 'edit'"
title="删除之后无法恢复，确认删除？" title="删除之后无法恢复，确认删除？"
@onConfirm="del(scope.row)" @onConfirm="del(scope.row)"
@confirm="del(scope.row)" @confirm="del(scope.row)">
> <el-button slot="reference"
<el-button
slot="reference"
type="text" type="text"
size="small" size="small"
class="btn-color-del" class="btn-color-del"
style="margin-left: 10px" style="margin-left: 10px">删除</el-button>
>删除</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</template> </template>
@ -267,6 +224,10 @@ export default {
type: String, type: String,
default: "", default: "",
}, },
source: {//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
}, },
data () { data () {
return { return {

220
src/views/modules/visual/communityGovern/fivelayers/qsydw.vue
View File

@ -12,113 +12,55 @@
<img src="@/assets/img/shuju/people/close.png" /> <img src="@/assets/img/shuju/people/close.png" />
</div> </div>
<el-form ref="ref_form" <div class="list-wr">
:inline="false" <div class="list">
:model="formData"
:rules="dataRule" <div class="item">
label-width="100px"> <span class="item-field">场所类型：</span>
<!-- <el-form-item label="事件分类" <span>{{ eventDetailData.placeTypeName }}</span>
label-width="150px"
prop="categoryId">
<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>
</el-form-item> -->
<el-form-item label="服务内容"
label-width="150px"
:class="{'form-item':source==='visiual'}"
prop="content">
<div :class="{'visiual-form':source==='visiual'}">
<el-input v-model="formData.content"
:autosize="{ minRows: 2, maxRows: 10 }"
type="textarea"
clearable
class="cell-width-area"
placeholder="请输入内容"></el-input>
</div> </div>
</el-form-item> <div class="item">
<span class="item-field">场所名称：</span>
<el-form-item label="服务类型" <span>{{ eventDetailData.placeOrgName }}</span>
label-width="150px"
:class="{'form-item':source==='visiual'}"
prop="categoryCode">
<div :class="{'visiual-form':source==='visiual'}">
<el-cascader v-model="formData.categoryCode"
:options="demandOptions"
clearable
class="cell-width-1"
@change="handleCateSlect"></el-cascader>
</div> </div>
<div class="item">
</el-form-item> <span class="item-field">规模：</span>
<span>{{ eventDetailData.scaleName }}</span>
<el-form-item label="服务时间"
label-width="150px"
:class="{'form-item':source==='visiual'}"
prop="wantServiceTime">
<div :class="{'visiual-form':source==='visiual'}">
<el-date-picker v-model="formData.wantServiceTime"
type="datetime"
class="cell-width-1"
clearable
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间">
</el-date-picker>
</div> </div>
</el-form-item> <div class="item">
<span class="item-field">联系电话：</span>
<el-form-item label="需求人" <span>{{ eventDetailData.mobile }}</span>
label-width="150px"
:class="{'form-item':source==='visiual'}"
prop="demandUserName">
<div :class="{'visiual-form':source==='visiual'}">
<el-input v-model="formData.demandUserName"
class="cell-width-1"></el-input>
</div> </div>
</el-form-item>
<el-form-item label="联系电话"
label-width="150px"
:class="{'form-item':source==='visiual'}"
prop="demandUserMobile">
<div :class="{'visiual-form':source==='visiual'}">
<el-input v-model="formData.demandUserMobile"
class="cell-width-1"></el-input>
</div> </div>
<div class="list">
</el-form-item> <div class="item">
<el-form-item label="服务地点" <span class="item-field">场所区域：</span>
prop="serviceLocation" <span>{{ eventDetailData.agencyName+eventDetailData.gridName }}</span>
:class="{'form-item':source==='visiual'}"
label-width="150px"
style="display: block">
<div :class="{'visiual-form':source==='visiual'}">
<el-input class="cell-width-1"
v-model="formData.serviceLocation">
</el-input>
</div> </div>
<div class="item">
</el-form-item> <span class="item-field">场所地址：</span>
<span>{{ eventDetailData.address }}</span>
<el-form-item label="门牌号" </div>
:class="{'form-item':source==='visiual'}" <div class="item">
label-width="150px" <span class="item-field">负责人：</span>
prop="locationDetail"> <span>{{ eventDetailData.personInCharge }}</span>
<div :class="{'visiual-form':source==='visiual'}">
<el-input v-model="formData.locationDetail"
class="cell-width-1"></el-input>
</div> </div>
</el-form-item> </div>
</el-form> </div>
<div class="div_record">
<record :formType="'edit'"
:source="'visiual'"
:enterpriseId="enterpriseId"
:enterpriseInfo="enterpriseInfo"></record>
</div>
<div class="div-btn "
style="padding-bottom:10px">
<el-button size="small"
@click="handleClose">关闭</el-button>
</div>
</cpt-card> </cpt-card>
</div> </div>
</div> </div>
@ -128,33 +70,9 @@
import cptCard from "@/views/modules/visual/cpts/card"; import cptCard from "@/views/modules/visual/cpts/card";
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info"; import record from "@/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record";
function iniFmData () {
return {
operationType: '2',//处理方式[0:已回复 1:已转项目 2:已转服务]
icEventId: '',//事件Id
gridId: '',//
categoryCode: '',// 二级服务分类编码
parentCode: '',// 父级服务分类编码
content: '',// 服务内容1000字
reportType: 'self_help',// 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help
reportUserName: '',// 上报人姓名
reportUserMobile: '',// 自身上报时存储注册居民的手机号
reportTime: '',// 上报时间
demandUserId: '',// 需求人：user.id或者ic_resi_user.id
demandUserName: '',// 需求人姓名
demandUserMobile: '',//需求人联系电话
wantServiceTime: '',// 希望服务时间
serviceType: '',
serverId: '',
locationDetail: '',
serviceLocation: '',//事件地址
latitude: '',// 经度
longitude: '',//维度
// categoryId: ''
};
}
export default { export default {
name: "dialogInfo", name: "dialogInfo",
props: { props: {
@ -163,7 +81,7 @@ export default {
components: { components: {
cptCard, cptCard,
eventInfo, record
}, },
data () { data () {
@ -171,50 +89,37 @@ export default {
loading: false, loading: false,
pageType: 'dispose', pageType: 'dispose',
eventId: '1552537796854706177',
eventDetailData: {}, eventDetailData: {},
formData: iniFmData(), enterpriseInfo: {},
btnDisable: false, enterpriseId: '1544585407179968514',
customerId: localStorage.getItem("customerId"),
demandOptions: [],
serviceOptions: [
],
serviceOptiondList: [],
casOptions: [],
iscascaderShow: 0,
selCategoryArray: [],
selCateObj: {},
optionProps: {
multiple: false,
value: 'id',
label: 'name',
children: 'subCategory',
},
}; };
}, },
async mounted () { async mounted () {
this.loading = false this.loading = false
await this.handleSearch()
await this.loadInfo()
this.loading = true this.loading = true
}, },
methods: { methods: {
async handleSearch () { async loadInfo () {
const url = "/gov/org/enterprise/detail/" + this.enterpriseId;
const url = "/gov/project/icEvent/detail";
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url);
icEventId: this.eventId,
});
if (code === 0) { if (code === 0) {
this.eventDetailData = { ...data }; this.eventDetailData = { ...data };
this.pageType = "dispose";
} else { } else {
this.$message.error(msg); this.$message.error(msg);
} }
@ -223,11 +128,11 @@ export default {
handleClose () { handleClose () {
this.pageType = ""; this.pageType = "";
this.$emit("handleClose") this.$emit("handleClose")
// this.eventId = ""
}, },
handleOk () { handleOk () {
this.pageType = ""; this.pageType = "";
// this.eventId = ""
this.pageNo = 1 this.pageNo = 1
}, },
@ -293,11 +198,6 @@ export default {
padding: 0 32px; padding: 0 32px;
} }
.sel-service {
display: flex;
justify-content: flex-start;
}
.div_btn { .div_btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -316,4 +216,8 @@ export default {
margin-left: 20px; margin-left: 20px;
} }
} }
.div_record {
// padding-bottom: 30px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save