| | |
| | | <template> |
| | | <view class="page pt-2"> |
| | | <CardTitle title="绞线杂工信息" :hideAction="true" @action="addReport" /> |
| | | <view class="list"> |
| | | <wd-card type="rectangle" custom-class="round"> |
| | | <view class="list"> |
| | | <z-paging |
| | | ref="pagingRef" |
| | | v-model="cardList" |
| | | :fixed="false" |
| | | :auto-show-back-to-top="true" |
| | | @query="getList" |
| | | > |
| | | <template #top> |
| | | <CardTitle title="绞线杂工信息" :hideAction="true" @action="addReport" /> |
| | | </template> |
| | | <wd-card v-for="(item, index) in cardList" :key="index" type="rectangle" custom-class="round"> |
| | | <template #title> |
| | | <view class="flex justify-between"> |
| | | <view> |
| | |
| | | </template> |
| | | <ProductionCard :data="cardAttr" color="#0D867F" /> |
| | | </wd-card> |
| | | </view> |
| | | </z-paging> |
| | | <wd-popup v-model="dialog.visible" position="bottom" custom-class="yl-popup"> |
| | | <view class="action px-3"> |
| | | <wd-button type="text" @click="cancel">取消</wd-button> |
| | |
| | | import ProductionCard from "../../components/ProductionCard.vue"; |
| | | import { useToast } from "wot-design-uni"; |
| | | import BackmanForm from "./form.vue"; |
| | | import { onLoad } from "@dcloudio/uni-app"; |
| | | import zPaging from "@/components/z-paging/z-paging.vue"; |
| | | import ManageApi from "@/api/product/manage"; |
| | | |
| | | const paramsId = ref(); |
| | | const pagingRef = ref(); |
| | | const toast = useToast(); |
| | | const dialog = reactive({ |
| | | visible: false, |
| | | }); |
| | | |
| | | const cardList = ref<any[]>([]); |
| | | const cardAttr = ref<any[]>([ |
| | | { |
| | | label: "单位", |
| | |
| | | toast.show("取消"); |
| | | dialog.visible = false; |
| | | }; |
| | | |
| | | const getList = async () => { |
| | | const { code, data } = await ManageApi.getBackmanDetail({ |
| | | wireId: paramsId.value, |
| | | }); |
| | | if (code == 200) { |
| | | pagingRef.value.complete(data); |
| | | } |
| | | }; |
| | | onLoad((options: any) => { |
| | | paramsId.value = options.id; |
| | | }); |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .page { |
| | | .list { |
| | | height: calc(100vh - 80px); |
| | | padding: 12px; |
| | | background: #f3f9f8; |
| | | .list { |
| | | height: calc(100vh - 120px); |
| | | margin: 12px; |
| | | overflow: scroll; |
| | | |
| | | :deep() { |
| | | .round { |
| | | border-radius: 4px; |
| | | } |
| | | :deep() { |
| | | .round { |
| | | border-radius: 4px; |
| | | } |
| | | } |
| | | } |