<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> 
 |