类型规范化

src/pages_mine/pages/info/edit.vue

@@ -21,10 +21,10 @@
 </template>
 
 <script>
-  import { getUserProfile } from "@/api/system/user"
+import { getUserProfile } from "@/api/system/user"
-  import { updateUserProfile } from "@/api/system/user"
+import { updateUserProfile } from "@/api/system/user"
 
-  export default {
+export default {
   data() {
     return {
       user: {
@@ -93,40 +93,40 @@
       })
     }
   }
-  }
+}
 </script>
 
 <style lang="scss">
-  page {
+page {
   background-color: #ffffff;
-  }
+}
 
-  .example {
+.example {
   padding: 15px;
   background-color: #fff;
-  }
+}
 
-  .segmented-control {
+.segmented-control {
   margin-bottom: 15px;
-  }
+}
 
-  .button-group {
+.button-group {
   margin-top: 15px;
   display: flex;
   justify-content: space-around;
-  }
+}
 
-  .form-item {
+.form-item {
   display: flex;
   align-items: center;
   flex: 1;
-  }
+}
 
-  .button {
+.button {
   display: flex;
   align-items: center;
   height: 35px;
   line-height: 35px;
   margin-left: 10px;
-  }
+}
 </style>

src/pages_mine/pages/info/index.vue

@@ -1,20 +1,22 @@
 <template>
   <view class="container">
     <uni-list>
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'person-filled'}" title="昵称" :rightText="user.nickName" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'person-filled' }" title="昵称" :rightText="user.nickName" />
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'phone-filled'}" title="手机号码" :rightText="user.phonenumber" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'phone-filled' }" title="手机号码"
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'email-filled'}" title="邮箱" :rightText="user.email" />
+        :rightText="user.phonenumber" />
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'auth-filled'}" title="岗位" :rightText="postGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'email-filled' }" title="邮箱" :rightText="user.email" />
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'staff-filled'}" title="角色" :rightText="roleGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'auth-filled' }" title="岗位" :rightText="postGroup" />
-      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="创建日期" :rightText="user.createTime" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'staff-filled' }" title="角色" :rightText="roleGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{ type: 'calendar-filled' }" title="创建日期"
+        :rightText="user.createTime" />
     </uni-list>
   </view>
 </template>
 
 <script>
-  import { getUserProfile } from "@/api/system/user"
+import { getUserProfile } from "@/api/system/user"
 
-  export default {
+export default {
   data() {
     return {
       user: {},
@@ -34,11 +36,11 @@
       })
     }
   }
-  }
+}
 </script>
 
 <style lang="scss">
-  page {
+page {
   background-color: #ffffff;
-  }
+}
 </style>

src/store/modules/user.js

@@ -47,7 +47,7 @@ const user = {
       return new Promise((resolve, reject) => {
         login(username, password, code, uuid).then(res => {
           setToken(res.token)
-          commit('SET_TOKEN',res.token )
+          commit('SET_TOKEN', res.token)
           resolve()
         }).catch(error => {
           reject(error)
@@ -60,9 +60,7 @@ const user = {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
           const user = res.user
-		  //const avatar = (user == null || user.avatar == "" || user.avatar == null) ? "@/static/images/profile.jpg" : baseUrl + user.avatar
+          const avatar = (user == null || user.avatar == "" || user.avatar == null) ? "@/static/images/profile.jpg" : baseUrl + user.avatar
-		  /* cloud */
-		  const avatar = (user == null || user.avatar == "" || user.avatar == null) ? "/static/images/profile.jpg" : user.avatar
           const username = (user == null || user.userName == "" || user.userName == null) ? "" : user.userName
           if (res.roles && res.roles.length > 0) {
             commit('SET_ROLES', res.roles)

src/utils/request.ts

@@ -4,10 +4,28 @@ import { getToken } from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
 import { toast, showConfirm, tansParams } from '@/utils/common'
 
-let timeout = 10000
 const baseUrl = config.baseUrl
 
-const request = config => {
+interface RequestConfig{
+  headers?:{
+    isToken:boolean
+  },
+  header?:any,
+  params?:any,
+  url:string,
+  method?:"OPTIONS" | "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "TRACE" | "CONNECT" | undefined
+  baseUrl?:string,
+  timeout?:number | undefined,
+  data?:any
+}
+
+interface ResponseData{
+  code:number,
+  data:any,
+  msg:string
+}
+
+const request = (config:RequestConfig) => {
   // 是否需要设置 token
   const isToken = (config.headers || {}).isToken === false
   config.header = config.header || {}
@@ -22,8 +40,8 @@ const request = config => {
   }
   return new Promise((resolve, reject) => {
     uni.request({
-      method: config.method || 'get',
+      method: config.method || 'GET',
-      timeout: config.timeout || timeout,
+      timeout: config.timeout || 10000,
       url: config.baseUrl || baseUrl + config.url,
       data: config.data,
       header: config.header,
@@ -36,8 +54,10 @@ const request = config => {
          return
        } */
       const res = response
-      const code = res.data.code || 200
+      const data:ResponseData = res.data as ResponseData
-      const msg = errorCode[code] || res.data.msg || errorCode['default']
+      const code = data.code || 200
+      // @ts-ignore
+      const msg:string = errorCode[code] || data.msg || errorCode['default']
       if (code === 401) {
         showConfirm('登录状态已过期，您可以继续留在该页面，或者重新登录?').then(res => {
           if (res.confirm) {