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

111

shibei_master
jiangyy 3 years ago
parent
d4567249de
commit
54701e66c5
1 changed files with 257 additions and 308 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. 565
      src/views/modules/communityService/measure/info.vue

565
src/views/modules/communityService/measure/info.vue
View File

@ -1,42 +1,31 @@
<template> <template>
<el-dialog <el-dialog title="需求信息"
title="需求信息" width="50%"
width="50%" top="5vh"
top="5vh" append-to-body
append-to-body class="dialog-h"
class="dialog-h" :visible="true"
:visible="true" :close-on-click-modal="false"
:close-on-click-modal="false" :before-close="handlerClose">
:before-close="handlerClose" <el-form label-width="120px"
> :model="form"
<el-form :rules="rules"
label-width="120px" ref="ruleForm"
:model="form" class="form-wr dialog-h-content scroll-h">
:rules="rules" <el-form-item label="操作方式"
ref="ruleForm" prop="addType">
class="form-wr dialog-h-content scroll-h"
>
<el-form-item label="操作方式" prop="addType">
<el-radio-group v-model="addType"> <el-radio-group v-model="addType">
<el-radio label="look">查看</el-radio> <el-radio label="look">查看</el-radio>
<template v-if="form.reportType != 'self_help'"> <template v-if="form.reportType != 'self_help'">
<el-radio label="edit" v-if="form.status === 'pending'" <el-radio label="edit"
>修改</el-radio v-if="form.status === 'pending'">修改</el-radio>
> <el-radio label="cancel"
<el-radio v-if="form.status !== 'finished' && form.status !== 'canceled'">取消</el-radio>
label="cancel"
v-if="form.status !== 'finished' && form.status !== 'canceled'"
>取消</el-radio
>
</template> </template>
<el-radio <el-radio label="appoint"
label="appoint" v-if="form.status === 'pending' || form.status === 'assigned'">指派</el-radio>
v-if="form.status === 'pending' || form.status === 'assigned'" <!-- <el-radio label="finish"
>指派</el-radio v-if="
>
<el-radio
label="finish"
v-if="
(form.reportType == 'self_help' && (form.reportType == 'self_help' &&
form.serviceShowFlag && form.serviceShowFlag &&
form.serviceType !== 'volunteer' && form.serviceType !== 'volunteer' &&
@ -44,303 +33,261 @@
form.status === 'assigned' || form.status === 'assigned' ||
form.status === 'have_order' || form.status === 'have_order' ||
(form.status == 'finished' && !form.evaluateFlag) (form.status == 'finished' && !form.evaluateFlag)
" ">完成</el-radio> -->
>完成</el-radio <el-radio label="finish"
> v-if="
(form.reportType == 'self_help' &&
form.serviceShowFlag &&
form.serviceType !== 'volunteer' &&
form.status !== 'finished') ||
form.status === 'assigned' ||
form.status === 'have_order'
">完成</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="所属网格" prop="gridId"> <el-form-item label="所属网格"
<el-input prop="gridId">
v-if="disabled" <el-input v-if="disabled"
v-model="form.gridName" v-model="form.gridName"
:disabled="disabled" :disabled="disabled"
class="input-width" class="input-width"></el-input>
></el-input>
<!-- <span >{{ form.gridName }}</span> --> <!-- <span >{{ form.gridName }}</span> -->
<el-select <el-select v-else
v-else v-model="form.gridId"
v-model="form.gridId" filterable
filterable placeholder="请选择"
placeholder="请选择" class="input-width"
class="input-width" clearable
clearable :disabled="disabled"
:disabled="disabled" @change="handleGridChange">
@change="handleGridChange" <el-option v-for="item in disabled ? optionsG : optionsEditG"
> :key="item.value"
<el-option :label="item.label"
v-for="item in disabled ? optionsG : optionsEditG" :value="item.value">
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="需求类型" prop="categoryCode"> <el-form-item label="需求类型"
<el-input prop="categoryCode">
v-if="disabled" <el-input v-if="disabled"
v-model="form.categoryName" v-model="form.categoryName"
:disabled="disabled" :disabled="disabled"
class="input-width" class="input-width"
clearable clearable></el-input>
></el-input> <el-cascader v-else
<el-cascader v-model="form.categoryCodeArr"
v-else :options="demandOptions"
v-model="form.categoryCodeArr" :disabled="disabled"
:options="demandOptions" clearable
:disabled="disabled" class="input-width"
clearable @change="handleCateSlect"></el-cascader>
class="input-width"
@change="handleCateSlect"
></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="上报类型" prop="reportType"> <el-form-item label="上报类型"
<el-input prop="reportType">
v-if="disabled" <el-input v-if="disabled"
v-model="form.reportTypeName" v-model="form.reportTypeName"
:disabled="disabled" :disabled="disabled"
class="input-width" class="input-width"></el-input>
></el-input> <el-select v-else
<el-select v-model="form.reportType"
v-else filterable
v-model="form.reportType" class="input-width"
filterable placeholder="请选择"
class="input-width" clearable
placeholder="请选择" :disabled="disabled">
clearable <el-option v-for="item in reportOptions"
:disabled="disabled" :key="item.value"
> :label="item.label"
<el-option :value="item.value">
v-for="item in reportOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上报人" prop="reportUserName"> <el-form-item label="上报人"
<el-input prop="reportUserName">
v-model="form.reportUserName" <el-input v-model="form.reportUserName"
:disabled="disabled" :disabled="disabled"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
clearable clearable></el-input>
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上报人手机号" prop="reportUserMobile"> <el-form-item label="上报人手机号"
<el-input prop="reportUserMobile">
v-model="form.reportUserMobile" <el-input v-model="form.reportUserMobile"
:disabled="disabled" :disabled="disabled"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
maxlength="11" maxlength="11"
clearable clearable></el-input>
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上报时间" prop="reportTime"> <el-form-item label="上报时间"
<el-date-picker prop="reportTime">
v-model="form.reportTime" <el-date-picker v-model="form.reportTime"
type="datetime" type="datetime"
class="input-width" class="input-width"
clearable clearable
:disabled="disabled" :disabled="disabled"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间" placeholder="选择日期时间">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="需求人" prop="demandUserId"> <el-form-item label="需求人"
<el-input prop="demandUserId">
v-if="disabled" <el-input v-if="disabled"
v-model="form.demandUserName" v-model="form.demandUserName"
:disabled="disabled" :disabled="disabled"
class="input-width" class="input-width"></el-input>
></el-input> <el-select v-else
<el-select v-model="selectDemandUser"
v-else class="input-width"
v-model="selectDemandUser" filterable
class="input-width" :disabled="disabled"
filterable placeholder="请选择"
:disabled="disabled" clearable
placeholder="请选择" @change="handleDemandChange">
clearable <el-option v-for="item in demandUserList"
@change="handleDemandChange" :key="item.demandUserId"
> :label="item.label"
<el-option :value="item">
v-for="item in demandUserList"
:key="item.demandUserId"
:label="item.label"
:value="item"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" prop="wantServiceTime"> <el-form-item label="服务时间"
<el-date-picker prop="wantServiceTime">
v-model="form.wantServiceTime" <el-date-picker v-model="form.wantServiceTime"
type="datetime" type="datetime"
class="input-width" class="input-width"
clearable clearable
:disabled="disabled" :disabled="disabled"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间" placeholder="选择日期时间">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="需求内容" prop="content"> <el-form-item label="需求内容"
<el-input prop="content">
v-model="form.content" <el-input v-model="form.content"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
:disabled="disabled" :disabled="disabled"
type="textarea" type="textarea"
clearable clearable
class="input-width-textarea" class="input-width-textarea"
placeholder="请输入内容" placeholder="请输入内容"></el-input>
></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item v-if="
v-if="
addType === 'appoint' || addType === 'appoint' ||
addType == 'finish' || addType == 'finish' ||
(addType == 'look' && form.serviceShowFlag) (addType == 'look' && form.serviceShowFlag)
" "
label="服务方" label="服务方"
prop="serviceType" prop="serviceType">
>
<template v-if="disabled && addType !== 'appoint'"> <template v-if="disabled && addType !== 'appoint'">
<el-input <el-input v-model="form.serviceShowName"
v-model="form.serviceShowName" :disabled="disabled"
:disabled="disabled" class="input-width"></el-input>
class="input-width"
></el-input>
</template> </template>
<template v-else> <template v-else>
<el-select <el-select v-model="form.serviceType"
v-model="form.serviceType" class="input-width-small"
class="input-width-small" placeholder="请选择"
placeholder="请选择" clearable
clearable :disabled="disabled && addType !== 'appoint'"
:disabled="disabled && addType !== 'appoint'" @change="handleServiceChange('add', $event)">
@change="handleServiceChange('add', $event)" <el-option v-for="item in serviceOptions"
> :key="item.value"
<el-option :label="item.label"
v-for="item in serviceOptions" :value="item.value">
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select <el-select v-model="form.serverId"
v-model="form.serverId" class="input-width-middle"
class="input-width-middle" filterable
filterable placeholder="请选择"
placeholder="请选择" clearable
clearable :disabled="disabled && addType !== 'appoint'">
:disabled="disabled && addType !== 'appoint'" <el-option v-for="item in serviceOptiondList"
> :key="item.value"
<el-option :label="item.label"
v-for="item in serviceOptiondList" :value="item.value">
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item <el-form-item v-if="addType == 'look' && form.status == 'canceled'"
v-if="addType == 'look' && form.status == 'canceled'" label="取消时间"
label="取消时间" prop="cancelTime">
prop="cancelTime"
>
<span>{{ form.cancelTime }}</span> <span>{{ form.cancelTime }}</span>
</el-form-item> </el-form-item>
<template <template v-if="
v-if="
(addType == 'finish' && form.reportType != 'self_help') || (addType == 'finish' && form.reportType != 'self_help') ||
(addType == 'look' && form.status == 'finished') (addType == 'look' && form.status == 'finished')
" ">
> <el-form-item label="实际服务时间"
<el-form-item label="实际服务时间" prop="serviceStartTime"> prop="serviceStartTime">
<el-date-picker <el-date-picker v-model="finishServiceTime"
v-model="finishServiceTime" class="input-width-min"
class="input-width-min" clearable
clearable :disabled="disabled && addType != 'finish'"
:disabled="disabled && addType != 'finish'" type="datetimerange"
type="datetimerange" range-separator="至"
range-separator="至" start-placeholder="开始日期"
start-placeholder="开始日期" end-placeholder="结束日期"
end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss" @change="handelBlurServiceTime">
@change="handelBlurServiceTime"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="完成情况" prop="finishResult"> <el-form-item label="完成情况"
<el-radio prop="finishResult">
v-model="form.finishResult" <el-radio v-model="form.finishResult"
label="resolved" label="resolved"
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'">已解决</el-radio>
>已解决</el-radio <el-radio v-model="form.finishResult"
> label="unresolved"
<el-radio :disabled="disabled && addType != 'finish'">未解决</el-radio>
v-model="form.finishResult"
label="unresolved"
:disabled="disabled && addType != 'finish'"
>未解决</el-radio
>
</el-form-item> </el-form-item>
<el-form-item label="评价" prop="score" class="form-score"> <el-form-item label="评价"
<el-rate prop="score"
v-model="form.score" class="form-score">
:allow-half="true" <el-rate v-model="form.score"
:disabled="disabled && addType != 'finish'" :allow-half="true"
></el-rate> :disabled="disabled && addType != 'finish'"></el-rate>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="finishDesc"> <el-form-item label="备注"
<el-input prop="finishDesc">
v-model="form.finishDesc" <el-input v-model="form.finishDesc"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'"
type="textarea" type="textarea"
clearable clearable
class="input-width-textarea" class="input-width-textarea"
placeholder="请输入内容" placeholder="请输入内容"></el-input>
></el-input>
</el-form-item> </el-form-item>
</template> </template>
<template v-if="addType == 'finish' && form.reportType == 'self_help'"> <template v-if="addType == 'finish' && form.reportType == 'self_help'">
<el-form-item label="实际服务时间" prop="serviceStartTime"> <el-form-item label="实际服务时间"
<el-date-picker prop="serviceStartTime">
v-model="finishServiceTime" <el-date-picker v-model="finishServiceTime"
class="input-width-min" class="input-width-min"
clearable clearable
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'"
type="datetimerange" type="datetimerange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
@change="handelBlurServiceTime" @change="handelBlurServiceTime">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</template> </template>
</el-form> </el-form>
<div class="resi-btns"> <div class="resi-btns">
<el-button size="small" @click="handlerClose">关闭</el-button> <el-button size="small"
<el-button @click="handlerClose">关闭</el-button>
v-if="addType != 'look'" <el-button v-if="addType != 'look'"
type="primary" type="primary"
size="small" size="small"
:loading="btnLoading" :loading="btnLoading"
@click="handleSubmit" @click="handleSubmit">提交</el-button>
>提交</el-button
>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
@ -360,7 +307,7 @@ export default {
}, },
}, },
data() { data () {
return { return {
btnLoading: false, btnLoading: false,
pageLoading: false, pageLoading: false,
@ -432,18 +379,18 @@ export default {
computed: { computed: {
...mapGetters(["clientHeight", "iframeHeight"]), ...mapGetters(["clientHeight", "iframeHeight"]),
disabled() { disabled () {
return this.addType != "edit"; return this.addType != "edit";
}, },
}, },
watch: { watch: {
addType(val) { addType (val) {
this.formatRowForm(val); this.formatRowForm(val);
}, },
}, },
async created() { async created () {
this.customerId = localStorage.getItem("customerId"); this.customerId = localStorage.getItem("customerId");
this.getInfo(); this.getInfo();
@ -452,11 +399,11 @@ export default {
}, },
methods: { methods: {
filterEdit(id) { filterEdit (id) {
const { user } = this.$store.state; const { user } = this.$store.state;
return id === user.agencyId; return id === user.agencyId;
}, },
handleCateSlect(val) { handleCateSlect (val) {
console.log("val", val); console.log("val", val);
if (val.length === 1) { if (val.length === 1) {
this.demandOptions.forEach((item) => { this.demandOptions.forEach((item) => {
@ -468,31 +415,31 @@ export default {
this.form.categoryCode = val[1]; this.form.categoryCode = val[1];
} }
}, },
handleDemandChange(val) { handleDemandChange (val) {
console.log("val", val, this.selectDemandUser); console.log("val", val, this.selectDemandUser);
this.selectDemandUser = val.label; this.selectDemandUser = val.label;
this.form.demandUserName = val.demandUserName; this.form.demandUserName = val.demandUserName;
this.form.demandUserMobile = val.demandUserMobile; this.form.demandUserMobile = val.demandUserMobile;
this.form.demandUserId = val.demandUserId; this.form.demandUserId = val.demandUserId;
}, },
handelBlurServiceTime(val) { handelBlurServiceTime (val) {
console.log("val", val); console.log("val", val);
if (val.length > 0) { if (val.length > 0) {
this.form.serviceStartTime = val[0]; this.form.serviceStartTime = val[0];
this.form.serviceEndTime = val[1]; this.form.serviceEndTime = val[1];
} }
}, },
handleServiceChange(type, val) { handleServiceChange (type, val) {
if (val === "social_org") { if (val === "social_org") {
if (type === "add") this.getServiceuserList(val, "add_demand"); if (type === "add") this.getServiceuserList(val, "add_demand");
else this.getServiceuserList(val, "query_demand"); else this.getServiceuserList(val, "query_demand");
} else this.getServiceuserList(val, ""); } else this.getServiceuserList(val, "");
}, },
handleGridChange(val) { handleGridChange (val) {
this.getDemandUserList(); this.getDemandUserList();
}, },
handelBlurServiceTime(val) { handelBlurServiceTime (val) {
console.log("val", val); console.log("val", val);
if (val.length > 0) { if (val.length > 0) {
this.form.serviceStartTime = val[0]; this.form.serviceStartTime = val[0];
@ -500,23 +447,23 @@ export default {
} }
}, },
handleServiceChange(type, val) { handleServiceChange (type, val) {
if (val === "social_org") { if (val === "social_org") {
if (type === "add") this.getServiceuserList(val, "add_demand"); if (type === "add") this.getServiceuserList(val, "add_demand");
else this.getServiceuserList(val, "query_demand"); else this.getServiceuserList(val, "query_demand");
} else this.getServiceuserList(val, ""); } else this.getServiceuserList(val, "");
}, },
handleAdd(addType) { handleAdd (addType) {
this.addType = addType; this.addType = addType;
this.dialogVisible = true; this.dialogVisible = true;
}, },
handlerClose() { handlerClose () {
this.$emit("close"); this.$emit("close");
}, },
async formatRowForm(addType) { async formatRowForm (addType) {
this.addType = addType; this.addType = addType;
const { form: row } = this; const { form: row } = this;
@ -554,7 +501,7 @@ export default {
this.dialogVisible = true; this.dialogVisible = true;
}, },
async appointAjax() { async appointAjax () {
const _form = { const _form = {
demandRecId: this.form.demandRecId, demandRecId: this.form.demandRecId,
serviceType: this.form.serviceType, serviceType: this.form.serviceType,
@ -578,7 +525,7 @@ export default {
this.btnLoading = false; this.btnLoading = false;
}, },
async finishAjax() { async finishAjax () {
const { reportType, serviceShowFlag, serviceType } = this.form; const { reportType, serviceShowFlag, serviceType } = this.form;
const _form = { const _form = {
demandRecId: this.form.demandRecId, demandRecId: this.form.demandRecId,
@ -607,7 +554,7 @@ export default {
this.btnLoading = false; this.btnLoading = false;
}, },
async editCate() { async editCate () {
const categoryCode = this.form.categoryCode; const categoryCode = this.form.categoryCode;
if (Array.isArray(categoryCode)) { if (Array.isArray(categoryCode)) {
if (categoryCode.length === 1) { if (categoryCode.length === 1) {
@ -643,7 +590,7 @@ export default {
this.btnLoading = false; this.btnLoading = false;
}, },
handleSubmit() { handleSubmit () {
this.$refs.ruleForm.validate(async (valid) => { this.$refs.ruleForm.validate(async (valid) => {
if (valid) { if (valid) {
this.btnLoading = true; this.btnLoading = true;
@ -659,7 +606,7 @@ export default {
}); });
}, },
handleDel() { handleDel () {
let params = { let params = {
demandRecId: this.demandRecId, demandRecId: this.demandRecId,
}; };
@ -680,7 +627,7 @@ export default {
}); });
}, },
getTreeData(data) { getTreeData (data) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr = data.map((item) => { let arr = data.map((item) => {
let _item = {}; let _item = {};
@ -696,7 +643,7 @@ export default {
return arr; return arr;
}, },
getFlagData(data, flag) { getFlagData (data, flag) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr1 = data.filter((item) => item[flag]); let arr1 = data.filter((item) => item[flag]);
let arr2 = arr1.map((item) => { let arr2 = arr1.map((item) => {
@ -708,7 +655,7 @@ export default {
return arr2; return arr2;
}, },
async getGridList(type, agencyId) { async getGridList (type, agencyId) {
const { user } = await this.$store.state; const { user } = await this.$store.state;
console.log("user---ppp", user); console.log("user---ppp", user);
// addorupdate query // addorupdate query
@ -732,7 +679,7 @@ export default {
}); });
}, },
async getDemandUserList() { async getDemandUserList () {
const { user } = await this.$store.state; const { user } = await this.$store.state;
console.log("user---ppp", user); console.log("user---ppp", user);
const params = { const params = {
@ -756,7 +703,7 @@ export default {
}); });
}, },
async getDemandOptions() { async getDemandOptions () {
this.$http this.$http
.post("/heart/icresidemanddict/demandoption") .post("/heart/icresidemanddict/demandoption")
.then(({ data: res }) => { .then(({ data: res }) => {
@ -775,7 +722,7 @@ export default {
}); });
}, },
async getServiceuserList(serviceType, query) { async getServiceuserList (serviceType, query) {
if (!serviceType) return false; if (!serviceType) return false;
const { demandUserId } = this.form; const { demandUserId } = this.form;
const params = { const params = {
@ -799,7 +746,7 @@ export default {
}); });
}, },
async getDictOptions() { async getDictOptions () {
this.$http this.$http
.post("/sys/dict/data/dictlist", { dictType: "user_demand_status" }) .post("/sys/dict/data/dictlist", { dictType: "user_demand_status" })
.then(({ data: res }) => { .then(({ data: res }) => {
@ -845,7 +792,7 @@ export default {
}); });
}, },
async getInfo() { async getInfo () {
let params = { let params = {
demandRecId: this.demandRecId, demandRecId: this.demandRecId,
}; };
@ -863,6 +810,8 @@ export default {
res.data.parentCode + res.data.categoryCode, res.data.parentCode + res.data.categoryCode,
], ],
}; };
this.finishServiceTime = [this.form.serviceStartTime, this.form.serviceEndTime]
this.getGridList(); this.getGridList();
this.getDemandOptions(); this.getDemandOptions();
this.getDemandUserList(); this.getDemandUserList();

Write Preview
Loading…
Cancel
Save