APP驾驶舱

src/config/env.development.js

@@ -2,7 +2,7 @@
 module.exports = {
   title: 'soc-app-dev',
   baseUrl: 'http://10.87.10.55:8080', // 本地图片地址
-  baseApi: '/dev', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
+  baseApi: '/jwx', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
   APPID: 'xxx',
   APPSECRET: 'xxx',
   $cdn: 'https://www.sunniejs.cn/static'  //静态资源

src/router/router.config.js

@@ -274,6 +274,12 @@ export let routers = [
         component: () => import('@/views/menu/visitManage/index.vue'),
         meta: { title: '出入管理', keepAlive: false ,hideTabBar:false}
       },
+      {
+        path: '/cockpit',
+        name: 'cockpit',
+        component: () => import('@/views/menu/cockpit/index.vue'),
+        meta: { title: '驾驶舱', keepAlive: false ,hideTabBar:false}
+      },
     ],
   },
 ]

src/views/menu/cockpit/index.vue

@@ -1,32 +1,39 @@
 <template>
-    <div class="index-container">   
-
-    </div>
+  <div class="index-container">
+    <top-bar ref="topbar"></top-bar>
+    <!-- 步骤条 -->
+    <van-tabs class="tab-tabs" color="#008cd6" @click="tabClickHandler" v-if="tabOptions && tabOptions.length > 0">
+      <van-tab :title="item.taskTypeText" :name="item.label" v-for="item in workList" :key="item.taskType"></van-tab>
+    </van-tabs>
+    
+  </div>
 </template>
 
-<script>  
-import TopBar from '@/components/TopBar'  
+<script>
+import TopBar from '@/components/TopBar'
+import OrgInfo from './components/orgInfo.vue';
+import QuestionInfo from './components/questionInfo.vue';
+import TaskInfo from './components/taskInfo.vue';
 export default {
-    name: 'works',
-    components: { TopBar },
-    data(){
-        return {
-            tabOptions:[
-                {
-                    value:1,
-                    label:'履职情况'
-                },
-                {
-                    value:2,
-                    label:'机构统计'
-                },
-                {
-                    value:3,
-                    label:'隐患整改'
-                },
-            ]
+  name: 'works',
+  components: { TopBar },
+  data() {
+    return {
+      tabOptions: [
+        {
+          value: 1,
+          label: '任务情况'
+        },
+        {
+          value: 2,
+          label: '机构统计'
+        },
+        {
+          value: 3,
+          label: '隐患整改'
         }
+      ]
     }
+  }
 }
 </script>
-