|
@ -1,24 +1,25 @@ |
|
|
<!-- 基于z-paging封装个性化分页组件演示(vue) --> |
|
|
<!-- 基于z-paging封装个性化分页组件演示(vue) --> |
|
|
<template> |
|
|
<template> |
|
|
<view class=""> |
|
|
<view class="uni-flex" style="flex-direction: column"> |
|
|
|
|
|
<itemFilter ref="filter" @onConfirmClick="confirm"> </itemFilter> |
|
|
|
|
|
<view class="top" style=""> |
|
|
<com-blank-view @goScan="openScanPopup" v-if="itemCode == ''"></com-blank-view> |
|
|
<com-blank-view @goScan="openScanPopup" v-if="itemCode == ''"></com-blank-view> |
|
|
<!-- 这里就很整洁了,只要设置ref,绑定query事件,绑定list就可以了 --> |
|
|
<item-info v-if="itemDetail" :itemdetail="itemDetail"></item-info> |
|
|
<my-paging v-show="itemCode != ''" ref="paging" v-model="dataList" @query="queryList"> |
|
|
<z-tabs v-if="itemCode" :list="tabList" @change="tabChange" /> |
|
|
<!-- 需要固定在顶部不滚动的view放在slot="top"的view中,如果需要跟着滚动,则不要设置slot="top" --> |
|
|
|
|
|
<template #top> |
|
|
|
|
|
<view v-if="itemDetail != undefined"> |
|
|
|
|
|
<item-info :itemdetail="itemDetail"></item-info> |
|
|
|
|
|
<view class="split_line"></view> |
|
|
|
|
|
<z-tabs :list="tabList" @change="tabChange" /> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
|
|
|
<view class="" style="padding-bottom: 50rpx"> |
|
|
<view style="padding-top: 230rpx; width: 100%"> |
|
|
<comItemDetailCard v-if="tabIndex == 0" :itemList="dataList" :isShowPack="false" style="margin: 20rpx"> </comItemDetailCard> |
|
|
<view v-if="totalCount > 0" style="margin: 10rpx; font-size: 35rpx; font-weight: bold">总数 : {{ totalCount }} |
|
|
<comItemDetailCard v-if="tabIndex == 1" :itemList="dataList" style="margin: 20rpx"> </comItemDetailCard> |
|
|
</view> |
|
|
<comItemDetailCard v-if="tabIndex == 2" :itemList="dataList" :isShowLocation="false" :isShowBusiness="true" style="margin: 20rpx"></comItemDetailCard> |
|
|
<view v-for="(item, index) in dataList" style="width: 100%" :key="index"> |
|
|
<comItemDetailCard v-if="tabIndex == 3" :itemList="dataList" :isShowLocation="false" :isShowBusiness="true" style="margin: 20rpx"> </comItemDetailCard> |
|
|
<view class="uni-flex uni-row" |
|
|
|
|
|
style="align-items: center; background-color: #fff; border-radius: 10rpx; margin: 10rpx"> |
|
|
|
|
|
<view class="" style="font-size: 35rpx"> ({{ index + 1 }}) </view> |
|
|
|
|
|
<comItemDetailCard :isShowPack="false" :dataContent="item" style="margin: 10rpx"> </comItemDetailCard> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<uni-load-more :status="loadingType" v-if="dataList.length > 0" /> |
|
|
</view> |
|
|
</view> |
|
|
</my-paging> |
|
|
|
|
|
<win-scan-button @goScan="openScanPopup" v-if="itemCode != ''"></win-scan-button> |
|
|
<win-scan-button @goScan="openScanPopup" v-if="itemCode != ''"></win-scan-button> |
|
|
<win-scan-item ref="scanPopup" title="物料代码" @getScanResult="getScanCode"> </win-scan-item> |
|
|
<win-scan-item ref="scanPopup" title="物料代码" @getScanResult="getScanCode"> </win-scan-item> |
|
|
<com-message ref="comMessageRef" /> |
|
|
<com-message ref="comMessageRef" /> |
|
@ -35,6 +36,8 @@ import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|
|
import winScanItem from '@/mycomponents/scan/winScanItem.vue' |
|
|
import winScanItem from '@/mycomponents/scan/winScanItem.vue' |
|
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|
|
import comItemDetailCard from '@/pages/query/coms/comItemDetailCard.vue' |
|
|
import comItemDetailCard from '@/pages/query/coms/comItemDetailCard.vue' |
|
|
|
|
|
import itemFilter from '@/mycomponents/item/itemFilter.vue' |
|
|
|
|
|
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|
|
|
|
|
|
|
|
const { proxy } = getCurrentInstance() |
|
|
const { proxy } = getCurrentInstance() |
|
|
|
|
|
|
|
@ -44,17 +47,37 @@ const tabIndex = ref(0) |
|
|
const itemDetail = ref(undefined) |
|
|
const itemDetail = ref(undefined) |
|
|
const itemCode = ref('') |
|
|
const itemCode = ref('') |
|
|
const balances = ref([]) |
|
|
const balances = ref([]) |
|
|
|
|
|
const loadingType = ref('nomore') |
|
|
|
|
|
const totalCount = ref(0) |
|
|
|
|
|
const locationCode = ref('') |
|
|
|
|
|
const inventoryStatus = ref('') |
|
|
|
|
|
const pageSize = ref(10) |
|
|
|
|
|
const pageNo = ref(1) |
|
|
const scanPopup = ref() |
|
|
const scanPopup = ref() |
|
|
const paging = ref() |
|
|
const paging = ref() |
|
|
const comMessageRef = ref() |
|
|
const comMessageRef = ref() |
|
|
|
|
|
const filter = ref() |
|
|
onNavigationBarButtonTap((e) => { |
|
|
onNavigationBarButtonTap((e) => { |
|
|
if (e.index === 0) { |
|
|
if (e.index === 0) { |
|
|
goHome() |
|
|
goHome() |
|
|
|
|
|
} else if (e.index == 1) { |
|
|
|
|
|
filter.value.openFilter() |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
openScanPopup() |
|
|
openScanPopup() |
|
|
}) |
|
|
}) |
|
|
|
|
|
onReachBottom(() => { |
|
|
|
|
|
console.log('底部') |
|
|
|
|
|
// 避免多次触发 |
|
|
|
|
|
if (loadingType.value == 'loading' || loadingType.value == 'nomore') { |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
getContentByTab(tabIndex.value, pageNo.value, pageSize.value, 'more') |
|
|
|
|
|
}) |
|
|
|
|
|
onPullDownRefresh(() => { |
|
|
|
|
|
getContentByTab(tabIndex.value, pageNo.value, pageSize.value, 'refresh') |
|
|
|
|
|
}) |
|
|
const openScanPopup = (val) => { |
|
|
const openScanPopup = (val) => { |
|
|
scanPopup.value.openScanPopup() |
|
|
scanPopup.value.openScanPopup() |
|
|
} |
|
|
} |
|
@ -91,180 +114,309 @@ const getItemInfo = (code) => { |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 汇总 |
|
|
const getSummary = (pageNo, pageSize, type) => { |
|
|
const getSummary = (pageNo, pageSize) => { |
|
|
uni.showLoading({ |
|
|
proxy.$modal.loading('加载中....') |
|
|
title: "加载中...", |
|
|
const params = { |
|
|
mask: true |
|
|
itemCode: itemCode.value, |
|
|
}); |
|
|
pageNo, |
|
|
loadingType.value = "loading"; |
|
|
pageSize |
|
|
if (type === "refresh") { |
|
|
|
|
|
pageNo.value = 1; |
|
|
|
|
|
dataList.value = []; |
|
|
} |
|
|
} |
|
|
getBalanceSummary(params) |
|
|
|
|
|
.then((res) => { |
|
|
var filters = []; |
|
|
uni.hideLoading() |
|
|
filters.push({ |
|
|
if (res.data.list.length > 0) { |
|
|
column: "itemCode", |
|
|
paging.value.complete(res.data.list) |
|
|
action: "==", |
|
|
} else { |
|
|
value: itemCode.value |
|
|
paging.value.complete(false) |
|
|
}) |
|
|
showMessage(`未查找到物料【${itemCode.value}】`) |
|
|
if (locationCode.value) { |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "locationCode", |
|
|
|
|
|
action: "==", |
|
|
|
|
|
value: locationCode.value |
|
|
|
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (inventoryStatus.value) { |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "inventoryStatus", |
|
|
|
|
|
action: "in", |
|
|
|
|
|
value: inventoryStatus.value |
|
|
}) |
|
|
}) |
|
|
.catch((error) => { |
|
|
} |
|
|
paging.value.complete(false) |
|
|
|
|
|
uni.hideLoading() |
|
|
var params = { |
|
|
showMessage(error) |
|
|
filters: filters, |
|
|
|
|
|
pageNo: pageNo.value, |
|
|
|
|
|
pageSize: pageSize |
|
|
|
|
|
} |
|
|
|
|
|
getBalanceByItemCode(params).then(res => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
|
|
|
|
|
|
if (type === "refresh") { |
|
|
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
|
|
} |
|
|
|
|
|
var list = res.data.list; |
|
|
|
|
|
totalCount.value = res.data.total |
|
|
|
|
|
loadingType.value = "loadmore"; |
|
|
|
|
|
if (list == null || list.length == 0) { |
|
|
|
|
|
loadingType.value = "nomore"; |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
list.forEach(item => { |
|
|
|
|
|
item.packingNumber = "" |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
dataList.value = type === "refresh" ? list : dataList.value..valueconcat(list); |
|
|
|
|
|
pageNo.value++; |
|
|
|
|
|
|
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
paging.value.complete(false); |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
showMessage(error); |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
//明细 |
|
|
//明细 |
|
|
const getDetailList = (pageNo, pageSize) => { |
|
|
const getDetailList = (pageNo, pageSize, type) => { |
|
|
proxy.$modal.loading('加载中....') |
|
|
uni.showLoading({ |
|
|
const params = { |
|
|
title: "加载中...", |
|
|
itemCode: itemCode.value, |
|
|
mask: true |
|
|
pageNo, |
|
|
}); |
|
|
pageSize |
|
|
loadingType.value = "loading"; |
|
|
} |
|
|
if (type === "refresh") { |
|
|
getBalanceByItemCode(params) |
|
|
pageNo.value = 1; |
|
|
.then((res) => { |
|
|
dataList.value = []; |
|
|
uni.hideLoading() |
|
|
|
|
|
if (res.data.list.length > 0) { |
|
|
|
|
|
paging.value.complete(res.data.list) |
|
|
|
|
|
} else { |
|
|
|
|
|
paging.value.complete(false) |
|
|
|
|
|
showMessage(`未查找到物料【${itemCode.value}】`) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var filters = []; |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "itemCode", |
|
|
|
|
|
action: "==", |
|
|
|
|
|
value: itemCode.value |
|
|
}) |
|
|
}) |
|
|
.catch((error) => { |
|
|
if (locationCode.value) { |
|
|
paging.value.complete(false) |
|
|
filters.push({ |
|
|
uni.hideLoading() |
|
|
column: "locationCode", |
|
|
showMessage(error) |
|
|
action: "==", |
|
|
|
|
|
value: locationCode.value |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (inventoryStatus.value) { |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "inventoryStatus", |
|
|
|
|
|
action: "in", |
|
|
|
|
|
value: inventoryStatus.value |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
const ontabtap = (e) => { |
|
|
|
|
|
const index = e.target.dataset.current || e.currentTarget.dataset.current |
|
|
var params = { |
|
|
tabIndex.value = index |
|
|
filters: filters, |
|
|
getContentByTab(index) |
|
|
pageNo: pageNo.value, |
|
|
|
|
|
pageSize: pageSize |
|
|
|
|
|
} |
|
|
|
|
|
getBalanceByItemCode(params).then(res => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
|
|
|
|
|
|
if (type === "refresh") { |
|
|
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
|
|
} |
|
|
|
|
|
var list = res.data.list; |
|
|
|
|
|
totalCount.value = res.data.total |
|
|
|
|
|
loadingType.value = "loadmore"; |
|
|
|
|
|
if (list == null || list.length == 0) { |
|
|
|
|
|
loadingType.value = "nomore"; |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
dataList.value = type === "refresh" ? list : dataList.value.concat(list); |
|
|
|
|
|
pageNo.value++; |
|
|
|
|
|
|
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
showMessage(error); |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const getContentByTab = (index, pageNo, pageSize) => { |
|
|
const getContentByTab = (index, pageNo, pageSize, type) => { |
|
|
if (index === 0) getSummary(pageNo, pageSize) |
|
|
if (index === 0) getSummary(pageNo, pageSize, type); |
|
|
else if (index === 1) getDetailList(pageNo, pageSize) |
|
|
else if (index === 1) getDetailList(pageNo, pageSize, type); |
|
|
else if (index === 2) { |
|
|
else if (index === 2) { |
|
|
getExpectin(pageNo, pageSize) |
|
|
getExpectin(pageNo, pageSize, type); |
|
|
} else if (index == 3) { |
|
|
} else if (index == 3) { |
|
|
getExpectout(pageNo, pageSize) |
|
|
getExpectout(pageNo, pageSize, type); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
//预计入 |
|
|
//预计入 |
|
|
const getExpectin = (pageNo, pageSize) => { |
|
|
const getExpectin = (pageNo, pageSize, type) { |
|
|
proxy.$modal.loading('加载中....') |
|
|
uni.showLoading({ |
|
|
const params = { |
|
|
title: "加载中...", |
|
|
itemCode: itemCode.value, |
|
|
mask: true |
|
|
pageNo, |
|
|
}); |
|
|
pageSize |
|
|
|
|
|
} |
|
|
|
|
|
getExpectinByItemcode(params) |
|
|
loadingType.value = "loading"; |
|
|
.then((res) => { |
|
|
if (type === "refresh") { |
|
|
uni.hideLoading() |
|
|
pageNo.value = 1; |
|
|
if (res.data.total > 0) { |
|
|
dataList.value = []; |
|
|
paging.value.complete(res.data.list) |
|
|
|
|
|
} else { |
|
|
|
|
|
paging.value.complete(false) |
|
|
|
|
|
showMessage(`未查找到物料【${itemCode.value}】`) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var filters = []; |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "itemCode", |
|
|
|
|
|
action: "==", |
|
|
|
|
|
value: itemCode.value |
|
|
}) |
|
|
}) |
|
|
.catch((error) => { |
|
|
if (locationCode.value) { |
|
|
paging.value.complete(false) |
|
|
filters.push({ |
|
|
uni.hideLoading() |
|
|
column: "locationCode", |
|
|
showMessage(error) |
|
|
action: "==", |
|
|
|
|
|
value: locationCode.value |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (inventoryStatus.value) { |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "inventoryStatus", |
|
|
|
|
|
action: "in", |
|
|
|
|
|
value: inventoryStatus.value |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var params = { |
|
|
|
|
|
filters: filters, |
|
|
|
|
|
pageNo: pageNo.value, |
|
|
|
|
|
pageSize: pageSize |
|
|
|
|
|
} |
|
|
|
|
|
getExpectinByItemcode(params).then(res => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
|
|
|
|
|
|
if (type === "refresh") { |
|
|
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
|
|
} |
|
|
|
|
|
var list = res.data.list; |
|
|
|
|
|
totalCount.value = res.data.total |
|
|
|
|
|
loadingType.value = "loadmore"; |
|
|
|
|
|
if (list == null || list.length == 0) { |
|
|
|
|
|
loadingType.value = "nomore"; |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
dataList.value = type === "refresh" ? list : dataList.value.concat(list); |
|
|
|
|
|
pageNo.value++; |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
showMessage(error); |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
//预计出 |
|
|
//预计出 |
|
|
const getExpectout = (pageNo, pageSize) => { |
|
|
const getExpectout = (pageNo, pageSize, type) => { |
|
|
proxy.$modal.loading('加载中....') |
|
|
uni.showLoading({ |
|
|
const params = { |
|
|
title: "加载中...", |
|
|
itemCode: itemCode.value, |
|
|
mask: true |
|
|
pageNo, |
|
|
}); |
|
|
pageSize |
|
|
|
|
|
} |
|
|
loadingType.value = "loading"; |
|
|
getExpectoutByItemcode(params) |
|
|
if (type === "refresh") { |
|
|
.then((res) => { |
|
|
pageNo.value = 1; |
|
|
uni.hideLoading() |
|
|
dataList.value = []; |
|
|
console.log(res) |
|
|
|
|
|
if (res.data.total > 0) { |
|
|
|
|
|
paging.value.complete(res.data.list) |
|
|
|
|
|
} else { |
|
|
|
|
|
paging.value.complete(false) |
|
|
|
|
|
showMessage(`未查找到物料【${itemCode.value}】`) |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var filters = []; |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "itemCode", |
|
|
|
|
|
action: "==", |
|
|
|
|
|
value: itemCode.value |
|
|
}) |
|
|
}) |
|
|
.catch((error) => { |
|
|
if (locationCode.value) { |
|
|
paging.value.complete(false) |
|
|
filters.push({ |
|
|
uni.hideLoading() |
|
|
column: "locationCode", |
|
|
showMessage(error) |
|
|
action: "==", |
|
|
|
|
|
value: locationCode.value |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (inventoryStatus.value) { |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
column: "inventoryStatus", |
|
|
|
|
|
action: "in", |
|
|
|
|
|
value: inventoryStatus.value |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
var params = { |
|
|
|
|
|
filters: filters, |
|
|
|
|
|
pageNo: pageNo.value, |
|
|
|
|
|
pageSize: pageSize |
|
|
|
|
|
} |
|
|
|
|
|
getExpectoutByItemcode(params).then(res => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
if (type === "refresh") { |
|
|
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
|
|
} |
|
|
|
|
|
var list = res.data.list; |
|
|
|
|
|
totalCount.value = res.data.total |
|
|
|
|
|
loadingType.value = "loadmore"; |
|
|
|
|
|
if (list == null || list.length == 0) { |
|
|
|
|
|
loadingType.value = "nomore"; |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
dataList.value = type === "refresh" ? list : dataList.value.concat(list); |
|
|
|
|
|
pageNo.value++; |
|
|
|
|
|
|
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
uni.hideLoading(); |
|
|
|
|
|
showMessage(error); |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
const showMessage = (message) => { |
|
|
const showMessage = (message) => { |
|
|
comMessageRef.value.showErrorMessage(message, (res) => { |
|
|
comMessageRef.value.showErrorMessage(message, res => { |
|
|
if (res) { |
|
|
if (res) { |
|
|
afterCloseMessage() |
|
|
afterCloseMessage() |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const afterCloseMessage = () => { |
|
|
const afterCloseMessage = () => { |
|
|
if (scanPopup.value != undefined) { |
|
|
if (scanPopup.value != undefined) { |
|
|
scanPopup.value.getfocus() |
|
|
scanPopup.value.getfocus(); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
const tabChange = (index) => { |
|
|
const tabChange = (index) => { |
|
|
console.log(index) |
|
|
tabIndex.value = index; |
|
|
tabIndex.value = index |
|
|
getContentByTab(index, pageNo.value, pageSize.value, "refresh") |
|
|
paging.value.reload(true) |
|
|
|
|
|
} |
|
|
} |
|
|
const queryList = (pageNo, pageSize) => { |
|
|
|
|
|
if (itemCode.value != '') { |
|
|
const confirm = (locationCodeParams, status) => { |
|
|
getContentByTab(tabIndex.value, pageNo, pageSize) |
|
|
locationCode.value = locationCodeParams; |
|
|
|
|
|
if (status.length > 0) { |
|
|
|
|
|
var arrayItems = status.join(',') |
|
|
|
|
|
inventoryStatus.value = arrayItems |
|
|
|
|
|
} else { |
|
|
|
|
|
inventoryStatus.value = "" |
|
|
} |
|
|
} |
|
|
|
|
|
tabChange(tabIndex.value) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const itemClick = (item) => {} |
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
|
.notice { |
|
|
page { |
|
|
background-color: red; |
|
|
height: 100%; |
|
|
color: white; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
padding: 12rpx 20rpx; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
height: 150rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
padding: 0rpx 30rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item-detail { |
|
|
|
|
|
padding: 5rpx 15rpx; |
|
|
|
|
|
border-radius: 10rpx; |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
color: white; |
|
|
|
|
|
background-color: #007aff; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item-line { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
bottom: 0rpx; |
|
|
|
|
|
left: 0rpx; |
|
|
|
|
|
height: 1px; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
background-color: #eeeeee; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
.top{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
/* #ifdef APP */ |
|
|
|
|
|
top: 0rpx; |
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
|
top: 80rpx; |
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
|
|
right: 0; |
|
|
</style> |
|
|
</style> |