<%@ 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;
|
}
|
|
.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;
|
}
|
|
/* 状态显示组 */
|
.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);
|
}
|
|
.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;
|
}
|
|
/* 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: 20px; /* 控制两个输入组之间的间距 */
|
align-items: center;
|
background: #e3edf7;
|
}
|
|
.input-group {
|
display: flex;
|
align-items: center;
|
gap: 8px;
|
flex: 1; /* 使两个输入组均分剩余空间 */
|
}
|
|
.si-input-field {
|
flex: 1; /* 输入框占据剩余空间 */
|
width: 100%; /* 控制最大宽度 */
|
background: #f7f8fa;
|
border-radius: 4px;
|
padding: 8px 12px;
|
}
|
|
</style>
|
</asp:Content>
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
|
<%-- <van-nav-bar
|
:title=formData.releaseNo
|
left-text="返回"
|
left-arrow
|
@click-left="GetBack1()"
|
></van-nav-bar>--%>
|
<van-nav-bar
|
left-text="返回"
|
left-arrow
|
@click-left="GetBack1"
|
@click-right="showButton = true"
|
>
|
<template #title>
|
<div class="inline-title">
|
<span class="release-no">{{ formData.releaseNo }}</span>
|
<van-tag round plain
|
:type="formData.fcheckResu === '不合格' ? 'danger' :
|
formData.fcheckResu === '检验中' ? 'warning' : 'success'"
|
class="status-tag"
|
>
|
{{ formData.fcheckResu || '合格' }}
|
</van-tag>
|
</div>
|
</template>
|
<template #right>
|
<van-icon name="ellipsis" />
|
</template>
|
</van-nav-bar>
|
<div class="content-wrapper">
|
<van-cell-group >
|
<%-- <van-field label="检验单号" colon="true" v-model="formData.releaseNo" readonly ></van-field>--%>
|
|
|
<!-- 自定义字段用于显示两个标识 -->
|
<van-field label="标识" colon="true" readonly>
|
<template #input>
|
<div class="checkbox-container">
|
委外<van-checkbox v-model="formData.ftype" disabled></van-checkbox>
|
急料<van-checkbox v-model="formData.urgentFlag" disabled></van-checkbox>
|
</div>
|
</template>
|
</van-field>
|
<van-field label="到货单号" colon="true" v-model="formData.lotNo" readonly ></van-field>
|
<%-- <van-field label="创建时间" colon="true" v-model="formData.createDate" readonly ></van-field>
|
<van-field label="创建人" colon="true" v-model="formData.createBy" readonly ></van-field>--%>
|
<van-field label="物料编码" colon="true" v-model="formData.itemNo" readonly ></van-field>
|
<van-field label="物料名称" colon="true" v-model="formData.itemName" readonly ></van-field>
|
<%--<van-field label="规格型号" colon="true" v-model="formData.itemModel" readonly ></van-field>--%>
|
<van-field
|
label="规格型号"
|
colon
|
v-model="formData.itemModel"
|
readonly
|
class="wrap-field"
|
>
|
<template #input>
|
<div class="wrap-content">{{ formData.itemModel }}</div>
|
</template>
|
</van-field>
|
<van-field label="数量" colon="true" v-model="formData.fcovertQty" readonly ></van-field>
|
<van-field label="不合格描述" v-if='formData.fcheckResu == "不合格"' colon="true" v-model="formData.remarks" ></van-field>
|
<%-- <van-field label="检测结果" colon="true" v-model="formData.fcheckResu" readonly ></van-field>--%>
|
<%-- <van-field label="检测结果" colon="true" readonly >
|
<template #input>
|
<van-tag round v-if="formData.fcheckResu === '不合格'" type="danger">不合格</van-tag>
|
<van-tag round v-else-if="formData.fcheckResu === '检验中'" type="warning">检验中</van-tag>
|
<van-tag round v-else type="success">合格</van-tag>
|
</template>
|
</van-field>--%>
|
</van-cell-group>
|
</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>--%>
|
<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 span="10" center class="text-left padding-left">检验项目</van-col>
|
<van-col span="4">已检数/抽检数</van-col>
|
<van-col span="4">特征值</van-col>
|
<van-col span="6">检验结果</van-col>
|
</van-row>
|
<van-row v-for="(item,index) in tableData" :key="index" type="flex" justify="left">
|
|
<van-col span="10" center class="text-left padding-left" >
|
<van-cell center
|
center :title="item.fcheckItem" @click="togglePopup(index)"></van-cell>
|
</van-col>
|
<van-col span="4" >
|
<van-cell center
|
center :title="item.fenterQty + '/' + item.checkQyt" @click="togglePopup(index)"></van-cell>
|
</van-col>
|
<van-col span="4" >
|
<van-cell center
|
center :title="item.fenterQty + '/' + item.checkQyt" @click="togglePopup(index)"></van-cell>
|
</van-col>
|
<van-col center span="6" >
|
<van-cell center
|
center v-if="item.fcheckResu === '合格'">
|
<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 === '不合格'">
|
<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-cell>
|
</van-col>
|
|
</van-row>
|
</van-tab>
|
</van-tabs>
|
|
<van-popup
|
v-model="show"
|
closeable
|
overlay ="true"
|
round
|
close-icon="close"
|
class="van-icon-popup"
|
position="right"
|
:style="{ width: '100%',
|
height: '100%' ,
|
boxShadow: '-2px 0 12px rgba(0, 0, 0, 0.1)'
|
}"
|
>
|
<!-- 弹出内容 -->
|
<div class="content-wrapper-jymx">
|
<van-tabs v-model="tabActive" sticky color="#000" round ellipsis="false" @click="handleTabClick">
|
<van-tab v-for="(itm,index) in tableData" round :key="index" :name="index" >
|
<template #title > {{itm.fcheckItem}} <van-icon v-if="itm.fenterQty >=itm.checkQyt" name="success" color="#1989fa" class="badge-icon" ></van-icon></template>
|
<template>
|
<van-cell-group>
|
<van-field label="项目名称" colon="true" v-model="jymxData.fcheckItem" readonly ></van-field>
|
<van-field label="规格要求" colon="true" v-model="jymxData.fspecRequ" readonly ></van-field>
|
<van-field label="检验工具" colon="true" v-model="jymxData.fcheckTool" readonly ></van-field>
|
<van-field label="检验数" colon="true" v-model="jymxData.checkQyt" readonly ></van-field>
|
<van-field label="下限" colon="true" v-model="jymxData.fdownAllow" readonly ></van-field>
|
<van-field label="标准值" colon="true" v-model="jymxData.fstand" readonly ></van-field>
|
<van-field label="上限" colon="true" v-model="jymxData.fupAllow" readonly ></van-field>
|
<%--<van-field label="AC数" colon="true" v-model="jymxData.facQty" readonly ></van-field>--%>
|
<van-field label="RE数" colon="true" v-model="jymxData.freQty" readonly ></van-field>
|
<van-field label="样本数" colon="true" v-model="jymxData.ybsl" readonly ></van-field>
|
<%--<van-field label="预览结果" colon="true" v-model="jymxData.result" readonly ></van-field>--%>
|
<%--<van-field label="结果录入" colon="true" v-model="resultValue" placeholder="请输入OK-数字或NG-数字"></van-field>--%>
|
<template>
|
<div class="si-input-box">
|
<!-- 左侧标题 -->
|
<div class="si-input__left">
|
<span class="si-input__label">结果录入</span>
|
</div>
|
|
<!-- 水平排列的输入容器 -->
|
<div class="input-container">
|
<!-- OK输入组 -->
|
<div class="input-group">
|
<van-tag
|
left
|
round
|
plain
|
type="success"
|
class="input-tag"
|
>OK</van-tag>
|
<van-field
|
v-model="okValue"
|
class="si-input-field"
|
placeholder="请输入OK数量"
|
:border="false"
|
/>
|
</div>
|
|
<!-- NG输入组 -->
|
<div class="input-group">
|
<van-tag
|
left
|
round
|
plain
|
type="danger"
|
class="input-tag"
|
>NG</van-tag>
|
<van-field
|
v-model="ngValue"
|
class="si-input-field"
|
placeholder="请输入NG数量"
|
:border="false"
|
/>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<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>
|
</template>
|
</van-field>
|
</van-cell-group>
|
</template>
|
<!-- StatsInput.vue -->
|
<template>
|
<div class="si-container">
|
<!-- 状态显示行 -->
|
<div class="si-status-group">
|
<div class="si-status-box si-status--ok">
|
<div class="si-status__left">
|
<span class="si-status__label">合格数</span>
|
</div>
|
<div class="si-status__right">256</div>
|
</div>
|
|
<div class="si-status-box si-status--error">
|
<div class="si-status__left">
|
<span class="si-status__label">不合格数</span>
|
</div>
|
<div class="si-status__right">32</div>
|
</div>
|
</div>
|
</template>
|
<template>
|
<!-- 输入框 -->
|
<div class="si-input-box">
|
<div class="si-input__left">
|
<span class="si-input__label">特征值输入</span>
|
</div>
|
<div class="si-status__right">
|
<van-field
|
v-model="inputValue"
|
placeholder="请输入"
|
:border="false"
|
class="si-input-field"
|
/>
|
</div>
|
</div>
|
</div>
|
</template>
|
<van-row type="flex" justify="center">
|
<van-col span="10" center class="text-left padding-left">检验项目</van-col>
|
<van-col span="6">样本值</van-col>
|
<van-col span="8">判定标志</van-col>
|
</van-row>
|
<van-row v-for="(item,index) in tableMxData.list2" :key="index" type="flex" justify="left">
|
|
<van-col span="10" center class="text-left padding-left" >
|
<van-cell center
|
center :title="item.fcheckItemd5" @click="togglePopup(index)"></van-cell>
|
</van-col>
|
<van-col span="6" >
|
<van-cell center
|
center :title="item.fcheckResu"></van-cell>
|
</van-col>
|
<van-col center span="8" >
|
<van-cell center
|
center v-if="item.fstand === '√'">
|
<van-tag round plain type="success" style="font-size:15px">合格</van-tag>
|
</van-cell>
|
<van-cell center
|
center v-else-if="item.fstand === '×'">
|
<van-tag round plain type="danger" style="font-size:15px">不合格</van-tag>
|
</van-cell>
|
<van-cell center
|
center v-else >
|
<van-tag round plain type="warning" style="font-size:15px">检验中</van-tag>
|
</van-cell>
|
</van-col>
|
</van-row>
|
|
</van-tab>
|
</van-tabs>
|
</div>
|
</van-popup>
|
|
|
|
<!-- 弹出菜单 -->
|
<van-popup
|
v-model="showButton"
|
position="bottom"
|
:style="{ width: '100%' }"
|
>
|
<div style="padding: 12px;">
|
<van-button
|
block
|
type="info"
|
@click="submit"
|
:loading="ttrre"
|
loading-text="加载中..."
|
>检验提交</van-button>
|
|
<van-button
|
block
|
type="danger"
|
@click="removeXJ"
|
style="margin-top: 8px;"
|
>刷新重做</van-button>
|
</div>
|
</van-popup>
|
</asp:Content>
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
|
<comloading v-if="isLoading"></comloading>
|
<%--<comback ></comback>--%>
|
</asp:Content>
|
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
|
<script src="../Js/LLJ/Add.js?<%=1192 %>"></script>
|
</asp:Content>
|
