adspecs 0.1.12

package/references/web-ui/src/views/person-info/components/information.vue

@@ -0,0 +1,99 @@
+<template>
+  <div class="wrapper">
+    <el-form :label-width="$i18n.locale === 'zh-cn' ? '100px' : '140px'" ref="formData" :model="info">
+      <el-form-item :label="$t('person.staffNo')">
+        <el-input v-model="info.employeeNumber" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('person.name')">
+        <el-input v-model="info.tenantName" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('person.mobile')">
+        <el-input v-model="info.mobile" maxlength="11" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('person.email')">
+        <el-input v-model="info.mail" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('person.depName')">
+        <el-input v-model="info.depName" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('person.avatar')">
+        <UploadImg ref="uploadForm" :upload-limit="1" :data-list="uploadList" />
+      </el-form-item>
+      <el-form-item style="text-align: center">
+        <el-button type="primary" size="default" :icon="ElIconCircleCheck" @click="updateAvatar">
+          {{ $t('button.submit') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { CircleCheck as ElIconCircleCheck } from '@element-plus/icons'
+import { updateAvatar } from '@/api/personalInformation'
+
+export default {
+  props: {
+    info: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      uploadList: [{ url: localStorage.getItem('userHeadImgUrl') }],
+      ElIconCircleCheck
+    }
+  },
+  mounted() {
+    const userInfo = this.getUserInfo()
+    this.uploadList = [{ url: localStorage.getItem('userHeadImgUrl') || userInfo.userHeadImgUrl }]
+  },
+  methods: {
+    getUserInfo() {
+      const userInfo = localStorage.getItem('userInfo')
+      try {
+        let userInfoJson = typeof userInfo == 'object' ? userInfo : JSON.parse(userInfo)
+        // BUG: 9632 数据结构变成下面 value 才是对应的对象。
+        return userInfoJson.value ? JSON.parse(userInfoJson.value) : userInfoJson
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    updateAvatar() {
+      if (this.uploadList.length > 0) {
+        const url = this.uploadList[0].url
+        const fileId = this.uploadList[0].fileId
+        if (!fileId) {
+          this.$message.warning(this.$t('person.noUpdate'))
+          return
+        }
+        updateAvatar(url, fileId).then(res => {
+          if (this.reqIsSucceed(res)) {
+            this.$message.success(this.$t('toast.updateSuccess'))
+            this.$store.commit('setUserHeadImgUrl', url)
+            // location.reload();
+          }
+        })
+      } else {
+        this.$message.info(this.$t('person.noUpdate'))
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.wrapper {
+  width: 50%;
+  ::v-deep .el-upload {
+    width: inherit;
+    height: inherit;
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+    outline: none;
+    border: none;
+  }
+  ::v-deep .demo-upload-list {
+    box-shadow: none;
+  }
+}
+</style>

package/references/web-ui/src/views/person-info/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <el-card>
+    <el-tabs v-model="activeName">
+      <el-tab-pane :label="$t('person.personInfo')" name="first">
+        <information ref="info" :info="userInfo"></information>
+      </el-tab-pane>
+    </el-tabs>
+  </el-card>
+</template>
+<script>
+import information from './components/information';
+import { getUserInfo } from '@/utils/auth';
+
+export default {
+  name: 'PersonInfo',
+  components: { information },
+  data() {
+    return {
+      activeName: 'first',
+    };
+  },
+  computed: {
+    userInfo() {
+      return getUserInfo();
+    },
+  }
+};
+</script>

package/references/web-ui/src/views/sso/login/index.vue

@@ -0,0 +1,128 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+import { getBaseUserLoginSso, getTokenByPortalCode } from '@/api/app'
+import { autoLogin } from '@/api/login'
+import { authWxLogin } from '@/api/wx-work'
+import { authDingdingLogin } from '@/api/dingding'
+import { setToken, setUserInfo, setMenuList, cookieGet, cookieSet, removeCookie, getTokenOutRoute, TOKEN_OUT_ROUTE, setParentTenantId } from '@/utils/auth'
+import { splitUrl } from '@/utils'
+
+export default {
+  components: {},
+  data() {
+    //这里存放数据
+    return {
+      loading: null
+    }
+  },
+  //监听属性 类似于data概念
+  computed: {},
+  //监控data中的数据变化
+  watch: {},
+  //方法集合
+  methods: {
+    // 获取用户信息
+    async getLoginUser() {
+      this.loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      const res = await getBaseUserLoginSso()
+      this.loading.close()
+      if (res.code === 800) {
+        let { urlLogout, urlLogin, portalType, portalCode, ssoType } = res.data
+        if (res.data.portalType === 'sso') {
+          cookieSet('ssoType', ssoType, null)
+          cookieSet('urlLogout', urlLogout)
+          cookieSet('urlLogin', urlLogin)
+          cookieSet('portalType', portalType)
+          portalCode && cookieSet('portalCode', portalCode)
+        }
+        setUserInfo(res.data, this)
+        // 判断是否有系统权限 作废 23-11-14
+        // const { systems } = res.data
+        // let redirect = location.origin
+        // let hasAuth = false
+        // if (Array.isArray(systems)) {
+        //   const authSystems = systems.map(item => item.systemCode)
+        //   if (!authSystems.includes(_config.systemCode)) {
+        //     // 有谷神权限重定向到门户，否则强制退出
+        //     if (_config.systemCode !== 'iotAutho') this.$message.error('您的账号暂无系统登录权限！')
+        //     this.$router.push({
+        //       path: '/'
+        //     })
+        //     return
+        //   } else hasAuth = true
+        // }
+        this.autoLogin(res.data)
+      }
+    },
+
+    async autoLogin(data) {
+      const res = await autoLogin(_config.systemCode)
+      if (res.code === 800) {
+        setMenuList(res.data.menus)
+        // 缓存的失效路由地址
+        const tokenOutRoute = getTokenOutRoute()
+        if (tokenOutRoute) {
+          removeCookie(TOKEN_OUT_ROUTE)
+          location.href = decodeURIComponent(tokenOutRoute)
+        } else if (data.defaultUrl) {
+          location.href = data.defaultUrl
+        } else {
+          this.$router.push({
+            path: '/'
+          })
+        }
+      }
+    },
+    // 根据portalCode获取token信息
+    async getTokenByPortalCode() {
+      const code = cookieGet('portalCode') || 'code'
+      const ssoType = cookieGet('ssoType')
+      let params = this.$route.query
+      let res = null
+      // 获取地址参数
+      let query = window.location.search.substring(1)
+      if(ssoType === 'WeCom') { // 企业微信
+        // 根据state区分免密登录和扫码登录
+        let state = (query.split('&')[2] && query.split('&')[2].split('=')[1]) ||
+                    (query.split('&')[1] && query.split('&')[1].split('=')[1])
+        res = await authWxLogin(params[code], state)
+      } else if(ssoType === 'DingTalk') { // 钉钉
+        let corpId = splitUrl(query).state 
+        res = await authDingdingLogin(params[code], corpId)
+      } else { // 一般单点
+        res = await getTokenByPortalCode({ code: params[code] })
+      }
+      if (res.code === 800) {
+        if(ssoType === 'WeCom' || ssoType === 'DingTalk') {
+          // 更新cookie及个人信息
+          this.setTokenInfo(res)
+          this.autoLogin(res.data)
+        } else {
+          setToken(res.data.authorization, res.data['refresh-authorization'])
+          await this.getLoginUser()
+        }
+      }
+    },
+    setTokenInfo(res) {
+      setToken(res.data.authorization, res.data['refresh-authorization'])
+      setUserInfo(res.data)
+      setParentTenantId(res.data.parentTenantId)
+      this.$store.commit('SET_USERLIMIT', res.data.useLimitCode)
+      this.$store.commit('SET_TENANTID', res.data.tenantId)
+      this.$store.commit('SET_USERID', res.data.userId)
+    }
+  },
+  mounted() {
+    this.getTokenByPortalCode()
+  }
+}
+</script>
+<style lang="scss" scoped></style>

package/references/web-ui/src/views/sso/multi-login/index.vue

@@ -0,0 +1,95 @@
+<template>
+  <div class="multi-login"></div>
+</template>
+
+<script>
+import { ssoOtherUrl, ssoTokenByCode } from '@/api/multi-login'
+import { getBaseUserLoginSso } from '@/api/app'
+import { autoLogin } from '@/api/login'
+import { cookieSet, cookieGet, setToken, removeCookie, setMenuList, getTokenOutRoute, TOKEN_OUT_ROUTE } from '@/utils/auth'
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  //方法集合
+  methods: {
+    /**
+     * @desc: 获取URL参数
+     */
+    async getQuery() {
+      try {
+        let query = this.$route.query
+        let domainName = query.domain
+        let code = query[cookieGet('portalCode') || 'code']
+        // 有domain没有code 先去跳转换取code回来
+        if (domainName && !code) {
+          cookieSet('domainName', domainName)
+          const res = await ssoOtherUrl({ domainName })
+          if (res.code !== 800) throw new Error('接口错误')
+          const data = res.data
+          cookieSet('portalCode', data.code)
+          location.href = data.url
+          return
+        }
+        // 没有domain有code 用code换取token登录
+        if (!domainName && code) {
+          domainName = cookieGet('domainName')
+          if (!domainName) throw new Error('无法获取缓存中的domainName')
+          const res = await ssoTokenByCode({ domainName, code })
+          if (res.code !== 800) throw new Error('接口错误')
+          const data = res.data
+          // 清除缓存
+          // removeCookie('domainName')
+          removeCookie('portalCode')
+          cookieSet('ssoToken', data['ssoToken'])
+          cookieSet('ssoRefreshToken', data['ssoRefreshToken'])
+          setToken(data['authorization'], data['refresh-authorization'])
+          // 获取用户信息
+          await this.getLoginUser()
+          return
+        }
+        throw new Error('无法获取URL参数')
+      } catch (error) {
+        location.href = '/login'
+      }
+    },
+    // 获取用户信息
+    async getLoginUser() {
+      try {
+        const res = await getBaseUserLoginSso()
+        if (res.code !== 800) throw new Error('接口错误')
+        localStorage.userInfo = JSON.stringify(res.data)
+        await this.autoLogin(res.data)
+      } catch (error) {
+        location.href = '/login'
+      }
+    },
+    async autoLogin(data) {
+      try {
+        const res = await autoLogin(_config.systemCode)
+        if (res.code !== 800) throw new Error('接口错误')
+        setMenuList(res.data.menus)
+        // 缓存的失效路由地址
+        const tokenOutRoute = getTokenOutRoute()
+        if (tokenOutRoute) {
+          removeCookie(TOKEN_OUT_ROUTE)
+          location.href = decodeURIComponent(tokenOutRoute)
+        } else if (data.defaultUrl) {
+          location.href = data.defaultUrl
+        } else {
+          this.$router.push({
+            path: '/'
+          })
+        }
+      } catch (error) {
+        location.href = '/login'
+      }
+    }
+  },
+  mounted() {
+    this.getQuery()
+  }
+}
+</script>
+<style lang="scss" scoped></style>

package/references/web-ui/src/views/third-login/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="loading-box" v-show="showLoading">
+    <img :src="loadingImg" />
+  </div>
+</template>
+<script>
+import { mapMutations } from '@/store/piniaToVuex'
+import { autoLogin } from '@/api/login'
+import { setToken, setUserInfo, setMenuList } from '@/utils/auth'
+import HttpRequest from '@/utils/request'
+
+export default {
+  name: 'thirdPartyLogin',
+  data() {
+    return {
+      showLoading: true,
+      loadingImg: 'https://sieiot-resources.oss-cn-beijing.aliyuncs.com/web/gushen/images/workflow/loading.gif'
+    }
+  },
+  created() {
+    let code = this.$route.query.code
+    let state = this.$route.query.state
+    // 大飞本地host：10.10.4.181:9020
+    // .get(`${window.getVersionTypeApiUrl('thirdURL')}/auth-wx-login/callback?code=${code}&state=${state}`)
+    HttpRequest({
+      url: `${window.getVersionTypeApiUrl('thirdURL')}/auth-wx-login/callback?code=${code}&state=${state}`,
+      method: 'get',
+      timeout: 50000
+    }).then(res => {
+      if (this.reqIsSucceed(res)) this.afterLoginSuccess(res)
+      else this.$message.warning(res.msg)
+      // this.$router.push('/login');
+    })
+  },
+  methods: {
+    ...mapMutations(['SET_TENANTID', 'SET_USERLIMIT']),
+    afterLoginSuccess(res) {
+      setToken(res.token, res.data['refresh-authorization'])
+      setUserInfo(res.data, this)
+      this.SET_USERLIMIT(res.data.useLimitCode)
+      this.SET_TENANTID(res.data.tenantId)
+      if (res.data.userHeadImgUrl !== 'defaultImgUrl' && res.data.userHeadImgUrl !== '')
+        this.$store.commit('setUserHeadImgUrl', res.data.userHeadImgUrl)
+      // 如果返回defaultImgUrl，要清除缓存，使用默认头像
+      else this.$store.commit('setUserHeadImgUrl', '')
+      this.autoLogin(res.data)
+    },
+    async autoLogin(data) {
+      let res = await autoLogin(window._config.systemCode)
+      this.loading = false
+      if (this.reqIsSucceed(res)) {
+        setMenuList(res.data.menus)
+        if (data.defaultUrl && process.env.NODE_ENV !== 'development') location.href = data.defaultUrl
+        else this.$router.push('/home')
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.loading-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  background: #999;
+}
+.loading-box img {
+  width: 5%;
+}
+</style>

package/references/web-ui/src/views/third-view.vue

@@ -0,0 +1,86 @@
+<template>
+  <!-- 第三方网站展示组件 -->
+  <iframe ref="gsIframe" title="sie" class="frame" :src="url" :style="{ height: appMainHeight + 'px' }"></iframe>
+</template>
+<script>
+// vuex
+import { mapGetters } from '@/store/piniaToVuex'
+// utils
+import { getToken, getUserInfo } from '@/utils/auth'
+// 全局配置
+import globalConfig from '@/config'
+
+export default {
+  props: {
+    menuId: {
+      type: [String, Number],
+      default: () => ''
+    }
+  },
+
+  computed: {
+    ...mapGetters(['visitedViews']),
+    appMainHeight() {
+      return this.$store.getters.appMainHeight - 20
+    }
+  },
+
+  data() {
+    return {
+      url: ''
+    }
+  },
+
+  methods: {
+    parseUrl(url, strVars = [], index = 0) {
+      if (index > strVars.length - 1) return url
+      let key = strVars[index]
+      let regExp = new RegExp('(.*)' + key)
+      if (key === 'token') url = url.replace(regExp, `$1${getToken()}`)
+      if (key === 'menuId') url = url.replace(regExp, `$1${this.menuId}`)
+      if (key === 'systemCode') url = url.replace(regExp, `$1${_config.systemCode}`)
+      url = url.replace(regExp, `$1${this.formUuserInfo(key)}`)
+      return this.parseUrl(url, strVars, index + 1)
+    },
+    formUuserInfo(key) {
+      let userInfo = getUserInfo()
+      return userInfo[key] || key
+    }
+  },
+
+  created() {
+    // 缓存走iframeQuery 非缓存取this.$route.meta
+    const iframeQuery = this.visitedViews.find(e => this.menuId === e.meta.menuId)
+    let { url } = iframeQuery?.meta || this.$route.meta
+    // let strVars = url.match(/(?<={)[^}]+/g)
+    const regExp = new RegExp('(?<={)[^}]+','g')
+    let strVars = url.match(regExp)
+    if (!strVars) return (this.url = url)
+    let NoK = url.replace(/\{|}/g, '').trim()
+    if (strVars.length) {
+      this.url = this.parseUrl(NoK, strVars)
+    } else {
+      this.url = url
+    }
+  },
+
+  mounted() {
+    const gsFrame = this.$refs['gsIframe'].contentWindow
+    const frameDom = this.$refs['gsIframe']
+    const data = {
+      systemCode: globalConfig.systemCode
+    }
+    frameDom.onload = () => {
+      gsFrame.postMessage(data, '*')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.frame {
+  //border: medium none;
+  border: 1px solid rgb(228, 231, 235);
+  height: 100%;
+  width: 100%;
+}
+</style>

package/references/web-ui/tsconfig.app.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["element-plus/global"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/references/web-ui/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

package/references/web-ui/tsconfig.node.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    "eslint.config.*"
+  ],
+  "compilerOptions": {
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/references/web-ui/vite.config.ts

@@ -0,0 +1,42 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import { visualizer } from 'rollup-plugin-visualizer'
+
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    vueJsx(),
+    vueDevTools(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }), // 根据环境变量控制是否启用可视化分析
+    process.env.ANALYZE === 'true' &&
+      visualizer({
+        open: true,
+        gzipSize: true,
+        brotliSize: true,
+        filename: 'dist/stats.html',
+      }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+    extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+  },
+  server: {
+    port: 8880,
+  },
+})