1.首检认证信息优化，多选

南骏 池

2025-06-02 2f1f5f0c98b8495127ec7b6823906d525bf19e4b

 H5/IPQC_SJ/Add.aspx

@@ -127,6 +127,40 @@
                font-size: .3333rem
            }

            /* 认证信息多选样式 */
            .rzxx-action-sheet {
              height: 70%;
            }
            .rzxx-action-sheet .checkbox-group-wrapper {
              padding: 16px;
              max-height: calc(100% - 60px);
              overflow-y: auto;
            }
            .action-sheet-footer {
              position: sticky;
              bottom: 0;
              background: white;
              padding: 8px 16px;
              box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
            }
            .confirm-btn {
              border-radius: 20px;
            }

            /* 认证信息专用样式 */
            .rzxx-checkbox-group .rzxx-checkbox {
              font-size: 0.5rem !important;
            }

            .rzxx-checkbox .van-checkbox__label {
              font-size: 0.5rem !important;
              line-height: 1.2;
            }

            .rzxx-checkbox .van-checkbox__icon {
              font-size: 0.5rem !important;
            }
            /* 认证信息多选样式 */
         
        </style>
</asp:Content>
@@ -352,17 +386,61 @@
                                </template>
                              </van-field>

                              <van-field label="认证信息"   v-if="jymxData.fcheckType === '关键部件一致性'" colon v-model="jymxData.ipqcrzxx" placeholder="请选择认证信息"  class="wrap-field" readonly> 
                                   <template #button>
                                     <van-tag type="primary" style="font-size:15px" @click="selectRzxx()">选择</van-tag>
                                   </template>
                               </van-field>
                              <van-field 
                              label="认证信息" 
                              v-if="jymxData.fcheckType === '关键部件一致性'" 
                              colon 
                              readonly
                              class="multi-line-field">
                                <template #input>
                                  <div class="flex-container">
                                    <div class="wrap-content scrollable-text" style="white-space: pre-line;">
                                      {{ jymxData.ipqcrzxx }}
                                    </div>
                                  </div>
                                </template>
                              </van-field>
                              <van-button 
                              block 
                              type="info" 
                              @click="selectRzxx"
                              :loading="ttrre"
                              loading-text="加载中..."
                              v-if="jymxData.fcheckType === '关键部件一致性'"
                          >认证信息选择</van-button>
                              <!-- <van-tag 
                              type="primary" 
                              style="font-size:15px; flex-shrink:0" 
                              @click="selectRzxx">
                              选择
                            </van-tag> -->
                               <van-action-sheet 
                                  v-model="showRzxx" 
                                  :actions="actions" 
                                  @select="onRzxxSelect"
                                  title="请选择认证信息">
                              </van-action-sheet>
                                  title="请选择认证信息"
                                  class="rzxx-action-sheet">
                                  <div class="checkbox-group-wrapper">
                                    <van-checkbox-group 
                                      v-model="selectedRzxx" 
                                      ref="checkboxGroup"
                                      :max="5"
                                      class="rzxx-checkbox-group">
                                      <van-checkbox 
                                        v-for="(item, index) in rzxxOptions" 
                                        :key="index" 
                                        :name="item.value"
                                        class="rzxx-checkbox">
                                        {{ item.text }}
                                      </van-checkbox>
                                    </van-checkbox-group>
                                  </div>
                                  <div class="action-sheet-footer">
                                    <van-button 
                                      block 
                                      type="primary" 
                                      @click="confirmMultiRzxx"
                                      class="confirm-btn">确认选择</van-button>
                                  </div>
                                </van-action-sheet>
                               

                            <van-popup v-model="showScDatePicker" position="bottom">
@@ -636,7 +714,7 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111154 %>"></script>
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111156 %>"></script>
</asp:Content>