UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:修复

Browse Source
20240912_adapter
chenhc 2 months ago
parent d95aa93bec
commit 3a122c087a
2 changed files with 287 additions and 528 deletions
Show Stats Download Patch File Download Diff File

645
src/views/collect/ConfirmDrugDealOrder.vue
Unescape Escape View File

@ -1,337 +1,259 @@
<template> <template>
<div class="page-container"> <div>
<div class="content-wrapper"> <el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" @submit.native.prevent>
<!-- 左侧面板 --> <el-card>
<div class="content-left">
<el-card style=" height: 800px;"> <!-- <el-alert-->
<el-descriptions :title="scanTip" :column="2" border style="margin-top: 15px"></el-descriptions> <!-- style="margin-top: 15px"-->
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" @submit.native.prevent> <!-- :title="msgTip"-->
<!-- :closable="false"-->
<!-- <el-alert--> <!-- type="warning">-->
<!-- style="margin-top: 15px"--> <!--</el-alert>-->
<!-- :title="msgTip"-->
<!-- :closable="false"--> <el-row :gutter="0" style="margin-top: 15px">
<!-- type="warning">--> <el-col :span="24" align="right">
<!--</el-alert>--> <el-button-group>
<!-- <el-button type="primary" @click.native="deleteCode"-->
<!-- <el-row :gutter="0" style="margin-top: 15px">--> <!-- v-if="labelName == 1"-->
<!-- <el-col :span="24" align="right">--> <!-- :disabled="formData.billNo == null"-->
<!-- <el-button-group>--> <!-- >扫码剔除-->
<!-- &lt;!&ndash; <el-button type="primary" @click.native="deleteCode"&ndash;&gt;--> <!-- </el-button>-->
<!-- &lt;!&ndash; v-if="labelName == 1"&ndash;&gt;--> <!-- <el-button size="mini" type="primary"-->
<!-- &lt;!&ndash; :disabled="formData.billNo == null"&ndash;&gt;--> <!-- v-if="labelName == 2"-->
<!-- &lt;!&ndash; >扫码剔除&ndash;&gt;--> <!-- @click.native="overdeleteCode"-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;--> <!-- >结束剔除-->
<!-- &lt;!&ndash; <el-button size="mini" type="primary"&ndash;&gt;--> <!-- </el-button>-->
<!-- &lt;!&ndash; v-if="labelName == 2"&ndash;&gt;--> <el-button
<!-- &lt;!&ndash; @click.native="overdeleteCode"&ndash;&gt;--> type="primary"
<!-- &lt;!&ndash; >结束剔除&ndash;&gt;--> :disabled="formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"
<!-- &lt;!&ndash; </el-button>&ndash;&gt;--> @click.native="nextCollectOrder()"
<!-- <el-button--> >下一单
<!-- type="primary"--> </el-button>
<!-- :disabled="formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"--> <el-button
<!-- @click.native="nextCollectOrder()"--> type="primary"
<!-- >下一单--> :disabled="formData.billNo ||(this.formDataVisible != null && this.formDataVisible.scanType == 1)"
<!-- </el-button>--> @click.native="selectPrescribe()"
<!-- <el-button--> >选单
<!-- type="primary"--> </el-button>
<!-- :disabled="formData.billNo ||(this.formDataVisible != null && this.formDataVisible.scanType == 1)"--> <!-- <el-button-->
<!-- @click.native="selectPrescribe()"--> <!-- type="primary"-->
<!-- >选单--> <!-- :disabled="!formData.billNo"-->
<!-- </el-button>--> <!-- @click.native="saveDraftOrder()"-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;--> <!-- >挂起-->
<!-- &lt;!&ndash; type="primary"&ndash;&gt;--> <!-- </el-button>-->
<!-- &lt;!&ndash; :disabled="!formData.billNo"&ndash;&gt;--> <!-- <el-button-->
<!-- &lt;!&ndash; @click.native="saveDraftOrder()"&ndash;&gt;--> <!-- type="primary"-->
<!-- &lt;!&ndash; >挂起&ndash;&gt;--> <!-- :disabled="!formData.billNo"-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;--> <!-- @click.native="cancelOrder()"-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;--> <!-- >放弃-->
<!-- &lt;!&ndash; type="primary"&ndash;&gt;--> <!-- </el-button>-->
<!-- &lt;!&ndash; :disabled="!formData.billNo"&ndash;&gt;--> <el-button
<!-- &lt;!&ndash; @click.native="cancelOrder()"&ndash;&gt;--> type="primary"
<!-- &lt;!&ndash; >放弃&ndash;&gt;--> :disabled="!formData.billNo"
<!-- &lt;!&ndash; </el-button>&ndash;&gt;--> @click.native="confirmFinishOrder()"
<!-- <el-button--> >完成
<!-- type="primary"--> </el-button>
<!-- :disabled="!formData.billNo"-->
<!-- @click.native="confirmFinishOrder()"--> <!-- <el-dropdown @command="handleCommand">-->
<!-- >完成--> <!-- <el-button type="primary">-->
<!-- </el-button>--> <!-- 更多功能<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!-- </el-button>-->
<!-- &lt;!&ndash; <el-dropdown @command="handleCommand">&ndash;&gt;--> <!-- <el-dropdown-menu slot="dropdown">-->
<!-- &lt;!&ndash; <el-button type="primary">&ndash;&gt;--> <!-- <el-dropdown-item divided @click.native="handleClickOut('IoCreateOrderBlank')">工位上货</el-dropdown-item>-->
<!-- &lt;!&ndash; 更多功能<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&ndash;&gt;--> <!-- <el-dropdown-item divided @click.native="handleClickReturn('IoCreateOrderBlank')">工位退货-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;--> <!-- </el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-menu slot="dropdown">&ndash;&gt;--> <!-- <el-dropdown-item divided @click.native="handleClick('ioSplitFifoCodeBlank')">工位存量</el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-item divided @click.native="handleClickOut('IoCreateOrderBlank')">工位上货</el-dropdown-item>&ndash;&gt;--> <!-- <el-dropdown-item divided @click.native="handleClick('CollectOrderAllotBlank')">待处理单-->
<!-- &lt;!&ndash; <el-dropdown-item divided @click.native="handleClickReturn('IoCreateOrderBlank')">工位退货&ndash;&gt;--> <!-- </el-dropdown-item>-->
<!-- &lt;!&ndash; </el-dropdown-item>&ndash;&gt;--> <!-- <el-dropdown-item divided @click.native="handleClick('CollectOrderEndBlank')">已完成单</el-dropdown-item>-->
<!-- &lt;!&ndash; <el-dropdown-item divided @click.native="handleClick('ioSplitFifoCodeBlank')">工位存量</el-dropdown-item>&ndash;&gt;--> <!-- </el-dropdown-menu>-->
<!-- &lt;!&ndash; <el-dropdown-item divided @click.native="handleClick('CollectOrderAllotBlank')">待处理单&ndash;&gt;--> <!-- </el-dropdown>-->
<!-- &lt;!&ndash; </el-dropdown-item>&ndash;&gt;--> </el-button-group>
<!-- &lt;!&ndash; <el-dropdown-item divided @click.native="handleClick('CollectOrderEndBlank')">已完成单</el-dropdown-item>&ndash;&gt;--> </el-col>
<!-- &lt;!&ndash; </el-dropdown-menu>&ndash;&gt;--> </el-row>
<!-- &lt;!&ndash; </el-dropdown>&ndash;&gt;-->
<!-- </el-button-group>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row style="margin-top: 6px;margin-bottom: -6px;" <el-row style="margin-top: 6px;margin-bottom: -6px;"
v-if="this.formDataVisible != null && this.formDataVisible.scanType == 1"> v-if="this.formDataVisible != null && this.formDataVisible.scanType == 1">
<!-- <el-col :span="6">--> <!-- <el-col :span="6">-->
<!-- <el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">--> <!-- <el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">-->
<!-- <el-select--> <!-- <el-select-->
<!-- v-model="formData.workPlaceCode"--> <!-- v-model="formData.workPlaceCode"-->
<!-- placeholder="当前工位"--> <!-- placeholder="当前工位"-->
<!-- style="width: 90%"--> <!-- style="width: 90%"-->
<!-- :disabled="corpOrderIdDisabled"--> <!-- :disabled="corpOrderIdDisabled"-->
<!-- filterable--> <!-- filterable-->
<!-- @change="workPlaceCodeChange"--> <!-- @change="workPlaceCodeChange"-->
<!-- >--> <!-- >-->
<!-- <el-option--> <!-- <el-option-->
<!-- v-for="item in curWorkPlaces"--> <!-- v-for="item in curWorkPlaces"-->
<!-- :key="item.workplaceId"--> <!-- :key="item.workplaceId"-->
<!-- :label="item.workplaceName"--> <!-- :label="item.workplaceName"-->
<!-- :value="item.workplaceId"--> <!-- :value="item.workplaceId"-->
<!-- >--> <!-- >-->
<!-- <span style="float: left">{{ item.workplaceName }}</span>--> <!-- <span style="float: left">{{ item.workplaceName }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{--> <!-- <span style="float: right; color: #8492a6; font-size: 13px">{{-->
<!-- item.workplaceId--> <!-- item.workplaceId-->
<!-- }}</span>--> <!-- }}</span>-->
<!-- </el-option>--> <!-- </el-option>-->
<!-- </el-select>--> <!-- </el-select>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-col>--> <!-- </el-col>-->
<!-- <el-col :span="6">--> <!-- <el-col :span="6">-->
<!-- <el-form-item prop="busType" class="query-form-item" label="当前业务类型:">--> <!-- <el-form-item prop="busType" class="query-form-item" label="当前业务类型:">-->
<!-- <el-select v-model="formData.busType"--> <!-- <el-select v-model="formData.busType"-->
<!-- filterable--> <!-- filterable-->
<!-- remote--> <!-- remote-->
<!-- @change="busTypeChange"--> <!-- @change="busTypeChange"-->
<!-- reserve-keyword--> <!-- reserve-keyword-->
<!-- disabled--> <!-- disabled-->
<!-- placeholder="请选择业务类型" clearable style="width: 55%">--> <!-- placeholder="请选择业务类型" clearable style="width: 55%">-->
<!-- <el-option--> <!-- <el-option-->
<!-- v-for="item in busTypeList"--> <!-- v-for="item in busTypeList"-->
<!-- :key="item.documentTypeCode"--> <!-- :key="item.documentTypeCode"-->
<!-- :label="item.busName"--> <!-- :label="item.busName"-->
<!-- :value="item.documentTypeCode"--> <!-- :value="item.documentTypeCode"-->
<!-- >--> <!-- >-->
<!-- <span style="float: left">{{ item.busName }}</span>--> <!-- <span style="float: left">{{ item.busName }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.documentTypeCode }}</span>--> <!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.documentTypeCode }}</span>-->
<!-- </el-option>--> <!-- </el-option>-->
<!-- </el-select>--> <!-- </el-select>-->
<!-- <el-button type="primary" @click="toggleBusType" style="margin-left: 5px">切换业务</el-button>--> <!-- <el-button type="primary" @click="toggleBusType" style="margin-left: 5px">切换业务</el-button>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-col>--> <!-- </el-col>-->
<el-col :span="6"> <el-col :span="6">
<el-form-item prop="locInvCode" label="发货方:"> <el-form-item prop="locInvCode" label="发货方:">
<el-select v-model="formData.shipper" placeholder="请选择发货方" clearable <el-select v-model="formData.shipper" placeholder="请选择发货方" clearable
:disabled="formData.billNo" :disabled="formData.billNo"
style="width: 90%" style="width: 90%"
>
<el-option
v-for="item in invList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<!-- :label="this.formDataVisible.unitTittle + ':'"-->
<el-form-item class="query-form-item" label="收货方">
<el-select v-model="formData.fromCorp"
filterable
:disabled="formData.billNo"
remote
reserve-keyword
@change="changeCorp"
placeholder="请选择收货方" clearable style="width: 90%">
<el-option
v-for="item in fromInvOptions"
:key="item.code"
:label="item.name"
:value="item.code"
> >
<el-option <span style="float: left">{{ item.name }}</span>
v-for="item in invList" <span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>
:key="item.name" </el-option>
:label="item.name" </el-select>
:value="item.code"> </el-form-item>
<span style="float: left">{{ item.name }}</span> </el-col>
</el-option>
</el-select> </el-row>
<div style="border: 1px solid #ebeef5;border-radius: 2px;margin-top: 15px;padding: 15px">
<el-row :gutter="0" style="margin-top: 5px">
<el-col :span="20">
<el-form-item prop="code" :label="scanTip" label-width="80px">
<el-input
id="inputer"
@focus="getInputFocus($event)"
@keypress.enter.native="enterKey($event)"
ref="inputRef"
style="ime-mode: disabled"
type="tel"
:placeholder="this.placeholder"
v-model="scanCode"
></el-input>
<!-- :disabled="scanDisabled"-->
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<!-- :label="this.formDataVisible.unitTittle + ':'"--> <el-button-group style="display: flex;">
<el-form-item class="query-form-item" label="收货方"> <el-button
<el-select v-model="formData.fromCorp" type="primary"
filterable size="mini"
:disabled="formData.billNo" icon="el-icon-search"
remote @click.native.stop="enterKey()"
reserve-keyword style="margin-left: 15px"
@change="changeCorp" >
placeholder="请选择收货方" clearable style="width: 90%"> </el-button>
<el-option <!-- :disabled="!formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"-->
v-for="item in fromInvOptions" <!-- <el-button type="primary"-->
:key="item.code" <!-- @click="addGs">ALT+29-->
:label="item.name" <!-- </el-button>-->
:value="item.code" <el-button
> type="primary"
<span style="float: left">{{ item.name }}</span> size="mini"
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span> icon="el-icon-delete"
</el-option> @click.native.stop="clearCode()"
</el-select> >清空
</el-form-item> </el-button>
</el-button-group>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row :gutter="0">-->
<div style="border: 1px solid #ebeef5;border-radius: 2px;margin-top: 15px;padding: 15px"> <!-- <el-col :span="20" style="margin-top: 0px;margin-bottom: 10px;margin-left: 80px">-->
<el-row :gutter="0" style="margin-top: 5px"> <!-- <el-checkbox v-model="checked" v-if="!this.formData.billNo && this.formDataVisible.scanType != 1">定向查询-->
<el-col :span="18"> <!-- </el-checkbox>-->
<el-form-item prop="code" label-width="0px"> <!-- </el-col>-->
<el-input <!-- </el-row>-->
id="inputer" <el-alert
@focus="getInputFocus($event)" :title="scanTitle"
@keypress.enter.native="enterKey($event)" :type="scanResultType"
ref="inputRef" :closable="false"
style="ime-mode: disabled" :dangerouslyUseHTMLString="true"
type="tel" :description="result">
:placeholder="this.placeholder" </el-alert>
v-model="scanCode" <el-alert
></el-input> v-if="warnVisible"
<!-- :disabled="scanDisabled"--> title="警告信息:"
</el-form-item> type="warning"
</el-col> :closable="true"
<el-col :span="6"> :dangerouslyUseHTMLString="true"
<el-button-group style="display: flex;"> :description="warnResult">
<el-button </el-alert>
type="primary" <el-alert
size="mini" v-if="errVisible"
icon="el-icon-search" title="错误信息:"
@click.native.stop="enterKey()" type="warning"
style="margin-left: 15px" :closable="true"
> :dangerouslyUseHTMLString="true"
</el-button> :description="errResult">
<!-- :disabled="!formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"--> </el-alert>
<!-- <el-button type="primary"-->
<!-- @click="addGs">ALT+29-->
<!-- </el-button>--> </div>
<el-button <el-descriptions title="单据信息" :column="4" border style="margin-top: 15px">
type="primary" <el-descriptions-item label="业务单号">{{ formData.billNo }}</el-descriptions-item>
size="mini" <el-descriptions-item label="发货方">{{ formData.shipperName }}</el-descriptions-item>
icon="el-icon-delete" <el-descriptions-item label="收货方">{{ formData.fromCorpName }}</el-descriptions-item>
@click.native.stop="clearCode()" <el-descriptions-item label="单据类型">{{ formData.busTypeName }}</el-descriptions-item>
>清空 <el-descriptions-item label="来源系统">{{ formData.fromType }}</el-descriptions-item>
</el-button> <el-descriptions-item label="单据时间">{{ formData.billTime }}</el-descriptions-item>
</el-button-group> <el-descriptions-item label="单据备注">{{ formData.remark }}</el-descriptions-item>
</el-col> </el-descriptions>
</el-row>
<!-- <el-row :gutter="0">-->
<!-- <el-col :span="20" style="margin-top: 0px;margin-bottom: 10px;margin-left: 80px">-->
<!-- <el-checkbox v-model="checked" v-if="!this.formData.billNo && this.formDataVisible.scanType != 1">定向查询-->
<!-- </el-checkbox>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-alert
:title="scanTitle"
:type="scanResultType"
:closable="false"
:dangerouslyUseHTMLString="true"
:description="result">
</el-alert>
<el-alert
v-if="warnVisible"
title="警告信息:"
type="warning"
:closable="true"
:dangerouslyUseHTMLString="true"
:description="warnResult">
</el-alert>
<el-alert
v-if="errVisible"
title="错误信息:"
type="warning"
:closable="true"
:dangerouslyUseHTMLString="true"
:description="errResult">
</el-alert>
</div>
<el-row :gutter="0" style="margin-top: 15px">
<el-col :span="24" align="right">
<el-button-group>
<!-- <el-button type="primary" @click.native="deleteCode"-->
<!-- v-if="labelName == 1"-->
<!-- :disabled="formData.billNo == null"-->
<!-- >扫码剔除-->
<!-- </el-button>-->
<!-- <el-button size="mini" type="primary"-->
<!-- v-if="labelName == 2"-->
<!-- @click.native="overdeleteCode"-->
<!-- >结束剔除-->
<!-- </el-button>-->
<el-button
type="primary"
:disabled="formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"
@click.native="nextCollectOrder()"
>下一单
</el-button>
<el-button
type="primary"
:disabled="formData.billNo ||(this.formDataVisible != null && this.formDataVisible.scanType == 1)"
@click.native="selectPrescribe()"
>选单
</el-button>
<!-- <el-button-->
<!-- type="primary"-->
<!-- :disabled="!formData.billNo"-->
<!-- @click.native="saveDraftOrder()"-->
<!-- >挂起-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- :disabled="!formData.billNo"-->
<!-- @click.native="cancelOrder()"-->
<!-- >放弃-->
<!-- </el-button>-->
<el-button
type="primary"
:disabled="!formData.billNo"
@click.native="confirmFinishOrder()"
>完成
</el-button>
<!-- <el-dropdown @command="handleCommand">-->
<!-- <el-button type="primary">-->
<!-- 更多功能<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!-- </el-button>-->
<!-- <el-dropdown-menu slot="dropdown">-->
<!-- <el-dropdown-item divided @click.native="handleClickOut('IoCreateOrderBlank')">工位上货</el-dropdown-item>-->
<!-- <el-dropdown-item divided @click.native="handleClickReturn('IoCreateOrderBlank')">工位退货-->
<!-- </el-dropdown-item>-->
<!-- <el-dropdown-item divided @click.native="handleClick('ioSplitFifoCodeBlank')">工位存量</el-dropdown-item>-->
<!-- <el-dropdown-item divided @click.native="handleClick('CollectOrderAllotBlank')">待处理单-->
<!-- </el-dropdown-item>-->
<!-- <el-dropdown-item divided @click.native="handleClick('CollectOrderEndBlank')">已完成单</el-dropdown-item>-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
</el-button-group>
</el-col>
</el-row>
<el-descriptions title="单据信息" :column="2" border style="margin-top: 15px">
<el-descriptions-item label="业务单号">{{ formData.billNo }}</el-descriptions-item>
<el-descriptions-item label="发货方">{{ formData.shipperName }}</el-descriptions-item>
<el-descriptions-item label="收货方">{{ formData.fromCorpName }}</el-descriptions-item>
<el-descriptions-item label="单据类型">{{ formData.busTypeName }}</el-descriptions-item>
<el-descriptions-item label="来源系统">{{ formData.fromType }}</el-descriptions-item>
<el-descriptions-item label="单据时间">{{ formData.billTime }}</el-descriptions-item>
<el-descriptions-item label="单据备注">{{ formData.remark }}</el-descriptions-item>
</el-descriptions>
</el-form>
<el-descriptions title="灯组信息" :column="2" border style="margin-top: 15px">
<i class="el-icon-s-opportunity"></i>
</el-descriptions>
</el-card> </el-card>
</div>
<!-- 右侧面板 --> <el-tabs type="border-card" style="margin: 15px" v-model="editableTabsValue">
<div class="content-right"> <el-tab-pane label="扫码详情" name="prescribeOriginPanel">
<!-- <el-tabs type="border-card" class="right-tabs" v-model="editableTabsValue">-->
<el-card type="border-card" class="right-tabs" v-model="editableTabsValue" style=" height: 800px;">
<!-- <el-tab-pane label="扫码详情" name="prescribeOriginPanel">-->
<prescribeOriginPanel <prescribeOriginPanel
v-if="panelALive" v-if="panelALive"
:prescribeData="curRow" :prescribeData="curRow"
:fifoSplitResult="this.fifoSplitResult" :fifoSplitResult="this.fifoSplitResult"
></prescribeOriginPanel> ></prescribeOriginPanel>
<!-- &lt;!&ndash; 在表格下方添加说明 &ndash;&gt;--> <!-- 在表格下方添加说明 -->
<!-- <el-row style="text-align: right;font-size: 12px;margin-top: 10px">--> <!-- <el-row style="text-align: right;font-size: 12px;margin-top: 10px">-->
<!-- <el-col span="24">--> <!-- <el-col span="24">-->
<!-- <div style="float: right">--> <!-- <div style="float: right">-->
@ -358,7 +280,7 @@
<!-- </div>--> <!-- </div>-->
<!-- </el-col>--> <!-- </el-col>-->
<!-- </el-row>--> <!-- </el-row>-->
<!-- </el-tab-pane>--> </el-tab-pane>
<!-- <el-tab-pane label="扫码明细">--> <!-- <el-tab-pane label="扫码明细">-->
<!-- <PanelOrderManuTagCode--> <!-- <PanelOrderManuTagCode-->
<!-- v-if="panelALive"--> <!-- v-if="panelALive"-->
@ -388,7 +310,7 @@
<!-- ></PanelOrderAllDetail>--> <!-- ></PanelOrderAllDetail>-->
<!-- </el-tab-pane>--> <!-- </el-tab-pane>-->
</el-card> </el-tabs>
<el-dialog <el-dialog
title="选入业务单据" title="选入业务单据"
@ -460,9 +382,8 @@
</el-dialog> </el-dialog>
</div> </el-form>
</div> </div>
</div>
</template> </template>
@ -606,7 +527,7 @@ export default {
needSplitConfirm: false, needSplitConfirm: false,
workplaceId: null, workplaceId: null,
ws: null, ws: null,
scanTip: "单据录入", scanTip: "单据录入:",
scanSplit: false, scanSplit: false,
info: {}, info: {},
// //
@ -648,18 +569,7 @@ export default {
} }
}) })
}, },
colorStyle(ledNum) {
switch (ledNum) {
case 1:
return { color: 'red' };
case 2:
return { color: '#ec951f' };
case 3:
return { color: 'blue' };
case 4:
return { color: 'green' };
}
},
//是否拆零的组件调用父级方法 //是否拆零的组件调用父级方法
fifoSplitResult(data,info){ fifoSplitResult(data,info){
this.info = info this.info = info
@ -668,7 +578,7 @@ export default {
if (data.needSplitConfirm){//需要 if (data.needSplitConfirm){//需要
this.needSplitConfirm = data.needSplitConfirm this.needSplitConfirm = data.needSplitConfirm
this.scanTitle = "拆零扫码结果:"; this.scanTitle = "拆零扫码结果:";
this.scanTip = "拆零扫码"; this.scanTip = "拆零扫码:";
this.result = ""; this.result = "";
return; return;
}else {//不需要 }else {//不需要
@ -745,6 +655,7 @@ export default {
} }
} }
} }
return return
}) })
@ -1763,62 +1674,20 @@ export default {
</script> </script>
<style scoped> <style scoped>
.page-container {
height: 100%;
width: 100%;
padding: 15px;
box-sizing: border-box;
}
.content-wrapper {
display: flex;
gap: 15px;
height: 100%;
width: 100%;
}
.content-left {
flex: 0 0 40%;
min-width: 0; /* 防止内容溢出 */
}
.content-right {
flex: 0 0 60%;
min-width: 0; /* 防止内容溢出 */
}
/* 保持卡片内容可滚动 */
.content-left :deep(.el-card__body) {
height: 100%;
overflow-y: auto;
}
/* 保持右侧标签页内容可滚动 */
.content-right :deep(.el-tabs__content) {
height: calc(100% - 40px);
overflow-y: auto;
}
/* 其他现有样式保持不变 */
.el-col { .el-col {
margin: 0; margin-top: -5px;
} margin-bottom: -5px;
.el-alert {
margin-bottom: 16px;
} }
.el-alert:last-child { .el-dropdown {
margin-bottom: 0; vertical-align: top;
} }
.el-tabs--border-card { .el-dropdown + .el-dropdown {
height: 100%; margin-left: 15px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
.query-form-item :deep(.el-form-item__content) { .el-icon-arrow-down {
display: flex; font-size: 12px;
align-items: center;
} }
</style> </style>

170
src/views/collect/PannelOrderBizCard.vue
Unescape Escape View File

@ -1,59 +1,39 @@
<template> <template>
<div> <div>
<el-row :gutter="20"> <el-row>
<el-col v-for="(info, index) in preDetailList" :key="index" :span="24"> <el-col v-for="(info, index) in preDetailList" :key="index" :xs="12" :sm="6" :md="6" :lg="8" >
<div class="drug-card"> <el-card :body-style="{margin:'20px'}"
<div class="card-content"> style="margin:20px 20px 20px 20px;;background-color: #e1f3fb;border-radius: 12px; position: relative;">
<div class="info-section"> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
<div class="info-row"> <p>产品通用名：</p> <p style="font-size: 20px;background-color: #e1f3fb;font-weight: bold;">{{ info.cpmctymc }}</p>
<span class="label">产品通用名：</span> </div>
<span class="value product-name">{{ info.cpmctymc }}</span> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
</div> <p>包装规格：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.ggxh }}</p>
<div class="info-row"> </div>
<span class="label">包装规格：</span> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
<span class="value">{{ info.ggxh }}</span> <p>制剂规格：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.prepnSpec }}</p>
</div> </div>
<div class="info-row"> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
<span class="label">制剂规格：</span> <p>批次号：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.batchNo }}</p>
<span class="value">{{ info.prepnSpec }}</span> </div>
</div> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
<div class="info-row"> <p>摆放位置：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.queueCode }}</p>
<span class="label">摆放位置：</span>
<span class="value">{{ info.queueCode }}</span>
</div>
</div>
<div class="action-section">
<div class="count-display">
<h1 class="count" :class="{ 'confirmed': info.getConfirm }">{{ info.count }}</h1>
<div class="light-info">
<!-- <i class="el-icon-s-opportunity"></i>-->
<!-- <span :style="colorStyle(info)">{{ info.colorName }}</span>-->
</div>
</div>
<div class="count-display-right">
<el-button
type="primary"
icon="el-icon-thumb"
@click="handleClick(info)"
:disabled="info.getConfirm">
确认取药
</el-button>
<el-button
type="primary"
icon="el-icon-document"
@click="codeHandleClick(info)"
:disabled="!info.getConfirm">
赋码明细
</el-button>
</div>
</div>
</div> </div>
</div> <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
<p></p><p style="font-size: 20px;background-color: #e1f3fb;font-weight: bold;margin-top: 80px"><i class="el-icon-s-opportunity"></i>
<span :style="colorStyle(info)">{{ info.colorName}}</span></p>
</div>
<div style="flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 10px;" >
<span><h1 :style="{ 'font-size': '45px', 'color': info.getConfirm ? '#67C23A' : '#F56C6C' }">{{ info.count }}</h1></span>
<el-button type="primary" style="position: absolute; bottom: 20px; right: 130px;" icon="el-icon-document" @click="codeHandleClick(info)" :disabled="!info.getConfirm">赋码明细</el-button>
<el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb" @click="handleClick(info)" :disabled="info.getConfirm">确认取药</el-button>
</div>
</el-card>
</el-col> </el-col>
</el-row> </el-row>
<el-dialog <el-dialog
title="扫码明细" title="扫码明细"
:visible.sync="scanDetailVisible" :visible.sync="scanDetailVisible"
@ -365,94 +345,4 @@ export default {
</script> </script>
<style scoped> <style scoped>
.drug-card {
margin: 1px 0;
background-color: #f6f6f6;
padding: 3px 10px 3px 10px;
border-radius: 12px;
}
.card-content {
display: flex;
padding: 0px 0px 0px 0px;
}
.info-section {
flex: 1;
}
.info-row {
display: flex;
align-items: center;
margin: 3px 0;
}
.label {
color: #606266;
font-size: 14px;
width: 100px;
flex-shrink: 0;
}
.value {
font-weight: bold;
font-size: 12px;
}
.label {
font-size: 12px;
}
.product-name {
font-size: 14px;
}
.action-section {
flex: 1 1 0%;
display: flex; /* 启用Flexbox布局 */
justify-content: space-between; /* 可选：让子元素在主轴上均匀分布，两端对齐 */
align-items: center; /* 可选：让子元素在交叉轴上居中对齐 */
}
.count-display {
flex: 5 1 0%; /* 默认情况下，flex属性为1的元素会平分剩余空间，但因为有两个这样的元素且我们设置了flex-basis，所以它们会按照设定的比例分配空间 */
flex-basis: 65%; /* 设置初始分配空间为55% */
/* 其他样式，如内边距、边框等 */
text-align: center;
margin-bottom: 0px;
}
.count-display-right {
flex: 1; /* 同样，flex属性为1 */
flex-basis: 35%; /* 设置初始分配空间为45%，与.count-display相加应为100%或稍小，以留出一些空间给内边距、边框等 */
/* 其他样式，特别是针对按钮的布局和样式 */
display: flex; /* 如果按钮需要在一行内显示，则启用Flexbox布局 */
flex-direction: column; /* 或者使用row，取决于按钮的布局需求 */
align-items: flex-end; /* 可选：让按钮组在容器内右对齐 */
gap: 10px; /* 设置按钮之间的垂直间隔 */
}
.count {
font-size: 45px;
margin: 0 0 10px 0;
}
.count.confirmed {
color: #67C23A;
}
.count:not(.confirmed) {
color: #F56C6C;
}
.light-info {
text-align: center;
}
.button-group {
display: flex;
gap: 10px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save