Auto Commit

.inscode

 run = "npm i && npm run dev"
+language = "node"
 
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"

src/App.vue

 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
 </script>
 
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-    </div>
-  </header>
-
   <main>
-    <TheWelcome />
+    <HelloWorld />
   </main>
 </template>
 

src/components/HelloWorld.vue

-<script setup>
-defineProps({
-  msg: {
-    type: String,
-    required: true
-  }
-})
-</script>
-
 <template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
-    </h3>
+  <div>
+    <button @click="main('admin')">管理员查询</button> 
+    <button @click="main('')">参数缺失</button> 
+    <button @click="main('zs')">ZS</button> 
+    <div v-for="item in items">
+      {{ item }}
+    </div>
   </div>
 </template>
 
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  top: -10px;
-}
+<script>
+export default {
+  name: 'HelloWorld',
+  data() {
+    return {
+      items: []
+    }
+  },
+  mounted() {
+    this.main()
+  },
+  methods: {
 
-h3 {
-  font-size: 1.2rem;
-}
+    async main(param) {
+      this.items = []
+      try {
+        //let user = await this.userInfo()
+        let user = await this.userInfo(param)
+        //let user = await this.userInfo('admin')
+        let order = await this.orderInfo(user);
+        this.items.push(new Date().toLocaleString() + ' ' + order)
+      } catch (err) {
+        //这里处理reject和error信息
+        this.items.push(typeof err === 'object' ? err.message : err)
+      }
+    },
 
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
+    userInfo(roleName) {
+      return new Promise((resolve, reject) => {
+        this.items.push(new Date().toLocaleString() + ' 查询用户信息...')
+
+        if (!roleName) {
+          // 这里模拟抛出异常
+          throw new Error('参数为空,查询异常')
+        } else if (roleName === 'zs') {
+          //拒绝标识
+          return reject('无权查询')
+        }
 
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
+        //这里我们模拟异步请求, 等待三秒
+        setTimeout(() => {
+          resolve('王二')
+        }, 3000)
+      })
+    },
+    orderInfo(userName) {
+      return new Promise((resolve, reject) => {
+        this.items.push(new Date().toLocaleString() + ` 查询用户${userName}的订单信息...`)
+        resolve('ORDER_20230820000000001')
+      })
+    }
   }
 }
+</script>
+
+<style scoped>
+* {
+  font-size: 12px
+}
 </style>

src/components/WelcomeItem.vue

 <template>
   <div class="item">
-    <i>
-      <slot name="icon"></slot>
-    </i>
-    <div class="details">
-      <h3>
-        <slot name="heading"></slot>
-      </h3>
-      <slot></slot>
-    </div>
+    
   </div>
 </template>