|
@@ -2,35 +2,19 @@
|
|
|
<Water></Water>
|
|
<Water></Water>
|
|
|
<view class="detail-page">
|
|
<view class="detail-page">
|
|
|
<view class="tabs">
|
|
<view class="tabs">
|
|
|
- <view
|
|
|
|
|
- class="tab"
|
|
|
|
|
- v-for="(t, i) in tabs"
|
|
|
|
|
- :key="t.label"
|
|
|
|
|
- :class="{ active: category == t.value }"
|
|
|
|
|
- :style="{ opacity: isLoading ? 0.5 : 1 }"
|
|
|
|
|
- @click="selectTab(t)"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <view class="tab" v-for="(t, i) in tabs" :key="t.label" :class="{ active: category == t.value }"
|
|
|
|
|
+ :style="{ opacity: isLoading ? 0.5 : 1 }" @click="selectTab(t)">
|
|
|
{{ t.label }}
|
|
{{ t.label }}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="card" :style="{ height: tableBodyHeight + 'rpx' }">
|
|
<view class="card" :style="{ height: tableBodyHeight + 'rpx' }">
|
|
|
- <scroll-view
|
|
|
|
|
- class="grid-scroll"
|
|
|
|
|
- scroll-y="true"
|
|
|
|
|
- scroll-x="true"
|
|
|
|
|
- :show-scrollbar="false"
|
|
|
|
|
- :style="{
|
|
|
|
|
- maxHeight: tableBodyHeight + 'rpx',
|
|
|
|
|
- opacity: category == 1 ? 1 : 0,
|
|
|
|
|
- }"
|
|
|
|
|
- enhanced
|
|
|
|
|
- @scrolltolower="onTableScrollToLower"
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- :style="{
|
|
|
|
|
- width: '3000rpx',
|
|
|
|
|
- }"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <scroll-view class="grid-scroll" scroll-y="true" scroll-x="true" :show-scrollbar="false" :style="{
|
|
|
|
|
+ maxHeight: tableBodyHeight + 'rpx',
|
|
|
|
|
+ opacity: category == 1 ? 1 : 0,
|
|
|
|
|
+ }" enhanced @scrolltolower="onTableScrollToLower">
|
|
|
|
|
+ <view :style="{
|
|
|
|
|
+ width: '2500rpx',
|
|
|
|
|
+ }">
|
|
|
<view class="grid-header">
|
|
<view class="grid-header">
|
|
|
<text class="hcell hcell-sticky-left">查询企业名称</text>
|
|
<text class="hcell hcell-sticky-left">查询企业名称</text>
|
|
|
<text class="hcell">出库方企业名称</text>
|
|
<text class="hcell">出库方企业名称</text>
|
|
@@ -42,80 +26,45 @@
|
|
|
<text class="hcell">终端到达数量</text>
|
|
<text class="hcell">终端到达数量</text>
|
|
|
<text class="hcell">出库时间</text>
|
|
<text class="hcell">出库时间</text>
|
|
|
<text class="hcell">追溯码抽样</text>
|
|
<text class="hcell">追溯码抽样</text>
|
|
|
- <text class="hcell">链路</text>
|
|
|
|
|
|
|
+ <!-- <text class="hcell">链路</text> -->
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="!loading && rows.length > 0" class="grid-body">
|
|
<view v-if="!loading && rows.length > 0" class="grid-body">
|
|
|
- <view
|
|
|
|
|
- v-for="(row, idx) in rows"
|
|
|
|
|
- :key="idx + '-' + (row.produceBatchNo || '')"
|
|
|
|
|
- class="grow"
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.enterpriseName"
|
|
|
|
|
- class="gcell gcol-1 gspan"
|
|
|
|
|
- :class="['sticky-left']"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.enterpriseName }"
|
|
|
|
|
- >{{ row.enterpriseName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.fromEntName"
|
|
|
|
|
- class="gcell gcol-2 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.fromEntName }"
|
|
|
|
|
- >{{ row.fromEntName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.physicName"
|
|
|
|
|
- class="gcell gcol-3 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.physicName }"
|
|
|
|
|
- >{{ row.physicName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.spec"
|
|
|
|
|
- class="gcell gcol-4 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.spec }"
|
|
|
|
|
- >
|
|
|
|
|
- {{ row.spec }}</view
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <view v-for="(row, idx) in rows" :key="idx + '-' + (row.produceBatchNo || '')" class="grow">
|
|
|
|
|
+ <view v-if="row.flags.enterpriseName" class="gcell gcol-1 gspan" :class="['sticky-left']"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.enterpriseName }">{{ row.enterpriseName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.fromEntName" class="gcell gcol-2 gspan"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.fromEntName }">{{ row.fromEntName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.physicName" class="gcell gcol-3 gspan"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.physicName }">{{ row.physicName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.spec" class="gcell gcol-4 gspan" :style="{ gridRowEnd: 'span ' + row.spans.spec }">
|
|
|
|
|
+ {{ row.spec }}</view>
|
|
|
<view class="gcell gcol-5">{{ row.produceBatchNo }}</view>
|
|
<view class="gcell gcol-5">{{ row.produceBatchNo }}</view>
|
|
|
<view class="gcell gcol-6">{{ row.fromRegionName }}</view>
|
|
<view class="gcell gcol-6">{{ row.fromRegionName }}</view>
|
|
|
<view class="gcell gcol-7">{{ row.fromQuantity }}</view>
|
|
<view class="gcell gcol-7">{{ row.fromQuantity }}</view>
|
|
|
<view class="gcell gcol-8">{{ row.toQuantity }}</view>
|
|
<view class="gcell gcol-8">{{ row.toQuantity }}</view>
|
|
|
<view class="gcell gcol-9">{{ row.billTime }}</view>
|
|
<view class="gcell gcol-9">{{ row.billTime }}</view>
|
|
|
<view class="gcell gcol-10">{{ row.tracCode }}</view>
|
|
<view class="gcell gcol-10">{{ row.tracCode }}</view>
|
|
|
- <view class="gcell gcol-11">{{ row.batchTraceLink }}</view>
|
|
|
|
|
|
|
+ <!-- <view class="gcell gcol-11">{{ row.batchTraceLink }}</view> -->
|
|
|
</view>
|
|
</view>
|
|
|
<view class="gcell gcell-full loading-row" v-if="hasMore">
|
|
<view class="gcell gcell-full loading-row" v-if="hasMore">
|
|
|
<view class="loading-wrapper">
|
|
<view class="loading-wrapper">
|
|
|
- <image
|
|
|
|
|
- class="loading-icon"
|
|
|
|
|
- src="../../../../static/images/loading.png"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <image class="loading-icon" src="../../../../static/images/loading.png" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
- <scroll-view
|
|
|
|
|
- class="grid-scroll"
|
|
|
|
|
- scroll-y="true"
|
|
|
|
|
- scroll-x="true"
|
|
|
|
|
- :show-scrollbar="false"
|
|
|
|
|
- :style="{
|
|
|
|
|
- maxHeight: tableBodyHeight + 'rpx',
|
|
|
|
|
- opacity: category == 2 ? 1 : 0,
|
|
|
|
|
- position: 'absolute',
|
|
|
|
|
- top: '0',
|
|
|
|
|
- left: '0',
|
|
|
|
|
- zIndex: category == 2 ? '92' : '-1',
|
|
|
|
|
- }"
|
|
|
|
|
- enhanced
|
|
|
|
|
- @scrolltolower="onTableScrollToLower"
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- :style="{
|
|
|
|
|
- width: '3000rpx',
|
|
|
|
|
- }"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <scroll-view class="grid-scroll" scroll-y="true" scroll-x="true" :show-scrollbar="false" :style="{
|
|
|
|
|
+ maxHeight: tableBodyHeight + 'rpx',
|
|
|
|
|
+ opacity: category == 2 ? 1 : 0,
|
|
|
|
|
+ position: 'absolute',
|
|
|
|
|
+ top: '0',
|
|
|
|
|
+ left: '0',
|
|
|
|
|
+ zIndex: category == 2 ? '92' : '-1',
|
|
|
|
|
+ }" enhanced @scrolltolower="onTableScrollToLower">
|
|
|
|
|
+ <view :style="{
|
|
|
|
|
+ width: '2500rpx',
|
|
|
|
|
+ }">
|
|
|
<view class="grid-header">
|
|
<view class="grid-header">
|
|
|
<text class="hcell hcell-sticky-left">查询企业名称</text>
|
|
<text class="hcell hcell-sticky-left">查询企业名称</text>
|
|
|
<text class="hcell">入库方企业名称</text>
|
|
<text class="hcell">入库方企业名称</text>
|
|
@@ -127,55 +76,30 @@
|
|
|
<text class="hcell">终端到达数量</text>
|
|
<text class="hcell">终端到达数量</text>
|
|
|
<text class="hcell">入库时间</text>
|
|
<text class="hcell">入库时间</text>
|
|
|
<text class="hcell">追溯码抽样</text>
|
|
<text class="hcell">追溯码抽样</text>
|
|
|
- <text class="hcell">链路</text>
|
|
|
|
|
|
|
+ <!-- <text class="hcell">链路</text> -->
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view v-if="!_loading && _rows.length > 0" class="grid-body">
|
|
<view v-if="!_loading && _rows.length > 0" class="grid-body">
|
|
|
- <view
|
|
|
|
|
- v-for="(row, idx) in _rows"
|
|
|
|
|
- :key="idx + '-' + (row.produceBatchNo || '')"
|
|
|
|
|
- class="grow"
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.enterpriseName"
|
|
|
|
|
- class="gcell gcol-1 gspan"
|
|
|
|
|
- :class="['sticky-left']"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.enterpriseName }"
|
|
|
|
|
- >{{ row.enterpriseName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.fromEntName"
|
|
|
|
|
- class="gcell gcol-2 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.fromEntName }"
|
|
|
|
|
- >{{ row.fromEntName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.physicName"
|
|
|
|
|
- class="gcell gcol-3 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.physicName }"
|
|
|
|
|
- >{{ row.physicName }}</view
|
|
|
|
|
- >
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="row.flags.spec"
|
|
|
|
|
- class="gcell gcol-4 gspan"
|
|
|
|
|
- :style="{ gridRowEnd: 'span ' + row.spans.spec }"
|
|
|
|
|
- >
|
|
|
|
|
- {{ row.spec }}</view
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <view v-for="(row, idx) in _rows" :key="idx + '-' + (row.produceBatchNo || '')" class="grow">
|
|
|
|
|
+ <view v-if="row.flags.enterpriseName" class="gcell gcol-1 gspan" :class="['sticky-left']"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.enterpriseName }">{{ row.enterpriseName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.fromEntName" class="gcell gcol-2 gspan"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.fromEntName }">{{ row.fromEntName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.physicName" class="gcell gcol-3 gspan"
|
|
|
|
|
+ :style="{ gridRowEnd: 'span ' + row.spans.physicName }">{{ row.physicName }}</view>
|
|
|
|
|
+ <view v-if="row.flags.spec" class="gcell gcol-4 gspan" :style="{ gridRowEnd: 'span ' + row.spans.spec }">
|
|
|
|
|
+ {{ row.spec }}</view>
|
|
|
<view class="gcell gcol-5">{{ row.produceBatchNo }}</view>
|
|
<view class="gcell gcol-5">{{ row.produceBatchNo }}</view>
|
|
|
<view class="gcell gcol-6">{{ row.fromRegionName }}</view>
|
|
<view class="gcell gcol-6">{{ row.fromRegionName }}</view>
|
|
|
<view class="gcell gcol-7">{{ row.fromQuantity }}</view>
|
|
<view class="gcell gcol-7">{{ row.fromQuantity }}</view>
|
|
|
<view class="gcell gcol-8">{{ row.toQuantity }}</view>
|
|
<view class="gcell gcol-8">{{ row.toQuantity }}</view>
|
|
|
<view class="gcell gcol-9">{{ row.billTime }}</view>
|
|
<view class="gcell gcol-9">{{ row.billTime }}</view>
|
|
|
<view class="gcell gcol-10">{{ row.tracCode }}</view>
|
|
<view class="gcell gcol-10">{{ row.tracCode }}</view>
|
|
|
- <view class="gcell gcol-11">{{ row.batchTraceLink }}</view>
|
|
|
|
|
|
|
+ <!-- <view class="gcell gcol-11">{{ row.batchTraceLink }}</view> -->
|
|
|
</view>
|
|
</view>
|
|
|
<view class="gcell gcell-full loading-row" v-if="_hasMore">
|
|
<view class="gcell gcell-full loading-row" v-if="_hasMore">
|
|
|
<view class="loading-wrapper">
|
|
<view class="loading-wrapper">
|
|
|
- <image
|
|
|
|
|
- class="loading-icon"
|
|
|
|
|
- src="../../../../static/images/loading.png"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <image class="loading-icon" src="../../../../static/images/loading.png" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -184,10 +108,7 @@
|
|
|
<view v-if="isLoading" class="loading-wrap">
|
|
<view v-if="isLoading" class="loading-wrap">
|
|
|
<view class="loading-row">
|
|
<view class="loading-row">
|
|
|
<view class="loading-wrapper">
|
|
<view class="loading-wrapper">
|
|
|
- <image
|
|
|
|
|
- class="loading-icon"
|
|
|
|
|
- src="../../../../static/images/loading.png"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <image class="loading-icon" src="../../../../static/images/loading.png" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -572,7 +493,7 @@ export default {
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.tab + .tab {
|
|
|
|
|
|
|
+.tab+.tab {
|
|
|
margin-left: 12rpx;
|
|
margin-left: 12rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -593,7 +514,7 @@ export default {
|
|
|
top: 0;
|
|
top: 0;
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-columns: 340rpx 300rpx 220rpx 220rpx 220rpx 220rpx 220rpx 220rpx 340rpx 200rpx 500rpx;
|
|
|
|
|
|
|
+ grid-template-columns: 340rpx 300rpx 220rpx 220rpx 220rpx 220rpx 220rpx 220rpx 340rpx 200rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.grid-header .hcell {
|
|
.grid-header .hcell {
|
|
@@ -628,7 +549,7 @@ export default {
|
|
|
.grid-body {
|
|
.grid-body {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-columns: 340rpx 300rpx 220rpx 220rpx 220rpx 220rpx 220rpx 220rpx 340rpx 200rpx 500rpx;
|
|
|
|
|
|
|
+ grid-template-columns: 340rpx 300rpx 220rpx 220rpx 220rpx 220rpx 220rpx 220rpx 340rpx 200rpx;
|
|
|
grid-auto-rows: auto;
|
|
grid-auto-rows: auto;
|
|
|
}
|
|
}
|
|
|
|
|
|