|
|
@@ -0,0 +1,144 @@
|
|
|
+<template>
|
|
|
+ <view class="order-page">
|
|
|
+ <block v-if="!$util.isEmpty(list.data)">
|
|
|
+ <view scroll-y class="order-list">
|
|
|
+ <OrderItem v-for="(item, index) in list.data" :key="index" :info="item" @click="gotoDetail(item)"></OrderItem>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import OrderItem from "./orderItem";
|
|
|
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
+import { list } from "@/mixins";
|
|
|
+import { getClearList } from "@/api/clear/index";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ OrderItem,
|
|
|
+ AppWrapperEmpty
|
|
|
+ },
|
|
|
+ mixins: [list],
|
|
|
+ data() {
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.resetList();
|
|
|
+ this.getList().then(res => {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onReachBottom () {
|
|
|
+ if (!this.list.finished) {
|
|
|
+ this.getList().then(res => {
|
|
|
+ uni.stopPullDownRefresh()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.stopPullDownRefresh()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async init() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ let options = {
|
|
|
+ page: this.list.page,
|
|
|
+ pageSize: this.list.pageSize,
|
|
|
+ ghsId:this.option.ghsId
|
|
|
+ };
|
|
|
+ getClearList(options).then(res => {
|
|
|
+ this.completes(res);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ gotoDetail(item) {
|
|
|
+ uni.navigateTo({ url: `/admin/clear/info?id=${item.id}` })
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.order-page {
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ background-color: #f9fbfc;
|
|
|
+ .order-list {
|
|
|
+ padding-top: 20upx;
|
|
|
+ padding-bottom: 80upx;
|
|
|
+ flex: 1;
|
|
|
+ .allot-item {
|
|
|
+ margin-bottom: 1px;
|
|
|
+ padding: 30upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-shadow: 0upx 1px 0upx 0upx #eeeeee;
|
|
|
+ background-color: #fff;
|
|
|
+ .info {
|
|
|
+ flex: 1;
|
|
|
+ margin-right: 20upx;
|
|
|
+ .info-order {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .info-name {
|
|
|
+ margin: 40upx 0 20upx;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ .info-time {
|
|
|
+ margin-right: 30upx;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .status {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 100upx;
|
|
|
+ color: #cccccc;
|
|
|
+ .status-name {
|
|
|
+ margin-top: 10upx;
|
|
|
+ font-size: 24upx;
|
|
|
+ }
|
|
|
+ .iconfont {
|
|
|
+ font-size: 46upx;
|
|
|
+ }
|
|
|
+ &.primary {
|
|
|
+ color: #3385ff;
|
|
|
+ }
|
|
|
+ &.gray {
|
|
|
+ color: #cccccc;
|
|
|
+ }
|
|
|
+ &.warn {
|
|
|
+ color: #ffaf1d;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bar-view {
|
|
|
+ flex-shrink: 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 30upx;
|
|
|
+ width: 100%;
|
|
|
+ height: 100upx;
|
|
|
+ box-shadow: 0upx -1px 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
+ .btn-view {
|
|
|
+ display: flex;
|
|
|
+ .admin-button-com {
|
|
|
+ margin: 0 10upx;
|
|
|
+ width: 140upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
