html

liukangdong

2024-05-08 d0d3a33b400fd1cd6ee8122b349832120908a8ed

 h5/pages/userinfo/userinfo.vue

@@ -2,39 +2,39 @@
   <view class="container">
      <view class="visitor-form">
         <view class="cell">
            <view class="title">姓名<b>*</b></view>
            <view class="title"><b>*</b>姓名</view>
            <view class="content">
               <input class="input" placeholder-style="color: #999999;" maxlength="30" v-model="visitorData.name" placeholder="请输入您的真实姓名" />
            </view>
         </view>
         <view class="cell">
            <view class="title">手机号<b>*</b></view>
            <view class="title"><b>*</b>手机号</view>
            <view class="content">
               <input class="input" maxlength="11" placeholder-style="color: #999999;" v-model="visitorData.phone" placeholder="请输入您的手机号" />
            </view>
         </view>
         <view class="cell">
            <view class="title">证件类型<b>*</b></view>
            <view class="title"><b>*</b>证件类型</view>
            <view class="content" @click="show = true">
               <text :style="{color: visitorData.idcardTypeName ? '#000000' : ''}">{{visitorData.idcardTypeName ? visitorData.idcardTypeName : '请选择'}}</text>
               <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
            </view>
         </view>
         <view class="cell">
            <view class="title">证件号码<b>*</b></view>
            <view class="title"><b>*</b>证件号码</view>
            <view class="content">
               <input class="input" maxlength="18" placeholder-style="color: #999999;" v-model="visitorData.idcardNo" placeholder="请输入您的证件号码" />
            </view>
         </view>
         <view class="cell">
            <view class="title">公司<b>*</b></view>
            <view class="title"><b>*</b>公司名称</view>
            <view class="content">
               <input class="input" maxlength="50" placeholder-style="color: #999999;" v-model="visitorData.companyName" placeholder="请输入您的公司名称" />
            </view>
         </view>
         <view class="cell">
            <view class="title1">
               <text class="title1_a">人脸照片<b style="color: red;">*</b></text>
               <text class="title1_a"><b>*</b>人脸照片</text>
               <text class="title1_b">1、请提供五官清晰，人脸居中的正面人脸免冠照片；</text>
               <text class="title1_b">2、照片无逆光、无PS、无过度美颜处理</text>
            </view>
@@ -48,7 +48,7 @@
            </view>
         </view>
         <view style="height: 20rpx; background-color: #F7F7F7;"></view>
         <view class="cell">
         <!-- <view class="cell">
            <view class="title">健康证<b v-if="visit === '1'">*</b></view>
            <view class="content">
               <view class="content_uplaod" @click="upload('imgurl')" v-if="!visitorData.imgurlUrl">
@@ -58,7 +58,7 @@
                  <image :src="visitorData.imgurlUrl" mode="widthFix"></image>
               </view>
            </view>
         </view>
         </view> -->
      </view>
      <view class="footer-box">
         <view class="submit-button" @click="submit">下一步</view>
@@ -73,6 +73,7 @@
   import tlyPictureCut from "@/components/tly-picture-cut/tlyPictureCut.vue";
   import QfImageCropper from '@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue';
   import { mapState } from 'vuex'
   import { uploadUrl } from "@/utils/config"
   export default {
      data() {
         return {
@@ -198,7 +199,7 @@
            that.$refs.cropper.close()
            uni.showLoading({ title: '上传中', mask: true });
            uni.uploadFile({
               url: `${this.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`,
               url: uploadUrl,
               filePath: file.tempFilePath,
               name: 'file',
               formData: {
@@ -234,7 +235,7 @@
                  if (type === 'imgurl') {
                     uni.showLoading({ title: '上传中', mask: true });
                     uni.uploadFile({
                        url: `${that.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`,
                        url: uploadUrl,
                        filePath: chooseImageRes.tempFilePaths[0],
                        name: 'file',
                        formData: {
@@ -295,8 +296,8 @@
   }

   .title b {
      color: red;
      font-weight: bold;
      color: #E42D2D;
      margin-right: 4rpx;
   }
   
   .title1 {
@@ -310,8 +311,9 @@
         align-items: center;
         margin-bottom: 20rpx;
         b {
            color: red;
            font-weight: bold;
            color: #E42D2D;
            margin-right: 4rpx;

         }
      }
      .title1_b {
@@ -322,8 +324,8 @@
   }

   .add-other {
      border: 1rpx solid #025eef;
      color: #025eef;
      border: 1rpx solid #4d99a8;
      color: #4d99a8;
      font-size: 11rpx;
      padding: 0 12rpx;
      height: 32rpx;
@@ -348,7 +350,7 @@
      width: calc(100% - 60rpx);
      height: 88rpx;
      line-height: 88rpx;
      background: #025eef;
      background: #4d99a8;
      border-radius: 4rpx;
      color: #fff;
      border-radius: 44rpx;