接入增值服务页面

App.vue

@@ -17,8 +17,6 @@
 			// #ifdef H5
 				uni.setStorageSync('hostapi','/web'); 
 			// #endif
-			// 设置主色调
-			// uni.setStorageSync('publicColor','#000000');
 		},
 		onShow: function() {
 			if(uni.getStorageSync('phone_active')){

pages/appreciationServe/appreciationServe.vue

@@ -2,9 +2,7 @@
     <view class="content">
         <statusNav navBarTitle="增值服务"></statusNav>
         <view class="select-type">
-            <view class="text">
+            <view class="text">选择类型</view>
-                选择类型
-            </view>
             <view class="type">
                 <view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
                     v-for="(item,index) in typeData">
@@ -12,67 +10,45 @@
                 </view>
             </view>
         </view>
-
         <view class="appreciationServe-from">
             <view class="li">
-                <view class="title">
+                <view class="title">*产品名称</view>
-                    *产品名称
-                </view>
                 <input class="input" type="text" value="全彩LED显示屏" />
             </view>
             <view class="li">
-                <view class="title">
+                <view class="title">*规格型号</view>
-                    *规格型号
-                </view>
                 <input class="input" type="text" value="p2.5" />
             </view>
             <view class="li">
-                <view class="title">
+                <view class="title">产品品牌</view>
-                    产品品牌
-                </view>
                 <input class="input" type="text" value="" placeholder="请输入品牌" />
             </view>
             <view class="li">
-                <view class="title">
+                <view class="title">*产品尺寸</view>
-                    *产品尺寸
-                </view>
                 <input class="input" type="text" value="宽:38.5m x 高14.5m" />
             </view>
         </view>
-
+        <view class="supplementTitle">补充信息</view>
-        <view class="supplementTitle">
-            补充信息
-        </view>
         <view class="supplement-from">
             <view class="li">
-                <view class="title">
+                <view class="title">*联系人</view>
-                    *联系人
-                </view>
                 <input type="text" class="input" value="王富贵" />
             </view>
             <view class="li">
-                <view class="">
+                <view class="">*联系电话</view>
-                    *联系电话
-                </view>
                 <input type="text" class="input" value="18256666666" />
             </view>
             <view class="li">
-                <view class="">
+                <view class="">*预约时间</view>
-                    *预约时间
-                </view>
                 <input type="text" class="input" value="2022-02-16" />
             </view>
             <view class="li-textarea">
-                <view class="title">
+                <view class="title">*详细地址</view>
-                    *详细地址
-                </view>
                 <textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
             </view>
             
             <view class="scene-img">
-                <view class="title">
+                <view class="title">现场图片</view>
-                    现场图片
-                </view>
                 <view class="img-content">
                   <image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image> 
                       <image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
@@ -80,11 +56,9 @@
                 <view class="iocn-content">
                     <image class="icon" src="../../static/iocn/jia.png" mode=""></image>
                 </view>
-                
             </view>
-            
         </view>
-            <button class="submit-button" type="default">确认提交</button>
+		<button class="submit-button" type="default">确认提交</button>
     </view>
 </template>
 
@@ -117,6 +91,9 @@
                 ]
             }
         },
+		onLoad(op) {
+			if(op.index!=undefined) this.typeIndex = op.index;
+		},
         methods: {
             typeIndexFun(index) {
                 this.typeIndex = index

pages/tabbar/pagehome/pagehome.vue

@@ -69,7 +69,7 @@
 				<view class="home-fun-box">
 					<view class="fun-title col3 fon28 disac bold">增值服务</view>
 					<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>
 							<view class="fon24 col3 mar-s10">{{item.title}}</view>
 						</view>
@@ -224,7 +224,7 @@
 		},
 		data() {
 			return {
-				role: 3, // 1：业务员 2:表示客户 3:表示客服 4：表示工程师 
+				role: 2, // 1：业务员 2:表示客户 3:表示客服 4：表示工程师 
 				statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
 				messageNumber: 16 ,// 消息数量
 				noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
@@ -327,6 +327,12 @@
 			goNoticeDetail(e){
 				console.log(e);
 			},
+			// 前往增值服务页面
+			goIncrement(index) {
+				uni.navigateTo({
+					url:`/pages/appreciationServe/appreciationServe?index=${index}`
+				})
+			},
 			// 查询增值服务类型
 			getIncrementServiceType(){
 				this.$requst.post('/universal/api.vas/vas_type').then(res=>{