| | |
| | | } |
| | | |
| | | |
| | | /* 标题样式 */ |
| | | .custom-label .van-cell__title { |
| | | font-size: 0.28rem !important; |
| | | line-height: 1.0; |
| | | color: #fff !important; |
| | | background-color: #1989fa; /* 品牌蓝色 */ |
| | | color: #1989fa !important; /* 修改为蓝色 */ |
| | | background-color: transparent !important; /* 透明背景 */ |
| | | border: 1px solid #1989fa; /* 添加蓝色边框 */ |
| | | padding: 0.1rem 0.1rem; |
| | | border-radius: 0.12rem; |
| | | margin: 0.1rem 0; |
| | |
| | | } |
| | | |
| | | .van-field__control { |
| | | text-align: center; |
| | | text-align: left; |
| | | padding: 4px 8px; |
| | | border: 1px solid #ccc; |
| | | /* border: 1px solid #ccc;*/ |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | /* 新增局部样式 */ |
| | | .temperature-input .van-field__control, |
| | | .flow-input .van-field__control { |
| | | text-align: center; |
| | | font-size: 0.16rem !important; |
| | | color: blue !important; |
| | | } |
| | | |
| | | /* 步进器样式 */ |
| | | .van-stepper__input |
| | | { |
| | | width: .5rem; |
| | | height: .4rem; |
| | | } |
| | | .van-stepper__minus,.van-stepper__plus |
| | | { |
| | | width: .5rem; |
| | | height: .4rem; |
| | | } |
| | | /* 单选框大小 */ |
| | | .van-radio__icon |
| | | { |
| | | -webkit-box-flex: 0; |
| | | -webkit-flex: none; |
| | | flex: none; |
| | | height: 1em; |
| | | 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> |
| | |
| | | <%-- <van-tag round plain v-else-if="formData.fCheckResu === '未检验'" type="warning">未检验</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 === 'Y:合格'" type="success">合格</van-tag> |
| | | <van-tag round plain v-else type="danger">异常状态</van-tag> |
| | | <van-tag round plain v-else type="danger">未知</van-tag> |
| | | <%-- <van-tag round plain |
| | | :type="formData.fCheckResu === '不合格' ? 'danger' : |
| | | formData.fCheckResu === '检验中' ? 'warning' : |
| | |
| | | </template> |
| | | </van-field> |
| | | <!-- 新增炙热性能按钮 --> |
| | | <van-tag type="primary" style="font-size:15px" @click="openZrPopup">炙热性能</van-tag> |
| | | <!-- <van-tag type="primary" style="font-size:15px" @click="openZrPopup">炙热性能</van-tag> --> |
| | | <van-dialog v-model="showDialog" title="不合格描述" :show-cancel-button="false" @confirm="remarksConfirm"> |
| | | <van-field |
| | | v-model="remarks" |
| | |
| | | |
| | | <van-col span="10" center class="text-left padding-left" > |
| | | <van-cell center |
| | | center :title="item.fcheckItem" @click="togglePopup(index)"></van-cell> |
| | | center |
| | | :title="item.fcheckItem" |
| | | @click="togglePopup(index)"> |
| | | </van-cell> |
| | | </van-col> |
| | | <van-col span="8" > |
| | | <van-cell center |
| | | center :title="item.fenterQty + '/' + item.checkQyt" @click="togglePopup(index)"></van-cell> |
| | | 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 === 'Y:合格'"> |
| | | <van-tag round plain type="success" style="font-size:15px" @click="togglePopup(index)">合格</van-tag> |
| | | <van-tag round plain type="success" |
| | | @click="togglePopup(index)">合格</van-tag> |
| | | </van-cell> |
| | | <van-cell center |
| | | center v-else-if="item.fcheckResu === 'N:不合格'"> |
| | | <van-tag round plain type="danger" style="font-size:15px" @click="togglePopup(index)">不合格</van-tag> |
| | | <van-tag round plain type="danger" |
| | | @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" |
| | | @click="togglePopup(index)">进行中</van-tag> |
| | | </van-cell> |
| | | </van-col> |
| | | |
| | |
| | | <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.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="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>--%> |
| | | |
| | | <van-field label="检测结果" colon="true" readonly > |
| | | <template #input> |
| | | <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> |
| | | <van-field label="生产日期" v-if="jymxData.fcheckType === '关键部件一致性'" colon readonly class="wrap-field"> |
| | | <template #input> |
| | | <div class="wrap-content" @click="showScDatePicker = true">{{ jymxData.ipqcrzxxDate || '请选择日期' }}</div> |
| | | </template> |
| | | <!-- <template #button> |
| | | <van-tag type="primary" style="font-size:15px" @click="showScDatePicker = true">选择</van-tag> |
| | | </template> --> |
| | | </van-field> |
| | | <!-- 只有当 jymxData.fcheckType 等于 "品水测试" 时才显示该字段 --> |
| | | <van-field v-if="jymxData.fcheckType === '品水测试'" label="是否有异味" colon="true" readonly> |
| | | <template #input> |
| | | <van-radio-group |
| | | v-model="jymxData.ipqCpscs" |
| | | direction="horizontal" |
| | | class="custom-radio-group" |
| | | @change="updateCpscs"> |
| | | <van-radio name="Y" shape="square">有</van-radio> |
| | | <van-radio name="N" shape="square">无</van-radio> |
| | | </van-radio-group> |
| | | </template> |
| | | </van-field> |
| | | |
| | | <van-field label="认证信息" v-if='jymxData.isrzxx == 1' colon v-model="rzxxValue" placeholder="请输入认证信息" readonly class="wrap-field"> |
| | | <template #input> |
| | | <div class="wrap-content">{{ rzxxValue }}</div> |
| | | </template> |
| | | <template #button> |
| | | <van-tag type="primary" style="font-size:15px" @click="updateRzxx()">输入</van-tag> |
| | | </template> |
| | | </van-field> |
| | | <van-dialog v-model="showDialogRzxx" title="认证信息" :show-cancel-button="false" @confirm="rzxxConfirm"> |
| | | <van-field |
| | | label="使用数量" |
| | | colon="true" |
| | | v-if="jymxData.fcheckType === '关键部件一致性'"> |
| | | <template #input> |
| | | <van-stepper |
| | | v-model="jymxData.ipqcrzxxNum" |
| | | integer |
| | | @change="updateRzxxNum(jymxData.ipqcrzxxNum)" |
| | | /> |
| | | </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" |
| | | 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"> |
| | | <van-datetime-picker |
| | | v-model="currentDate" |
| | | type="date" |
| | | title="选择生产日期" |
| | | :min-date="minDate" |
| | | :max-date="maxDate" |
| | | @confirm="confirmScDate" |
| | | @cancel="showScDatePicker = false" |
| | | /> |
| | | </van-popup> |
| | | <template #input> |
| | | <div class="wrap-content">{{ rzxxValue }}</div> |
| | | </template> |
| | | <template #button> |
| | | <van-tag type="primary" style="font-size:15px" @click="selectRzxx()">选择</van-tag> |
| | | </template> |
| | | </van-field> |
| | | <!-- <van-dialog v-model="showDialogRzxx" title="认证信息" :show-cancel-button="false" @confirm="rzxxConfirm"> |
| | | <van-field |
| | | v-model="rzxxValue" |
| | | rows="5" |
| | |
| | | placeholder="请输入认证信息" |
| | | show-word-limit |
| | | /> |
| | | </van-dialog> |
| | | </van-dialog> --> |
| | | <van-button |
| | | block |
| | | type="info" |
| | | @click="openZrPopup" |
| | | :loading="ttrre" |
| | | loading-text="加载中..." |
| | | v-if="jymxData.fcheckType === '制热性能'" |
| | | >制热性能录入</van-button> |
| | | |
| | | <van-field label="检测结果" colon="true" readonly > |
| | | <template #input> |
| | | <div style="text-align: center;"> |
| | | <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> |
| | | </div> |
| | | </template> |
| | | </van-field> |
| | | |
| | | </template> |
| | | <template> |
| | |
| | | </div> |
| | | <van-button |
| | | block |
| | | type="danger" |
| | | type="info" |
| | | @click="createTb" |
| | | style="margin-top: 8px;" |
| | | >生成表格</van-button> |
| | | </van-cell-group> |
| | | <div v-if="tableData.length > 0" id="temperature-table" style="margin-top: 20px;"> |
| | | <div v-if="tableTbData.length > 0" id="temperature-table" style="margin-top: 20px;"> |
| | | <van-cell-group> |
| | | <!-- 表头 --> |
| | | <van-cell> |
| | | <div class="grid-header"> |
| | | <div class="grid-header" style="display: flex; align-items: center; justify-content: center;"> |
| | | <div v-for="(header, index) in [headers[0], ...headers.slice(1)]" |
| | | :key="index" |
| | | :style="index === 0 ? 'width: 100px' : 'flex: 1'"> |
| | | :style="`${index === 0 ? 'flex: 2' : 'flex: 2'}; display: flex; align-items: center; justify-content: center;`"> |
| | | {{ header }} |
| | | </div> |
| | | </div> |
| | | </van-cell> |
| | | |
| | | <!-- 数据行 --> |
| | | <van-cell v-for="(row, rowIndex) in tableData" :key="rowIndex"> |
| | | <div class="grid-row"> |
| | | <div style="width: 100px">{{ row.temperature }}</div> |
| | | <div v-for="(cell, colIndex) in row.values" |
| | | :key="colIndex" |
| | | class="input-cell"> |
| | | <van-field |
| | | v-model="formData.temperatureData[row.temperature.replace('℃','')][cell.flow]" |
| | | type="number" |
| | | input-align="center" |
| | | placeholder="℃" |
| | | :style="{ width: '80px' }"/> |
| | | </div> |
| | | </div> |
| | | </van-cell> |
| | | <div v-for="(row, rowIndex) in tableTbData" :key="rowIndex"> |
| | | <div class="grid-row"> |
| | | <!-- 水温列 --> |
| | | <div style="flex: 2; text-align: center; display: flex; align-items: center; justify-content: center;">{{ row.temperature }}</div> |
| | | <!-- 实际温度列 --> |
| | | <div style="flex: 2"> |
| | | <van-field |
| | | class="temperature-input" |
| | | style="font-size: 0.16rem !important; color: blue !important;" |
| | | v-model="formTbData.temperatureData[row.temperature].temp" |
| | | placeholder="输入温度值" |
| | | type="number" |
| | | /> |
| | | </div> |
| | | <!-- 动态列 --> |
| | | <div v-for="(header, colIndex) in headers.slice(2)" |
| | | :key="colIndex" |
| | | style="flex: 2"> |
| | | <van-field |
| | | class="flow-input" |
| | | style="font-size: 0.16rem !important; color: blue !important;" |
| | | v-model="formTbData.temperatureData[row.temperature][header]" |
| | | :placeholder="`输入${header}值`" |
| | | type="number" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </van-cell-group> |
| | | </div> |
| | | <van-button |
| | | block |
| | | type="primary" |
| | | @click="saveTableConfig" |
| | | style="margin-top: 8px;" |
| | | >保存</van-button> |
| | | </div> |
| | | </van-popup> |
| | | |
| | |
| | | <%--<comback ></comback>--%> |
| | | </asp:Content> |
| | | <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server"> |
| | | <script src="../Js/IPQC_SJ/Add.js?<%=111112111145 %>"></script> |
| | | <script src="../Js/IPQC_SJ/Add.js?<%=111112111156 %>"></script> |
| | | </asp:Content> |
| | | |
| | | |