| | |
| | | <%@ Page Title="" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" %> |
| | | |
| | | <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> |
| | | <style> |
| | | .bg-info { |
| | | background-color: #fff; |
| | | } |
| | | .custom-title { |
| | | margin-right: 4px; |
| | | vertical-align: middle; |
| | | } |
| | | </style> |
| | | <style> |
| | | .bg-info { |
| | | background-color: #fff; |
| | | } |
| | | .custom-title { |
| | | margin-right: 4px; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | /* 长文本自适应样式 */ |
| | | .long-text-field .van-field__control { |
| | | word-break: break-word; |
| | | white-space: pre-wrap; |
| | | line-height: 1.5; |
| | | min-height: 44px; |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 8px 0; |
| | | } |
| | | |
| | | /* 移动端适配 */ |
| | | @media (max-width: 768px) { |
| | | .long-text-field .van-field__control { |
| | | font-size: 14px; |
| | | word-break: break-all; |
| | | } |
| | | } |
| | | |
| | | /* 确保van-field容器也能自适应高度 */ |
| | | .van-field--readonly { |
| | | align-items: flex-start; |
| | | } |
| | | </style> |
| | | </asp:Content> |
| | | <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"> |
| | | <van-nav-bar |
| | |
| | | <div> |
| | | <van-cell-group> |
| | | <van-field label="项目名称" colon="true" v-model="formData.fcheckItem" readonly ></van-field> |
| | | <van-field label="规格要求" colon="true" v-model="formData.fspecRequ" readonly ></van-field> |
| | | <van-field label="规格要求" colon="true" v-model="formData.fspecRequ" readonly class="long-text-field"></van-field> |
| | | <van-field label="检验方法" colon="true" v-model="formData.inspectionMethod" readonly ></van-field> |
| | | <van-field label="检验工具" colon="true" v-model="formData.fcheckTool" readonly ></van-field> |
| | | <van-field label="检验数" colon="true" v-model="formData.checkQyt" readonly ></van-field> |