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. 379
      src/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record.vue
  2. 222
      src/views/modules/visual/communityGovern/fivelayers/qsydw.vue

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

@ -1,243 +1,200 @@
<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="序号"
> type="index"
<el-table-column label="序号" type="index" align="center" width="50"> 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"
> :key="subItem.value"
<el-option :label="subItem.label"
v-for="subItem in optionStaff" :value="subItem.value">
:key="subItem.value"
:label="subItem.label"
: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></el-input>
disabled <div v-else
></el-input> class="div-content">{{ scope.row.mobile }}</div>
<div v-else 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"
> :key="subItem.value"
<el-option :label="subItem.label"
v-for="subItem in optionResult" :value="subItem.value">
:key="subItem.value"
:label="subItem.label"
: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></el-input>
clearable <div v-else
></el-input> class="div-content">{{ scope.row.detailed }}</div>
<div v-else 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" :limit="3"
:limit="3" :file-list="scope.row.imgShowList"
:file-list="scope.row.imgShowList" :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">保存</el-button>
class="btn-color-edit" <el-button @click="handleChange(scope.row, 'cancle')"
>保存</el-button type="text"
> size="small"
<el-button class="btn-color-edit">取消</el-button>
@click="handleChange(scope.row, 'cancle')"
type="text"
size="small"
class="btn-color-edit"
>取消</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">修改</el-button>
class="btn-color-edit" <el-popconfirm v-if="formType == 'edit'"
>修改</el-button title="删除之后无法恢复，确认删除？"
> @onConfirm="del(scope.row)"
<el-popconfirm @confirm="del(scope.row)">
v-if="formType == 'edit'" <el-button slot="reference"
title="删除之后无法恢复，确认删除？" type="text"
@onConfirm="del(scope.row)" size="small"
@confirm="del(scope.row)" class="btn-color-del"
> style="margin-left: 10px">删除</el-button>
<el-button
slot="reference"
type="text"
size="small"
class="btn-color-del"
style="margin-left: 10px"
>删除</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</template> </template>
@ -267,8 +224,12 @@ export default {
type: String, type: String,
default: "", default: "",
}, },
source: {//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
}, },
data() { data () {
return { return {
uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2", uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2",
customerId: localStorage.getItem("customerId"), customerId: localStorage.getItem("customerId"),
@ -299,7 +260,7 @@ export default {
}, },
computed: { computed: {
allowOperate() { allowOperate () {
const { const {
enterpriseInfo: { agencyId }, enterpriseInfo: { agencyId },
} = this; } = this;
@ -308,7 +269,7 @@ export default {
}, },
watch: { watch: {
enterpriseId: { enterpriseId: {
handler(val) { handler (val) {
console.log("val------points", val); console.log("val------points", val);
if (val.length > 0) { if (val.length > 0) {
this.btnDisabled = false; this.btnDisabled = false;
@ -319,12 +280,12 @@ export default {
}, },
}, },
created() { created () {
this.getOptionStaff(); this.getOptionStaff();
}, },
methods: { methods: {
beforeImgUpload(file) { beforeImgUpload (file) {
console.log(file); console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10; const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type; const srcType = file.type;
@ -341,7 +302,7 @@ export default {
return true; return true;
}, },
handleImgSuccess(res, row) { handleImgSuccess (res, row) {
console.log("handleImgSuccess", res); console.log("handleImgSuccess", res);
if (res.code === 0 && res.msg === "success") { if (res.code === 0 && res.msg === "success") {
row.imgList.push(res.data.url); row.imgList.push(res.data.url);
@ -351,13 +312,13 @@ export default {
} }
}, },
computeImgShowList(row) { computeImgShowList (row) {
row.imgShowList = row.imgList.map((url) => { row.imgShowList = row.imgList.map((url) => {
return { name: "", url }; return { name: "", url };
}); });
}, },
handleImgRemove(file, row) { handleImgRemove (file, row) {
console.log("handleImgRemove", file); console.log("handleImgRemove", file);
let url = file.url || file.response.data.url; let url = file.url || file.response.data.url;
if (url) { if (url) {
@ -366,13 +327,13 @@ export default {
} }
}, },
getRowClass({ rowIndex, columnIndex }) { getRowClass ({ rowIndex, columnIndex }) {
if (rowIndex === 0) { if (rowIndex === 0) {
return "background: #2195fe; color: #fff;"; return "background: #2195fe; color: #fff;";
} }
}, },
handleChange(row, type) { handleChange (row, type) {
console.log("type----", type); console.log("type----", type);
if (type == "cancle") { if (type == "cancle") {
row = { ...this.tempRow }; row = { ...this.tempRow };
@ -388,7 +349,7 @@ export default {
this.isEdit = !this.isEdit; this.isEdit = !this.isEdit;
}, },
handleChangeStaff(row) { handleChangeStaff (row) {
const { staffId } = row; const { staffId } = row;
const { optionStaff } = this; const { optionStaff } = this;
let item = optionStaff.find((item) => item.value == staffId); let item = optionStaff.find((item) => item.value == staffId);
@ -398,7 +359,7 @@ export default {
} }
}, },
async getOptionStaff() { async getOptionStaff () {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`; let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {}); const { data, code, msg } = await requestPost(url, {});
@ -409,12 +370,12 @@ export default {
} }
}, },
async handleEdit(row) { async handleEdit (row) {
if (this.btnType == "add") this.save(row); if (this.btnType == "add") this.save(row);
else this.edit(row); else this.edit(row);
}, },
handleAdd() { handleAdd () {
this.btnType = "add"; this.btnType = "add";
this.isEdit = true; this.isEdit = true;
@ -433,7 +394,7 @@ export default {
this.tableData.push(item); this.tableData.push(item);
}, },
async save(row) { async save (row) {
const params = { const params = {
partyMemberId: this.enterpriseId, partyMemberId: this.enterpriseId,
...row, ...row,
@ -457,7 +418,7 @@ export default {
}); });
}, },
async edit(row) { async edit (row) {
const params = { const params = {
...row, ...row,
}; };
@ -480,7 +441,7 @@ export default {
}); });
}, },
async del(row) { async del (row) {
await this.$http await this.$http
.post(`/gov/org/enterprise/del-patrol/${row.patrolId}`) .post(`/gov/org/enterprise/del-patrol/${row.patrolId}`)
.then(({ data: res }) => { .then(({ data: res }) => {
@ -497,7 +458,7 @@ export default {
}); });
}, },
async getList() { async getList () {
const { enterpriseId } = this; const { enterpriseId } = this;
const params = {}; const params = {};

222
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> </div>
<el-form-item label="联系电话" <div class="list">
label-width="150px" <div class="item">
:class="{'form-item':source==='visiual'}" <span class="item-field">场所区域：</span>
prop="demandUserMobile"> <span>{{ eventDetailData.agencyName+eventDetailData.gridName }}</span>
<div :class="{'visiual-form':source==='visiual'}">
<el-input v-model="formData.demandUserMobile"
class="cell-width-1"></el-input>
</div> </div>
<div class="item">
</el-form-item> <span class="item-field">场所地址：</span>
<el-form-item label="服务地点" <span>{{ eventDetailData.address }}</span>
prop="serviceLocation"
: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.personInCharge }}</span>
<el-form-item label="门牌号"
:class="{'form-item':source==='visiual'}"
label-width="150px"
prop="locationDetail">
<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