27 changed files with 571 additions and 35 deletions
-
4src/manifest.json
-
39src/pages.json
-
5src/pages/index/index.vue
-
13src/pages/menu/forth.vue
-
BINsrc/static/images/tab/ta_1.png
-
BINsrc/static/images/tab/ta_2.png
-
BINsrc/static/images/tab/ta_3.png
-
BINsrc/static/images/tab/ta_4.png
-
BINsrc/static/images/tab/tab_1.png
-
BINsrc/static/images/tab/tab_2.png
-
BINsrc/static/images/tab/tab_3.png
-
BINsrc/static/images/tab/tab_4.png
-
2src/subpackage/menu/components/mine/line_tab.vue
-
30src/subpackage/message/components/detail/answer_item.vue
-
27src/subpackage/message/components/detail/image_flow.vue
-
26src/subpackage/message/components/detail/info.vue
-
2src/subpackage/message/components/edit/upload_img.vue
-
1src/subpackage/message/components/fixed_button.vue
-
12src/subpackage/message/components/message_item.vue
-
5src/subpackage/message/js/api.js
-
138src/subpackage/message/pages/complaint/detail.vue
-
18src/subpackage/message/pages/complaint/list.vue
-
171src/subpackage/message/pages/work_order/detail.vue
-
105src/subpackage/message/pages/work_order/list.vue
-
BINsrc/subpackage/message/static/images/arrow_b2.png
-
BINsrc/subpackage/message/static/images/message.png
-
8src/utils/util.js
|
After Width: 56 | Height: 56 | Size: 558 B |
|
After Width: 56 | Height: 56 | Size: 795 B |
|
After Width: 56 | Height: 56 | Size: 726 B |
|
After Width: 56 | Height: 56 | Size: 553 B |
|
After Width: 56 | Height: 56 | Size: 653 B |
|
After Width: 56 | Height: 56 | Size: 986 B |
|
After Width: 56 | Height: 56 | Size: 939 B |
|
After Width: 56 | Height: 56 | Size: 668 B |
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<view class="complaint-detail"> |
|||
<view class="top-status">当前状态：{{ orderInfo.status || '-' }}</view> |
|||
<view class="heigh-space" style="height: 24upx;"></view> |
|||
<detail-info |
|||
:title="orderInfo.title || '-'" |
|||
:type="orderInfo.type || '-'" |
|||
:content="orderInfo.content || '-'" |
|||
></detail-info> |
|||
<block v-if="imgArr.length"> |
|||
<view class="heigh-space" style="height: 24upx;"></view> |
|||
<image-flow :imgs="imgArr"></image-flow> |
|||
</block> |
|||
<view class="heigh-space" style="height: 24upx;"></view> |
|||
<button class="right-btn" @click="replyBtn">回复</button> |
|||
<block v-for="(e, i) in commentArr" :key="i"> |
|||
<view class="heigh-space" style="height: 24upx;"></view> |
|||
<answer-item |
|||
:name="e.user_name || ''" |
|||
:time="e.reply_time || ''" |
|||
:content="e.content || ''" |
|||
:active-bg="e.is_creator" |
|||
></answer-item> |
|||
</block> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import detailInfo from "../../components/detail/info.vue"; |
|||
import imageFlow from "../../components/detail/image_flow.vue"; |
|||
import answerItem from "../../components/detail/answer_item.vue"; |
|||
import { routeTo, debounce, showLoad, hideLoad, showModal, showNone } from "@/utils/util.js"; |
|||
import { MESSAGE_API } from "../../js/api.js"; |
|||
import server from "../../js/server.js"; |
|||
export default { |
|||
components: { |
|||
detailInfo, imageFlow, answerItem |
|||
}, |
|||
computed: { |
|||
imgArr(){ |
|||
let { orderInfo } = this; |
|||
let _showimgs = orderInfo?.showimgs ?? []; |
|||
return _showimgs; |
|||
}, |
|||
commentArr(){ |
|||
let { orderInfo } = this; |
|||
let _comment = orderInfo?.comment ?? []; |
|||
return _comment; |
|||
} |
|||
}, |
|||
data(){ |
|||
return { |
|||
orderInfo: {} |
|||
} |
|||
}, |
|||
onLoad(options){ |
|||
this.workorderInfo({ |
|||
brand_id: options?.brand_id ?? '', |
|||
id: options?.id ?? '' |
|||
}) |
|||
}, |
|||
methods: { |
|||
replyBtn(){ |
|||
let { orderInfo } = this; |
|||
showModal({ |
|||
title: '回复', |
|||
showCancel: true, |
|||
editable: true, |
|||
placeholderText: '请输入回复内容', |
|||
success: mRes=>{ |
|||
console.log('replyBtn mRes --->', mRes); |
|||
if(mRes?.confirm && mRes?.content)this.workorderReply({ |
|||
brand_id: orderInfo?.brand_id ?? '', |
|||
id: orderInfo?.id ?? '', |
|||
reply_text: mRes?.content ?? '' |
|||
}) |
|||
.then(res =>{ |
|||
if(res === 'success'){ |
|||
setTimeout(_=>{ |
|||
this.workorderInfo({ |
|||
brand_id: orderInfo?.brand_id ?? '', |
|||
id: orderInfo?.id ?? '' |
|||
}) |
|||
}, 1000); |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
workorderInfo({ brand_id, id }){ |
|||
showLoad(); |
|||
return server.post({ |
|||
url: MESSAGE_API.workorderInfo, |
|||
data: { brand_id: +brand_id, id: +id }, |
|||
isDefaultGet: false, |
|||
}) |
|||
.then(res => { |
|||
hideLoad(); |
|||
let _data = res?.data || {}; |
|||
if(_data.code === 0){ |
|||
let _info = _data?.data ?? {}; |
|||
return this.orderInfo = _info; |
|||
}else{ |
|||
return Promise.reject(_data); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
hideLoad(); |
|||
showModal({ |
|||
title: '提示', |
|||
content: err.message || '加载失败！' |
|||
}) |
|||
console.warn('subpackage message pages work_order detail workorderInfo err --->', err); |
|||
// return Promise.reject(err); |
|||
}) |
|||
}, |
|||
workorderReply({ brand_id, id, reply_text }){ |
|||
showLoad(); |
|||
return server.post({ |
|||
url: MESSAGE_API.workorderReply, |
|||
data: { brand_id: +brand_id, id: +id, reply_text }, |
|||
isDefaultGet: false, |
|||
}) |
|||
.then(res => { |
|||
hideLoad(); |
|||
let _data = res?.data || {}; |
|||
if(_data.code === 0){ |
|||
showNone(_data?.message ?? '回复成功！'); |
|||
return 'success' |
|||
}else{ |
|||
return Promise.reject(_data); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
hideLoad(); |
|||
showModal({ |
|||
title: '提示', |
|||
content: err.message || '操作失败！' |
|||
}) |
|||
console.warn('subpackage message pages work_order detail workorderReply err --->', err); |
|||
// return Promise.reject(err); |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.complaint-detail{ |
|||
padding: 24upx; |
|||
@include isPd(24upx); |
|||
} |
|||
.top-status{ |
|||
padding: 0 24upx; |
|||
text-align: center; |
|||
border-radius: 10upx; |
|||
background: #fff; |
|||
@include tHide; |
|||
@include flcw(28upx, 84upx, #1A1A1A); |
|||
} |
|||
.right-btn{ |
|||
margin-left: auto; |
|||
margin-right: 0upx; |
|||
width: 192upx; |
|||
text-align: center; |
|||
border-radius: 10upx; |
|||
background: $mColor; |
|||
@include flcw(32upx, 88upx, #FFFFFF); |
|||
} |
|||
</style> |
|||
@ -0,0 +1,105 @@ |
|||
<template> |
|||
<view class="complaint-list"> |
|||
<view class="cl-ls"> |
|||
<block v-for="(e, i) in listData" :key="i"> |
|||
<message-item |
|||
:title="e.title" |
|||
:status="e.status" |
|||
:content="e.content" |
|||
@click:item="itemClick(e)" |
|||
></message-item> |
|||
<view style="height: 24rpx;"></view> |
|||
</block> |
|||
</view> |
|||
<fixed-button @click="clickBtn"></fixed-button> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import fixedButton from "../../components/fixed_button.vue"; |
|||
import messageItem from "../../components/message_item.vue"; |
|||
import { routeTo, debounce, showLoad, hideLoad, showModal, showNone } from "@/utils/util.js"; |
|||
import { MESSAGE_API } from "../../js/api.js"; |
|||
import server from "../../js/server.js"; |
|||
export default { |
|||
components: { |
|||
fixedButton, |
|||
messageItem, |
|||
}, |
|||
data(){ |
|||
return { |
|||
brand_id: '', |
|||
listData: [], |
|||
page: 1 |
|||
} |
|||
}, |
|||
onLoad(options){ |
|||
let _bid = options?.brand_id ?? ''; |
|||
this.brand_id = _bid; |
|||
this.workorderList({ brand_id: _bid }); |
|||
}, |
|||
async onPullDownRefresh(){ |
|||
let { brand_id } = this; |
|||
this.listData = []; |
|||
this.page = 1; |
|||
await this.workorderList({ brand_id }); |
|||
uni.stopPullDownRefresh(); |
|||
}, |
|||
onReachBottom(){ |
|||
let { page, brand_id } = this; |
|||
this.workorderList({ page: page + 1, brand_id }); |
|||
}, |
|||
methods: { |
|||
itemClick(e){ |
|||
let { brand_id } = this; |
|||
let _qryStr = `brand_id=${brand_id ?? ''}&id=${e?.id ?? ''}`; |
|||
routeTo(`/subpackage/message/pages/work_order/detail?${_qryStr}`, 'nT'); |
|||
}, |
|||
clickBtn(){ |
|||
let { brand_id } = this; |
|||
routeTo(`/subpackage/message/pages/work_order/edit?brand_id=${brand_id ?? ''}`, 'nT'); |
|||
}, |
|||
workorderList({ brand_id, page = 1, page_size = 20}){ |
|||
showLoad(); |
|||
return server.post({ |
|||
url: MESSAGE_API.workorderList, |
|||
data: { brand_id: +brand_id, page, page_size }, |
|||
isDefaultGet: false, |
|||
}) |
|||
.then(res => { |
|||
hideLoad(); |
|||
let _data = res?.data || {}; |
|||
if(_data.code === 0){ |
|||
let _ls = _data?.data ?? []; |
|||
if(page === 1)return this.listData = _ls; |
|||
if(!_ls.length)return showNone('没有更多！'); |
|||
this.page = page; |
|||
this.listData = [ ...this.listData, ..._ls ]; |
|||
return _ls; |
|||
}else{ |
|||
return Promise.reject(_data); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
hideLoad(); |
|||
showModal({ |
|||
title: '提示', |
|||
content: err.message || '加载失败！' |
|||
}) |
|||
console.warn('subpackage message pages work_order list workorderList err --->', err); |
|||
// return Promise.reject(err); |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.complaint-list{ |
|||
@include isPd(132upx); |
|||
.cl-ls{ |
|||
padding: 28upx 24upx 0; |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: 15 | Height: 15 | Size: 226 B |
|
After Width: 54 | Height: 54 | Size: 959 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue