| | |
| | | <template> |
| | | <div class="content"> |
| | | <div :class="{ 'content_top': status }" class="content_search"> |
| | | <v-Search @searchInput="searchInput" @submit="submit" :isShow="false" placeholder="搜索物料名称/编码/工序名称"> |
| | | </v-Search> |
| | | </div> |
| | | <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> |
| | | <van-list |
| | | v-model:loading="loading" |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { reactive, ref, onBeforeUnmount, getCurrentInstance } from "vue" |
| | | import { reactive, ref, onBeforeUnmount, getCurrentInstance, onMounted } from "vue" |
| | | import { useRouter, useRoute } from "vue-router" |
| | | import { getList } from "@/apis/PlanningAPI" |
| | | import { judgmentPlatform } from '@/utils/utils' |
| | | |
| | | const route = useRoute() |
| | | const router = useRouter() |
| | | |
| | | let status = ref<boolean>(false) // 根据平台是否需要设置top |
| | | |
| | | const { $Bus } = getCurrentInstance().appContext.config.globalProperties |
| | | |
| | |
| | | const pageData = reactive({ |
| | | capacity: 10, |
| | | page: 0, |
| | | total: 0 |
| | | total: 0, |
| | | name: '' |
| | | }) |
| | | |
| | | // 列表数据 |
| | |
| | | const clickItem = (obj: any) => { |
| | | $Bus.emit('callback', obj) |
| | | router.go(-1) |
| | | } |
| | | |
| | | // 搜索提交 |
| | | const submit = (): void => { |
| | | pageData.page = 0 |
| | | finished.value = false |
| | | listData.value = [] |
| | | onLoad() |
| | | } |
| | | |
| | | // 搜索框 |
| | | const searchInput = (data: any) => { |
| | | pageData.name = data |
| | | pageData.page = 0 |
| | | finished.value = false |
| | | listData.value = [] |
| | | onLoad() |
| | | } |
| | | |
| | | // 列表 |
| | |
| | | onBeforeUnmount(() => { |
| | | $Bus.all.delete("changeOdr") |
| | | }) |
| | | |
| | | onMounted(() => { |
| | | status.value = judgmentPlatform() |
| | | }) |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | // height: 100%; |
| | | position: absolute; |
| | | background: #F7F7F7; |
| | | .content_top { |
| | | top: 0 !important; |
| | | } |
| | | .content_search { |
| | | padding: 30px; |
| | | background: white; |
| | | box-sizing: border-box; |
| | | position: sticky; |
| | | top: 88px; |
| | | z-index: 9; |
| | | .Search_item { |
| | | margin-bottom: 40px; |
| | | .Search_item_label { |
| | | font-size: 30px; |
| | | font-weight: 500; |
| | | color: #222222; |
| | | } |
| | | .Search_item_content { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-top: 30px; |
| | | .tag { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-items: center; |
| | | .tag_active { |
| | | background: $nav-color !important; |
| | | color: #ffffff !important; |
| | | } |
| | | .tag_item { |
| | | width: 156px; |
| | | height: 70px; |
| | | box-sizing: border-box; |
| | | background: #F2F2F2; |
| | | border-radius: 8px; |
| | | font-size: 26px; |
| | | font-weight: 400; |
| | | color: #333333; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-right: 22px; |
| | | margin-bottom: 22px; |
| | | &:nth-child(4n) { |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | } |
| | | span { |
| | | font-size: 26px; |
| | | font-weight: 400; |
| | | color: #333333; |
| | | } |
| | | .Search_item_content_a { |
| | | width: 308px; |
| | | height: 70px; |
| | | background: #F7F7F7; |
| | | border-radius: 8px; |
| | | border: 1px solid #EEEEEE; |
| | | font-size: 26px; |
| | | font-weight: 400; |
| | | color: #B2B2B2; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | } |
| | | } |
| | | .content_search_x { |
| | | height: 24px; |
| | | } |
| | | } |
| | | .content_list { |
| | | width: 100%; |
| | | height: 100%; |