|
@@ -1,13 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
<z-paging ref="paging" v-model="list" bgColor="#f7f7f7" @query="query" safe-area-inset-bottom>
|
|
<z-paging ref="paging" v-model="list" bgColor="#f7f7f7" @query="query" safe-area-inset-bottom>
|
|
|
<template #top>
|
|
<template #top>
|
|
|
- <up-navbar title="种养殖任务" :fixed="false">
|
|
|
|
|
|
|
+ <ut-navbar title="种养殖任务" :fixed="false">
|
|
|
<template #left><view class=""></view></template>
|
|
<template #left><view class=""></view></template>
|
|
|
- </up-navbar>
|
|
|
|
|
|
|
+ </ut-navbar>
|
|
|
</template>
|
|
</template>
|
|
|
<view class="b-radius pt-0 bg-#f7f7f7">
|
|
<view class="b-radius pt-0 bg-#f7f7f7">
|
|
|
<up-sticky :offset-top="10">
|
|
<up-sticky :offset-top="10">
|
|
|
- <view class="d-flex a-c pd-16 bg-#f7f7f7">
|
|
|
|
|
|
|
+ <view class="d-flex a-c pd-26 bg-#f7f7f7">
|
|
|
<view class="min-w-170 flex1">
|
|
<view class="min-w-170 flex1">
|
|
|
<ut-action-sheet v-model="form.queryType" :tabs="[{ label: '全部', value: '' }]" @change="onRefresh" title="选择原料类型">
|
|
<ut-action-sheet v-model="form.queryType" :tabs="[{ label: '全部', value: '' }]" @change="onRefresh" title="选择原料类型">
|
|
|
<view class="d-flex search-select-item a-c">
|
|
<view class="d-flex search-select-item a-c">
|
|
@@ -17,16 +17,59 @@
|
|
|
</ut-action-sheet>
|
|
</ut-action-sheet>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="h-86 pl-20 w-100%">
|
|
<view class="h-86 pl-20 w-100%">
|
|
|
- <ut-search ref="searchRef" v-model="form.keyword" @search="changeSeach" margin="0" :border="false" placeholder="搜基地名称、编号、地址、负责人" bgColor="#fff" height="86rpx" borderRadius="10rpx"></ut-search>
|
|
|
|
|
|
|
+ <ut-search ref="searchRef" v-model="form.keyword" @search="changeSeach" margin="0" :border="false" placeholder="搜批次号、品种名、基地名" bgColor="#fff" height="86rpx" borderRadius="10rpx"></ut-search>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="pl-26 pr-26">
|
|
|
|
|
+ <up-subsection :list="subList" :current="subCurrent" @change="sectionChange" style="width: 100%; height: 100rpx; background-color: #fff" active-color="#37A954" mode="subsection"></up-subsection>
|
|
|
|
|
+ </view>
|
|
|
</up-sticky>
|
|
</up-sticky>
|
|
|
- <view class="pd-16"></view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="pd-26">
|
|
|
|
|
+ <view class="b-radius bg-#fff pd-10">
|
|
|
|
|
+ <view class="d-flex j-ed f-s-22 c-#666"> 2025-12-25 </view>
|
|
|
|
|
+ <view class="d-flex a-ed pd-16 pt-8 pb-8">
|
|
|
|
|
+ <view class="c-#333 f-s-34 f-w-5 mr-6"> 美洲大蠊</view>
|
|
|
|
|
+ <view class="c-#666 f-s-26">虫卵属蓝棵</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
|
|
|
|
|
+ <view class="c-#666 w-s-no">养殖批号:</view>
|
|
|
|
|
+ <view class="c-#333 f-w-5">1231231231232</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
|
|
|
|
|
+ <view class="c-#666 w-s-no">种源批号:</view>
|
|
|
|
|
+ <view class="c-#333 f-w-5">1231231231232</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="d-flex a-c f-s-28 pd-16 pt-8 pb-8">
|
|
|
|
|
+ <view class="c-#666 w-s-no">基地:</view>
|
|
|
|
|
+ <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">123112312312312312312312312312312312312312312323</view>
|
|
|
|
|
+ <view class="flex1 d-flex j-ed"><up-icon name="arrow-right" size="34rpx"></up-icon></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="d-flex f-s-28 pd-16 pt-8 pb-8">
|
|
|
|
|
+ <view class="d-flex a-c w-50%">
|
|
|
|
|
+ <view class="c-#666 w-s-no">养殖区域:</view>
|
|
|
|
|
+ <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">20亩</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="d-flex a-c w-50%">
|
|
|
|
|
+ <view class="c-#666 w-s-no">养殖量:</view>
|
|
|
|
|
+ <view class="c-#333 f-w-5 tx-ov w-s-no ov-hd">120000</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="pd-16 pt-8 pb-8">
|
|
|
|
|
+ <up-line color="#f7f7f7"></up-line>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="pd-16 pt-8 pb-8 d-flex j-sb gap-20">
|
|
|
|
|
+ <up-button :customStyle="customStyle1">种源信息</up-button>
|
|
|
|
|
+ <up-button :customStyle="customStyle2">饲养管理</up-button>
|
|
|
|
|
+ <up-button :customStyle="customStyle3">采收管理</up-button>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
<view class="h-210" v-if="list?.length"></view>
|
|
<view class="h-210" v-if="list?.length"></view>
|
|
|
<view v-if="list?.length" :style="{ height: `${safeAreaBottom}px` }"></view>
|
|
<view v-if="list?.length" :style="{ height: `${safeAreaBottom}px` }"></view>
|
|
|
<template #bottom>
|
|
<template #bottom>
|
|
|
- <ut-tabar activeTab="base"></ut-tabar>
|
|
|
|
|
|
|
+ <ut-tabar activeTab="planting"></ut-tabar>
|
|
|
</template>
|
|
</template>
|
|
|
</z-paging>
|
|
</z-paging>
|
|
|
</template>
|
|
</template>
|
|
@@ -36,9 +79,38 @@ const form = ref({ queryType: '', keyword: '' });
|
|
|
const paging = ref();
|
|
const paging = ref();
|
|
|
const windowInfo = uni.getWindowInfo();
|
|
const windowInfo = uni.getWindowInfo();
|
|
|
const safeAreaBottom = windowInfo.safeAreaInsets.bottom;
|
|
const safeAreaBottom = windowInfo.safeAreaInsets.bottom;
|
|
|
|
|
+//分段器的配置
|
|
|
|
|
+const subList = ref(['进行中', '已结束']);
|
|
|
|
|
+const subCurrent = ref(0);
|
|
|
|
|
+const sectionChange = (index: number) => {
|
|
|
|
|
+ subCurrent.value = index;
|
|
|
|
|
+ paging.value.reload();
|
|
|
|
|
+};
|
|
|
const changeSeach = () => {
|
|
const changeSeach = () => {
|
|
|
paging.value.reload();
|
|
paging.value.reload();
|
|
|
};
|
|
};
|
|
|
|
|
+//按钮样式
|
|
|
|
|
+const customStyle1 = reactive({
|
|
|
|
|
+ color: '#37A954',
|
|
|
|
|
+ boxShadow: 'inset 0 0 10px #D7F5DF',
|
|
|
|
|
+ background: '#ECFFF1',
|
|
|
|
|
+ border: '2rpx solid #9BD4A9',
|
|
|
|
|
+ borderRadius: '10rpx',
|
|
|
|
|
+});
|
|
|
|
|
+const customStyle2 = reactive({
|
|
|
|
|
+ color: '#18BECA',
|
|
|
|
|
+ boxShadow: 'inset 0 0 10px #C7F5F8',
|
|
|
|
|
+ background: '#E5FDFF',
|
|
|
|
|
+ border: '2rpx solid #93E8EE',
|
|
|
|
|
+ borderRadius: '10rpx',
|
|
|
|
|
+});
|
|
|
|
|
+const customStyle3 = reactive({
|
|
|
|
|
+ color: '#FC8834',
|
|
|
|
|
+ boxShadow: 'inset 0 0 10px #FFEED7',
|
|
|
|
|
+ background: '#FFFAF3',
|
|
|
|
|
+ border: '2rpx solid #FFD499',
|
|
|
|
|
+ borderRadius: '10rpx',
|
|
|
|
|
+});
|
|
|
const onRefresh = () => {
|
|
const onRefresh = () => {
|
|
|
paging.value.reload();
|
|
paging.value.reload();
|
|
|
};
|
|
};
|
|
@@ -55,4 +127,7 @@ const onRefresh = () => {
|
|
|
padding-top: 14rpx;
|
|
padding-top: 14rpx;
|
|
|
padding-bottom: 14rpx;
|
|
padding-bottom: 14rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+:deep(.u-subsection__item) {
|
|
|
|
|
+ border: 1px solid transparent !important;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|