init

xhs-mini-demos/api-case/template-message/template-message.js

@@ -0,0 +1,66 @@
+const templateMessageUrl = require('../../config').templateMessageUrl;
+
+const app = getApp();
+
+const formData = {
+  address: 'T.I.T 造舰厂',
+  time: '2017.01.09',
+  name: '帝国歼星舰',
+  serial: '123456789',
+};
+
+Page({
+  onShareAppMessage() {
+    return {
+      title: '模板消息',
+      path: 'packageAPI/pages/template-message/template-message',
+    };
+  },
+
+  onLoad() {
+    this.setData({
+      formData,
+    });
+  },
+
+  submitForm(e) {
+    const self = this;
+    const { formId } = e.detail;
+    const formData = e.detail.value;
+
+    console.log('form_id is:', formId);
+
+    self.setData({
+      loading: true,
+    });
+
+    app.getUserOpenId((err, openid) => {
+      if (!err) {
+        xhs.request({
+          url: templateMessageUrl,
+          method: 'POST',
+          data: {
+            form_id: formId,
+            openid,
+            formData,
+          },
+          success(res) {
+            console.log('submit form success', res);
+            xhs.showToast({
+              title: '发送成功',
+              icon: 'success',
+            });
+            self.setData({
+              loading: false,
+            });
+          },
+          fail({ errMsg }) {
+            console.log('submit form fail, errMsg is:', errMsg);
+          },
+        });
+      } else {
+        console.log('err:', err);
+      }
+    });
+  },
+});

xhs-mini-demos/api-case/template-message/template-message.json

@@ -0,0 +1,3 @@
+{
+    "navigationBarTitleText": "模板消息"
+}

xhs-mini-demos/api-case/template-message/template-message.xhsml

@@ -0,0 +1,42 @@
+<view class="container">
+  <form class="page-body" bindsubmit="submitForm" report-submit="true">
+    <view class="weui-cells__title">点击提交，发送示例模板消息</view>
+    <view class="weui-cells weui-cells_after-title">
+      <view class="weui-cell weui-cell_input">
+        <view class="weui-cell__hd">
+          <view class="weui-label">示例地点</view>
+        </view>
+        <view class="weui-cell__bd">
+          <input class="weui-input" type="text" disabled="{{true}}" value="{{formData.address}}" name="address"></input>
+        </view>
+      </view>
+      <view class="weui-cell weui-cell_input">
+        <view class="weui-cell__hd">
+          <view class="weui-label">示例时间</view>
+        </view>
+        <view class="weui-cell__bd">
+          <input class="weui-input" type="text" disabled="{{true}}" value="{{formData.time}}" name="time"></input>
+        </view>
+      </view>
+      <view class="weui-cell weui-cell_input">
+        <view class="weui-cell__hd">
+          <view class="weui-label">示例物品</view>
+        </view>
+        <view class="weui-cell__bd">
+          <input class="weui-input" type="text" disabled="{{true}}" value="{{formData.name}}" name="name"></input>
+        </view>
+      </view>
+      <view class="weui-cell weui-cell_input">
+        <view class="weui-cell__hd">
+          <view class="weui-label">示例单号</view>
+        </view>
+        <view class="weui-cell__bd">
+          <input class="weui-input" type="text" disabled="{{true}}" value="{{formData.serial}}" name="serial"></input>
+        </view>
+      </view>
+    </view>
+    <view class="btn-area">
+      <button type="primary" size="40" formType="submit" loading="{{loading}}">点我提交</button>
+    </view>
+  </form>
+</view>