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

服务记录详情

shibei_master
jiangyy 3 years ago
parent
50f0398248
commit
0a814607ea
1 changed files with 69 additions and 35 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. 104
      src/views/modules/communityService/fuwujilu/detailForm.vue

104
src/views/modules/communityService/fuwujilu/detailForm.vue
View File

@ -144,6 +144,7 @@
<el-form ref="ref_form_feedback" <el-form ref="ref_form_feedback"
:inline="true" :inline="true"
:disabled="true"
:model="feedbackFormData" :model="feedbackFormData"
class="div_form"> class="div_form">
@ -151,45 +152,41 @@
prop="serviceGoal" prop="serviceGoal"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<span>{{feedbackFormData.serviceGoal}}</span> <el-input class="item_width_1"
<!-- <el-input class="item_width_1"
type="textarea" type="textarea"
maxlength="1000" maxlength="1000"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入服务目标，不超过1000字" placeholder="请输入服务目标，不超过1000字"
v-model="feedbackFormData.serviceGoal"></el-input> --> v-model="feedbackFormData.serviceGoal"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务效果" <el-form-item label="服务效果"
prop="serviceEffect" prop="serviceEffect"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<span>{{feedbackFormData.serviceEffect}}</span> <el-input class="item_width_1"
<!-- <el-input class="item_width_1"
type="textarea" type="textarea"
maxlength="1000" maxlength="1000"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入服务效果，不超过1000字" placeholder="请输入服务效果，不超过1000字"
v-model="feedbackFormData.serviceEffect"></el-input> --> v-model="feedbackFormData.serviceEffect"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务人数" <el-form-item label="服务人数"
style="display: block" style="display: block"
prop="servicePeopleNumber" prop="servicePeopleNumber"
label-width="150px"> label-width="150px">
<span>{{feedbackFormData.servicePeopleNumber}}</span> <el-input-number class="item_width_1"
<!-- <el-input-number class="item_width_1"
v-model="feedbackFormData.servicePeopleNumber" v-model="feedbackFormData.servicePeopleNumber"
:min="0" :min="0"
:max="9999" :max="9999"
label="服务人数"></el-input-number> --> label="服务人数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="服务状态" <el-form-item label="服务状态"
label-width="150px" label-width="150px"
style="display: block"
prop="serviceStatus"> prop="serviceStatus">
<span>已完成</span> <span>已完成</span>
<!-- <el-select class="item_width_1" <!-- <el-select class="item_width_1"
@ -205,11 +202,9 @@
</el-form-item> </el-form-item>
<el-form-item label="满意度" <el-form-item label="满意度"
style="display: block"
label-width="150px" label-width="150px"
prop="satisfaction"> prop="satisfaction">
<span>{{feedbackFormData.satisfactionShow}}</span> <el-select class="item_width_1"
<!-- <el-select class="item_width_1"
v-model="feedbackFormData.satisfaction" v-model="feedbackFormData.satisfaction"
placeholder="全部" placeholder="全部"
clearable> clearable>
@ -218,18 +213,17 @@
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> --> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="地址" <el-form-item label="地址"
prop="address" prop="address"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<span>{{feedbackFormData.address}}</span> <el-input class="item_width_1"
<!-- <el-input class="item_width_1" v-model="feedbackFormData.address"></el-input>
v-model="feedbackFormData.address"></el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="地图位置" <!-- <el-form-item label="地图位置"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<div style="width:500px"> <div style="width:500px">
@ -252,20 +246,30 @@
</div> </div>
</div> </div>
</el-form-item> </el-form-item> -->
<el-form-item class="block" <el-form-item class="block"
label="附件" label="附件"
label-width="150px" label-width="150px"
prop="attach"> prop="attach">
<el-upload v-if="feedbackFormData.attachmentList&&feedbackFormData.attachmentList.length>0" <!-- <el-upload v-if="feedbackFormData.attachmentList&&feedbackFormData.attachmentList.length>0"
class="upload-demo" class="upload-demo"
:action="uploadUlr" :on-preview="handleFileDownload"
accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3" accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
:limit="3" :limit="3"
:file-list="fileList"> :file-list="fileList">
</el-upload> </el-upload> -->
<div v-if="feedbackFormData.attachmentList&&feedbackFormData.attachmentList.length>0"
class="attachement-list">
<a :href="att.attachmentUrl"
target="_blank"
:key="att.attachmentUrl"
v-for="att in feedbackFormData.attachmentList">
<i class="el-icon-folder-opened"></i>
{{ att.attachmentName }}
</a>
</div>
<span v-else>无附件</span> <span v-else>无附件</span>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -317,6 +321,8 @@ export default {
} }
return { return {
btnDisable: false, btnDisable: false,
keyWords: '', keyWords: '',
@ -366,8 +372,8 @@ export default {
this.loadInfo() this.loadInfo()
} }
this.initMap() // this.initMap()
console.log('mounted')
}, },
@ -387,16 +393,17 @@ export default {
this.formData.serviceRecordId = this.serviceRecordId this.formData.serviceRecordId = this.serviceRecordId
this.feedbackFormData = { ...data.feedBack } this.feedbackFormData = { ...data.feedBack }
this.feedbackFormData.servicePeopleNumber = this.formData.servicePeopleNumber this.feedbackFormData.servicePeopleNumber = this.formData.servicePeopleNumber
this.feedbackFormData.satisfactionShow = this.feedbackFormData.satisfaction === 'perfect' ? '非常满意' : this.feedbackFormData.satisfaction === 'good' ? '基本满意' : '不满意'
this.fileList = [] this.fileList = []
data.feedBack.attachmentList.forEach(element => { if (data.feedBack.attachmentList && data.feedBack.attachmentList.length > 0) {
let obj = { data.feedBack.attachmentList.forEach(element => {
name: element.attachmentName, let obj = {
format: element.attachmentFormat, name: element.attachmentName,
url: element.attachmentUrl, format: element.attachmentFormat,
} url: element.attachmentUrl,
this.fileList.push(obj) }
}); this.fileList.push(obj)
});
}
} else { } else {
@ -422,7 +429,6 @@ export default {
}, },
async editFuwu () { async editFuwu () {
const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码 const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
if (regPhone.test(this.formData.principalContact) === false) { if (regPhone.test(this.formData.principalContact) === false) {
@ -461,6 +467,19 @@ export default {
}, },
//下载
handleFileDownload (file) {
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = file.name;
console.log(a)
a.href = file.url;
a.dispatchEvent(event);
},
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap () {
// 定义地图中心点坐标 // 定义地图中心点坐标
@ -567,7 +586,7 @@ export default {
geocoder geocoder
.getAddress({ location: location }) // 将给定的坐标位置转换为地址 .getAddress({ location: location }) // 将给定的坐标位置转换为地址
.then((result) => { .then((result) => {
// this.formData.address = result.result.address this.formData.address = result.result.address
// 显示搜索到的地址 // 显示搜索到的地址
}); });
}, },
@ -606,6 +625,7 @@ export default {
computed: { computed: {
dataRule () { dataRule () {
return { return {
serviceCategoryKey: [ serviceCategoryKey: [
{ required: true, message: '服务类别不能为空', trigger: 'blur' }, { required: true, message: '服务类别不能为空', trigger: 'blur' },
], ],
@ -656,4 +676,18 @@ export default {
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/management/form-main.scss"; @import "@/assets/scss/modules/management/form-main.scss";
.attachement-list {
// padding-left: 20px;
a {
display: block;
cursor: pointer;
// color: #4df0ff;
font-size: 14px;
i {
color: #333;
}
}
}
</style> </style>

Write Preview
Loading…
Cancel
Save