|
@@ -1,196 +1,29 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <z-paging ref="paging" v-model="list" bgColor="#f7f7f7" @query="query" hide-no-more-inside>
|
|
|
|
|
|
|
+ <z-paging ref="paging" bgColor="#F7F7F7">
|
|
|
<template #top>
|
|
<template #top>
|
|
|
<up-navbar title="加工及包装赋码任务" :fixed="false"> </up-navbar>
|
|
<up-navbar title="加工及包装赋码任务" :fixed="false"> </up-navbar>
|
|
|
</template>
|
|
</template>
|
|
|
- <template>
|
|
|
|
|
- <view class="pd3-24-24-0">
|
|
|
|
|
- <view class="">
|
|
|
|
|
- <ut-tabs mode="subsection" v-model="form.restFlag" :tabs="tabs" @change="onRefresh"></ut-tabs>
|
|
|
|
|
|
|
+ <view class="base-content pd-20">
|
|
|
|
|
+ <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/processing/processing-index/index' })">
|
|
|
|
|
+ <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_kfgl_icon.png" mode="widthFix" />
|
|
|
|
|
+ <view class="flex1 pd2-0-20">
|
|
|
|
|
+ <view class="f-s-30 c-#333 f-w-500">加工</view>
|
|
|
|
|
+ <view class="f-s-22 c-#999">对原材料进行加工处理</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <up-icon name="arrow-right"></up-icon>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="d-flex a-c pd-24 pb-0 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">
|
|
|
|
|
- <template v-for="(item, index) in list" :key="index">
|
|
|
|
|
- <view class="bg-#fff b-radius pd-24 p-rtv mb-16">
|
|
|
|
|
- <view v-if="+item?.processType == 1 && +item?.processMedType == 1" class="bg-#91C747 c-#fff f-w-5 pd-10 pt-4 pb-4 f-s-20" style="border-radius: 16rpx 0 16rpx 0; width: max-content; position: absolute; top: 0rpx; left: 0rpx">种子初加工</view>
|
|
|
|
|
- <view v-if="+item?.processType == 1 && +item?.processMedType == 2" class="bg-#C7A262 c-#fff f-w-5 pd-10 pt-4 pb-4 f-s-20" style="border-radius: 16rpx 0 16rpx 0; width: max-content; position: absolute; top: 0rpx; left: 0rpx">药材初加工</view>
|
|
|
|
|
- <view v-if="+item?.processType == 2" class="bg-#37A954 c-#fff f-w-5 pd-10 pt-4 pb-4 f-s-20" style="border-radius: 16rpx 0 16rpx 0; width: max-content; position: absolute; top: 0rpx; left: 0rpx">趁鲜切制</view>
|
|
|
|
|
- <view v-if="item?.processingDate || item?.processingDateEnd" class="d-flex a-c j-ed">
|
|
|
|
|
- <view class="c-#999 f-s-24">{{ item?.processingDate }} 至 {{ item?.processingDateEnd }}</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="mb-10 d-flex a-c" @click="gotodetaillist(item)">
|
|
|
|
|
- <view class="">
|
|
|
|
|
- <span v-if="item?.variety" class="f-s-34 c-#333 f-w-500 mr-10">{{ item?.variety }}</span>
|
|
|
|
|
- <span v-else class="f-s-34 c-#333 f-w-500 mr-10">{{ item?.medicineName }}(鲜制)</span>
|
|
|
|
|
- <span class="f-s-24 c-#666" v-if="+item?.processMedType == 1">{{ selectDictLabel(pt_stock_type, item?.processMedType) }}</span>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="flex1"></view>
|
|
|
|
|
- <up-icon name="arrow-right" size="26rpx"></up-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="pd2-4-0 f-s-28">
|
|
|
|
|
- <span class="c-#666">加工批号:</span>
|
|
|
|
|
- <span class="c-#333 f-w-500">{{ item?.processCode }}</span>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view v-if="+item?.processType == 1" class="pd2-4-0 f-s-28">
|
|
|
|
|
- <span class="c-#666">执行标准:</span>
|
|
|
|
|
- <span class="c-#333 f-w-500">{{ selectDictLabel(pt_standard_type, item?.standardType) }}</span>
|
|
|
|
|
- <span class="c-#666" v-if="item?.standardDetailName">({{ item?.standardDetailName }})</span>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view v-else class="pd2-4-0 f-s-28">
|
|
|
|
|
- <span class="c-#666">执行标准:</span>
|
|
|
|
|
- <span class="c-#666" v-if="item?.standardDetailName">{{ item?.standardDetailName }}</span>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="pd2-4-0 f-s-28">
|
|
|
|
|
- <span class="c-#666">加工工艺:</span>
|
|
|
|
|
- <template v-for="(items, indexs) in item?.ptech?.split(',')" v-if="item?.ptech" :key="indexs">
|
|
|
|
|
- <span v-if="indexs !== 0" class="c-#999 f-s-32 ml-10 mr-10">→ </span>
|
|
|
|
|
- <span class="f-s-32">{{ items }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-else>
|
|
|
|
|
- <span class="c-#999 f-s-32">-</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="pd2-4-0 f-s-28">
|
|
|
|
|
- <span class="c-#666">加工负责人:</span>
|
|
|
|
|
- <span class="c-#333 f-w-500">{{ item?.contactName }}</span>
|
|
|
|
|
- </view>
|
|
|
|
|
- <Output :data="item" />
|
|
|
|
|
- </view>
|
|
|
|
|
- </template>
|
|
|
|
|
- </view>
|
|
|
|
|
- </template>
|
|
|
|
|
- <view class="h-210" v-if="list?.length"></view>
|
|
|
|
|
- <view v-if="list?.length" :style="{ height: `${safeAreaBottom}px` }"></view>
|
|
|
|
|
- <template #empty>
|
|
|
|
|
- <view class="d-flex flex-cln a-c">
|
|
|
|
|
- <ut-empty class="mg-at" color="#ccc" size="28rpx" image="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/noEmptyBase.png">暂无加工任务</ut-empty>
|
|
|
|
|
- <text class="c-#ccc f-s-28">点击下方按钮去添加吧~</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #bottom>
|
|
|
|
|
- <ut-tabar activeTab="processing"></ut-tabar>
|
|
|
|
|
- </template>
|
|
|
|
|
- </z-paging>
|
|
|
|
|
- <ut-suspension v-if="sus?.left" :imageWidth="60" :imageHeight="60" :x="sus?.left" :y="sus?.bottom" :inertia="false" :snap-threshold="40">
|
|
|
|
|
- <image src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/btn_add_logo.png" mode="widthFix" class="w-120 h-120" @click="showDeleteDialog = true"></image>
|
|
|
|
|
- </ut-suspension>
|
|
|
|
|
- <ut-confirm-dialog v-model:show="showDeleteDialog" width="80vw" title="请选择要创建的任务类型" :confirmText="'确认选择'" :cancelText="'取消'" @confirm="handlechoseConfirm" @cancel="handleDeleteCancel">
|
|
|
|
|
- <view class="" v-for="item in pt_process_type" :key="item?.value">
|
|
|
|
|
- <view style="border: 1rpx solid" :style="{ backgroundColor: item?.value == basetype ? '#EBF6EE' : '#f7f7f7', borderColor: item?.value == basetype ? '#37A954' : 'transparent' }" class="pr-30 d-flex a-c mb-20 radius-100" @click="handlechose(item.value)">
|
|
|
|
|
- <view class="radius-50% mg-8 bg-#F0F0F0" v-if="item?.value == '1'">
|
|
|
|
|
- <up-avatar size="90rpx" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/port/TaskType_plant.png"></up-avatar>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="radius-50% mg-8 bg-#F0F0F0" v-if="item?.value == '2'">
|
|
|
|
|
- <up-avatar size="90rpx" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/port/TaskType_breeding.png"></up-avatar>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="c-#333 f-s-34">
|
|
|
|
|
- {{ item?.label }}
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="flex1"></view>
|
|
|
|
|
- <view class="d-flex">
|
|
|
|
|
- <img v-if="basetype === item.value" class="w-30 h-30" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/chooseSuccessfully.png" mode="widthFix" alt="" />
|
|
|
|
|
|
|
+ <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/packaging/list/index' })">
|
|
|
|
|
+ <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_zyk_icon.png" mode="widthFix" />
|
|
|
|
|
+ <view class="flex1 pd2-0-20">
|
|
|
|
|
+ <view class="f-s-30 c-#333 f-w-500">包装</view>
|
|
|
|
|
+ <view class="f-s-22 c-#999">对加工后的产品进行包装</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <up-icon name="arrow-right"></up-icon>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
- </ut-confirm-dialog>
|
|
|
|
|
|
|
+ </z-paging>
|
|
|
|
|
+
|
|
|
</template>
|
|
</template>
|
|
|
-<script setup lang="ts">
|
|
|
|
|
-import { useClientRequest } from '@/utils/request';
|
|
|
|
|
-import Output from './models/output.vue';
|
|
|
|
|
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
|
|
-const { pt_process_type, pt_stock_type, pt_standard_type } = toRefs<any>(proxy?.useDict('pt_process_type', 'pt_stock_type', 'pt_standard_type'));
|
|
|
|
|
-const sus = ref({
|
|
|
|
|
- left: 0,
|
|
|
|
|
- bottom: 0,
|
|
|
|
|
-});
|
|
|
|
|
-const systemInfo = uni.getSystemInfoSync();
|
|
|
|
|
-const windowInfo = uni.getWindowInfo();
|
|
|
|
|
-const safeAreaBottom = windowInfo.safeAreaInsets.bottom;
|
|
|
|
|
-sus.value.left = systemInfo.windowWidth - 10;
|
|
|
|
|
-sus.value.bottom = systemInfo.windowHeight - 200;
|
|
|
|
|
-const showDeleteDialog = ref(false);
|
|
|
|
|
-const basetype = ref();
|
|
|
|
|
-const handlechose = (item: string) => {
|
|
|
|
|
- basetype.value = item;
|
|
|
|
|
-};
|
|
|
|
|
-// 处理取消
|
|
|
|
|
-const handleDeleteCancel = () => {
|
|
|
|
|
- showDeleteDialog.value = false;
|
|
|
|
|
- basetype.value = '';
|
|
|
|
|
-};
|
|
|
|
|
-const handlechoseConfirm = () => {
|
|
|
|
|
- if (!basetype.value) {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: '请选择要创建的任务类型',
|
|
|
|
|
- icon: 'none',
|
|
|
|
|
- duration: 2000,
|
|
|
|
|
- });
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- uni.$u.route({ type: 'navigateTo', url: '/plant/processing/processing-create/index', params: { taskType: basetype.value } });
|
|
|
|
|
-};
|
|
|
|
|
-const paging = ref();
|
|
|
|
|
-const list = ref<any[]>([]);
|
|
|
|
|
-const tabs = [
|
|
|
|
|
- {
|
|
|
|
|
- label: '加工',
|
|
|
|
|
- value: '0',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: '包装赋码',
|
|
|
|
|
- value: '1',
|
|
|
|
|
- },
|
|
|
|
|
-];
|
|
|
|
|
-const form = ref({
|
|
|
|
|
- storageType: '4',
|
|
|
|
|
-});
|
|
|
|
|
-const query = async (pageNum: number, pageSize: number) => {
|
|
|
|
|
- const params = {
|
|
|
|
|
- pageNum,
|
|
|
|
|
- pageSize,
|
|
|
|
|
- ...form.value,
|
|
|
|
|
- };
|
|
|
|
|
- const res = await useClientRequest.get('/plt-api/app/processe/pageList', params);
|
|
|
|
|
- if (res) {
|
|
|
|
|
- const { rows } = res;
|
|
|
|
|
- paging.value.complete(rows);
|
|
|
|
|
- }
|
|
|
|
|
-};
|
|
|
|
|
-const gotodetaillist = (item: any) => {
|
|
|
|
|
- uni.$u.route({
|
|
|
|
|
- type: 'navigateTo',
|
|
|
|
|
- url: '/plant/processing/processing-detail-list/index',
|
|
|
|
|
- params: { id: item?.id },
|
|
|
|
|
- });
|
|
|
|
|
-};
|
|
|
|
|
-const onRefresh = () => {
|
|
|
|
|
- paging.value?.reload();
|
|
|
|
|
-};
|
|
|
|
|
-onMounted(() => {
|
|
|
|
|
- uni.$on('updateprocesstasklist', function () {
|
|
|
|
|
- paging.value?.reload();
|
|
|
|
|
- });
|
|
|
|
|
-});
|
|
|
|
|
-</script>
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
|
|
-.search-select-item {
|
|
|
|
|
- height: 86rpx;
|
|
|
|
|
- background-color: #fff;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding: 12rpx;
|
|
|
|
|
-}
|
|
|
|
|
-</style>
|
|
|
|
|
|
|
+<script setup lang="ts"></script>
|
|
|
|
|
+
|