<template>
|
<el-dialog
|
title="核实服务申请"
|
:visible="value"
|
width="50%"
|
:modal="false"
|
:show-close="false"
|
:before-close="onCancel"
|
>
|
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm">
|
<el-form-item label="用户昵称:" >{{item.userName}}</el-form-item>
|
<el-form-item label="真实姓名:" >{{item.realName}}</el-form-item>
|
<el-form-item label="联系电话:" >{{item.phone}}</el-form-item>
|
<el-form-item label="申请服务内容:" >
|
<p>{{item.serviceContent}}</p>
|
<el-image
|
v-for="(i, ix) in item.serviceImage"
|
:key="ix"
|
style="width: 60px; height: 60px;margin-right:10px"
|
:src="i"
|
:preview-src-list="item.serviceImage">
|
</el-image>
|
<p>{{item.serviceAt}} 提交服务申请</p>
|
</el-form-item>
|
<el-form-item label="反馈内容:" >
|
<el-input v-model="ruleForm.content" type="textarea" placeholder="请输入反馈内容"></el-input>
|
</el-form-item>
|
<el-form-item label="核实结果" prop="remark">
|
<el-radio v-model="status" label="2">通过</el-radio>
|
<el-radio v-model="status" label="1">不通过</el-radio>
|
</el-form-item>
|
<el-form-item label="分派服务人员" v-if="status == '2'">
|
<el-cascader
|
v-model="cascaderId"
|
:options="teamoptions"
|
></el-cascader>
|
</el-form-item>
|
</el-form>
|
<!-- 底部按钮 -->
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="onCancel">取 消</el-button>
|
<el-button type="primary" @click="onOk('ruleForm')">确 定</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
value: { type: Boolean },
|
chooseId:{type:Number}
|
},
|
data() {
|
return {
|
ruleForm: {
|
content: '',
|
serviceId: '',
|
memberId:'',
|
isPass:'TRUE',
|
},
|
cascaderId:[],
|
status: '1',
|
rules: {
|
name: [
|
{ required: true, message: '请输入话题', trigger: 'blur' }
|
]
|
},
|
title: '',
|
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
srcList: [
|
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
|
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
|
],
|
item:[],
|
teamoptions:[]
|
}
|
},
|
watch: {
|
chooseId (val) {
|
if(val) {
|
this.details(val);
|
this.getTeamList();
|
}else {
|
this.ruleForm= {
|
content: '',
|
serviceId: '',
|
memberId:'',
|
isPass:'TRUE',
|
}
|
}
|
|
}
|
},
|
|
methods: {
|
details(d) {
|
this.ruleForm.serviceId = d;
|
this.$api.get('fms/service/detail',{serviceId:d},e=>{
|
if (e.serviceImage) {
|
e.serviceImage = e.serviceImage.split(",");
|
}
|
this.item = e;
|
})
|
},
|
getTeamList() {
|
this.$api.get("fms/teamMember/cascade", {}, d => {
|
this.teamoptions = d;
|
console.log(d)
|
});
|
},
|
/** 取消 */
|
onCancel () {
|
this.$emit('change', false);
|
},
|
|
/** 确认 */
|
onOk(formName) {
|
this.$refs[formName].validate((valid) => {
|
if(this.status == '1') {
|
this.ruleForm.isPass = false
|
} else {
|
this.ruleForm.isPass = true
|
}
|
if (valid) {
|
this.save()
|
} else {
|
return false;
|
}
|
});
|
},
|
|
save() {
|
this.ruleForm.memberId = this.cascaderId[2]
|
this.$api.post("fms/service/approval", this.ruleForm, e => {
|
this.$message('保存成功');
|
this.$emit('success');
|
});
|
},
|
|
|
}
|
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.el-form-item--small.el-form-item {
|
margin-bottom: 8px !important;
|
}
|
</style>
|
