ソースを参照

feature_20250926_数字题型&单行文本题型

zhujindu 1 ヶ月 前
コミット
4dc6090283
1 ファイル変更79 行追加8 行削除
  1. 79 8
      src/views/deviceWithin/addStoreVisit.vue

+ 79 - 8
src/views/deviceWithin/addStoreVisit.vue

@@ -201,6 +201,38 @@
               </template>
             </van-field>
           </div>
+          <div v-if="item.answerType == 'tel_confirm'" class="formLabel z-cell">
+            <van-cell>
+              <template #title>
+                <span v-if="item.isMust == 0" class="van-f-red">*</span>
+                <span>{{ 1 + index + '.' }}</span>
+                {{ item.collectionName }}
+                <!-- 操作说明图片和电话 -->
+                <taskTips
+                  v-if="item.contactPhone || item.examplePhoto"
+                  :contactPhone="item.contactPhone"
+                  :examplePhoto="item.examplePhoto">
+                </taskTips>
+              </template>
+            </van-cell>
+            <van-field
+              class="sendCode"
+              v-model="item.answerValue"
+              :placeholder="item.collectionOptionList[0].collectionOption"
+              type="tel"
+              @blur="sendCodeTelFn(item, index, 'A')">
+              <template #button v-if="!verifyMobile">
+                <van-button
+                  size="small"
+                  style="color: white; background: rgb(0, 87, 186); border-radius: 6px"
+                  @click="sendCode(item, index)"
+                  :disabled="time != null">
+                  <span v-if="time">已发送({{ timeNum }})</span>
+                  <span v-else>发送验证码</span>
+                </van-button>
+              </template>
+            </van-field>
+          </div>
           <div v-if="item.answerType == 'check_code' && !verifyMobile" class="formLabel z-cell">
             <van-cell>
               <template #title>
@@ -671,6 +703,39 @@
                         </template>
                       </van-field>
                     </div>
+                    <div v-if="childitem.answerType == 'tel_confirm'" class="formLabel z-cell">
+                      <van-cell>
+                        <template #title>
+                          <span v-if="childitem.isMust == 0" class="van-f-red">*</span>
+                          <span>{{ 1 + index + '.' }}</span>
+                          <span>{{ 1 + childIndex + '.' }}</span>
+                          {{ childitem.collectionName }}
+                          <!-- 操作说明图片和电话 -->
+                          <taskTips
+                            v-if="childitem.contactPhone || childitem.examplePhoto"
+                            :contactPhone="childitem.contactPhone"
+                            :examplePhoto="childitem.examplePhoto">
+                          </taskTips>
+                        </template>
+                      </van-cell>
+                      <van-field
+                        class="sendCode"
+                        v-model="childitem.collectionOptionList[0].answerValue"
+                        :placeholder="childitem.collectionOptionList[0].collectionOption"
+                        type="tel"
+                        @blur="sendCodeTelFn(childitem, index)">
+                        <template #button v-if="!verifyMobile">
+                          <van-button
+                            size="small"
+                            style="color: white; background: rgb(0, 87, 186); border-radius: 6px"
+                            @click="sendCode(childitem, index)"
+                            :disabled="time != null">
+                            <span v-if="time">已发送({{ timeNum }})</span>
+                            <span v-else>发送验证码</span>
+                          </van-button>
+                        </template>
+                      </van-field>
+                    </div>
                     <div
                       v-if="childitem.answerType == 'check_code' && !verifyMobile"
                       class="formLabel z-cell">
@@ -4545,7 +4610,8 @@ export default {
               collectionItemLists[q].answerType == 'check_code' ||
               collectionItemLists[q].answerType == 'nyr' ||
               collectionItemLists[q].answerType == 'dhwb' ||
-              collectionItemLists[q].answerType == 'xm'
+              collectionItemLists[q].answerType == 'xm' ||
+              collectionItemLists[q].answerType == 'tel_confirm'
             ) {
               collectionItemLists[q].answerValue =
                 collectionItemLists[q].collectionOptionList[0].answerValue;
@@ -4652,7 +4718,7 @@ export default {
                           listchild[qq1].answerValue = '';
                         }
                       }
-                      if (listchild[qq1].answerType == 'tel_send_code') {
+                      if (listchild[qq1].answerType == 'tel_send_code' || listchild[qq1].answerType == 'tel_confirm') {
                         if (listchild[qq1].collectionOptionList[0].answerValue != null) {
                           listchild[qq1].answerValue =
                             listchild[qq1].collectionOptionList[0].answerValue;
@@ -5564,7 +5630,8 @@ export default {
             this.collectionItemList[b].answerType == 'check_code' ||
             this.collectionItemList[b].answerType == 'nyr' ||
             this.collectionItemList[b].answerType == 'dhwb' ||
-            this.collectionItemList[b].answerType == 'xm'
+            this.collectionItemList[b].answerType == 'xm' ||
+            this.collectionItemList[b].answerType == 'tel_confirm'
           ) {
             formData.collectionAnswers.push({
               collectionId: this.collectionItemList[b].collectionId,
@@ -5622,7 +5689,8 @@ export default {
                     listDatas[f2].answerType == 'check_code' ||
                     listDatas[f2].answerType == 'nyr' ||
                     listDatas[f2].answerType == 'dhwb' ||
-                    listDatas[f2].answerType == 'xm'
+                    listDatas[f2].answerType == 'xm' ||
+                    listDatas[f2].answerType == 'tel_confirm'
                   ) {
                     formData.collectionAnswers.push({
                       collectionId: listDatas[f2].collectionId,
@@ -5694,7 +5762,8 @@ export default {
                             listDatas2[f10].answerType == 'check_code' ||
                             listDatas2[f10].answerType == 'nyr' ||
                             listDatas2[f10].answerType == 'dhwb' ||
-                            listDatas2[f10].answerType == 'xm'
+                            listDatas2[f10].answerType == 'xm' ||
+                            listDatas2[f10].answerType == 'tel_confirm'
                           ) {
                             formData.collectionAnswers.push({
                               collectionId: listDatas2[f10].collectionId,
@@ -5785,7 +5854,8 @@ export default {
                                     listc4[fc4].answerType == 'check_code' ||
                                     listc4[fc4].answerType == 'nyr' ||
                                     listc4[fc4].answerType == 'dhwb' ||
-                                    listc4[fc4].answerType == 'xm'
+                                    listc4[fc4].answerType == 'xm' ||
+                                    listc4[fc4].answerType == 'tel_confirm'
                                   ) {
                                     formData.collectionAnswers.push({
                                       collectionId: listc4[fc4].collectionId,
@@ -5891,7 +5961,8 @@ export default {
                                             listc5[fc5].answerType == 'check_code' ||
                                             listc5[fc5].answerType == 'nyr' ||
                                             listc5[fc5].answerType == 'dhwb' ||
-                                            listc5[fc5].answerType == 'xm'
+                                            listc5[fc5].answerType == 'xm' ||
+                                            listc5[fc5].answerType == 'tel_confirm'
                                           ) {
                                             formData.collectionAnswers.push({
                                               collectionId: listc5[fc5].collectionId,
@@ -6162,7 +6233,7 @@ export default {
         return;
       }
       let telSendCode = collectionItems.find((res) => {
-        if (res.answerType == 'tel_send_code') {
+        if (res.answerType == 'tel_send_code' || res.answerType == "tel_confirm") {
           return res;
         }
       });