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>
.row{
display: flex;
}
.items-center{
align-items: center;
}
.fatContent {
background-color: #fff;
margin-bottom:80px;
......@@ -39,7 +46,8 @@
font-size: 16px;
text-align: center;
line-height: 50px;
background-color: #000450;
background-color: #017EDF;
padding-bottom: env(safe-area-inset-top);
}
.fatContent .inputM{
margin: 15rpx;
......@@ -50,49 +58,66 @@
</style>
<template>
<view class="fatContent">
<view class="compInfoList">
<view class="comInforName">
公司名称<text>*</text>
<template v-if="this.type==0">
<view class="compInfoList">
<view class="comInforName">
公司名称<text>*</text>
</view>
<input class="uni-input fatInfoInput" v-model="msg.CompanyName" placeholder="请输入公司名称" />
</view>
<input class="uni-input fatInfoInput" v-model="msg.CompanyName" placeholder="请输入公司名称" />
</view>
<view class="compInfoList">
<view class="comInforName">
联系人<text>*</text>
<view class="compInfoList">
<view class="comInforName">
联系人<text>*</text>
</view>
<input class="uni-input fatInfoInput" v-model="msg.Principal" placeholder="请输入联系人" />
</view>
<input class="uni-input fatInfoInput" v-model="msg.Principal" placeholder="请输入联系人" />
</view>
<view class="compInfoList">
<view class="comInforName">
联系方式<text>*</text>
<view class="compInfoList">
<view class="comInforName">
联系方式<text>*</text>
</view>
<input class="uni-input fatInfoInput" type="number" v-model="msg.Mobile" placeholder="请输入联系方式" />
</view>
<input class="uni-input fatInfoInput" type="number" v-model="msg.Mobile" placeholder="请输入联系方式" />
</view>
<view class="compInfoList">
<view class="comInforName">
E-mail<text>*</text>
<view class="compInfoList">
<view class="comInforName">
E-mail<text>*</text>
</view>
<input class="uni-input fatInfoInput" v-model="msg.EMail" placeholder="请输入邮箱" />
</view>
<input class="uni-input fatInfoInput" v-model="msg.EMail" placeholder="请输入邮箱" />
</view>
<view class="compInfoList">
<view class="comInforName">
FAT海关编码
<view class="compInfoList">
<view class="comInforName">
FAT海关编码
</view>
<input class="uni-input fatInfoInput" v-model="msg.FatCode" placeholder="FAT海关编码" />
</view>
<input class="uni-input fatInfoInput" v-model="msg.FatCode" placeholder="FAT海关编码" />
</view>
<view class="compInfoList">
<view class="comInforName">
咨询标题<text>*</text>
<view class="compInfoList">
<view class="comInforName">
咨询标题<text>*</text>
</view>
<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>
<input class="uni-input fatInfoInput" v-model="msg.FatTitle" placeholder="请输入标题" />
</view>
<view class="compInfoList" style="border-bottom:0;height:30px;margin-top:15px;">
<view class="comInforName">
咨询问题<text>*</text>
{{ type==0?'咨询问题':'线上填写' }}<text>*</text>
</view>
</view>
<!-- <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>
</template>
......@@ -111,16 +136,21 @@
FatCode:'', //海关编码
FatTitle:'', //咨询标题
FatQuestion:'' //咨询问题
}
},
type: 0
};
},
mounted() {
},
onLoad(options) {
if(options.t){
this.type=options.t
}
this.pageTitle = this.type==0?'新增咨询':'新增投诉建议'
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad(options) {
},
created() {
this.getList();
......@@ -129,6 +159,22 @@
},
methods: {
setPhone(){
uni.makePhoneCall({
phoneNumber: '0831-2205915' //仅为示例
});
},
setEmail(){
uni.setClipboardData({
data: '1071313880@qq.com',
success: function () {
uni.showToast({
icon:'none',
title:'邮箱地址已复制'
})
}
});
},
//获取数据
//获取数据
getList() {
......@@ -163,47 +209,60 @@
},
//保存数据
saveInfo(){
if(this.msg.CompanyName==''){
uni.showToast({
title: "请输入公司名称",
icon:'none'
});
return;
}
if(this.msg.Principal==''){
uni.showToast({
title: "请输入联系人",
icon:'none'
});
return;
}
if(this.msg.Mobile==''){
uni.showToast({
title: "请输入联系方式",
icon:'none'
});
return;
}
if(this.msg.EMail==''){
uni.showToast({
title: "请输入邮箱",
icon:'none'
});
return;
}
if(this.msg.FatTitle==''){
uni.showToast({
title: "请输入咨询标题",
icon:'none'
});
return;
if(this.type==0){
if(this.msg.CompanyName==''){
uni.showToast({
title: "请输入公司名称",
icon:'none'
});
return;
}
if(this.msg.Principal==''){
uni.showToast({
title: "请输入联系人",
icon:'none'
});
return;
}
if(this.msg.Mobile==''){
uni.showToast({
title: "请输入联系方式",
icon:'none'
});
return;
}
if(this.msg.EMail==''){
uni.showToast({
title: "请输入邮箱",
icon:'none'
});
return;
}
if(this.msg.FatTitle==''){
uni.showToast({
title: "请输入咨询标题",
icon:'none'
});
return;
}
}
if(this.msg.FatQuestion==''){
uni.showToast({
title: "请输入咨询问题",
title: this.type==0?"请输入咨询问题":'请输入你要投诉建议的内容',
icon:'none'
});
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({
url: "/api/AppletTrade/SetCommerceAsk",
......@@ -215,9 +274,16 @@
title: "保存成功",
});
this.getList();
uni.navigateTo({
url: '/pages/index/index'
});
const cur = getCurrentPages()
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 @@
</style>
<template>
<view class="zixunDetail">
<view class="ziDetailList">
<view class="ziproDeleft">公司名称</view>
<view class="ziproDeRight">{{dataList.CompanyName}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">联系人</view>
<view class="ziproDeRight">{{dataList.Principal}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">联系方式</view>
<view class="ziproDeRight">{{dataList.Mobile}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">E-mail</view>
<view class="ziproDeRight">{{dataList.EMail}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">FAT海关编码</view>
<view class="ziproDeRight">{{dataList.FatCode}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">咨询标题</view>
<view class="ziproDeRight">{{dataList.FatTitle}}</view>
</view>
<template v-if="type==0">
<view class="ziDetailList">
<view class="ziproDeleft">公司名称</view>
<view class="ziproDeRight">{{dataList.CompanyName}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">联系人</view>
<view class="ziproDeRight">{{dataList.Principal}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">联系方式</view>
<view class="ziproDeRight">{{dataList.Mobile}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">E-mail</view>
<view class="ziproDeRight">{{dataList.EMail}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">FAT海关编码</view>
<view class="ziproDeRight">{{dataList.FatCode}}</view>
</view>
<view class="ziDetailList">
<view class="ziproDeleft">咨询标题</view>
<view class="ziproDeRight">{{dataList.FatTitle}}</view>
</view>
</template>
<view class="ziDetailList" style="border-bottom:0;">
<view class="ziproDeleft">咨询问题</view>
<view class="ziproDeleft">内容</view>
</view>
<view class="zixunQuestion">
{{dataList.FatQuestion}}
......@@ -85,18 +87,24 @@
msg: {
Id:0
},
dataList:{}
dataList:{},
type:0
}
},
created() {},
mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad(option) {
if(option.t){
this.type=option.t
}
this.pageTitle = this.type==0?this.pageTitle:'投诉建议详情'
this.msg.Id = option.Id;
this.getList();
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
getList(){
......
pages/kotra/zixunList.vue
View file @ c970eed4
......@@ -54,10 +54,13 @@
}
</style>
<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>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ 'height': `calc(100%)`}">
<view>
<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 v-if="type==0">
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goZixunDetail(item)">
<view class="activeTop">
<view class="zixunLeftTitle">{{item.FatQuestion}}</view>
......@@ -99,6 +102,24 @@
</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;">
<u-loadmore :status="status" :load-text="loadText" bg-color="#F3F5F7" :font-size="24" :margin-top="0" :margin-bottom="0" />
</view>
......@@ -112,7 +133,7 @@
pageTitle: '咨询信息',
qmsg: {
pageIndex: 1,
pageSize: 10
pageSize: 20
},
pageCount: 1,
dataList: [],
......@@ -122,6 +143,7 @@
nomore: "没有更多了",
},
status:'',
type:0, //0表示咨询，1表示投诉
}
},
created() {},
......@@ -131,6 +153,10 @@
});
},
onLoad(option) {
if(option.t){
this.type=option.t
}
this.pageTitle = this.type==0?'咨询信息':'投诉建议'
this.getList(1);
},
methods: {
......@@ -163,8 +189,13 @@
//跳转至活动详情
goZixunDetail(item){
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 {
Vue.prototype.host2 = "https://mallApi.oytour.com" //电商接口
//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.UploadConfig = function() { //本地上传配置
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