优化

.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+window-form
 *.local
 
 # Editor directories and files

src/main.ts

@@ -12,6 +12,7 @@ import './browerPatch'
 import { createPinia } from 'pinia'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import './style/element-plus.scss'
 
 const app = createApp(App)
 app.use(initDirectives)

src/style/element-plus.scss

@@ -0,0 +1,20 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': rgba(47, 130, 255, 1),
+    ),
+    'success': (
+      'base': rgba(28, 199, 141, 1),
+    ),
+    'warning': (
+      'base': rgba(255, 153, 2, 1),
+    ),
+    'danger': (
+      'base': rgba(255, 84, 84, 1),
+    ),
+    'error': (
+      'base': rgba(255, 84, 84, 1),
+    ),
+  )
+);
+@use 'element-plus/theme-chalk/src/index.scss' as *;

src/views/form/business-model/list.vue

@@ -197,10 +197,6 @@ const onSearch = () => {
   onPage(1, state.query.page.pageSize)
 }
 const onReset = () => {
-  state.query.page = {
-    pageNum: 1,
-    pageSize: 20,
-  }
   state.query.form = {}
   onSearch()
 }

src/views/form/business-model/test.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="p-4">
+    <div>
+      一级表单onConfirmIframe接收参数：msgData
+      JSON字符串，包含wfIds-拼接ID、wfStrs-拼接ID查询到的命名、wfList-选择的数组
+    </div>
+    <div>
+      二级表单getFormIframeData初始化：JSON字符串，wfList-回显用的数组，无需回显的话，传空数组[]
+    </div>
     <template
       v-for="(item, index) in [
         'businessModel1',
@@ -15,7 +22,7 @@
           <el-button type="primary" @click="onDetail(item)"
             >许可范围 {{ index + 1 }}</el-button
           >
-          {{ state[item].list.length }} 条数据
+          {{ state[item].wfList.length }} 条数据
         </div>
         <div>
           <CzrFormColumn
@@ -28,7 +35,7 @@
         <div>
           <el-input
             type="textarea"
-            v-model="state[item].strs"
+            v-model="state[item].wfStrs"
             disabled
             :rows="4"
           />
@@ -67,21 +74,21 @@ const props = defineProps({})
 const { proxy }: any = getCurrentInstance()
 const state: any = reactive({
   businessModel1: {
-    strs: '',
-    ids: '',
-    list: [],
+    wfStrs: '',
+    wfIds: '',
+    wfList: [],
     haveOrNo: 1,
   },
   businessModel2: {
-    strs: '',
-    ids: '',
-    list: [],
+    wfStrs: '',
+    wfIds: '',
+    wfList: [],
     haveOrNo: 0,
   },
   businessModel3: {
-    strs: '',
-    ids: '',
-    list: [],
+    wfStrs: '',
+    wfIds: '',
+    wfList: [],
     haveOrNo: 0,
   },
   detail: {
@@ -107,7 +114,7 @@ const onIframeInit = () => {
         type: 'getFormIframeData',
         data: {
           formItem: '一级表单formItem',
-          wfList: JSON.stringify(state[state.detail.transfer.key].list),
+          wfList: JSON.stringify(state[state.detail.transfer.key].wfList),
         },
       },
       '*',
@@ -124,10 +131,10 @@ onMounted(() => {
       console.log('二级表单发送提交消息，onConfirmIframe')
       console.log(data.data)
       const { formItem, msgData } = data.data
-      const { ids, list, strs } = JSON.parse(msgData)
-      state[state.detail.transfer.key].strs = strs
-      state[state.detail.transfer.key].ids = ids
-      state[state.detail.transfer.key].list = list
+      const { wfIds, wfList, wfStrs } = JSON.parse(msgData)
+      state[state.detail.transfer.key].wfStrs = wfStrs
+      state[state.detail.transfer.key].wfIds = wfIds
+      state[state.detail.transfer.key].wfList = wfList
       state.detail.show = false
     }
   })

vite.config.ts

@@ -6,6 +6,7 @@ import viteCompression from 'vite-plugin-compression' //Gzip
 import { visualizer } from 'rollup-plugin-visualizer'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' // 【svg-icons相关】
 import VitePluginHtmlEnv from 'vite-plugin-html-env'
+// @ts-ignore
 import tailwindcss from '@tailwindcss/vite'
 
 const time = new Date().getTime()