预览增加选择租户

Author: stwflyfox

designer-demo/package.json

@@ -15,7 +15,7 @@
     "@opentiny/tiny-engine": "workspace:^",
     "@opentiny/tiny-engine-meta-register": "workspace:^",
     "@opentiny/tiny-engine-utils": "workspace:*",
-    "@opentiny/utils": "~3.21.0",
+    "@opentiny/utils": "~3.22.0",
     "@opentiny/vue": "~3.21.0",
     "@opentiny/vue-design-smb": "~3.21.0",
     "@opentiny/vue-icon": "~3.21.0",

packages/design-core/package.json

@@ -42,7 +42,6 @@
     "@babel/generator": "~7.23.2",
     "@babel/parser": "~7.23.2",
     "@babel/traverse": "~7.23.2",
-    "@opentiny/tiny-schema-renderer": "1.0.0-beta.6",
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-configurator": "workspace:*",
@@ -55,15 +54,15 @@
     "@opentiny/tiny-engine-plugin-help": "workspace:*",
     "@opentiny/tiny-engine-plugin-i18n": "workspace:*",
     "@opentiny/tiny-engine-plugin-materials": "workspace:*",
+    "@opentiny/tiny-engine-plugin-model-manager": "workspace:*",
     "@opentiny/tiny-engine-plugin-page": "workspace:*",
-    "@opentiny/tiny-engine-plugin-robot": "workspace:*",
     "@opentiny/tiny-engine-plugin-resource": "workspace:*",
+    "@opentiny/tiny-engine-plugin-robot": "workspace:*",
     "@opentiny/tiny-engine-plugin-schema": "workspace:*",
     "@opentiny/tiny-engine-plugin-script": "workspace:*",
     "@opentiny/tiny-engine-plugin-state": "workspace:*",
     "@opentiny/tiny-engine-plugin-tree": "workspace:*",
     "@opentiny/tiny-engine-plugin-tutorial": "workspace:*",
-    "@opentiny/tiny-engine-plugin-model-manager": "workspace:*",
     "@opentiny/tiny-engine-setting-design": "workspace:*",
     "@opentiny/tiny-engine-setting-events": "workspace:*",
     "@opentiny/tiny-engine-setting-props": "workspace:*",
@@ -86,14 +85,16 @@
     "@opentiny/tiny-engine-toolbar-save": "workspace:*",
     "@opentiny/tiny-engine-toolbar-setting": "workspace:*",
     "@opentiny/tiny-engine-toolbar-theme-switch": "workspace:*",
-    "@opentiny/tiny-engine-toolbar-view-setting": "workspace:*",
     "@opentiny/tiny-engine-toolbar-user": "workspace:*",
+    "@opentiny/tiny-engine-toolbar-view-setting": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "@opentiny/tiny-engine-vite-plugin-meta-comments": "workspace:*",
-    "@opentiny/tiny-engine-workspace-template-center": "workspace:*",
     "@opentiny/tiny-engine-workspace-application-center": "workspace:*",
+    "@opentiny/tiny-engine-workspace-template-center": "workspace:*",
+    "@opentiny/tiny-schema-renderer": "1.0.0-beta.6",
     "@vue/repl": "4.6.1",
     "@vueuse/core": "^9.6.0",
+    "crypto-js": "^4.2.0",
     "element-resize-detector": "^1.2.4",
     "eslint-linter-browserify": "8.57.0",
     "file-saver": "^2.0.5",

packages/design-core/src/preview/src/SelectTenant.vue

@@ -0,0 +1,110 @@
+<template>
+  <tiny-base-select
+    v-model="state.tenantNo"
+    :searchable="true"
+    placeholder="选择租户"
+    @change="changeTenant"
+    :options="state.tenantList"
+  >
+  </tiny-base-select>
+</template>
+
+<script>
+import { reactive } from 'vue'
+import { Select } from '@opentiny/vue'
+import i18n from '@opentiny/tiny-engine-common/js/i18n'
+
+import { request, METHOD } from './request'
+
+import CryptoJS from 'crypto-js'
+
+export default {
+  components: {
+    TinyBaseSelect: Select
+  },
+
+  setup() {
+    const { locale } = i18n.global
+    const state = reactive({
+      tenantNo: '',
+
+      tenantList: [],
+      defaultParameters: [],
+      selectedDefault: '',
+      defaultValue: ''
+    })
+
+    const Encrypt = (str) => {
+      const _KEY = 'd22c46e8e6074295ba2b53fcd63ea071' //32位
+      const _IV = 'd93b7fcd1a0e40ff' //16位
+      const key = CryptoJS.enc.Utf8.parse(_KEY)
+      const iv = CryptoJS.enc.Utf8.parse(_IV)
+
+      let encrypted = ''
+
+      const srcs = CryptoJS.enc.Utf8.parse(str)
+      encrypted = CryptoJS.AES.encrypt(srcs, key, {
+        iv: iv,
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.Pkcs7
+      })
+
+      return encrypted.ciphertext.toString()
+    }
+
+    //解密方法
+    const Decrypt = (word) => {
+      const _KEY = 'd22c46e8e6074295ba2b53fcd63ea071' //32位
+      const _IV = 'd93b7fcd1a0e40ff' //16位
+      const key = CryptoJS.enc.Utf8.parse(_KEY)
+      const iv = CryptoJS.enc.Utf8.parse(_IV)
+      const encryptedHexStr = CryptoJS.enc.Hex.parse(word)
+      const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
+      const decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
+      const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
+      return decryptedStr.toString()
+    }
+
+    const changeTenant = (value) => {
+      const Args = { code: value, name: 'admin', password: '698D51A19D8A121CE581499D7B701668' }
+      request('/System/Check', METHOD.POST, Args).then((result) => {
+        const LOGIN_INFO_KEY = 'SHQY__LoginInfo__'
+        const CryptLoginInfo = Encrypt(JSON.stringify(result.LoginInfo))
+        sessionStorage.setItem(LOGIN_INFO_KEY, CryptLoginInfo)
+        const TOKEN_KEY = 'SHQY__Token__'
+        sessionStorage.setItem(TOKEN_KEY, result.Token)
+
+        location.reload()
+      })
+    }
+
+    return {
+      state,
+      locale,
+      changeTenant,
+      Encrypt,
+      Decrypt
+    }
+  },
+  mounted() {
+    request('/System/QueryTenantList', METHOD.POST).then((result) => {
+      this.state.tenantList = []
+      result.forEach((item) => {
+        this.state.tenantList.push({
+          key: item.TenantNo,
+          label: item.TenantName,
+          value: item.TenantNo
+        })
+      })
+
+      const loginInfo = sessionStorage.getItem('SHQY__LoginInfo__')
+
+      if (loginInfo != undefined) {
+        const loginInfoObj = JSON.parse(this.Decrypt(loginInfo))
+        this.state.tenantNo = loginInfoObj.TenantNo
+      }
+    })
+  }
+}
+</script>
+<style scoped></style>

packages/design-core/src/preview/src/Toolbar.vue

@@ -2,6 +2,7 @@
   <div class="tiny-engine-toolbar">
     <div class="toolbar-left">
       <component :is="Breadcrumb"></component>
+      <SelectTenant />
     </div>
     <div class="toolbar-center">
       <component :is="ToolbarMedia" :isCanvas="false" @setViewPort="setViewPort"></component>
@@ -24,9 +25,12 @@ import { BROADCAST_CHANNEL } from '../src/preview/srcFiles/constant'
 import { injectDebugSwitch } from './preview/debugSwitch'
 import { previewState } from './preview/usePreviewData'
 
+import SelectTenant from './SelectTenant.vue'
+
 export default {
   components: {
-    TinySwitch
+    TinySwitch,
+    SelectTenant
   },
   setup() {
     const debugSwitch = injectDebugSwitch()