添加实名认证

src/school/manage-teacher/index.tsx

@@ -52,7 +52,8 @@ export default defineComponent({
         status: null,
         page: 1,
         rows: 20
-      }
+      },
+      isClick: false
     })
 
     // 获取当前用户所在的学校
@@ -75,6 +76,8 @@ export default defineComponent({
 
     const getList = async () => {
       try {
+        if (form.isClick) return
+        form.isClick = true
         const res = await request.post('/api-school/schoolStaff/page', {
           data: {
             ...form.params,
@@ -91,9 +94,11 @@ export default defineComponent({
         form.listState.finished = result.current >= result.pages
         form.params.page = result.current + 1
         form.listState.dataShow = form.list.length > 0
+        form.isClick = false
       } catch {
         form.listState.dataShow = false
         form.listState.finished = true
+        form.isClick = false
       }
     }
 
@@ -219,7 +224,7 @@ export default defineComponent({
     }
 
     onMounted(() => {
-      console.log(state.user.data.id, '1212')
+      // console.log(state.user.data.id, '1212')
       getDetail(state.user.data.id)
 
       getList()

src/school/orchestra/orchestra-information.module.less

@@ -1,4 +1,5 @@
 .information {
+  overflow: hidden;
   .addPhone {
     color: var(--van-primary-text);
     border-color: #fff;
@@ -35,4 +36,8 @@
     color: #aaaaaa;
     line-height: 17px;
   }
+
+  .informationGroup {
+    margin-bottom: 32px;
+  }
 }

src/school/orchestra/orchestra-information.tsx

@@ -1,5 +1,6 @@
 import OEmpty from '@/components/o-empty'
 import OPopup from '@/components/o-popup'
+import OSticky from '@/components/o-sticky'
 import request from '@/helpers/request'
 import { router } from '@/router/routes-common'
 import dayjs from 'dayjs'
@@ -124,17 +125,21 @@ export default defineComponent({
     })
     return () => (
       <div class={styles.information}>
-        <Button
-          icon="plus"
-          block
-          class={styles.addPhone}
-          onClick={() => {
-            state.selectType = 'add'
-            state.addStatus = true
-          }}
-        >
-          添加资讯
-        </Button>
+        <OSticky position="top">
+          <div style="background: #f6f8f9; overflow: hidden;">
+            <Button
+              icon="plus"
+              block
+              class={styles.addPhone}
+              onClick={() => {
+                state.selectType = 'add'
+                state.addStatus = true
+              }}
+            >
+              添加资讯
+            </Button>
+          </div>
+        </OSticky>
 
         {state.listState.dataShow ? (
           <List
@@ -143,6 +148,7 @@ export default defineComponent({
             finishedText=" "
             onLoad={getList}
             immediateCheck={false}
+            class={styles.informationGroup}
           >
             {state.list.map((item: any, index: number) => (
               <Cell center class={styles.cell} onClick={() => onDetail(item)}>

src/student/music-group/layout/auth.tsx

@@ -1,13 +1,12 @@
 import { defineComponent } from 'vue'
 import styles from './index.module.less'
-import { state, setLogin, setLogout, setLoginError } from '../state-music'
+import { state, setLogin, setLogout, setLoginError } from '@/state'
 import { browser } from '@/helpers/utils'
 import { setAuth } from './utils'
-import { postMessage } from '@/helpers/native-message'
 import { RouterView } from 'vue-router'
-import { Button, Icon } from 'vant'
-import request from '../request-music'
+
 import OEmpty from '@/components/o-empty'
+import request from '@/helpers/request'
 
 const browserInfo = browser()
 export default defineComponent({

src/student/music-group/layout/login.tsx

@@ -2,10 +2,10 @@ import { defineComponent } from 'vue'
 import { CellGroup, Field, Button, CountDown, Row, Col, showToast } from 'vant'
 import ImgCode from '@/components/o-img-code'
 import { checkPhone } from '@/helpers/validate'
-import request from '../request-music'
-import { setLogin, state } from '../state-music'
+import { setLogin, state } from '@/state'
 import { removeAuth, setAuth } from './utils'
 import styles from './index.module.less'
+import request from '@/helpers/request'
 
 type loginType = 'PWD' | 'SMS'
 export default defineComponent({

src/student/music-group/pre-apply/component/apply.tsx

@@ -1,6 +1,6 @@
+import request from '@/helpers/request'
 import {
   Button,
-  Cell,
   CellGroup,
   Dialog,
   Field,
@@ -14,7 +14,6 @@ import {
 } from 'vant'
 import { defineComponent, onMounted, reactive } from 'vue'
 import { useRoute } from 'vue-router'
-import request from '../../request-music'
 import styles from '../index.module.less'
 
 // 乐团交付，乐团停止或关闭，有新的交付团；则不允许报名
@@ -304,7 +303,7 @@ export default defineComponent({
           position="bottom"
           round
           safeAreaInsetBottom
-          duration={0}
+          // duration={0}
           lazyRender={false}
         >
           <Picker
@@ -320,7 +319,7 @@ export default defineComponent({
           />
         </Popup>
         {/* 班级 */}
-        <Popup v-model:show={state.classStatus} position="bottom" round duration={0}>
+        <Popup v-model:show={state.classStatus} position="bottom" round>
           <Picker
             showToolbar
             columns={state.classList}
@@ -334,7 +333,7 @@ export default defineComponent({
           />
         </Popup>
         {/* 声部 */}
-        <Popup v-model:show={state.subjectStatus} position="bottom" round duration={0}>
+        <Popup v-model:show={state.subjectStatus} position="bottom" round>
           <Picker
             showToolbar
             columns={state.subjectList}

src/student/music-group/pre-apply/component/order.tsx

@@ -17,7 +17,7 @@ import {
 } from 'vant'
 import { defineComponent, onMounted, reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import request from '../../request-music'
+import request from '@/helpers/request'
 import styles from '../index.module.less'
 
 export default defineComponent({
@@ -218,7 +218,7 @@ export default defineComponent({
                           </>
                         )} */}
                         {/* 订单成功 订单金额大于0 */}
-                        {item.status === 'PAID' && (
+                        {item.refundable && (
                           <Button
                             round
                             plain

src/student/music-group/pre-apply/component/payment.tsx

@@ -16,7 +16,7 @@ import styles from '../index.module.less'
 import radioCheck from '@/common/images/icon-radio-check.png'
 import radioDefault from '@/common/images/icon-radio-default.png'
 import { useRoute, useRouter } from 'vue-router'
-import request from '../../request-music'
+import request from '@/helpers/request'
 import { moneyFormat } from '@/helpers/utils'
 import { CountUp } from 'countup.js'
 

src/student/music-group/pre-apply/component/user-auth.module.less

@@ -0,0 +1,50 @@
+.userAuth {
+  min-height: 100vh;
+  background-color: #f6f8f9;
+  overflow: hidden;
+
+  .cellGroup {
+    margin: 12px 13px 24px;
+    border-radius: 12px;
+    overflow: hidden;
+  }
+  :global {
+    .van-cell {
+      flex-direction: column;
+      font-size: 16px;
+      padding: 18px 13px;
+    }
+
+    .van-field__label {
+      width: 100%;
+      margin-right: 0;
+      color: #333;
+      font-size: 16px;
+      font-weight: 500;
+    }
+
+    .van-cell--required::before {
+      left: 15px;
+    }
+
+    .van-field__body {
+      margin-top: 10px;
+    }
+
+    .van-form {
+      margin-top: 174px;
+      /* background: #F8F8F8; */
+      overflow: hidden;
+      /* margin: 290px 13px 14px; */
+    }
+
+    .van-tag + .van-tag {
+      margin-left: 8px;
+    }
+  }
+
+  .btnGroup {
+    padding: 0 14px;
+    padding-bottom: 15px;
+  }
+}

src/student/music-group/pre-apply/component/user-auth.tsx

@@ -0,0 +1,100 @@
+import request from '@/helpers/request'
+import { verifyIdCard } from '@/helpers/toolsValidate'
+import { postMessage } from '@/helpers/native-message'
+import { state } from '@/state'
+import { Button, CellGroup, Field, Form, Icon, showToast } from 'vant'
+import { defineComponent } from 'vue'
+import styles from './user-auth.module.less'
+import OHeader from '@/components/o-header'
+
+export default defineComponent({
+  name: 'UserAuth',
+  props: {
+    onSuccess: {
+      // 实名成功
+      type: Function,
+      default: () => {}
+    },
+    hideHeader: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      form: {
+        realName: '',
+        idCardNo: ''
+      }
+    }
+  },
+  mounted() {
+    // 初始化数据
+    const users = state.user.data
+    this.form.realName = users?.account.realName
+    // this.form.idCardNo = users?.idCardNo
+  },
+  methods: {
+    async onSubmit() {
+      try {
+        const url = state.platformApi + '/sysAccount/realNameAuth'
+        await request.post(url, {
+          data: {
+            ...this.form,
+            contract: true,
+            save: true
+          }
+        })
+        showToast('实名成功')
+        state.user.data.account.realName = this.form.realName
+        state.user.data.account.idCardNo = this.form.idCardNo
+        setTimeout(() => {
+          this.onSuccess()
+        }, 500)
+      } catch {
+        //
+      }
+    }
+  },
+  render() {
+    return (
+      <Form class={styles.userAuth} onSubmit={this.onSubmit}>
+        {!this.hideHeader && <OHeader title="实名认证" />}
+
+        <CellGroup inset class={styles.cellGroup}>
+          <Field
+            required
+            label="真实姓名"
+            v-model={this.form.realName}
+            rules={[{ required: true, message: '请填写真实姓名' }]}
+            name="realName"
+            placeholder="请填写真实姓名"
+            maxlength="50"
+          ></Field>
+
+          <Field
+            required
+            label="身份证号"
+            v-model={this.form.idCardNo}
+            maxlength={18}
+            rules={[
+              { required: true, message: '请输入身份证号' },
+              {
+                pattern:
+                  /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                message: '请输入正确的身份证号'
+              }
+            ]}
+            placeholder="请输入身份证号"
+          ></Field>
+        </CellGroup>
+
+        <div class={['btnGroup']}>
+          <Button block round type="primary" native-type="submit">
+            确定
+          </Button>
+        </div>
+      </Form>
+    )
+  }
+})

src/student/music-group/pre-apply/index.tsx

@@ -6,8 +6,9 @@ import Apply from './component/apply'
 import Payment from './component/payment'
 import Order from './component/order'
 import { useRoute, useRouter } from 'vue-router'
-import request from '../request-music'
-import { setLogout } from '../state-music'
+
+import { setLogout } from '@/state'
+import request from '@/helpers/request'
 
 export default defineComponent({
   name: 'pre-apply',
@@ -82,6 +83,24 @@ export default defineComponent({
           })
           return
         }
+
+        if (data.registerOrchestra > 1) {
+          showDialog({
+            title: '提示',
+            message: '您已在其它乐团'
+          }).then(() => {
+            setLogout()
+            const query = {
+              returnUrl: route.path,
+              ...route.query
+            } as any
+            router.replace({
+              path: '/loginMusic',
+              query: query
+            })
+          })
+          return
+        }
       } catch {
         //
       }

src/student/music-group/pre-apply/order-detail.tsx

@@ -8,8 +8,11 @@ import Payment from '@/views/adapay/payment'
 import { useRoute, useRouter } from 'vue-router'
 import OQrcode from '@/components/o-qrcode'
 import request from '@/helpers/request'
+import { state as baseState } from '@/state'
 import { browser, moneyFormat } from '@/helpers/utils'
 import OProtocol from '@/components/o-protocol'
+import OPopup from '@/components/o-popup'
+import UserAuth from './component/user-auth'
 
 export default defineComponent({
   name: 'order-detail',
@@ -29,7 +32,8 @@ export default defineComponent({
       hasFreight: route.query.hf ? false : true, // 是否显示
       freight: '', // 运费
       agreeStatus: true, //是否勾选协议
-      showHeader: false
+      showHeader: false,
+      authShow: false // 是否进行实名认证
     })
 
     const orderType = computed(() => {
@@ -138,6 +142,7 @@ export default defineComponent({
       }
     }
 
+    // 轮询查询订单状态
     const getPaymentOrderStatus = async () => {
       // 循环查询订单
       // const orderNo = state.orderNo
@@ -202,6 +207,7 @@ export default defineComponent({
 
     const onSubmit = async () => {
       clearInterval(state.orderTimer)
+
       if (orderType.value === 'VIP') {
         // onCallback()
         buyVip(onCallback)
@@ -251,6 +257,18 @@ export default defineComponent({
         return
       }
 
+      if (!state.agreeStatus) {
+        showToast('请先阅读并同意《管乐团平台服务协议》')
+        return
+      }
+      const users = baseState.user.data
+
+      // 判断是否需要实名认证, 姓名，卡号
+      if (!users?.account.realName || !users?.account.idCardNo) {
+        state.authShow = true
+        return
+      }
+
       try {
         const { data } = await request.post('/api-student/userPaymentOrder/updateReceiveAddress', {
           data: {
@@ -291,6 +309,13 @@ export default defineComponent({
       }
     }
 
+    // 实名认证成功
+    const onAuthSuccess = () => {
+      //
+      state.authShow = false
+      onSubmit() // 实名成功后自动支付
+    }
+
     onMounted(() => {
       if (browser().isApp) {
         state.showHeader = true
@@ -434,6 +459,10 @@ export default defineComponent({
             </div>
           </div>
         </Popup>
+
+        <OPopup v-model:modelValue={state.authShow}>
+          <UserAuth onSuccess={onAuthSuccess} hideHeader={!browser().isApp} />
+        </OPopup>
       </>
     )
   }

src/student/my-orchestra/apply-withdrawal.tsx

@@ -2,9 +2,9 @@ import OHeader from '@/components/o-header'
 import { defineComponent, onMounted, reactive, ref } from 'vue'
 import iconStudent from '@common/images/icon_student.png'
 import styles from './apply-withdrawal.module.less'
-import { Button, Dialog, Field, Image } from 'vant'
+import { Button, Dialog, Field, Image, showToast } from 'vant'
 import OSticky from '@/components/o-sticky'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import request from '@/helpers/request'
 import { state } from '@/state'
 
@@ -12,6 +12,7 @@ export default defineComponent({
   name: 'apply-withdrawal',
   setup() {
     const route = useRoute()
+    const router = useRouter()
     const headColor = reactive({
       headBg: 'transparent',
       textColor: '#fff'
@@ -19,27 +20,53 @@ export default defineComponent({
     const forms = reactive({
       status: false,
       reason: null,
-      id: route.query.id
+      id: route.query.id,
+      dataInfo: {} as any,
+      isClick: false
     })
 
     const getDetails = async () => {
       try {
         const { data } = await request.post('/api-student/student/getOrchestraDate/' + forms.id)
+        forms.dataInfo = data
       } catch {
         //
       }
     }
 
     const onSubmit = async () => {
-      // forms.status = true
-      await request.post('/api-student/orchestra/leaveOrchestra', {
-        data: {
-          studentId: state.user.data.account.id,
-          orchestraId: forms.id,
-          reason: forms.reason
-        }
-      })
+      if (!forms.reason) {
+        showToast('请输入退团原因')
+        return
+      }
+      forms.status = true
+    }
+
+    //
+    const onConfirm = async () => {
+      try {
+        forms.isClick = true
+        await request.post('/api-student/orchestra/leaveOrchestra', {
+          data: {
+            studentId: forms.dataInfo.studentId,
+            orchestraId: forms.id,
+            reason: forms.reason
+          }
+        })
+
+        forms.isClick = false
+        setTimeout(() => {
+          showToast('申请成功')
+        }, 100)
+        setTimeout(() => {
+          router.replace('/my-orchestra')
+        }, 1100)
+      } catch {
+        //
+        forms.isClick = false
+      }
     }
+
     onMounted(() => {
       getDetails()
     })
@@ -54,10 +81,10 @@ export default defineComponent({
           />
 
           <div class={styles.userInfo}>
-            <Image src={iconStudent} class={styles.img} />
-            <div class={styles.userName}>宋小泽 同学</div>
+            <Image src={forms.dataInfo.studentAvatar || iconStudent} class={styles.img} />
+            <div class={styles.userName}>{forms.dataInfo.studentName} 同学</div>
             <div class={styles.timer}>
-              您已在武汉小学2022标小学2022标准团训练<span>142</span>天
+              您已在{forms.dataInfo.orchestraName}训练<span>{forms.dataInfo.joinDays}</span>天
             </div>
           </div>
         </div>
@@ -78,7 +105,14 @@ export default defineComponent({
 
         <OSticky position="bottom">
           <div class={'btnGroup'}>
-            <Button block round size="large" type="primary" onClick={onSubmit}>
+            <Button
+              block
+              round
+              size="large"
+              type="primary"
+              onClick={onSubmit}
+              disabled={forms.isClick}
+            >
               确定
             </Button>
           </div>
@@ -91,9 +125,7 @@ export default defineComponent({
           confirmButtonText="确定"
           cancelButtonText="取消"
           showCancelButton
-          onConfirm={() => {
-            console.log('223')
-          }}
+          onConfirm={() => onConfirm()}
         >
           {{
             title: () => (

src/student/my-orchestra/index.module.less

@@ -186,7 +186,7 @@
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin: 0 13px 12px;
+  margin: 0 13px 24px;
   .item {
     position: relative;
     padding-top: 12px;

src/student/my-orchestra/index.tsx

@@ -87,6 +87,8 @@ export default defineComponent({
         state.orchestraList = data || []
         if (data && data.length > 0) {
           state.selectOrchestra = data[0]
+          // 判断是否有乐团
+          await getList()
         }
       } catch {
         //
@@ -99,34 +101,43 @@ export default defineComponent({
         api: 'joinChatGroup',
         content: {
           type: 'multi', // single 单人 multi 多人
-          id: item.classGroupId
+          id: item.imGroupId
         }
       })
     }
 
     onMounted(async () => {
       await getOrchestras()
-      await getList()
     })
     return () => (
       <div class={styles.myOrchestra}>
         <OHeader
           v-slots={{
-            right: () =>
-              state.selectOrchestra.orchestraId && (
-                <span
-                  onClick={() => {
-                    router.push({
-                      path: '/apply-withdrawal',
-                      query: {
-                        id: state.selectOrchestra.orchestraId
-                      }
-                    })
-                  }}
-                >
-                  申请退团
-                </span>
-              )
+            right: () => (
+              <>
+                {state.selectOrchestra.status === 'REGISTER' &&
+                  state.selectOrchestra.status === 'LEARNING' && (
+                    <span
+                      onClick={() => {
+                        router.push({
+                          path: '/apply-withdrawal',
+                          query: {
+                            id: state.selectOrchestra.orchestraId
+                          }
+                        })
+                      }}
+                    >
+                      申请退团
+                    </span>
+                  )}
+                {state.selectOrchestra.status === 'AUTH' && (
+                  <span style={{ color: 'red' }}>申请退团中</span>
+                )}
+                {/* {state.selectOrchestra.status === 'OUTOF_ORCHESTRA' && (
+                  <span style={{ color: '#666' }}>已退团</span>
+                )} */}
+              </>
+            )
           }}
         />
         {state.orchestraList.length > 0 ? (
@@ -264,6 +275,7 @@ export default defineComponent({
               })
 
               state.orchestraStatus = false
+              onSearch()
             }}
           />
         </Popup>

src/views/adapay/userAuth/index.module.less

@@ -1,45 +0,0 @@
-.userAuth {
-  min-height: 100vh;
-  background-color: #f6f8f9;
-  overflow: hidden;
-
-  .btnGroup {
-    padding: 0 14px;
-    padding-bottom: 15px;
-  }
-
-  .colProtocol {
-    // display: flex;
-    // align-items: center;
-    font-size: 12px;
-    padding: 15px 14px;
-    color: #999;
-    .protocolText {
-      color: var(--van-primary);
-      line-height: 15px;
-    }
-
-    .boxStyle {
-      background: transparent !important;
-      width: 15px;
-      height: 15px;
-      border: transparent !important;
-    }
-    :global {
-      .van-checkbox {
-        display: inline-block;
-        align-items: inherit;
-        overflow: inherit;
-      }
-      .van-checkbox__icon {
-        height: 15px;
-        line-height: 15px;
-        display: inline-block;
-        vertical-align: middle;
-      }
-      .van-checkbox__label {
-        line-height: 15px;
-      }
-    }
-  }
-}

src/views/adapay/userAuth/index.tsx

@@ -1,148 +0,0 @@
-import request from '@/helpers/request'
-import { verifyIdCard } from '@/helpers/toolsValidate'
-import { postMessage } from '@/helpers/native-message'
-import { state } from '@/state'
-import { Button, CellGroup, Checkbox, Field, Form, Icon, showToast, Toast } from 'vant'
-import { defineComponent } from 'vue'
-import activeButtonIcon from '@common/images/icon_checkbox.png'
-import inactiveButtonIcon from '@common/images/icon_checkbox_default.png'
-import styles from './index.module.less'
-import OHeader from '@/components/o-header'
-
-export default defineComponent({
-  name: 'UserAuth',
-  props: {
-    onSuccess: {
-      // 实名成功
-      type: Function,
-      default: () => {}
-    },
-    exists: {
-      type: Boolean,
-      default: false
-    },
-    hideHeader: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      form: {
-        realName: '',
-        idCardNo: ''
-      },
-      checked: false
-    }
-  },
-  mounted() {
-    // exists
-    this.checked = this.checked || this.exists
-    // 初始化数据
-    const users = state.user.data
-    this.form.realName = users?.realName
-    // this.form.idCardNo = users?.idCardNo
-  },
-  methods: {
-    async onSubmit() {
-      try {
-        if (!this.checked) {
-          showToast('请先阅读并同意《用户注册协议》')
-          return
-        }
-        const url =
-          state.platformType === 'STUDENT'
-            ? '/api-student/student/realNameAuth'
-            : '/api-teacher/teacher/realNameAuth'
-        await request.post(url, {
-          data: {
-            ...this.form,
-            contract: true,
-            save: true
-          }
-        })
-        showToast('实名成功')
-        state.user.data.realName = this.form.realName
-        state.user.data.idCardNo = this.form.idCardNo
-        setTimeout(() => {
-          this.onSuccess()
-        }, 500)
-      } catch {
-        //
-      }
-    },
-    getContractDetail() {
-      // 查看协议
-      const client = state.platformType === 'STUDENT' ? 'student' : 'teacher'
-      postMessage({
-        api: 'openWebView',
-        content: {
-          url: `${location.origin}/${client}/#/previewProtocol`,
-          orientation: 1,
-          isHideTitle: false
-        }
-      })
-    }
-  },
-  render() {
-    return (
-      <Form class={styles.userAuth} onSubmit={this.onSubmit}>
-        {!this.hideHeader && <OHeader title="实名认证" />}
-
-        {/* <CellGroup style={{ marginTop: '15px' }}>
-          <ColField title="姓名" required>
-            <Field
-              name="lessonName"
-              maxlength={20}
-              v-model={this.form.realName}
-              placeholder="请输入真实姓名"
-              rules={[{ required: true, message: '请输入真实姓名' }]}
-            />
-          </ColField>
-          <ColField title="证件号码" required>
-            <Field
-              name="lessonSubjectName"
-              v-model={this.form.idCardNo}
-              rules={[
-                { required: true, message: '请输入身份证号' },
-                {
-                  pattern:
-                    /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                  message: '请输入正确的身份证号'
-                }
-              ]}
-              placeholder="请输入身份证号"
-            />
-          </ColField>
-        </CellGroup> */}
-        <div class={styles.colProtocol}>
-          {!this.exists && (
-            <Checkbox
-              v-model={this.checked}
-              v-slots={{
-                icon: (props: any) => (
-                  <Icon
-                    class={styles.boxStyle}
-                    name={props.checked ? activeButtonIcon : inactiveButtonIcon}
-                    size="15"
-                  />
-                )
-              }}
-            >
-              我已阅读并同意
-            </Checkbox>
-          )}
-          {this.exists && <>查看</>}
-          <span onClick={this.getContractDetail} class={styles.protocolText}>
-            《用户注册协议》
-          </span>
-        </div>
-        <div class={['btnGroup']}>
-          <Button block round type="primary" native-type="submit">
-            确定
-          </Button>
-        </div>
-      </Form>
-    )
-  }
-})