131 lines
4.1 KiB
Vue
131 lines
4.1 KiB
Vue
<template>
|
||
<view class="fabric-out-page">
|
||
<view v-if="showHeaderToggle" class="fabric-out-headerBar" @click="toggleHeader">
|
||
<view class="fabric-out-headerBarMain">
|
||
<text class="fabric-out-headerBarTitle">单据信息</text>
|
||
<text v-if="form.order_no" class="fabric-out-headerBarSub">{{ form.order_no }}</text>
|
||
</view>
|
||
<view class="fabric-out-headerBarAction">
|
||
<text>{{ headerExpanded ? '收起' : '展开' }}</text>
|
||
<u-icon class="fabric-out-headerBarIcon" :name="headerExpanded ? 'arrow-up' : 'arrow-down'" size="32" color="#2979ff"></u-icon>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-show="headerExpanded">
|
||
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||
<text class="mr26">出仓单号</text>
|
||
<text>{{ form.order_no }}</text>
|
||
</view>
|
||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||
<text class="mr26">出仓类型</text>
|
||
<text>{{ getBillTypeName() }}</text>
|
||
</view>
|
||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||
<text class="mr26">接收单位</text>
|
||
<text>{{ form.business_unit_name || '-' }}</text>
|
||
</view>
|
||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||
<text class="mr26">{{ dateLabel }}</text>
|
||
<text>{{ form.delivery_time }}</text>
|
||
</view>
|
||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||
<text class="mr26">单据备注</text>
|
||
<text>{{ form.remark || '-' }}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="showScanSection">
|
||
<PlusBarcodePanel
|
||
ref="plusBarcodePanel"
|
||
:visible.sync="phoneScanPanelOpen"
|
||
hint-text="连续扫码出仓，扫完可继续下一条"
|
||
:scan-time-space="1200"
|
||
@success="onPlusBarcodeSuccess"
|
||
/>
|
||
<FabricOutScanBar
|
||
:can-scan="canScan"
|
||
:value="QRBarCode"
|
||
:delete-mode="BarCodeDelStatus"
|
||
:message="BillDataMessage"
|
||
:scanning="phoneScanPanelOpen"
|
||
@input="QRBarCode = $event"
|
||
@scan="handleScan"
|
||
@phone-scan="handlePhoneScan"
|
||
@delete-mode-change="BarCodeDelChange"
|
||
/>
|
||
<FabricOutScanDetail
|
||
:detail="scanDetail"
|
||
:group-keys="scanGroupKeys"
|
||
@group-change="scanGroupKeys = $event"
|
||
/>
|
||
<FabricOutSummaryTable
|
||
:rows="form.summary_rows"
|
||
@cell-click="onSummaryCellClick"
|
||
/>
|
||
</view>
|
||
|
||
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||
|
||
<search-select-popup
|
||
:show.sync="selectShow"
|
||
title="选择接收单位"
|
||
placeholder="请输入染厂名称"
|
||
:list="selectList"
|
||
@confirm="selectConfirmFun"
|
||
/>
|
||
<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
|
||
<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import formMixin from './storeFabricBusinessOutMixin.js';
|
||
import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
|
||
import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
|
||
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||
import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
|
||
import FabricOutSummaryTable from '@/components/storefabric/FabricOutSummaryTable.vue';
|
||
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||
import SearchSelectPopup from '@/components/storefabric/SearchSelectPopup.vue';
|
||
import PlusBarcodePanel from '@/components/common/PlusBarcodePanel.vue';
|
||
|
||
export default {
|
||
components: {
|
||
FabricInfoPopup,
|
||
FineCodePopup,
|
||
OrderStatusBar,
|
||
FabricOutScanBar,
|
||
FabricOutScanDetail,
|
||
FabricOutSummaryTable,
|
||
FabricOutFooter,
|
||
SearchSelectPopup,
|
||
PlusBarcodePanel,
|
||
},
|
||
mixins: [formMixin],
|
||
data() {
|
||
return {
|
||
pageMode: 'edit',
|
||
headerExpanded: false,
|
||
};
|
||
},
|
||
onLoad(e) {
|
||
uni.setNavigationBarTitle({ title: '编辑坯布出仓单' });
|
||
this.pageMode = 'edit';
|
||
this.headerExpanded = false;
|
||
if (e.id) {
|
||
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||
page {
|
||
background-color: #F8F8F8;
|
||
padding-bottom: 260rpx;
|
||
}
|
||
</style>
|