From 2f1f5f0c98b8495127ec7b6823906d525bf19e4b Mon Sep 17 00:00:00 2001 From: 南骏 池 <chiffly@163.com> Date: 星期一, 02 六月 2025 16:32:17 +0800 Subject: [PATCH] 1.首检认证信息优化,多选 --- H5/IPQC_SJ/Add.aspx | 98 ++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 88 insertions(+), 10 deletions(-) diff --git a/H5/IPQC_SJ/Add.aspx b/H5/IPQC_SJ/Add.aspx index bb2767d..746911a 100644 --- a/H5/IPQC_SJ/Add.aspx +++ b/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> -- Gitblit v1.9.3