接口对接

pages/engineering/list.vue

@@ -0,0 +1,165 @@
+<template>
+    <view :loading="loading">
+        <!-- <uni-nav-bar left-icon="left" right-icon="cart" title="标题" /> -->
+        <uni-nav-bar
+            dark
+            :fixed="true"
+            status-bar
+            left-icon="left"
+            :rightIcon="userInfo.authorities == '2' ? '' : 'plusempty'"
+            background-color="#fff"
+            color="#111"
+            title="工程管理"
+            @clickLeft="back"
+            @clickRight="add"
+        />
+        <view class="message">
+            <uni-card
+                :title="item.name"
+                :extra="item.projectType"
+                @click="jump(item)"
+                v-for="(item, index) in store.data"
+                :key="index"
+            >
+                <view class="term-list-bottom">
+                    <view class="term-list-bottom-item">
+                        <view>区域</view>
+                        <view>{{ item.provinceName + item.cityName }}</view>
+                    </view>
+                    <view class="term-list-bottom-item">
+                        <view>创建时间</view>
+                        <view>{{ item.createTime }}</view>
+                    </view>
+                </view>
+            </uni-card>
+            <Cn-empty v-if="store.empty" style="padding-top: 200rpx"></Cn-empty>
+            <uni-load-more v-if="store.data && store.data.length > 0" :status="store.status"></uni-load-more>
+        </view>
+    </view>
+</template>
+
+<script>
+import list from '../../common/js/list'
+export default {
+    mixins: [list],
+    data() {
+        return {
+            loading: false,
+            userInfo: {},
+        }
+    },
+    methods: {
+        init() {
+            this.store = this.DataSource('/cs-device-boot/engineering/queryEngineeringPage')
+            this.store.params.userId = uni.getStorageSync('userInfo').id
+            this.store.reload()
+            this.store.firstCallBack = (res) => {
+                let engineering = uni.getStorageSync('engineering')
+                if (!engineering) {
+                    uni.setStorageSync('engineering',this.store.data[0])
+                }
+            }
+        },
+        back() {
+            uni.navigateBack()
+        },
+        add() {
+            uni.navigateTo({
+                url: `/pages/engineering/new`,
+            })
+        },
+        upgrade(code) {
+            console.log(code)
+            uni.showToast({
+                title: '升级成功',
+                icon: 'none',
+            })
+        },
+        jump(engineering) {
+            uni.navigateTo({
+                url: `/pages/engineering/detail?engineering=${JSON.stringify(engineering)}`,
+            })
+        },
+    },
+
+    onLoad() {
+        this.init()
+    },
+}
+</script>
+
+<style lang="scss">
+.message {
+    padding-top: 20rpx;
+
+    .message-header {
+        padding: 200rpx 34rpx 34rpx;
+        display: flex;
+        align-items: center;
+        background: $uni-theme-white;
+        margin-bottom: 20rpx;
+        box-shadow: 0 4rpx 8rpx #e7e7e74c;
+
+        .message-header-head {
+            margin-right: 30rpx;
+            height: 128rpx;
+            width: 128rpx;
+            border-radius: $uni-theme-radius;
+            overflow: hidden;
+        }
+
+        .message-header-name {
+            margin-right: 30rpx;
+            flex: 1;
+            font-size: 36rpx;
+            color: #111;
+            font-weight: 700;
+
+            .tag {
+                margin-top: 10rpx;
+                font-size: 24rpx;
+                color: #aaa;
+            }
+        }
+    }
+
+    .message-nav {
+        padding: 34rpx;
+        display: flex;
+        align-items: center;
+        background: $uni-theme-white;
+        border-bottom: 1rpx solid #e8e8e8;
+
+        &-icon {
+            margin-right: 30rpx;
+            height: 44rpx;
+            width: 44rpx;
+            border-radius: $uni-theme-radius;
+            overflow: hidden;
+        }
+
+        &-label {
+            margin-right: 30rpx;
+            flex: 1;
+            font-size: 28rpx;
+            color: #111;
+        }
+    }
+}
+
+.term-list-bottom {
+    .term-list-bottom-item {
+        font-size: 28rpx;
+        margin-bottom: 20rpx;
+        display: flex;
+        justify-content: space-between;
+        // view:first-of-type{
+        //     color: #111;
+        // }
+    }
+
+    .term-list-bottom-item:last-of-type {
+        margin-bottom: 0;
+    }
+}
+</style>