接入增值服务页面

master
chen 2022-03-24 16:59:02 +08:00
parent 50fa3b3c00
commit b8ee483e55
3 changed files with 23 additions and 42 deletions

View File

@ -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')){

View File

@ -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

View File

@ -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=>{