hhh

src/views/live/roomDetail.vue

@@ -87,13 +87,70 @@
             </el-col>
           </van-tab>
           <van-tab title="申请评分">
-            <van-col span="24">
+            <van-col span="24" class="pfDiv">
               <van-form @submit="sqClick">
+                <van-field v-model="form.isxf" name="isxf" left-icon="star-o" label="学分" type="number" placeholder="请填写需要授予学分" />
+                <van-field required left-icon="eye-o" v-model="form.age" name="age" label="年龄" type="digit" placeholder="请填写年龄" />
+                <van-field name="gender" left-icon="friends-o" label="性别">
+                  <template #input>
+                    <van-radio-group v-model="form.gender" direction="horizontal">
+                      <van-radio name="男">男</van-radio>
+                      <van-radio name="女">女</van-radio>
+                    </van-radio-group>
+                  </template>
+                </van-field>
+                <van-field
+                  required
+                  v-model="form.idnumber"
+                  name="idnumber"
+                  label="身份证号"
+                  left-icon="vip-card-o"
+                  placeholder="请填写身份证号"
+                  :rules="[{ required: true, message: '请填写身份证号' }]"
+                />
+                <van-field
+                  required
+                  v-model="form.phone"
+                  name="phone"
+                  label="手机号"
+                  left-icon="phone-o"
+                  placeholder="请填写手机号"
+                  :rules="[{ required: true, message: '请填写手机号' }]"
+                />
                 <van-field v-model="form.hosname" left-icon="wap-home-o" name="hosname" label="单位" placeholder="请填写单位名称" />
                 <van-field v-model="form.deptname" left-icon="apps-o" name="deptname" label="科室" placeholder="请填写科室名称" />
                 <van-field v-model="form.level" left-icon="gem-o" name="level" label="职称" placeholder="请填写职称" />
                 <van-field v-model="form.major" left-icon="user-o" name="major" label="专业" placeholder="请填写专业" />
-                <van-field v-model="form.isxf" name="isxf" left-icon="star-o" label="学分" type="number" placeholder="请填写需要授予学分" />
+                <van-field name="isjc" left-icon="points" label="是否来自基层">
+                  <template #input>
+                    <van-switch v-model="form.isjc" size="20" />
+                  </template>
+                </van-field>
+                <van-field
+                  left-icon="location-o"
+                  readonly
+                  clickable
+                  name="address"
+                  :value="form.address"
+                  label="地址"
+                  placeholder="点击选择单位所在地"
+                  @click="showPicker = true"
+                />
+                <van-popup round v-model="showPicker" position="bottom">
+                  <van-picker show-toolbar :columns="addresslist" @confirm="onConfirm" @cancel="showPicker = false" />
+                </van-popup>
+                <van-field
+                  v-model="form.title"
+                  name="title"
+                  label="简介"
+                  left-icon="like-o"
+                  placeholder="请填写个人简介"
+                  type="textarea"
+                  rows="2"
+                  autosize
+                  maxlength="500"
+                  show-word-limit
+                />
                 <div style="margin: 16px;">
                   <van-button round block type="info" native-type="sqClick">
                     申请
@@ -226,6 +283,8 @@ export default {
       order: {},
       supportShow: false,
       onlinetotal: 0,
+      addresslist: ['省直', '黄石', '鄂州', '孝感', '黄冈', '咸宁'],
+      showPicker: false,
     };
   },
   created() {
@@ -254,6 +313,10 @@ export default {
     ...quest(['questfetch']),
     ...uploadquestion({ upcreate: 'create', upquery: 'query' }),
     ...mapWeiXin(['support']),
+    onConfirm(value) {
+      this.form.address = value;
+      this.showPicker = false;
+    },
     async lookonlineup(isonline) {
       const data = {};
       data.roomid = this.id;
@@ -1196,4 +1259,8 @@ export default {
 .supportbtn {
   text-align: center;
 }
+.pfDiv {
+  height: 400px;
+  overflow: auto;
+}
 </style>