|
|
|
@ -1,7 +1,10 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" @submit.native.prevent>
|
|
|
|
|
<div class="page-container">
|
|
|
|
|
<div class="content-wrapper">
|
|
|
|
|
<!-- 左侧面板 -->
|
|
|
|
|
<div class="content-left">
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-form :model="formData" class="order-el-form" ref="formData" label-width="120px" @submit.native.prevent>
|
|
|
|
|
|
|
|
|
|
<!-- <el-alert-->
|
|
|
|
|
<!-- style="margin-top: 15px"-->
|
|
|
|
@ -13,16 +16,16 @@
|
|
|
|
|
<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" @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)"
|
|
|
|
@ -35,18 +38,18 @@
|
|
|
|
|
@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="saveDraftOrder()"-->
|
|
|
|
|
<!-- >挂起-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
<!-- type="primary"-->
|
|
|
|
|
<!-- :disabled="!formData.billNo"-->
|
|
|
|
|
<!-- @click.native="cancelOrder()"-->
|
|
|
|
|
<!-- >放弃-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
:disabled="!formData.billNo"
|
|
|
|
@ -190,9 +193,9 @@
|
|
|
|
|
>
|
|
|
|
|
</el-button>
|
|
|
|
|
<!-- :disabled="!formData.billNo || (this.formDataVisible != null && this.formDataVisible.scanType == 1)"-->
|
|
|
|
|
<!-- <el-button type="primary"-->
|
|
|
|
|
<!-- @click="addGs">ALT+29-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<!-- <el-button type="primary"-->
|
|
|
|
|
<!-- @click="addGs">ALT+29-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
size="mini"
|
|
|
|
@ -203,12 +206,12 @@
|
|
|
|
|
</el-button-group>
|
|
|
|
|
</el-col>
|
|
|
|
|
</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-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"
|
|
|
|
@ -235,7 +238,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<el-descriptions title="单据信息" :column="4" border style="margin-top: 15px">
|
|
|
|
|
<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>
|
|
|
|
@ -244,9 +247,13 @@
|
|
|
|
|
<el-descriptions-item label="单据时间">{{ formData.billTime }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="单据备注">{{ formData.remark }}</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-tabs type="border-card" style="margin: 15px" v-model="editableTabsValue">
|
|
|
|
|
<!-- 右侧面板 -->
|
|
|
|
|
<div class="content-right">
|
|
|
|
|
<el-tabs type="border-card" class="right-tabs" v-model="editableTabsValue">
|
|
|
|
|
<el-tab-pane label="扫码详情" name="prescribeOriginPanel">
|
|
|
|
|
<prescribeOriginPanel
|
|
|
|
|
v-if="panelALive"
|
|
|
|
@ -382,8 +389,9 @@
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -655,7 +663,6 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
return
|
|
|
|
|
})
|
|
|
|
@ -1674,20 +1681,62 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<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 {
|
|
|
|
|
margin-top: -5px;
|
|
|
|
|
margin-bottom: -5px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-alert {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-dropdown {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
.el-alert:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-dropdown + .el-dropdown {
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
.el-tabs--border-card {
|
|
|
|
|
height: 100%;
|
|
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-icon-arrow-down {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
.query-form-item :deep(.el-form-item__content) {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|