| <template> | 
|     <div> | 
|         <el-card> | 
|   | 
|             <el-row> | 
|                 <el-col :span="24"> | 
|                     <el-form :inline="true" :model="form" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item label="会话ID:"> | 
|                             <el-input v-model="form.SessionId" placeholder="会话ID" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="上位机软件名称:"> | 
|                             <el-input v-model="form.Software" placeholder="上位机软件名称" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="设备编号:"> | 
|                             <el-input v-model="form.EquipmentCode" placeholder="设备编号" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="人员工号:"> | 
|                             <el-input v-model="form.EmployeeNo" placeholder="人员工号" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="请求时间:"> | 
|                             <el-date-picker v-model="form.RequestTime" type="datetime" placeholder="选择时间" clearable /> | 
|                         </el-form-item> | 
|                     </el-form> | 
|                 </el-col> | 
|             </el-row> | 
|         </el-card> | 
|         <el-row> | 
|             <el-col :span="12"> | 
|                 <el-card> | 
|                     <div class="header"> | 
|                         <el-text> 托盘单电芯解绑</el-text>   | 
|                         <el-button @click="addTrayCellUnbind" type="primary">添加电芯</el-button> | 
|                         <el-button @click="subimtTrayCellUnbind" type="success">提交数据</el-button> | 
|                     </div> | 
|                     <el-form :inline="true" :model="TrayCellUnbind" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item label="托盘编号:"> | 
|                             <el-input v-model="TrayCellUnbind.TrayBarcode" placeholder="托盘编号" /> | 
|                         </el-form-item> | 
|                         <el-form-item v-for="(input, index) in TrayCellUnbind.SerialNos" :key="index" label="电芯号:"> | 
|                             <el-input v-model="input.SerialNo" placeholder="电芯号" /> | 
|                         </el-form-item> | 
|                     </el-form> | 
|                 </el-card> | 
|             </el-col> | 
|             <el-col :span="12"> | 
|                 <el-card> | 
|                     <div class="header"> | 
|                         <el-text> 整盘电芯解绑</el-text>   | 
|                         <el-button @click="subimtTrayUnbind" type="success">提交数据</el-button> | 
|                     </div> | 
|                     <el-form :inline="true" :model="TrayUnbind" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item label="操作模式:"> | 
|                             <el-input v-model="TrayUnbind.OpFlag" placeholder="操作模式" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="托盘编号:"> | 
|                             <el-input v-model="TrayUnbind.TrayBarcode" placeholder="托盘编号" /> | 
|                         </el-form-item> | 
|                     </el-form> | 
|                 </el-card> | 
|             </el-col> | 
|         </el-row> | 
|         <el-row> | 
|             <el-col :span="12"> | 
|                 <el-card> | 
|                     <div class="header"> | 
|                         <el-text> 单电芯属性获取</el-text>   | 
|                         <el-button @click="addCellState" type="primary">添加电芯</el-button> <el-button | 
|                             @click="subimtSerialNoGet" type="success">提交数据</el-button> | 
|                     </div> | 
|                     <el-form :inline="true" :model="CellStateinputs" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item v-for="(input, index) in CellStateinputs.SerialNos" :key="index" label="电芯号:"> | 
|                             <el-input v-model="input.SerialNo" placeholder="电芯号" /> | 
|                         </el-form-item> | 
|                     </el-form> | 
|                 </el-card> | 
|             </el-col> | 
|             <el-col :span="12"> | 
|                 <el-card> | 
|                     <div class="header"> | 
|                         <el-text> 整盘电芯属性获取</el-text>   | 
|                         <el-button @click="subimtTrayBarcodeGet" type="success">提交数据</el-button> | 
|                     </div> | 
|                     <el-form :inline="true" :model="TrayCellsStatus" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item label="托盘编号:"> | 
|                             <el-input v-model="TrayCellsStatus.TrayBarcode" placeholder="托盘编号" /> | 
|                         </el-form-item> | 
|                     </el-form> | 
|                 </el-card> | 
|             </el-col> | 
|         </el-row> | 
|         <el-row> | 
|             <el-col :span="12"> | 
|                 <el-row> | 
|                     <el-col :span="24"> | 
|                         <el-card> | 
|                             <div class="header"> | 
|                                 <el-text> 静置\陈化入库(整托盘)</el-text>   | 
|                                 <el-button @click="addOCVInput" type="primary">添加电芯</el-button> <el-button | 
|                                     @click="subimtAgingInput" type="success">提交数据</el-button> | 
|                             </div> | 
|                             <el-form :inline="true" :model="OCVinputs" label-width="auto" class="demo-form-inline"> | 
|                                 <el-form-item label="托盘编号:"> | 
|                                     <el-input v-model="OCVinputs.TrayBarcode" placeholder="托盘编号" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="操作模式:"> | 
|                                     <el-input v-model="OCVinputs.OpFlag" placeholder="操作模式" /> | 
|                                 </el-form-item> | 
|                                 <template v-for="(input, index) in OCVinputs.SerialNos" :key="index"> | 
|                                     <el-form-item label="电芯号:"> | 
|                                         <el-input v-model="input.SerialNo" placeholder="电芯号" /> | 
|                                     </el-form-item> | 
|                                     <el-form-item label="通道号:"> | 
|                                         <el-input v-model="input.PositionNo" placeholder="通道号" /> | 
|                                     </el-form-item> | 
|                                     <el-divider /> | 
|                                 </template> | 
|                             </el-form> | 
|                         </el-card> | 
|   | 
|                     </el-col> | 
|   | 
|                     <el-col :span="24"> | 
|                         <el-card> | 
|                             <div class="header"> | 
|                                 <el-text> 工艺路线申请</el-text>   | 
|                                 <el-button @click="addProcessApply" type="primary">添加电芯</el-button> | 
|                                 <el-button @click="subimtProcessApply" type="success">提交数据</el-button> | 
|                             </div> | 
|                             <el-form :inline="true" :model="ProcessApplyinputs" label-width="auto" | 
|                                 class="demo-form-inline"> | 
|                                 <el-form-item label="工单编号:"> | 
|                                     <el-input v-model="ProcessApplyinputs.WipOrderNo" placeholder="工单编号" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item v-for="(input, index) in ProcessApplyinputs.SerialNos" :key="index" | 
|                                     label="电芯号:"> | 
|                                     <el-input v-model="input.SerialNo" placeholder="电芯号" /> | 
|                                 </el-form-item> | 
|                             </el-form> | 
|                         </el-card> | 
|                     </el-col> | 
|                 </el-row> | 
|             </el-col> | 
|             <el-col :span="12"> | 
|                 <el-card> | 
|                     <div class="header"> | 
|                         <el-text> 静置\陈化出库(整托盘)</el-text>   | 
|                         <el-button @click="addAgingOutputinputs" type="primary">添加电芯</el-button><el-button | 
|                             @click="subimtAgingOutput" type="success">提交数据</el-button> | 
|                     </div> | 
|                     <el-form :inline="true" :model="AgingOutputinputs" label-width="auto" class="demo-form-inline"> | 
|                         <el-form-item label="托盘编号:"> | 
|                             <el-input v-model="AgingOutputinputs.TrayBarcode" placeholder="托盘编号" /> | 
|                         </el-form-item> | 
|                         <el-form-item label="操作模式:"> | 
|                             <el-input v-model="AgingOutputinputs.OpFlag" placeholder="操作模式" /> | 
|                         </el-form-item> | 
|                         <template v-for="(input, index) in AgingOutputinputs.SerialNos" :key="index"> | 
|                             <el-form-item label="电芯号:"> | 
|                                 <el-input v-model="input.SerialNo" placeholder="电芯号" /> | 
|                             </el-form-item> | 
|                             <el-form-item label="通道号:"> | 
|                                 <el-input v-model="input.SlotNo" placeholder="通道号" /> | 
|                             </el-form-item> | 
|                             <el-form-item label="电芯结果:"> | 
|                                 <el-input v-model="input.SerialNoResult" placeholder="电芯结果" /> | 
|                             </el-form-item> | 
|                             <template v-for="(inputPar, index) in input.ParameterInfo" :key="index"> | 
|                                 <el-form-item label="参数编码:"> | 
|                                     <el-input v-model="inputPar.ParamterCode" placeholder="参数编码" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="参数描述 :"> | 
|                                     <el-input v-model="inputPar.ParameterDesc" placeholder="参数描述" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="实际值 :"> | 
|                                     <el-input v-model="inputPar.Value" placeholder="实际值" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="上限:"> | 
|                                     <el-input v-model="inputPar.UpperLimit" placeholder="上限" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="下限:"> | 
|                                     <el-input v-model="inputPar.LowerLomit" placeholder="下限" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="目标值 :"> | 
|                                     <el-input v-model="inputPar.TargetValue" placeholder="目标值" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="结果:"> | 
|                                     <el-input v-model="inputPar.ParameterResult" placeholder="结果" /> | 
|                                 </el-form-item> | 
|                                 <el-form-item label="缺陷代码 :"> | 
|                                     <el-input v-model="inputPar.DefectCode" placeholder="缺陷代码 " /> | 
|                                 </el-form-item> | 
|                                 <el-divider /> | 
|                             </template> | 
|                         </template> | 
|                     </el-form> | 
|                 </el-card> | 
|             </el-col> | 
|         </el-row> | 
|         <el-row> | 
|         </el-row> | 
|     </div> | 
| </template> | 
|   | 
| <script lang="ts" setup> | 
| import { reactive } from 'vue' | 
| import http from "@/../src/api/http.js"; | 
|   | 
| // do not use same name with ref | 
| const form = reactive({ | 
|     SessionId: '1', | 
|     RequestTime: '2023-10-11 10:10:10', | 
|     Software: '2', | 
|     EquipmentCode: '3', | 
|     EmployeeNo: '4', | 
| }) | 
|   | 
|   | 
| //#region 托盘单电芯解绑 | 
| const subimtTrayCellUnbind = () => { | 
|     let input = ({ ...form, ...TrayCellUnbind }) | 
|     console.log(input) | 
|     http.post('api/Unbind/TrayCellUnbind', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const addTrayCellUnbind = () => { | 
|     TrayCellUnbind.SerialNos.push({ SerialNo: '' }) | 
| } | 
|   | 
| const TrayCellUnbind = reactive({ | 
|     TrayBarcode: '', | 
|     SerialNos: [{ SerialNo: '' }] | 
| }) | 
| //#endregion | 
|   | 
| //#region 整盘电芯解绑 | 
| const TrayUnbind = reactive({ | 
|     OpFlag: '', | 
|     TrayBarcode: '', | 
| }) | 
|   | 
| const subimtTrayUnbind = () => { | 
|     let input = ({ ...form, ...TrayUnbind }) | 
|     console.log(input) | 
|     http.post('api/Unbind/TrayUnbind', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
| //#endregion | 
|   | 
| //#region 单电芯属性获取 | 
| const subimtSerialNoGet = () => { | 
|     let input = ({ ...form, ...CellStateinputs }) | 
|     console.log(input) | 
|     http.post('api/CellState/GetCellState', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const CellStateinputs = reactive({ | 
|     SerialNos: [{ SerialNo: '', }] | 
| }) | 
|   | 
| const addCellState = () => { | 
|     CellStateinputs.SerialNos.push({ SerialNo: '' }) | 
| } | 
| //#endregion | 
|   | 
| //#region 整盘电芯属性获取 | 
|   | 
| const subimtTrayBarcodeGet = () => { | 
|     let input = ({ ...form, ...TrayCellsStatus }) | 
|     console.log(input) | 
|     http.post('api/CellState/GetTrayCellState', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const TrayCellsStatus = reactive({ | 
|     TrayBarcode: '', | 
| }) | 
| //#endregion | 
|   | 
| //#region 静置\陈化入库(整托盘) | 
| const subimtAgingInput = () => { | 
|     let input = ({ ...form, ...OCVinputs }) | 
|     console.log(input) | 
|     http.post('api/AgingInOrOut/OCVInput', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const addOCVInput = () => { | 
|     OCVinputs.SerialNos.push({ | 
|         SerialNo: '', PositionNo: '' | 
|     }) | 
| } | 
|   | 
| const OCVinputs = reactive({ | 
|     OpFlag: '', TrayBarcode: '', | 
|     SerialNos: [{ | 
|         SerialNo: '', PositionNo: '' | 
|     }] | 
| }) | 
| //#endregion | 
|   | 
| //#region 静置\陈化出库(整托盘) | 
| const subimtAgingOutput = () => { | 
|     let input = ({ ...form, ...AgingOutputinputs }) | 
|     console.log(input) | 
|     http.post('api/AgingInOrOut/OCVOutput', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const addAgingOutputinputs = () => { | 
|     AgingOutputinputs.SerialNos.push({ | 
|         SerialNo: '', SlotNo: '', SerialNoResult: '', | 
|         ParameterInfo: [{ ParamterCode: '', ParameterDesc: '', Value: '', UpperLimit: '', LowerLomit: '', TargetValue: '', ParameterResult: '', DefectCode: '' }] | 
|     }) | 
| } | 
| const AgingOutputinputs = reactive({ | 
|     OpFlag: '', TrayBarcode: '', | 
|     SerialNos: [{ | 
|         SerialNo: '', SlotNo: '', SerialNoResult: '', | 
|         ParameterInfo: [{ ParamterCode: '', ParameterDesc: '', Value: '', UpperLimit: '', LowerLomit: '', TargetValue: '', ParameterResult: '', DefectCode: '' }] | 
|     }] | 
| }) | 
| //#endregion | 
|   | 
| //#region 工艺路线申请 | 
| const subimtProcessApply = () => { | 
|     let input = ({ ...form, ...ProcessApplyinputs }) | 
|     console.log(input) | 
|     http.post('api/ProcessApply/ProcessApply', input).then(res => { | 
|         console.log(input) | 
|     }) | 
| } | 
|   | 
| const ProcessApplyinputs = reactive({ | 
|     WipOrderNo: '', | 
|     SerialNos: [{ SerialNo: '', }] | 
| }) | 
|   | 
| const addProcessApply = () => { | 
|     ProcessApplyinputs.SerialNos.push({ SerialNo: '' }) | 
| } | 
| // #endregion | 
| </script> | 
|   | 
| <style> | 
| .demo-form-inline .el-input { | 
|     --el-input-width: 220px; | 
| } | 
|   | 
| .demo-form-inline .el-select { | 
|     --el-select-width: 220px; | 
| } | 
|   | 
| .header { | 
|     margin-bottom: 10px; | 
| } | 
| </style> |