Skip to content

M
mallapp
Commit c970eed4 authored by 罗超's avatar 罗超
Browse files
Options

新增投诉建议

parent d69e5e11
Hide whitespace changes
Inline Side-by-side
Showing with 214 additions and 109 deletions
pages/kotra/fat.vue
View file @ c970eed4
<style> <style>
.row{
display: flex;
}
.items-center{
align-items: center;
}
.fatContent { .fatContent {
background-color: #fff; background-color: #fff;
margin-bottom:80px; margin-bottom:80px;
...@@ -39,7 +46,8 @@ ...@@ -39,7 +46,8 @@
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
line-height: 50px; line-height: 50px;
background-color: #000450; background-color: #017EDF;
padding-bottom: env(safe-area-inset-top);
} }
.fatContent .inputM{ .fatContent .inputM{
margin: 15rpx; margin: 15rpx;
...@@ -50,49 +58,66 @@ ...@@ -50,49 +58,66 @@
</style> </style>
<template> <template>
<view class="fatContent"> <view class="fatContent">
<view class="compInfoList"> <template v-if="this.type==0">
<view class="comInforName"> <view class="compInfoList">
公司名称<text>*</text> <view class="comInforName">
公司名称<text>*</text>
</view>
<input class="uni-input fatInfoInput" v-model="msg.CompanyName" placeholder="请输入公司名称" />
</view> </view>
<input class="uni-input fatInfoInput" v-model="msg.CompanyName" placeholder="请输入公司名称" /> <view class="compInfoList">
</view> <view class="comInforName">
<view class="compInfoList"> 联系人<text>*</text>
<view class="comInforName"> </view>
联系人<text>*</text> <input class="uni-input fatInfoInput" v-model="msg.Principal" placeholder="请输入联系人" />
</view> </view>
<input class="uni-input fatInfoInput" v-model="msg.Principal" placeholder="请输入联系人" /> <view class="compInfoList">
</view> <view class="comInforName">
<view class="compInfoList"> 联系方式<text>*</text>
<view class="comInforName"> </view>
联系方式<text>*</text> <input class="uni-input fatInfoInput" type="number" v-model="msg.Mobile" placeholder="请输入联系方式" />
</view> </view>
<input class="uni-input fatInfoInput" type="number" v-model="msg.Mobile" placeholder="请输入联系方式" /> <view class="compInfoList">
</view> <view class="comInforName">
<view class="compInfoList"> E-mail<text>*</text>
<view class="comInforName"> </view>
E-mail<text>*</text> <input class="uni-input fatInfoInput" v-model="msg.EMail" placeholder="请输入邮箱" />
</view> </view>
<input class="uni-input fatInfoInput" v-model="msg.EMail" placeholder="请输入邮箱" /> <view class="compInfoList">
</view> <view class="comInforName">
<view class="compInfoList"> FAT海关编码
<view class="comInforName"> </view>
FAT海关编码 <input class="uni-input fatInfoInput" v-model="msg.FatCode" placeholder="FAT海关编码" />
</view> </view>
<input class="uni-input fatInfoInput" v-model="msg.FatCode" placeholder="FAT海关编码" /> <view class="compInfoList">
</view> <view class="comInforName">
<view class="compInfoList"> 咨询标题<text>*</text>
<view class="comInforName"> </view>
咨询标题<text>*</text> <input class="uni-input fatInfoInput" v-model="msg.FatTitle" placeholder="请输入标题" />
</view>
</template>
<view class="rounded" style="background-color: #017EDF16;padding: 20rpx;margin: 30rpx;border-radius: 12rpx;" v-else>
<view class="" style="font-size: 32rpx;color: #017EDF;font-weight:bold;">投诉建议</view>
<view class="" style="margin-top: 30rpx;">
<view class=" row items-center" @click="setPhone">
<text style="font-size: 22rpx;">热线电话：</text>
<u-icon name="phone" color="#017EDF"></u-icon>
<text style="font-size: 28rpx;margin-left: 6rpx;"> 0831-2205915</text>
</view>
<view class=" row items-center" @click="setEmail" style="margin-top: 30rpx;">
<text style="font-size: 22rpx;">电子邮箱：</text>
<u-icon name="email" color="#017EDF"></u-icon>
<text style="font-size: 28rpx;margin-left: 6rpx;">1071313880@qq.com</text>
</view>
</view> </view>
<input class="uni-input fatInfoInput" v-model="msg.FatTitle" placeholder="请输入标题" />
</view> </view>
<view class="compInfoList" style="border-bottom:0;height:30px;margin-top:15px;"> <view class="compInfoList" style="border-bottom:0;height:30px;margin-top:15px;">
<view class="comInforName"> <view class="comInforName">
咨询问题<text>*</text> {{ type==0?'咨询问题':'线上填写' }}<text>*</text>
</view> </view>
</view> </view>
<!-- <input type="textarea" class="uni-input fatInfoInput" v-model="msg.FatQuestion" placeholder="请输入具体咨询问题" /> --> <!-- <input type="textarea" class="uni-input fatInfoInput" v-model="msg.FatQuestion" placeholder="请输入具体咨询问题" /> -->
<textarea style="height: 120px;" class="inputM" v-model="msg.FatQuestion" placeholder="请输入具体咨询问题" /> <textarea style="height: 120px;" class="inputM" v-model="msg.FatQuestion" :placeholder="`请输入具体${type==0?'咨询问题':'投诉建议的内容'}`" />
<view class="fatInBtn" @click="saveInfo()">提交</view> <view class="fatInBtn" @click="saveInfo()">提交</view>
</view> </view>
</template> </template>
...@@ -111,16 +136,21 @@ ...@@ -111,16 +136,21 @@
FatCode:'', //海关编码 FatCode:'', //海关编码
FatTitle:'', //咨询标题 FatTitle:'', //咨询标题
FatQuestion:'' //咨询问题 FatQuestion:'' //咨询问题
} },
type: 0
}; };
}, },
mounted() { mounted() {
},
onLoad(options) {
if(options.t){
this.type=options.t
}
this.pageTitle = this.type==0?'新增咨询':'新增投诉建议'
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
},
onLoad(options) {
}, },
created() { created() {
this.getList(); this.getList();
...@@ -129,6 +159,22 @@ ...@@ -129,6 +159,22 @@
}, },
methods: { methods: {
setPhone(){
uni.makePhoneCall({
phoneNumber: '0831-2205915' //仅为示例
});
},
setEmail(){
uni.setClipboardData({
data: '1071313880@qq.com',
success: function () {
uni.showToast({
icon:'none',
title:'邮箱地址已复制'
})
}
});
},
//获取数据 //获取数据
//获取数据 //获取数据
getList() { getList() {
...@@ -163,47 +209,60 @@ ...@@ -163,47 +209,60 @@
}, },
//保存数据 //保存数据
saveInfo(){ saveInfo(){
if(this.msg.CompanyName==''){ if(this.type==0){
uni.showToast({ if(this.msg.CompanyName==''){
title: "请输入公司名称", uni.showToast({
icon:'none' title: "请输入公司名称",
}); icon:'none'
return; });
} return;
if(this.msg.Principal==''){ }
uni.showToast({ if(this.msg.Principal==''){
title: "请输入联系人", uni.showToast({
icon:'none' title: "请输入联系人",
}); icon:'none'
return; });
} return;
if(this.msg.Mobile==''){ }
uni.showToast({ if(this.msg.Mobile==''){
title: "请输入联系方式", uni.showToast({
icon:'none' title: "请输入联系方式",
}); icon:'none'
return; });
} return;
if(this.msg.EMail==''){ }
uni.showToast({ if(this.msg.EMail==''){
title: "请输入邮箱", uni.showToast({
icon:'none' title: "请输入邮箱",
}); icon:'none'
return; });
} return;
if(this.msg.FatTitle==''){ }
uni.showToast({ if(this.msg.FatTitle==''){
title: "请输入咨询标题", uni.showToast({
icon:'none' title: "请输入咨询标题",
}); icon:'none'
return; });
return;
}
} }
if(this.msg.FatQuestion==''){ if(this.msg.FatQuestion==''){
uni.showToast({ uni.showToast({
title: "请输入咨询问题", title: this.type==0?"请输入咨询问题":'请输入你要投诉建议的内容',
icon:'none' icon:'none'
}); });
return; return;
} else if(this.type!=0){
const newMsg = {
CompanyName:this.msg.CompanyName!=''?this.msg.CompanyName:'未知', //公司名称
Principal:this.msg.Principal!=''?this.msg.Principal:'未知', //联系人
Mobile:this.msg.Mobile!=''?this.msg.Mobile:'未知', //联系电话
EMail:this.msg.EMail!=''?this.msg.EMail:'未知', //邮箱
FatCode:'', //海关编码
FatTitle:'投诉建议', //咨询标题
FatQuestion:this.msg.FatQuestion //咨询问题
}
this.msg = newMsg
} }
this.request2({ this.request2({
url: "/api/AppletTrade/SetCommerceAsk", url: "/api/AppletTrade/SetCommerceAsk",
...@@ -215,9 +274,16 @@ ...@@ -215,9 +274,16 @@
title: "保存成功", title: "保存成功",
}); });
this.getList(); this.getList();
uni.navigateTo({ const cur = getCurrentPages()
url: '/pages/index/index' if(cur.length>1){
}); uni.navigateBack({
delta: -1
})
}else{
uni.navigateTo({
url:'/pages/kotra/zixunList'
})
}
} }
} }
); );
......
pages/kotra/zixunDetail.vue
View file @ c970eed4
...@@ -32,32 +32,34 @@ ...@@ -32,32 +32,34 @@
</style> </style>
<template> <template>
<view class="zixunDetail"> <view class="zixunDetail">
<view class="ziDetailList"> <template v-if="type==0">
<view class="ziproDeleft">公司名称</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.CompanyName}}</view> <view class="ziproDeleft">公司名称</view>
</view> <view class="ziproDeRight">{{dataList.CompanyName}}</view>
<view class="ziDetailList"> </view>
<view class="ziproDeleft">联系人</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.Principal}}</view> <view class="ziproDeleft">联系人</view>
</view> <view class="ziproDeRight">{{dataList.Principal}}</view>
<view class="ziDetailList"> </view>
<view class="ziproDeleft">联系方式</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.Mobile}}</view> <view class="ziproDeleft">联系方式</view>
</view> <view class="ziproDeRight">{{dataList.Mobile}}</view>
<view class="ziDetailList"> </view>
<view class="ziproDeleft">E-mail</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.EMail}}</view> <view class="ziproDeleft">E-mail</view>
</view> <view class="ziproDeRight">{{dataList.EMail}}</view>
<view class="ziDetailList"> </view>
<view class="ziproDeleft">FAT海关编码</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.FatCode}}</view> <view class="ziproDeleft">FAT海关编码</view>
</view> <view class="ziproDeRight">{{dataList.FatCode}}</view>
<view class="ziDetailList"> </view>
<view class="ziproDeleft">咨询标题</view> <view class="ziDetailList">
<view class="ziproDeRight">{{dataList.FatTitle}}</view> <view class="ziproDeleft">咨询标题</view>
</view> <view class="ziproDeRight">{{dataList.FatTitle}}</view>
</view>
</template>
<view class="ziDetailList" style="border-bottom:0;"> <view class="ziDetailList" style="border-bottom:0;">
<view class="ziproDeleft">咨询问题</view> <view class="ziproDeleft">内容</view>
</view> </view>
<view class="zixunQuestion"> <view class="zixunQuestion">
{{dataList.FatQuestion}} {{dataList.FatQuestion}}
...@@ -85,18 +87,24 @@ ...@@ -85,18 +87,24 @@
msg: { msg: {
Id:0 Id:0
}, },
dataList:{} dataList:{},
type:0
} }
}, },
created() {}, created() {},
mounted() { mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
}, },
onLoad(option) { onLoad(option) {
if(option.t){
this.type=option.t
}
this.pageTitle = this.type==0?this.pageTitle:'投诉建议详情'
this.msg.Id = option.Id; this.msg.Id = option.Id;
this.getList(); this.getList();
uni.setNavigationBarTitle({
title: this.pageTitle,
});
}, },
methods: { methods: {
getList(){ getList(){
......
pages/kotra/zixunList.vue
View file @ c970eed4
...@@ -54,10 +54,13 @@ ...@@ -54,10 +54,13 @@
} }
</style> </style>
<template> <template>
<view class="activityList" style="height:100vh;"> <view class="activityList" style="height:100vh;display: flex; flex-direction: column;">
<view style="width: 100%;text-align: right;margin-bottom: 20rpx;">
<u-button :ripple="true" type="primary" size="mini" @click="navigatorToAdd" v-if="type!=0">填写投诉建议</u-button>
</view>
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ 'height': `calc(100%)`}"> <scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" style="flex:1;width: 100%;height: 1rpx;">
<view> <view v-if="type==0">
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goZixunDetail(item)"> <view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goZixunDetail(item)">
<view class="activeTop"> <view class="activeTop">
<view class="zixunLeftTitle">{{item.FatQuestion}}</view> <view class="zixunLeftTitle">{{item.FatQuestion}}</view>
...@@ -99,6 +102,24 @@ ...@@ -99,6 +102,24 @@
</view> </view>
</view> </view>
</view> </view>
<view v-else>
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goZixunDetail(item)">
<view class="activeTop">
<view class="zixunLeftTitle">{{item.FatQuestion}}</view>
<view style="display: flex;align-items: center;">
<text class="zixunStatus">{{item.AskStatusStr}}</text>
<image style="width:20px;height:20px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/arrow_right.png"
mode=""></image>
</view>
</view>
<view class="activeBtm">
<view class="zixunMainList" style="width: 100%;font-size: 22rpx; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
<view class="zixunComLeft">提交时间：</view>
<view class="zixunRight">{{item.CreateDate.replace('T',' ')}}</view>
</view>
</view>
</view>
</view>
<view style="padding:10px 0;"> <view style="padding:10px 0;">
<u-loadmore :status="status" :load-text="loadText" bg-color="#F3F5F7" :font-size="24" :margin-top="0" :margin-bottom="0" /> <u-loadmore :status="status" :load-text="loadText" bg-color="#F3F5F7" :font-size="24" :margin-top="0" :margin-bottom="0" />
</view> </view>
...@@ -112,7 +133,7 @@ ...@@ -112,7 +133,7 @@
pageTitle: '咨询信息', pageTitle: '咨询信息',
qmsg: { qmsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10 pageSize: 20
}, },
pageCount: 1, pageCount: 1,
dataList: [], dataList: [],
...@@ -122,6 +143,7 @@ ...@@ -122,6 +143,7 @@
nomore: "没有更多了", nomore: "没有更多了",
}, },
status:'', status:'',
type:0, //0表示咨询，1表示投诉
} }
}, },
created() {}, created() {},
...@@ -131,6 +153,10 @@ ...@@ -131,6 +153,10 @@
}); });
}, },
onLoad(option) { onLoad(option) {
if(option.t){
this.type=option.t
}
this.pageTitle = this.type==0?'咨询信息':'投诉建议'
this.getList(1); this.getList(1);
}, },
methods: { methods: {
...@@ -163,8 +189,13 @@ ...@@ -163,8 +189,13 @@
//跳转至活动详情 //跳转至活动详情
goZixunDetail(item){ goZixunDetail(item){
uni.navigateTo({ uni.navigateTo({
url: '/pages/kotra/zixunDetail?Id=' + item.Id, url: '/pages/kotra/zixunDetail?Id=' + item.Id+'&t='+this.type,
}); });
},
navigatorToAdd(){
uni.navigateTo({
url:'/pages/kotra/fat?t='+this.type
})
} }
} }
} }
......
plugin/api.js
View file @ c970eed4
...@@ -4,7 +4,7 @@ export default { ...@@ -4,7 +4,7 @@ export default {
Vue.prototype.host2 = "https://mallApi.oytour.com" //电商接口 Vue.prototype.host2 = "https://mallApi.oytour.com" //电商接口
//Vue.prototype.host2 = "http://192.168.5.46:8200" //Vue.prototype.host2 = "http://192.168.5.46:8200"
Vue.prototype.host2 = "http://192.168.5.56:8029" //Vue.prototype.host2 = "http://192.168.5.56:8029"
// Vue.prototype.host3 = "https://jjeduapi.oytour.com" //进阶小课堂以前接口 // Vue.prototype.host3 = "https://jjeduapi.oytour.com" //进阶小课堂以前接口
Vue.prototype.UploadConfig = function() { //本地上传配置 Vue.prototype.UploadConfig = function() { //本地上传配置
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment