用户名解析代码上传

node_modules/.cache/babel-loader/09e31a2fdd0b960cbbaa6fd7fac0d851460d061e614e0ace73eb1c9b4f934286.json

@@ -0,0 +1 @@
+{"ast":null,"code":"import \"core-js/modules/es.symbol.js\";\nimport \"core-js/modules/es.symbol.description.js\";\nimport \"core-js/modules/es.symbol.iterator.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.string.iterator.js\";\nimport \"core-js/modules/web.dom-collections.iterator.js\";\nfunction _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","map":{"version":3,"names":["_typeof","o","Symbol","iterator","constructor","prototype","default"],"sources":["E:/dev/MyProject/workflow/node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };"],"mappings":";;;;;;AAAA,SAASA,OAAOA,CAACC,CAAC,EAAE;EAClB,yBAAyB;;EAEzB,OAAOD,OAAO,GAAG,UAAU,IAAI,OAAOE,MAAM,IAAI,QAAQ,IAAI,OAAOA,MAAM,CAACC,QAAQ,GAAG,UAAUF,CAAC,EAAE;IAChG,OAAO,OAAOA,CAAC;EACjB,CAAC,GAAG,UAAUA,CAAC,EAAE;IACf,OAAOA,CAAC,IAAI,UAAU,IAAI,OAAOC,MAAM,IAAID,CAAC,CAACG,WAAW,KAAKF,MAAM,IAAID,CAAC,KAAKC,MAAM,CAACG,SAAS,GAAG,QAAQ,GAAG,OAAOJ,CAAC;EACrH,CAAC,EAAED,OAAO,CAACC,CAAC,CAAC;AACf;AACA,SAASD,OAAO,IAAIM,OAAO","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}

node_modules/.cache/babel-loader/beb22e9e7bef7422245f5eed4645f9cd4af1ca6b41722916efb6ca10ecaca94a.json

@@ -0,0 +1 @@
+{"ast":null,"code":"import \"core-js/modules/es.symbol.js\";\nimport \"core-js/modules/es.symbol.description.js\";\nimport \"core-js/modules/es.symbol.iterator.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.string.iterator.js\";\nimport \"core-js/modules/web.dom-collections.iterator.js\";\nfunction _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","map":{"version":3,"names":["_typeof","o","Symbol","iterator","constructor","prototype","default"],"sources":["E:/dev/MyProject/workflow/node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };"],"mappings":";;;;;;AAAA,SAASA,OAAOA,CAACC,CAAC,EAAE;EAClB,yBAAyB;;EAEzB,OAAOD,OAAO,GAAG,UAAU,IAAI,OAAOE,MAAM,IAAI,QAAQ,IAAI,OAAOA,MAAM,CAACC,QAAQ,GAAG,UAAUF,CAAC,EAAE;IAChG,OAAO,OAAOA,CAAC;EACjB,CAAC,GAAG,UAAUA,CAAC,EAAE;IACf,OAAOA,CAAC,IAAI,UAAU,IAAI,OAAOC,MAAM,IAAID,CAAC,CAACG,WAAW,KAAKF,MAAM,IAAID,CAAC,KAAKC,MAAM,CAACG,SAAS,GAAG,QAAQ,GAAG,OAAOJ,CAAC;EACrH,CAAC,EAAED,OAAO,CAACC,CAAC,CAAC;AACf;AACA,SAASD,OAAO,IAAIM,OAAO","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}

src/App.vue

@@ -92,19 +92,19 @@ export default {
       userName: '',
       menuItems: [
         {
-          path: '/process/employee?userName=' + this.$route.query.userName,
+          path: '/process/employee?userId=' + this.$route.query.userId,
           title: '员工入职业务流程',
           icon: 'el-icon-user',
           showProcessSelector: false
         },
         {
-          path: '/process/sales?userName=' + this.$route.query.userName,
+          path: '/process/sales?userId=' + this.$route.query.userId,
           title: '销售订单业务流程',
           icon: 'el-icon-goods',
           showProcessSelector: false
         },
         {
-          path: '/process/shipping?userName=' + this.$route.query.userName,
+          path: '/process/shipping?userId=' + this.$route.query.userId,
           title: '发货业务流程',
           icon: 'el-icon-truck',
           showProcessSelector: false

src/api/user.js

@@ -0,0 +1,22 @@
+import axios from 'axios';
+
+/**
+ * 根据用户ID获取用户信息
+ * @param {string} userId - 用户ID
+ * @returns {Promise<{userName: string}>} 返回包含userName的Promise
+ * @throws {Error} 当请求失败或userId未提供时抛出错误
+ */
+export const fetchUserInfo = async (userId) => {
+  if (!userId) {
+    throw new Error('未提供用户ID参数');
+  }
+
+  try {
+    const response = await axios.get(`http://localhost:8088/business/queryId?userId=${userId}`);
+    // 直接返回API响应中的data部分，这样调用者可以直接访问其中的属性
+    return response.data.data;
+  } catch (error) {
+    console.error('获取用户信息失败:', error);
+    throw new Error('获取用户信息失败，请稍后再试');
+  }
+};

src/views/EmployeeProcess.vue

@@ -3,7 +3,7 @@
     <el-card class="process-intro">
       <div class="intro-header">
         <h2>员工入职业务流程</h2>
-        <el-tag size="medium" type="primary">{{ this.$route.query.userName }}</el-tag>
+        <el-tag size="medium" type="primary">{{ this.userName }}</el-tag>
       </div>
       <div class="intro-content">
         <div class="intro-description">
@@ -172,6 +172,8 @@
 </template>
 
 <script>
+import {fetchUserInfo} from "@/api/user";
+
 export default {
   name: 'EmployeeProcess',
   data() {
@@ -183,6 +185,7 @@ export default {
       lastPosX: 0,
       lastPosY: 0,
       showWheelTip: true,
+      userName: '',
       nodes: [
         { 
           id: 'start', 
@@ -260,6 +263,7 @@ export default {
     }
   },
   mounted() {
+    this.getUserData();
     // 5秒后隐藏滚轮提示
     setTimeout(() => {
       this.showWheelTip = false;
@@ -378,6 +382,23 @@ export default {
         type: 'success'
       });
       this.dialogVisible = false;
+    },
+    async getUserData() {
+      this.loading = true;
+      try {
+        // 假设userId来自某个输入或路由参数
+        const userId = this.$route.query.userId;
+        // 调用公共方法
+        const userInfo = await fetchUserInfo(userId);
+        debugger;
+        // 使用返回的数据
+        this.userName = userInfo.username;
+        this.loading = false;
+      } catch (error) {
+        // 错误处理
+        this.error = error.message;
+        this.loading = false;
+      }
     }
   }
 }

src/views/SalesOrderProcess.vue

@@ -3,7 +3,7 @@
     <el-card class="process-intro">
       <div class="intro-header">
         <h2>销售订单业务流程</h2>
-        <el-tag size="medium" type="success">{{ this.$route.query.userName }}</el-tag>
+        <el-tag size="medium" type="success">{{ this.userName }}</el-tag>
       </div>
       <div class="intro-content">
         <div class="intro-description">
@@ -170,6 +170,8 @@
 </template>
 
 <script>
+import {fetchUserInfo} from "@/api/user";
+
 export default {
   name: 'SalesOrderProcess',
   data() {
@@ -181,6 +183,7 @@ export default {
       lastPosX: 0,
       lastPosY: 0,
       showWheelTip: true,
+      userName: '',
       nodes: [
         {
           id: 'start',
@@ -282,6 +285,7 @@ export default {
     }
   },
   mounted() {
+    this.getUserData();
     // 5秒后隐藏滚轮提示
     setTimeout(() => {
       this.showWheelTip = false;
@@ -400,6 +404,23 @@ export default {
         type: 'success'
       });
       this.dialogVisible = false;
+    },
+    async getUserData() {
+      this.loading = true;
+      try {
+        // 假设userId来自某个输入或路由参数
+        const userId = this.$route.query.userId;
+        // 调用公共方法
+        const userInfo = await fetchUserInfo(userId);
+        debugger;
+        // 使用返回的数据
+        this.userName = userInfo.username;
+        this.loading = false;
+      } catch (error) {
+        // 错误处理
+        this.error = error.message;
+        this.loading = false;
+      }
     }
   }
 }

src/views/ShippingProcess.vue

@@ -156,7 +156,7 @@
 </template>
 
 <script>
-import axios from 'axios';
+import {fetchUserInfo} from "@/api/user";
 
 export default {
   name: 'ShippingProcess',
@@ -326,7 +326,7 @@ export default {
     // console.log("userName:" + this.userName);
     // this.$username = this.$route.query.userName;
     // console.log("username:" + this.$username);
-    this.fetchUserInfo();
+    this.getUserData();
     setTimeout(() => {
       this.showWheelTip = false;
     }, 5000);
@@ -446,39 +446,22 @@ export default {
       });
       this.dialogVisible = false;
     },
-    //接口请求
-    //获取用户信息
-    fetchUserInfo() {
-      // 从URL获取userId参数
-      const userId = this.$route.query.userId
-      debugger;
-      if (!userId) {
+    async getUserData() {
+      this.loading = true;
+      try {
+        // 假设userId来自某个输入或路由参数
+        const userId = this.$route.query.userId;
+        // 调用公共方法
+        const userInfo = await fetchUserInfo(userId);
+        debugger;
+        // 使用返回的数据
+        this.userName = userInfo.username;
+        this.loading = false;
+      } catch (error) {
+        // 错误处理
+        this.error = error.message;
         this.loading = false;
-        this.error = '未提供用户ID参数';
-        return;
       }
-
-      // 请求接口获取用户信息
-      axios.get(`http://localhost:8088/business/queryId?userId=${userId}`)
-          .then(response => {
-            // 假设接口返回的数据中有userName字段
-            const code = response.data.code;
-            const msg = response.data.msg;
-            debugger;
-            if (0 === code) {
-              this.userName = response.data.data.username;
-              console.log("userName:" + this.userName);
-              this.loading = false;
-            } else {
-              this.error = msg;
-              this.loading = false;
-            }
-          })
-          .catch(error => {
-            console.error('获取用户信息失败:' + error);
-            this.error = '获取用户信息失败，请稍后再试';
-            this.loading = false;
-          });
     }
   }
 }