121 lines
3.8 KiB
Vue
121 lines
3.8 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">
|
|
<FabricOutScanBar
|
|
:can-scan="canScan"
|
|
:value="QRBarCode"
|
|
:delete-mode="BarCodeDelStatus"
|
|
:message="BillDataMessage"
|
|
@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';
|
|
|
|
export default {
|
|
components: {
|
|
FabricInfoPopup,
|
|
FineCodePopup,
|
|
OrderStatusBar,
|
|
FabricOutScanBar,
|
|
FabricOutScanDetail,
|
|
FabricOutSummaryTable,
|
|
FabricOutFooter,
|
|
SearchSelectPopup,
|
|
},
|
|
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>
|