feat(订单详情): 在钢卷选择器中添加订单详情显示功能

添加订单ID参数传递至钢卷选择器组件
在钢卷选择器中新增显示订单详情的复选框和面板
移除OrderDetail组件中未使用的API导入
This commit is contained in:
砂糖
2026-04-14 15:38:44 +08:00
parent 263c2b5f37
commit 5f5e5cacb4
4 changed files with 25 additions and 5 deletions

View File

@@ -80,6 +80,7 @@
<el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
<el-checkbox v-if="orderBy" style="margin-left: 10px;" v-model="showCoilMap" size="small">显示钢卷地图</el-checkbox>
<el-checkbox v-if="orderBy && orderId" style="margin-left: 10px;" v-model="showOrderInfo" size="small">显示订单详情</el-checkbox>
</el-form-item>
</el-form>
@@ -163,6 +164,12 @@
:id="selectedNodeId" :canToggle="false" :canRelease="false" />
</div>
</DragResizeBox>
<DragResizeBox v-if="orderBy && orderId && showOrderInfo" storageKey="coil-order-info">
<div style="height: 100%; width: 100%; background-color: #fff;">
<order-detail v-if="orderBy && orderId && showOrderInfo" :orderId="orderId" :editable="false" />
</div>
</DragResizeBox>
</el-dialog>
</div>
</template>
@@ -177,6 +184,7 @@ import { defaultColumns } from './data';
import ActualWarehouseSelect from '@/components/KLPService/ActualWarehouseSelect/index.vue';
import WarehouseBirdMini from '@/views/wms/warehouse/components/WarehouseBirdMini.vue';
import DragResizeBox from '@/components/DragResizeBox/index.vue';
import OrderDetail from '@/views/crm/components/OrderDetail.vue';
export default {
name: 'CoilSelector',
@@ -185,7 +193,8 @@ export default {
MutiSelect,
ActualWarehouseSelect,
WarehouseBirdMini,
DragResizeBox
DragResizeBox,
OrderDetail
},
dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer', 'coil_quality_status'],
props: {
@@ -254,6 +263,10 @@ export default {
type: Boolean,
default: false
},
orderId: {
type: String,
default: null
}
},
data() {
return {
@@ -287,6 +300,7 @@ export default {
warehouseTree: [],
treeProps: { label: "actualWarehouseName", children: "children" },
treeLoading: false,
showOrderInfo: false,
};
},
computed: {