|
|
@@ -1,3 +1,108 @@
|
|
|
<template>
|
|
|
- <view>加工与包装</view>
|
|
|
-</template>
|
|
|
+ <z-paging ref="paging" v-model="list" bgColor="#f7f7f7" @query="query" safe-area-inset-bottom>
|
|
|
+ <template #top>
|
|
|
+ <up-navbar title="加工及包装赋码任务" :fixed="false"> </up-navbar>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <view class="pd3-24-24-0">
|
|
|
+ <view class="mb-20">
|
|
|
+ <ut-tabs mode="subsection" v-model="form.restFlag" :tabs="tabs" @change="onRefresh"></ut-tabs>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="d-flex a-c pd-24 bg-#f7f7f7">
|
|
|
+ <view class="min-w-170 flex1">
|
|
|
+ <ut-action-sheet v-model="form.taskType" :tabs="[{ label: '全部', value: '' }, ...pt_process_type]" @change="onRefresh" title="选择原料类型">
|
|
|
+ <view class="d-flex search-select-item a-c">
|
|
|
+ <view class="flex1 ov-hd f-s-28 c-333 text-center f-w-5 w-s-no">{{ selectDictLabel(pt_process_type, form.taskType) || '全部' }}</view>
|
|
|
+ <up-icon size="24rpx" color="#333" name="arrow-down-fill" class="mr-5"></up-icon>
|
|
|
+ </view>
|
|
|
+ </ut-action-sheet>
|
|
|
+ </view>
|
|
|
+ <view class="h-86 pl-20 w-100%">
|
|
|
+ <ut-search ref="searchRef" v-model="form.keyword" @search="changeSeach" @change="changeSeach" margin="0" :border="false" placeholder="搜药材名、批号" bgColor="#fff" height="86rpx" borderRadius="10rpx"></ut-search>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="pd-24">
|
|
|
+ <view class="bg-#fff b-radius pd-24">
|
|
|
+ <view class="mb-10">
|
|
|
+ <span class="f-s-34 c-#333 f-w-500 mr-10">三七</span>
|
|
|
+ <span class="f-s-24 c-#666">种子</span>
|
|
|
+ </view>
|
|
|
+ <view class="pd2-4-0 f-s-28">
|
|
|
+ <span class="c-#666">加工批号:</span>
|
|
|
+ <span class="c-#333 f-w-500">1231312312312312</span>
|
|
|
+ </view>
|
|
|
+ <view class="pd2-4-0 f-s-28">
|
|
|
+ <span class="c-#666">执行标准:</span>
|
|
|
+ <span class="c-#333 f-w-500"></span>
|
|
|
+ </view>
|
|
|
+ <view class="pd2-4-0 f-s-28">
|
|
|
+ <span class="c-#666">加工工艺:</span>
|
|
|
+ <span class="c-#333 f-w-500"></span>
|
|
|
+ </view>
|
|
|
+ <view class="pd2-4-0 f-s-28">
|
|
|
+ <span class="c-#666">加工负责人:</span>
|
|
|
+ <span class="c-#333 f-w-500"></span>
|
|
|
+ </view>
|
|
|
+ <view class="radius-10 bg-#f7f7f7 d-flex">
|
|
|
+ <view class="bg-#EDF7F0 w-50 h-110 d-flex flex-cln a-c j-c c-primary f-w-5 f-s-24">
|
|
|
+ <view class="">原</view>
|
|
|
+ <view class="">料</view>
|
|
|
+ </view>
|
|
|
+ <view class="bg-#F5FBF7 flex1 d-flex a-c">
|
|
|
+ <view class="d-flex flex1 f-s-26">
|
|
|
+ <view class="c-#999 ml-16"> 暂无关联原料信息 </view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <view class="c-primary d-flex a-c">
|
|
|
+ <view>去关联</view>
|
|
|
+ <up-icon name="arrow-right" size="26rpx"></up-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <Output />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template #bottom>
|
|
|
+ <ut-tabar activeTab="processing"></ut-tabar>
|
|
|
+ </template>
|
|
|
+ </z-paging>
|
|
|
+</template>
|
|
|
+<script setup lang="ts">
|
|
|
+import Output from './models/output.vue';
|
|
|
+
|
|
|
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
+const { pt_process_type } = toRefs<any>(proxy?.useDict('pt_process_type'));
|
|
|
+const paging = ref();
|
|
|
+const list = ref([]);
|
|
|
+const tabs = [
|
|
|
+ {
|
|
|
+ label: '加工',
|
|
|
+ value: '0',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '包装赋码',
|
|
|
+ value: '1',
|
|
|
+ },
|
|
|
+];
|
|
|
+const form = reactive({
|
|
|
+ restFlag: '0',
|
|
|
+});
|
|
|
+const query = async (page: number, size: number) => {
|
|
|
+ // const res = await getList(page, size);
|
|
|
+ // return res;
|
|
|
+};
|
|
|
+const onRefresh = () => {
|
|
|
+ paging.value?.complete();
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.search-select-item {
|
|
|
+ height: 86rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 12rpx;
|
|
|
+}
|
|
|
+</style>
|