增加投诉编辑

This commit is contained in:
aihe 2023-12-07 12:05:57 +08:00
parent e309f70266
commit 43ecc7b2a8
6 changed files with 195 additions and 39 deletions

View File

@ -61,6 +61,12 @@
"style": { "style": {
"navigationBarTitleText": "投诉列表" "navigationBarTitleText": "投诉列表"
} }
},
{
"path": "pages/complaint/edit",
"style": {
"navigationBarTitleText": "投诉编辑"
}
} }
], ],
"subPackages": [{ "subPackages": [{

View File

@ -1,19 +1,46 @@
<template> <template>
<view class="com-jianju" style="padding-top: 30rpx;"> <tpx-layout>
<view class="com-radius" style="background-color: #fff;padding: 26rpx 30rpx;">
<u-row justify="between"> <template v-slot:body>
<u-text size="28" color="#0E0708" :bold="true" text="T7080123982301"></u-text> <view class="com-jianju" style="padding-top: 30rpx;">
<u-text align="right" color="#A81729" size="28" text="查看"></u-text> <view class="com-radius" style="background-color: #fff;padding: 26rpx 30rpx;">
</u-row> <u-row @click="handleEditItem()" justify="between">
<u-line color="#D9D9D9" margin="26rpx 0"></u-line> <u-text size="30" color="#0E0708" :bold="true" text="T7080123982301"></u-text>
<u-text size="30" color="#333" :bold="true" text="投诉原因:×××"></u-text> <u-text align="right" color="#A81729" size="28" text="查看"></u-text>
<u-text size="30" color="#333" :bold="true" text="投诉描述:×××" margin="30rpx 0 0 0"></u-text> </u-row>
<u-text align="right" size="28" color="#333" text="投诉时间:2023-11-20 13:28:56" margin="30rpx 0 0 0"></u-text> <u-line color="#D9D9D9" margin="26rpx 0"></u-line>
</view>
</view> <view>
<u-text size="28" color="#333" :bold="true" text="投诉原因"></u-text>
<u-text size="26" color="#999" margin="10rpx 0 0 0" text="×××"></u-text>
</view>
<view class="mt-30">
<u-text size="28" color="#333" :bold="true" text="投诉描述"></u-text>
<u-text size="26" color="#999" margin="10rpx 0 0 0" text="×××"></u-text>
</view>
<view class="mt-30">
<u-text size="28" color="#333" :bold="true" text="投诉时间"></u-text>
<u-text size="26" color="#999" margin="10rpx 0 0 0" text="2023-11-20 13:28:56"></u-text>
</view>
</view>
</view>
</template>
<template v-slot:footer>
<view class="blcok-white-noradius">
<u-button @click="handleEditItem()" type="primary" size="large" shape="circle"
custom-style="height:80rpx;font-size: 30rpx;"
>新增</u-button>
</view>
</template>
</tpx-layout>
</template> </template>
<script> <script>
import getCdnUrl from "@/common/getCdnUrl" import getCdnUrl from "@/common/getCdnUrl"
import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
export default { export default {
props: { props: {
// hasLeftWin: { // hasLeftWin: {
@ -33,6 +60,9 @@
}, },
methods: { methods: {
getCdnUrl, getCdnUrl,
handleEditItem(item={}) {
goto(`complaint/edit?id=${item.id}`)
},
} }
} }
</script> </script>

120
pages/complaint/edit.vue Normal file
View File

@ -0,0 +1,120 @@
<template>
<tpx-layout>
<template v-slot:body>
<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
<view class="blcok-white radius-20">
<view class="">
<view class="mt-10">
<u-input shape="circle" placeholder="运单号" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
</view>
<view class="mt-30 blcok-grey radius-20">
<u-row>
<view style="flex: 1;">
<u-text text="投诉原因" size="30"></u-text>
</view>
<u-row>
<u-icon size="24" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view class="mt-30">
<u-textarea shape="circle" placeholder="投诉描述" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
</view>
</view>
</view>
</view>
</template>
<template v-slot:footer>
<view class="blcok-white-noradius">
<u-button @click="handleSubmit()" type="primary" size="large" shape="circle"
custom-style="height:80rpx;font-size: 30rpx;"
>确定</u-button>
</view>
</template>
</tpx-layout>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
import {
ordStaEnum,
ordStatusList,
payTypeEnum,
payTypeList,
dlvTypeEnum,
dlvTypeList,
dateTypeEnum,
dateTypeList
} from "@/common/enum"
import {
goto, goBack
} from "@/common/untool"
export default {
props: {
// hasLeftWin: {
// type: Boolean
// }
},
computed: {
},
data() {
return {
submitParam: {
type: 1,
otherDes: ''
}
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
onLoad() {
this.initData();
},
onUnload() {
},
methods: {
getCdnUrl,
initData() {
// uni.showLoading({
// title: '加载中'
// });
},
handleAnsText(){
},
handleFormChange(){
},
handleSubmit() {
goBack()
},
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page {
background-color: #F6F6F6;
height: 100% !important;
}
</style>
<style scoped lang="scss">
</style>

View File

@ -20,13 +20,13 @@
<view style="flex: 1;padding: 0 30rpx;"> <view style="flex: 1;padding: 0 30rpx;">
<u-text text="寄件人信息" size="28" :bold="true"></u-text> <u-text text="寄件人信息" size="28" :bold="true"></u-text>
<view style="margin: 8rpx 0 0 0;"> <view style="margin: 8rpx 0 0 0;">
<u-text text="请新建您的寄件地址信息" size="22" color="#999"></u-text> <u-text text="请新建您的寄件地址信息" size="26" color="#999"></u-text>
</view> </view>
</view> </view>
<view class="flex-column-center"> <view class="flex-column-center">
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)"> <image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)">
</image> </image>
<u-text align="center" text="地址薄" size="22" :bold="true" <u-text align="center" text="地址薄" size="26" :bold="true"
margin="8rpx 0 0 0"></u-text> margin="8rpx 0 0 0"></u-text>
</view> </view>
<view style="position: absolute;left: 20rpx;bottom: -20rpx;top: 46rpx;"> <view style="position: absolute;left: 20rpx;bottom: -20rpx;top: 46rpx;">
@ -48,13 +48,13 @@
<view class="pr-30 pl-30" style="flex: 1;"> <view class="pr-30 pl-30" style="flex: 1;">
<u-text text="收件人信息" size="28" :bold="true"></u-text> <u-text text="收件人信息" size="28" :bold="true"></u-text>
<view style="margin: 8rpx 0 0 0;"> <view style="margin: 8rpx 0 0 0;">
<u-text text="请填写收件人国家、姓名,电话" size="22" color="#999"></u-text> <u-text text="请填写收件人国家、姓名,电话" size="26" color="#999"></u-text>
</view> </view>
</view> </view>
<view class="flex-column-center"> <view class="flex-column-center">
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)"> <image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)">
</image> </image>
<u-text align="center" text="地址薄" size="22" :bold="true" <u-text align="center" text="地址薄" size="26" :bold="true"
margin="8rpx 0 0 0"></u-text> margin="8rpx 0 0 0"></u-text>
</view> </view>
</u-row> </u-row>
@ -74,8 +74,8 @@
<u-text text="目的国" size="28" :bold="true"></u-text> <u-text text="目的国" size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" text="柬埔寨"></u-text> <u-text align="right" margin="0 12rpx 0 0" size="26" text="柬埔寨"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -86,9 +86,9 @@
<u-text text="选择线路" size="28" :bold="true"></u-text> <u-text text="选择线路" size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" color="#999" <u-text align="right" margin="0 12rpx 0 0" size="26" color="#999"
text="请选择"></u-text> text="请选择"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -99,9 +99,9 @@
<u-text text="货物信息(必填)" size="28" :bold="true"></u-text> <u-text text="货物信息(必填)" size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" color="#999" <u-text align="right" margin="0 12rpx 0 0" size="26" color="#999"
text="填写物品信息"></u-text> text="填写物品信息"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -112,9 +112,9 @@
<u-text text="重量/体积" size="28" :bold="true"></u-text> <u-text text="重量/体积" size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" color="#999" <u-text align="right" margin="0 12rpx 0 0" size="26" color="#999"
text="填写重量体积"></u-text> text="填写重量体积"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -125,8 +125,8 @@
<u-text text="期望上门时间 " size="28" :bold="true"></u-text> <u-text text="期望上门时间 " size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" text="1小时内"></u-text> <u-text align="right" margin="0 12rpx 0 0" size="26" text="1小时内"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -137,8 +137,8 @@
<u-text text="付款方式" size="28" :bold="true"></u-text> <u-text text="付款方式" size="28" :bold="true"></u-text>
</view> </view>
<u-row custom-style="flex: 1;" justify="end" align="center"> <u-row custom-style="flex: 1;" justify="end" align="center">
<u-text align="right" margin="0 12rpx 0 0" size="22" text="1现金/月结"></u-text> <u-text align="right" margin="0 12rpx 0 0" size="26" text="1现金/月结"></u-text>
<u-icon size="22" name="arrow-right" color="#333"></u-icon> <u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row> </u-row>
</u-row> </u-row>
</view> </view>
@ -152,11 +152,11 @@
<u-row justify="between"> <u-row justify="between">
<u-col span="8"> <u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text> <u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="22" color="#999"></u-text> <u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col> </u-col>
<u-col span="4"> <u-col span="4">
<u-text align="right" text="运费预估" size="22" color="#999"></u-text> <u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="22" :bold="true" mode="price" <u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text> color="#B12D29"></u-text>
</u-col> </u-col>
</u-row> </u-row>
@ -165,11 +165,11 @@
<u-row justify="between"> <u-row justify="between">
<u-col span="8"> <u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text> <u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="22" color="#999"></u-text> <u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col> </u-col>
<u-col span="4"> <u-col span="4">
<u-text align="right" text="运费预估" size="22" color="#999"></u-text> <u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="22" :bold="true" mode="price" <u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text> color="#B12D29"></u-text>
</u-col> </u-col>
</u-row> </u-row>
@ -183,7 +183,7 @@
maxlength="50" count></u-textarea> maxlength="50" count></u-textarea>
<u-line margin="20rpx 0 10rpx 0"></u-line> <u-line margin="20rpx 0 10rpx 0"></u-line>
<u-row justify="between"> <u-row justify="between">
<u-text text="您的专属快递员" size="22" color="#999"></u-text> <u-text text="您的专属快递员" size="26" color="#999"></u-text>
<u-row> <u-row>
<u-text text="李晓" size="28" :bold="true" margin="0 30rpx 0 0"></u-text> <u-text text="李晓" size="28" :bold="true" margin="0 30rpx 0 0"></u-text>
<view> <view>
@ -201,12 +201,12 @@
<view> <view>
<u-row align="top"> <u-row align="top">
<u-checkbox-group v-model="agreePrivateRule" placement="column" @change="handleFormChange()"> <u-checkbox-group v-model="agreePrivateRule" placement="column" @change="handleFormChange()">
<u-checkbox size="22" labelSize="22" v-model="agreePrivateRule" label="我已同意接受" <u-checkbox size="26" labelSize="26" v-model="agreePrivateRule" label="我已同意接受"
label-color=":#999" activeColor="#B12D29" label-color=":#999" activeColor="#B12D29"
custom-style="margin-bottom: 10rpx;"></u-checkbox> custom-style="margin-bottom: 10rpx;"></u-checkbox>
</u-checkbox-group> </u-checkbox-group>
<view class="pl-10" style="padding-top: 6rpx;"> <view class="pl-10" style="padding-top: 6rpx;">
<u-text text="《快件运单契约条款》" size="22"></u-text> <u-text text="《快件运单契约条款》" size="26"></u-text>
</view> </view>
</u-row> </u-row>
<u-row> <u-row>
@ -215,7 +215,7 @@
</view> </view>
<u-text :text="80" mode="price" color="#B12D29" :bold="true" size="28"></u-text> <u-text :text="80" mode="price" color="#B12D29" :bold="true" size="28"></u-text>
</u-row> </u-row>
<u-text margin="10rpx 0 0 0" text="温馨提示:具体费用以快递小哥核实为准" color="#999" size="22"></u-text> <u-text margin="10rpx 0 0 0" text="温馨提示:具体费用以快递小哥核实为准" color="#999" size="26"></u-text>
</view> </view>
<u-row> <u-row>
<u-button size="large" shape="circle" <u-button size="large" shape="circle"

View File

@ -77,7 +77,7 @@
{ title: '进仓单', subTitle: "", icon: getCdnUrl(`mine/jcdan.png`), url: '' }, { title: '进仓单', subTitle: "", icon: getCdnUrl(`mine/jcdan.png`), url: '' },
{ title: '协议', subTitle: "", icon: getCdnUrl(`mine/xieyi.png`), url: '' }, { title: '协议', subTitle: "", icon: getCdnUrl(`mine/xieyi.png`), url: '' },
{ title: '账单查询', subTitle: "", icon: getCdnUrl(`mine/zhdancha.png`), url: '' }, { title: '账单查询', subTitle: "", icon: getCdnUrl(`mine/zhdancha.png`), url: '' },
{ title: '地址簿', subTitle: "", icon: getCdnUrl(`mine/dizhi.png`), url: '' }, { title: '地址簿', subTitle: "", icon: getCdnUrl(`mine/dizhi.png`), url: 'address/list' },
{ title: '快件查询', subTitle: "", icon: getCdnUrl(`mine/kjcha.png`), url: '' }, { title: '快件查询', subTitle: "", icon: getCdnUrl(`mine/kjcha.png`), url: '' },
{ title: '投诉建议', subTitle: "", icon: getCdnUrl(`mine/tousu.png`), url: 'complaint/complaint' }, { title: '投诉建议', subTitle: "", icon: getCdnUrl(`mine/tousu.png`), url: 'complaint/complaint' },
{ title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: '' } { title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: '' }

BIN
static/a.apk Normal file

Binary file not shown.