| | |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .van-popup__close-icon--top-right { |
|---|
| | | top: .25rem; |
|---|
| | | right: -.00rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-wrapper-jymx { |
|---|
| | | margin: 27px; |
|---|
| | | background: #ffffff; |
|---|
| | | border-radius: 8px; |
|---|
| | | padding: 3px; |
|---|
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .van-cell__value--alone { |
|---|
| | | color: #323233; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-container { |
|---|
| | | /* padding: 0.16rem;*/ |
|---|
| | | padding: 8px 12px; |
|---|
| | | height: 0.6rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 状态显示组 */ |
|---|
| | | .si-status-group { |
|---|
| | | display: flex; |
|---|
| | | gap: 0.08rem; |
|---|
| | | margin-bottom: 0.16rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status-box { |
|---|
| | | flex: 1; |
|---|
| | | height: 0.6rem; |
|---|
| | | border-radius: 0.08rem; |
|---|
| | | display: flex; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 左侧状态标签 */ |
|---|
| | | .si-status__left { |
|---|
| | | width: 1.2rem; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status__left::after { |
|---|
| | | content: ''; |
|---|
| | | position: absolute; |
|---|
| | | right: -0.13rem; |
|---|
| | | width: 0.27rem; |
|---|
| | | height: 100%; |
|---|
| | | transform: skewX(-10deg); |
|---|
| | | z-index: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 右侧数值显示 */ |
|---|
| | | .si-status__right { |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | padding-left: 0.16rem; |
|---|
| | | background: #fff; |
|---|
| | | //font-weight: bold; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 状态类型修饰符 */ |
|---|
| | | .si-status--ok .si-status__left { |
|---|
| | | background: #07c160; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status--ok .si-status__left::after { |
|---|
| | | background: #07c160; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status--error .si-status__left { |
|---|
| | | background: #ee0a24; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status--error .si-status__left::after { |
|---|
| | | background: #ee0a24; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 输入框样式 */ |
|---|
| | | .si-input-box { |
|---|
| | | height: 0.6rem; |
|---|
| | | border-radius: 0.08rem; |
|---|
| | | display: flex; |
|---|
| | | overflow: hidden; |
|---|
| | | background: #fff; |
|---|
| | | box-shadow: 0 0.02rem 0.04rem rgba(0,0,0,0.05); |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-input__left { |
|---|
| | | width: 1.2rem; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | background: #e6f7ff; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-input__left::after { |
|---|
| | | content: ''; |
|---|
| | | position: absolute; |
|---|
| | | right: 0; |
|---|
| | | top: 50%; |
|---|
| | | transform: translateY(-50%); |
|---|
| | | width: 0.01rem; |
|---|
| | | height: 50%; |
|---|
| | | background: #d9d9d9; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 统一文字样式 */ |
|---|
| | | .si-status__label, |
|---|
| | | .si-input__label, |
|---|
| | | .si-status__right { |
|---|
| | | font-size: 0.20rem; |
|---|
| | | line-height: 0.23rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-input__label { |
|---|
| | | color: #1890ff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status__label{ |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-status__right{ |
|---|
| | | justify-content: center; /* 新增居中 */ |
|---|
| | | background: #e3edf7; |
|---|
| | | padding-right: 0.16rem; |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* Vant输入框深度定制 */ |
|---|
| | | /*:deep(.si-input-field .van-field__control) { |
|---|
| | | height: 0.6rem !important; |
|---|
| | | font-size: 0.20rem !important; |
|---|
| | | line-height: 0.23rem !important; |
|---|
| | | color: #333; |
|---|
| | | }*/ |
|---|
| | | |
|---|
| | | .van-icon-popup { |
|---|
| | | font-size: 0.5rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .inline-title { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 8px; /* 间距控制 */ |
|---|
| | | max-width: 80vw; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .release-no { |
|---|
| | | overflow: hidden; |
|---|
| | | text-overflow: ellipsis; |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .status-tag { |
|---|
| | | flex-shrink: 0; /* 防止被压缩 */ |
|---|
| | | font-size: 12px; |
|---|
| | | padding: 2px 6px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 覆盖导航栏默认样式 */ |
|---|
| | | :deep(.van-nav-bar__title) { |
|---|
| | | max-width: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | /* 深度覆盖vant样式,换行 */ |
|---|
| | | :deep(.wrap-field .van-field__control) { |
|---|
| | | white-space: pre-wrap !important; |
|---|
| | | word-break: break-all !important; |
|---|
| | | line-height: 1.5; |
|---|
| | | min-height: 24px; /* 最小高度保障 */ |
|---|
| | | padding: 4px 0; /* 增加垂直间距 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 专用内容容器,换行 */ |
|---|
| | | .wrap-content { |
|---|
| | | width: 100%; |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | /* .si-input-box { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | padding: 12px 16px; |
|---|
| | | }*/ |
|---|
| | | |
|---|
| | | .input-container { |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | gap: 2px; /* 控制两个输入组之间的间距 */ |
|---|
| | | align-items: center; |
|---|
| | | background: #e3edf7; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .input-group { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 8px; |
|---|
| | | flex: 1; /* 使两个输入组均分剩余空间 */ |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .si-input-field { |
|---|
| | | flex: 1; /* 输入框占据剩余空间 */ |
|---|
| | | width: 100%; /* 控制最大宽度 */ |
|---|
| | | background: #f7f8fa; |
|---|
| | | border-radius: 4px; |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </style> |
|---|
| | | </asp:Content> |
|---|
| | |
|---|
| | | <template #title> |
|---|
| | | <div class="inline-title"> |
|---|
| | | <span class="release-no">{{ formData.releaseNo }}</span> |
|---|
| | | <van-tag round plain |
|---|
| | | <van-tag round plain v-if="formData.fcheckResu === 'N:不合格'" type="danger">不合格</van-tag> |
|---|
| | | <van-tag round plain v-else-if="formData.fcheckResu === 'I:进行中'" type="warning">进行中</van-tag> |
|---|
| | | <van-tag round plain v-else-if="formData.fcheckResu === 'W:未知'" type="warning">未知</van-tag> |
|---|
| | | <van-tag round plain v-else-if="formData.fcheckResu === ''" type="warning">未知</van-tag> |
|---|
| | | <van-tag round plain v-else-if="formData.fcheckResu === 'Y:合格'" type="success">合格</van-tag> |
|---|
| | | <van-tag round plain v-else type="danger">未知</van-tag> |
|---|
| | | <%-- <van-tag round plain |
|---|
| | | :type="formData.fcheckResu === '不合格' ? 'danger' : |
|---|
| | | formData.fcheckResu === '检验中' ? 'warning' : 'success'" |
|---|
| | | formData.fcheckResu === '检验中' ? 'warning' : |
|---|
| | | formData.fcheckResu === '未检验' ? 'warning' : |
|---|
| | | formData.fcheckResu === '合格' ? 'success' :'danger'" |
|---|
| | | class="status-tag" |
|---|
| | | > |
|---|
| | | {{ formData.fcheckResu || '合格' }} |
|---|
| | | </van-tag> |
|---|
| | | {{ formData.fcheckResu }} |
|---|
| | | </van-tag>--%> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <template #right> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | </van-field> |
|---|
| | | <van-field label="数量" colon="true" v-model="formData.fcovertQty" readonly ></van-field> |
|---|
| | | <van-field label="不合格描述" v-if='formData.fcheckResu == "不合格"' colon v-model="remarks" readonly class="wrap-field"> |
|---|
| | | <van-field label="不合格描述" v-if='formData.fcheckResu == "N:不合格"' colon v-model="remarks" readonly class="wrap-field"> |
|---|
| | | <template #input> |
|---|
| | | <div class="wrap-content">{{ remarks }}</div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | </van-dialog> |
|---|
| | | </van-cell-group> |
|---|
| | | </div> |
|---|
| | | <div><van-uploader v-model="fileList" :after-read="afterRead" /></div> |
|---|
| | | <%-- <van-button :loading="ttrre" type="info" loading-text="加载中..." v-if="!isShowTable && formData.fsubmit == 0" @click="submit">检验提交</van-button> |
|---|
| | | <van-button type="danger" v-if="!isShowTable && formData.fsubmit == 0" @click="removeXJ">重新加载项目</van-button>--%> |
|---|
| | | <%-- <van-button :loading="ttrre" type="info" loading-text="加载中..." @click="submit">检验提交</van-button> |
|---|
| | | <van-button type="danger" @click="removeXJ">刷新重做</van-button>--%> |
|---|
| | | <!-- 方式 --> |
|---|
| | | <div class="uploader-container"> |
|---|
| | | <!-- 使用 field 样式包裹 --> |
|---|
| | | <div class="van-cell van-field" style="padding: 10px 16px"> |
|---|
| | | <!-- 左侧标签 --> |
|---|
| | | <div class="van-field__label" style="width: 90px">图片上传</div> |
|---|
| | | |
|---|
| | | <!-- 右侧上传区域 --> |
|---|
| | | <div class="van-field__body" style="flex: 1"> |
|---|
| | | <van-uploader |
|---|
| | | v-model="fileList" |
|---|
| | | :after-read="afterRead" |
|---|
| | | style="padding: 8px 0" |
|---|
| | | @delete="handleDelete" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <van-tabs color="#000" title-active-color="#0283EF" style="padding-bottom: 120px;"> |
|---|
| | | <van-tab title="检验项目" class="mySolid font"> |
|---|
| | | <van-row type="flex" justify="center"> |
|---|
| | |
|---|
| | | </van-col> |
|---|
| | | <van-col span="4" > |
|---|
| | | <van-cell center |
|---|
| | | center :title="item.fenterQty + '/' + item.checkQyt" @click="togglePopup(index)"></van-cell> |
|---|
| | | center :title="item.ybslIn ?? 0 + '/' + item.ybsl" @click="togglePopup(index)"></van-cell> |
|---|
| | | </van-col> |
|---|
| | | <van-col center span="6" > |
|---|
| | | <van-cell center |
|---|
| | | center v-if="item.fcheckResu === '合格'"> |
|---|
| | | center v-if="item.fcheckResu === 'Y:合格'"> |
|---|
| | | <van-tag round plain type="success" style="font-size:15px" @click="togglePopup(index)">合格</van-tag> |
|---|
| | | </van-cell> |
|---|
| | | <van-cell center |
|---|
| | | center v-else-if="item.fcheckResu === '不合格'"> |
|---|
| | | center v-else-if="item.fcheckResu === 'N:不合格'"> |
|---|
| | | <van-tag round plain type="danger" style="font-size:15px" @click="togglePopup(index)">不合格</van-tag> |
|---|
| | | </van-cell> |
|---|
| | | <van-cell center |
|---|
| | | center v-else > |
|---|
| | | <van-tag round plain type="warning" style="font-size:15px" @click="togglePopup(index)">检验中</van-tag> |
|---|
| | | <van-tag round plain type="warning" style="font-size:15px" @click="togglePopup(index)">进行中</van-tag> |
|---|
| | | </van-cell> |
|---|
| | | </van-col> |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | <van-field label="检测结果" colon="true" readonly > |
|---|
| | | <template #input> |
|---|
| | | <van-tag round plain v-if="jymxData.fcheckResu === '合格'" type="success">合格</van-tag> |
|---|
| | | <van-tag round plain v-else-if="jymxData.fcheckResu === '不合格'" type="danger">不合格</van-tag> |
|---|
| | | <van-tag round plain v-else type="warning">检验中</van-tag> |
|---|
| | | <van-tag round plain v-if="jymxData.fcheckResu === 'Y:合格'" type="success">合格</van-tag> |
|---|
| | | <van-tag round plain v-else-if="jymxData.fcheckResu === 'N:不合格'" type="danger">不合格</van-tag> |
|---|
| | | <van-tag round plain v-else type="warning">进行中</van-tag> |
|---|
| | | </template> |
|---|
| | | </van-field> |
|---|
| | | <template> |
|---|
| | |
|---|
| | | </van-cell> |
|---|
| | | <van-cell center |
|---|
| | | center v-else > |
|---|
| | | <van-tag round plain type="warning" style="font-size:15px">检验中</van-tag> |
|---|
| | | <van-tag round plain type="warning" style="font-size:15px">进行中</van-tag> |
|---|
| | | </van-cell> |
|---|
| | | </van-col> |
|---|
| | | <van-col center span="6" > |
|---|
| | |
|---|
| | | <%--<comback ></comback>--%> |
|---|
| | | </asp:Content> |
|---|
| | | <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server"> |
|---|
| | | <script src="../Js/LLJ/Add.js?<%=119993 %>"></script> |
|---|
| | | <script src="../Js/LLJ/Add.js?<%=119997112 %>"></script> |
|---|
| | | </asp:Content> |
|---|
