代码更新

miniapp/app/pages/bookService/index.js

@@ -2,17 +2,27 @@ const WxParse = require('../../wxParse/wxParse.js')
 const $ = global
 
 new $.Page({
-    onLoad() {
-        var article = '<div>我是富文本</div>'
-        /**
-         * WxParse.wxParse(bindName , type, data, target,imagePadding)
-         * 1.bindName绑定的数据名(必填)
-         * 2.type可以为html或者md(必填)
-         * 3.data为传入的具体数据(必填)
-         * 4.target为Page对象,一般为this(必填)
-         * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
-         */
-        WxParse.wxParse('article', 'html', article, this, 5)
+    onLoad(options) {
+        if (!options.id) {
+            return $.wx.showToast({
+                title: '找不到对应id'
+            });
+        }
+        $.request(`server_info/${options.id}`, 'GET', {}).then((res) => {
+            var article = res.data && res.data.content || '';
+            const fields = res.data.fields || [];
+            const options = [];
+            WxParse.wxParse('article', 'html', article, this, 5);
+            for (let item of fields) {
+                const group = item.input_group;
+                options.push(group[0].value || '');
+            }
+            this.setData({
+                banner: res.data.photo || '',
+                fields,
+                options
+            });
+        });
     },
     bookServer() {
         const {
@@ -53,6 +63,18 @@ new $.Page({
         });
     },
     radioChange(e) {
-
+        const {
+            index
+        } = e.currentTarget.dataset || 0;
+        const {
+            value
+        } = e.detail;
+        const {
+            options
+        } = this.data;
+        options[index] = value;
+        this.setData({
+            options
+        });
     }
 })

miniapp/app/pages/bookService/index.wxml

@@ -13,7 +13,17 @@
         </view>
         <view class="service">
             <view class="service-bd">
-                <view class="s-item">
+                <view class="s-item" wx:for="{{fields}}">
+                    <view class="s-item-hd">{{item.name_cn}}</view>
+                    <view class="s-item-bd">
+                        <radio-group class="radio-group" data-index="{{index}}" bindchange="radioChange">
+                            <label class="radio" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="radio">
+                                <radio value="{{radio.value}}" checked="{{idx === 0}}" />{{radio.value}}
+                            </label>
+                        </radio-group>
+                    </view>
+                </view>
+                <!-- <view class="s-item">
                     <view class="s-item-hd">服务内容</view>
                     <view class="s-item-bd">
                         <checkbox-group bindchange="checkboxChange">
@@ -52,8 +62,8 @@
                             </label>
                         </checkbox-group>
                     </view>
-                </view>
-                <view class="s-item">
+                </view> -->
+                <!-- <view class="s-item">
                     <view class="s-item-hd">人口数量</view>
                     <view class="s-item-bd">
                         <radio-group class="radio-group" bindchange="radioChange">
@@ -119,7 +129,7 @@
                             </label>
                         </radio-group>
                     </view>
-                </view>
+                </view> -->
             </view>
         </view>
     </view>

miniapp/app/pages/introduce/index.js

@@ -20,20 +20,28 @@ new $.Page({
             });
         }
         this.setData({
-            name
+            name,
+            id
         });
     },
     bookServer() {
         const {
-            name
+            name,
+            id
         } = this.data;
         if (name && name.includes('月嫂')) {
             $.router.goto({
-                path: '/pages/yuesao/index'
+                path: '/pages/yuesao/index',
+                query: {
+                    id
+                }
             });
         } else {
             $.router.goto({
-                path: '/pages/bookService/index'
+                path: '/pages/bookService/index',
+                query: {
+                    id
+                }
             });
         }
     }

miniapp/app/pages/introduce/index.wxml

@@ -2,9 +2,9 @@
 <view class="page">
     <view class="page-bd">
         <view class="introduce">
-            <!-- <template is="wxParse" data="{{wxParseData:article.nodes}}" /> -->
-            <image class="s" src="/img/demo/test.jpg" style="width:100%"></image>
-            <image class="s" src="/img/demo/test2.jpg" style="width:100%"></image>
+            <template is="wxParse" data="{{wxParseData:article.nodes}}" />
+            <!-- <image class="s" src="/img/demo/test.jpg" style="width:100%"></image>
+            <image class="s" src="/img/demo/test2.jpg" style="width:100%"></image> -->
         </view>
     </view>
     <view class="page-ft">

miniapp/app/pages/yuesao/index.js

@@ -2,19 +2,29 @@ const WxParse = require('../../wxParse/wxParse.js')
 const $ = global
 
 new $.Page({
-    onLoad() {
-        var article = '<div>我是富文本</div>'
-        /**
-         * WxParse.wxParse(bindName , type, data, target,imagePadding)
-         * 1.bindName绑定的数据名(必填)
-         * 2.type可以为html或者md(必填)
-         * 3.data为传入的具体数据(必填)
-         * 4.target为Page对象,一般为this(必填)
-         * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
-         */
-        WxParse.wxParse('article', 'html', article, this, 5);
-        $.request('server_fields', 'GET', {}).then((res) => {
-
+    data: {
+        options: []
+    },
+    onLoad(options) {
+        if (!options.id) {
+            return $.wx.showToast({
+                title: '找不到对应id'
+            });
+        }
+        $.request(`server_info/${options.id}`, 'GET', {}).then((res) => {
+            var article = res.data && res.data.content || '';
+            const fields = res.data.fields || [];
+            const options = [];
+            WxParse.wxParse('article', 'html', article, this, 5);
+            for (let item of fields) {
+                const group = item.input_group;
+                options.push(group[0].value || '');
+            }
+            this.setData({
+                banner: res.data.photo || '',
+                fields,
+                options
+            });
         });
     },
     bookServer() {
@@ -54,5 +64,20 @@ new $.Page({
                 type: $.ROUTER_TYPE.SWITCH_TAB
             });
         });
+    },
+    radioChange(e) {
+        const {
+            index
+        } = e.currentTarget.dataset || 0;
+        const {
+            value
+        } = e.detail;
+        const {
+            options
+        } = this.data;
+        options[index] = value;
+        this.setData({
+            options
+        });
     }
 })

miniapp/app/pages/yuesao/index.wxml

@@ -1,7 +1,7 @@
 <import src="/wxParse/wxParse.wxml" />
 <view class="page">
     <view class="page-hd">
-        <image class="hero" src="/img/demo/banner.jpg"></image>
+        <image class="hero" src="{{banner}}"></image>
     </view>
     <view class="page-bd">
         <view class="mod">
@@ -13,24 +13,12 @@
         </view>
         <view class="service">
             <view class="service-bd">
-                <view class="s-item">
-                    <view class="s-item-hd">一价全包</view>
+                <view class="s-item" wx:for="{{fields}}">
+                    <view class="s-item-hd">{{item.name_cn}}</view>
                     <view class="s-item-bd">
-                        <radio-group class="radio-group" bindchange="radioChange">
-                            <label class="radio">
-                                <radio value="" checked />8800(初级月嫂)
-                            </label>
-                            <label class="radio">
-                                <radio value="" />9800(普通月嫂)
-                            </label>
-                            <label class="radio">
-                                <radio value="" />12800(高级月嫂)
-                            </label>
-                            <label class="radio">
-                                <radio value="" />15800(金牌月嫂)
-                            </label>
-                            <label class="radio">
-                                <radio value="" />18800(特级月嫂)
+                        <radio-group class="radio-group" data-index="{{index}}" bindchange="radioChange">
+                            <label class="radio" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="radio">
+                                <radio value="{{radio.value}}" checked="{{idx === 0}}" />{{radio.value}}
                             </label>
                         </radio-group>
                     </view>