接口对接

pages/project/list.vue

@@ -4,7 +4,8 @@
         <uni-nav-bar dark :fixed="true" status-bar left-icon="left" :rightIcon="userInfo.role == '2' ? '' : 'plusempty'"
             background-color="#fff" color="#111" title="项目管理" @clickLeft="back" @clickRight="add" />
         <view class="message">
-            <uni-card title="XXX项目1" extra="用能" @click="jump('XXX项目1')">
+            <uni-card :title="item.name" :extra="item.projectType" @click="jump('XXX项目1')"
+                v-for="(item, index) in store.data" :key="index">
                 <view class="term-list-bottom">
                     <view class="term-list-bottom-item">
                         <view>设备个数</view>
@@ -16,25 +17,16 @@
                     </view>
                 </view>
             </uni-card>
-            <uni-card title="XXX项目2" extra="监测" @click="jump('XXX项目2')">
-                <view class="term-list-bottom">
-                    <view class="term-list-bottom-item">
-                        <view>设备个数</view>
-                        <view>3</view>
-                    </view>
-                    <view class="term-list-bottom-item">
-                        <view>用户个数</view>
-                        <view>1</view>
-                    </view>
-                </view>
-            </uni-card>
-            <uni-load-more status="nomore"></uni-load-more>
+            <Cn-empty v-if="store.empty"></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,
@@ -43,7 +35,8 @@ export default {
     },
     methods: {
         init () {
-            this.userInfo = uni.getStorageSync('userInfo')
+            this.store = this.DataSource('/project/queryProject')
+            this.store.reload()
         },
         back () {
             uni.navigateBack()