待办详情页

package-lock.json

@@ -1902,29 +1902,6 @@
         "webpack-merge": "^5.7.3",
         "webpack-virtual-modules": "^0.4.2",
         "whatwg-fetch": "^3.6.2"
-      },
-      "dependencies": {
-        "@vue/vue-loader-v15": {
-          "version": "npm:vue-loader@15.10.1",
-          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",
-          "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
-          "dev": true,
-          "requires": {
-            "@vue/component-compiler-utils": "^3.1.0",
-            "hash-sum": "^1.0.2",
-            "loader-utils": "^1.1.0",
-            "vue-hot-reload-api": "^2.3.0",
-            "vue-style-loader": "^4.1.0"
-          },
-          "dependencies": {
-            "hash-sum": {
-              "version": "1.0.2",
-              "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
-              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-              "dev": true
-            }
-          }
-        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -2183,6 +2160,27 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
       "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
     },
+    "@vue/vue-loader-v15": {
+      "version": "npm:vue-loader@15.10.1",
+      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",
+      "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
+      "dev": true,
+      "requires": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      },
+      "dependencies": {
+        "hash-sum": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
+          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+          "dev": true
+        }
+      }
+    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -7284,7 +7282,7 @@
     },
     "vue-hot-reload-api": {
       "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+      "resolved": "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },

src/main.js

@@ -3,18 +3,35 @@ import App from './App.vue';
 import router from './router';
 import './styles/index.css';
 
-import api  from '@/api';
+import api from '@/api';
 import axios from 'axios';
 
 
-import { NavBar,Button,Form, Field, CellGroup,Tabbar, TabbarItem,Icon,Toast,Image as VanImage,Grid, GridItem} from 'vant';
+import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs } from 'vant';
 import 'vant/lib/index.css';
 import store from './store';
 
 const app = createApp(App)
 
-app.use(router).use(NavBar).use(Button).use(Form).use(Field).use(CellGroup).use(store).use(TabbarItem).use(Tabbar).use(Icon).use(Toast).use(VanImage).use(Grid).use(GridItem)
+app.use(router)
+    .use(NavBar)
+    .use(Button)
+    .use(Form)
+    .use(Field)
+    .use(CellGroup)
+    .use(store)
+    .use(TabbarItem)
+    .use(Tabbar)
+    .use(Icon)
+    .use(Toast)
+    .use(VanImage)
+    .use(Grid)
+    .use(GridItem)
+    .use(Row)
+    .use(Col)
+    .use(Tab)
+    .use(Tabs)
 
 app.config.globalProperties.$API = api
 app.config.globalProperties.$axios = axios
-app.mount('#app')
+app.mount('#app')

src/views/toBeDone/toBeDone_details.vue

@@ -0,0 +1,74 @@
+<template>
+  <van-row class="header">
+    <van-col span="2">
+      <van-icon name="arrow-left" color="#ffffff" @click="goback" />
+    </van-col>
+    <van-col span="22">
+      <h3 style="color: #fff">我的待办</h3>
+    </van-col>
+  </van-row>
+  <div class="banner">
+    <h2>扎实提升“三力”</h2>
+    <h2>深入推进“三化”</h2>
+    <h2>坚持“三个思维”</h2>
+  </div>
+  <div class="content">
+    
+  </div>
+</template>
+
+<script>
+export default {
+  setup() {
+    const goback = () => {
+      history.back();
+    };
+    return {
+      goback,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  background-color: #f2f2f2;
+}
+.header {
+  background-color: #39a9ed;
+  .van-col {
+    text-align: center;
+    margin: auto;
+  }
+}
+.banner{
+    background-color: #39a9ed;
+    padding: 20px 50px 40px 50px;
+    color: #fff;
+    h2{
+        &:nth-child(1){
+            text-align: left;
+        }
+        &:nth-child(2){
+            text-align: center;
+        }
+        &:nth-child(3){
+            text-align: right;
+        }
+    }
+}
+.content{
+    position: fixed;
+    min-width: 90%;
+    height: 600px;
+    top: 260px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: #fff;
+    border-radius: 10px;
+}
+
+</style>