接入增值服务页面
parent
50fa3b3c00
commit
b8ee483e55
2
App.vue
2
App.vue
|
@ -17,8 +17,6 @@
|
||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
uni.setStorageSync('hostapi','/web');
|
uni.setStorageSync('hostapi','/web');
|
||||||
// #endif
|
// #endif
|
||||||
// 设置主色调
|
|
||||||
// uni.setStorageSync('publicColor','#000000');
|
|
||||||
},
|
},
|
||||||
onShow: function() {
|
onShow: function() {
|
||||||
if(uni.getStorageSync('phone_active')){
|
if(uni.getStorageSync('phone_active')){
|
||||||
|
|
|
@ -2,9 +2,7 @@
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<statusNav navBarTitle="增值服务"></statusNav>
|
<statusNav navBarTitle="增值服务"></statusNav>
|
||||||
<view class="select-type">
|
<view class="select-type">
|
||||||
<view class="text">
|
<view class="text">选择类型</view>
|
||||||
选择类型
|
|
||||||
</view>
|
|
||||||
<view class="type">
|
<view class="type">
|
||||||
<view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
|
<view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
|
||||||
v-for="(item,index) in typeData">
|
v-for="(item,index) in typeData">
|
||||||
|
@ -12,67 +10,45 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="appreciationServe-from">
|
<view class="appreciationServe-from">
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="title">
|
<view class="title">*产品名称</view>
|
||||||
*产品名称
|
|
||||||
</view>
|
|
||||||
<input class="input" type="text" value="全彩LED显示屏" />
|
<input class="input" type="text" value="全彩LED显示屏" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="title">
|
<view class="title">*规格型号</view>
|
||||||
*规格型号
|
|
||||||
</view>
|
|
||||||
<input class="input" type="text" value="p2.5" />
|
<input class="input" type="text" value="p2.5" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="title">
|
<view class="title">产品品牌</view>
|
||||||
产品品牌
|
|
||||||
</view>
|
|
||||||
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="title">
|
<view class="title">*产品尺寸</view>
|
||||||
*产品尺寸
|
|
||||||
</view>
|
|
||||||
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
|
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="supplementTitle">补充信息</view>
|
||||||
<view class="supplementTitle">
|
|
||||||
补充信息
|
|
||||||
</view>
|
|
||||||
<view class="supplement-from">
|
<view class="supplement-from">
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="title">
|
<view class="title">*联系人</view>
|
||||||
*联系人
|
|
||||||
</view>
|
|
||||||
<input type="text" class="input" value="王富贵" />
|
<input type="text" class="input" value="王富贵" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="">
|
<view class="">*联系电话</view>
|
||||||
*联系电话
|
|
||||||
</view>
|
|
||||||
<input type="text" class="input" value="18256666666" />
|
<input type="text" class="input" value="18256666666" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li">
|
<view class="li">
|
||||||
<view class="">
|
<view class="">*预约时间</view>
|
||||||
*预约时间
|
|
||||||
</view>
|
|
||||||
<input type="text" class="input" value="2022-02-16" />
|
<input type="text" class="input" value="2022-02-16" />
|
||||||
</view>
|
</view>
|
||||||
<view class="li-textarea">
|
<view class="li-textarea">
|
||||||
<view class="title">
|
<view class="title">*详细地址</view>
|
||||||
*详细地址
|
|
||||||
</view>
|
|
||||||
<textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
|
<textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="scene-img">
|
<view class="scene-img">
|
||||||
<view class="title">
|
<view class="title">现场图片</view>
|
||||||
现场图片
|
|
||||||
</view>
|
|
||||||
<view class="img-content">
|
<view class="img-content">
|
||||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
|
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
|
||||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
|
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
|
||||||
|
@ -80,9 +56,7 @@
|
||||||
<view class="iocn-content">
|
<view class="iocn-content">
|
||||||
<image class="icon" src="../../static/iocn/jia.png" mode=""></image>
|
<image class="icon" src="../../static/iocn/jia.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<button class="submit-button" type="default">确认提交</button>
|
<button class="submit-button" type="default">确认提交</button>
|
||||||
</view>
|
</view>
|
||||||
|
@ -117,6 +91,9 @@
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onLoad(op) {
|
||||||
|
if(op.index!=undefined) this.typeIndex = op.index;
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
typeIndexFun(index) {
|
typeIndexFun(index) {
|
||||||
this.typeIndex = index
|
this.typeIndex = index
|
||||||
|
|
|
@ -69,7 +69,7 @@
|
||||||
<view class="home-fun-box">
|
<view class="home-fun-box">
|
||||||
<view class="fun-title col3 fon28 disac bold">增值服务</view>
|
<view class="fun-title col3 fon28 disac bold">增值服务</view>
|
||||||
<view class="disac mar-s30">
|
<view class="disac mar-s30">
|
||||||
<view class="disjcac fc width25" v-for="(item,index) in incrementList" :key="index">
|
<view @tap="goIncrement(index)" class="disjcac fc width25" v-for="(item,index) in incrementList" :key="index">
|
||||||
<image :style="{width: [57,52,58,51][index]+'rpx',height:[56,56,50,56][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
|
<image :style="{width: [57,52,58,51][index]+'rpx',height:[56,56,50,56][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
|
||||||
<view class="fon24 col3 mar-s10">{{item.title}}</view>
|
<view class="fon24 col3 mar-s10">{{item.title}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -224,7 +224,7 @@
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
role: 3, // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
role: 2, // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
||||||
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
|
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
|
||||||
messageNumber: 16 ,// 消息数量
|
messageNumber: 16 ,// 消息数量
|
||||||
noticeList:['2021年11月06日公司团建,维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
|
noticeList:['2021年11月06日公司团建,维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
|
||||||
|
@ -327,6 +327,12 @@
|
||||||
goNoticeDetail(e){
|
goNoticeDetail(e){
|
||||||
console.log(e);
|
console.log(e);
|
||||||
},
|
},
|
||||||
|
// 前往增值服务页面
|
||||||
|
goIncrement(index) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url:`/pages/appreciationServe/appreciationServe?index=${index}`
|
||||||
|
})
|
||||||
|
},
|
||||||
// 查询增值服务类型
|
// 查询增值服务类型
|
||||||
getIncrementServiceType(){
|
getIncrementServiceType(){
|
||||||
this.$requst.post('/universal/api.vas/vas_type').then(res=>{
|
this.$requst.post('/universal/api.vas/vas_type').then(res=>{
|
||||||
|
|
Loading…
Reference in New Issue