接入oa-api

pages/workbench/index/index.vue

@@ -1,31 +1,84 @@
 <template>
-  <web-view :src="linkUrl"></web-view>
+  <view class="workbench-container">
+    <custom-nav-bar>
+      <view class="workbench-title" slot="left">
+        <text>工作台</text>
+      </view>
+    </custom-nav-bar>
+    <view class="entry-list">
+      <view class="entry-item" @click="goReportWork">
+        <image class="entry-icon" src="/static/images/baogong.png" mode="aspectFit" />
+        <text class="entry-text">每日报工</text>
+      </view>
+      <view class="divider"></view>
+      <view class="entry-item" @click="goConstruction">
+        <image class="entry-icon" src="/static/images/shigong.png" mode="aspectFit" />
+        <text class="entry-text">施工进度</text>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
+import CustomNavBar from '@/components/CustomNavBar/index.vue';
 export default {
-  data() {
-    return {
-      linkUrl: "",
-    };
-  },
-  onShow() {
-    this.linkUrl = 'https://doc.rentsoft.cn/'
-  },
-  onReady() {
-    // #ifdef APP-PLUS
-    setTimeout(() => {
-      this.$scope
-        .$getAppWebview()
-        .children()[0]
-        .setStyle({
-          top: uni.getWindowInfo().statusBarHeight,
-          height: uni.getWindowInfo().safeArea.height,
-        });
-    });
-    // #endif
+  name: "WorkbenchIndex",
+  components: {
+    CustomNavBar,
   },
+  methods: {
+    goReportWork() {
+      uni.navigateTo({ 
+        url: '/pages/workbench/reportWork/reportWork'
+      });
+    },
+    goConstruction() {
+      uni.navigateTo({
+        url: '/pages/workbench/construction/construction'
+      });
+    }
+  }
 };
 </script>
 
-<style lang="scss"></style>
+<style lang="scss" scoped>
+.workbench-container {
+  min-height: 100vh;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+}
+.workbench-title {
+  padding-left: 44rpx;
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #0c1c33;
+}
+.entry-list {
+  display: flex;
+  flex-direction: column;
+  margin-top: 40rpx;
+}
+.entry-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 32rpx 44rpx;
+  background: #fff;
+}
+.entry-icon {
+  width: 56rpx;
+  height: 56rpx;
+  margin-right: 32rpx;
+}
+.entry-text {
+  color: #333;
+  font-size: 32rpx;
+}
+.divider {
+  height: 1px;
+  background: #f0f0f0;
+  margin-left: 44rpx;
+  margin-right: 44rpx;
+}
+</style>