vue2-client 1.8.394 → 1.8.396

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.394",
+  "version": "1.8.396",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XAddReport/XAddReport.vue

@@ -26,12 +26,12 @@
 </template>
 <script>
 import { mapState } from 'vuex'
-import XReport from '@vue2-client/pages/XReportGridView/XReport.vue'
+// import XReport from '@vue2-client/pages/XReportGridView/XReport.vue'
 
 export default {
     name: 'XAddReport',
     components: {
-      XReport
+      XReport: () => import('@vue2-client/pages/XReportGridView/XReport.vue'),
     },
     props: {
 
@@ -51,7 +51,14 @@ export default {
         // 新增或修改业务是否执行中
         loading: false,
         // 是否显示新增/修改模态框
-        visible: false
+        visible: false,
+        // 选中的处理对象的id号
+        selectedId: null,
+      }
+    },
+    provide () {
+      return {
+        getSelectedId: () => { return this.selectedId }
       }
     },
     computed: {
@@ -64,12 +71,16 @@ export default {
       init (params) {
         console.log('params', params)
         const {
-          configName = 'medicalRecordCover', serverName = 'af-his', displayOnly = true
+          configName = 'medicalRecordCover', serverName = 'af-his', displayOnly = true, selectedId = null
         } = params
         this.configName = configName
         this.serverName = serverName
         this.displayOnly = displayOnly
         this.visible = true
+        // 有选中项，给选中项赋值
+        if (selectedId) {
+          this.selectedId = selectedId
+        }
       },
       close () {
         this.loading = false

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -662,7 +662,10 @@ export default {
     }
     // 人员联动框增加监听
     if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动人员')) {
-      this.debouncedUserLinkFunc = debounce(this.updateUserOptions, 200)
+      this.debouncedUserLinkFunc = debounce(this.updateResOptions('人员'), 200)
+    }
+    if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动部门')) {
+      this.debouncedDepLinkFunc = debounce(this.updateResOptions('部门'), 200)
     }
     if (this.attr.type === 'richText') {
       this.richText = await this.getRichText()
@@ -700,6 +703,10 @@ export default {
         if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动人员')) {
           this.debouncedUserLinkFunc()
         }
+        // 数据源来自人员联动时更新数据
+        if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动部门')) {
+          this.debouncedDepLinkFunc()
+        }
       },
       deep: true
     }
@@ -787,9 +794,9 @@ export default {
       }
     },
     // 更新人员下拉框数据
-    async updateUserOptions () {
-      if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString()?.endsWith(']联动人员')) {
-        const searchData = { source: '获取人员', userid: this.currUser.id }
+    async updateResOptions (type) {
+      if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString()?.endsWith(`]联动${type}`)) {
+        const searchData = { source: `获取${type}`, userid: this.currUser.id }
         const startIndex = this.attr.keyName.indexOf('[') + 1
         const endIndex = this.attr.keyName.indexOf(']', startIndex)
         const fromModel = this.attr.keyName.substring(startIndex, endIndex).replace('.', '_')
@@ -904,7 +911,9 @@ export default {
         const searchData = { source, userid, roleName }
         // 判断是否根据某个表单项联动 仅返回列表结构并筛选
         if (source.startsWith('根据表单项[') && source.endsWith(']联动人员')) {
-          this.updateUserOptions()
+          this.updateResOptions('人员')
+        } else if (source.startsWith('根据表单项[') && source.endsWith(']联动部门')) {
+          this.updateResOptions('部门')
         } else if (this.attr.type === 'select' || this.attr.type === 'checkbox') {
           // 仅获取最内层数据
           searchToListOption(searchData, res => this.getDataCallback(res))

package/src/base-client/components/common/XFormTable/XFormTable.vue

@@ -138,6 +138,7 @@ export default {
     XAddReport,
     XImportExcel
   },
+  inject: ['getSelectedId'],
   data () {
     return {
       // 加载状态
@@ -601,6 +602,11 @@ export default {
           break
       }
     }
+  },
+  mounted () {
+    console.log('注入数据', this.getSelectedId()) // 访问祖先组件的数据
+    Object.assign(this.fixedAddForm, { selected_id: this.getSelectedId() })
+    Object.assign(this.fixedQueryForm, { selected_id: this.getSelectedId() })
   }
 }
 </script>

package/src/main.js

@@ -4,10 +4,12 @@ import Router from 'vue-router'
 import Vuex from 'vuex'
 import { routerOptions, modules, i18n, message, bootstrap } from '../index'
 import eventLogPlugin from '@/plugins/EventLogPlugin'
+import findParentData from '@/plugins/FindParentsData'
 
 Vue.use(Router)
 Vue.use(Vuex)
 Vue.use(eventLogPlugin)
+Vue.use(findParentData)
 
 // 创建router store
 const store = new Vuex.Store({ modules })

package/src/pages/DefaultExample/index.vue

@@ -8,7 +8,6 @@
       @action="action"
       ref="xFormTable">
     </x-form-table>
-    <router-view></router-view>
     <a-button @click="navigateToAnotherPage">跳转到另一个页面</a-button> <!-- 使用方法进行跳转 -->
     <a-drawer
       title="详情信息"

package/src/pages/Example/childIndex.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <button @click="useExampleMethod">Click Me</button>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    useExampleMethod () {
+      console.log(this.$findParentData('experimentData'))
+    }
+  }
+}
+</script>

package/src/pages/Example/index.vue

@@ -1,9 +1,30 @@
 <template>
-  <router-view />
+  <div>
+    <report-grid />
+    <router-view />
+    <child-index /> <!-- 添加 childIndex 组件 -->
+  </div>
 </template>
 
 <script>
+import ChildIndex from './childIndex.vue' // 引入 ChildIndex 组件
+import ReportGrid from '../ReportGrid/index.vue'
+
 export default {
   name: 'Example',
+  components: {
+    ChildIndex, // 注册 ChildIndex 组件
+    ReportGrid,
+  },
+  data () {
+    return {
+      // 实验数据
+      experimentData: {
+        // 在这里添加您的实验数据
+        key1: 'value1',
+        key2: 'value2',
+      },
+    }
+  },
 }
 </script>

package/src/pages/ReportGrid/index.vue

@@ -0,0 +1,76 @@
+<template>
+  <div id="test" v-if="showReport">
+    <XReport
+      @updateImg="updateImg"
+      ref="main"
+      :use-oss-for-img="false"
+      config-name="medicineMouldCover"
+      server-name="af-his"
+      :show-img-in-cell="true"
+      :display-only="displayOnly"
+      :edit-mode="false"
+      :show-save-button="false"
+      :dont-format="true"/>
+  </div>
+</template>
+
+<script>
+import XReport from '@vue2-client/pages/XReportGridView/XReport'
+// eslint-disable-next-line no-unused-vars
+import { exportHTMLNodeToPDF } from '@vue2-client/utils/htmlToPDFApi'
+
+export default {
+  name: 'Example',
+  components: {
+    XReport
+  },
+  mounted () {
+    console.log(this.$route)
+  },
+  data () {
+    return {
+      test: {
+        title: {
+          type: 'titleKey',
+          value: 'f_type'
+        },
+        designMode: 'json',
+      },
+      total: 1,
+      registerMap: [],
+      displayOnly: true,
+      showReport: true
+    }
+  },
+  methods: {
+    updateImg (data) {
+      console.warn('demo', data)
+    },
+    testExport () {
+      this.showReport = false
+      this.displayOnly = true
+      this.$nextTick(() => {
+        this.showReport = true
+        setTimeout(() => {
+          exportHTMLNodeToPDF('123', '#test')
+          this.showReport = false
+          this.displayOnly = false
+          this.$nextTick(() => {
+            this.showReport = true
+          })
+        }, 500)
+      })
+    },
+    testSave () {
+      const result = []
+      this.registerMap.forEach(item => {
+        result.push(item.exportData())
+      })
+      console.warn('save', result)
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>

package/src/pages/XReportGridView/XReport.vue

@@ -68,6 +68,10 @@
         </XReportDesign>
       </a-card>
     </template>
+    <!-- 弹出框 -->
+    <x-add-report
+      ref="xAddReport"
+    />
   </div>
 </template>
 
@@ -77,6 +81,7 @@ import HtmlToPdf from '@vue2-client/utils/htmlToPDF'
 import { getConfigByName } from '@vue2-client/services/api/common'
 import XReportDesign from './XReportDesign.vue'
 import { printElement } from './print'
+// import XAddReport from '@vue2-client/base-client/components/common/XAddReport'
 
 export default {
   name: 'XReport',
@@ -173,6 +178,7 @@ export default {
     }
   },
   components: {
+    XAddReport: () => import('@vue2-client/base-client/components/common/XAddReport'),
     XReportDesign
   },
   data () {
@@ -233,7 +239,20 @@ export default {
       }
     },
   },
+  provide () {
+    return {
+      openDialog: this.openDialog
+    }
+  },
   methods: {
+    // 打开弹出框
+    openDialog (configName, selectedId) {
+      console.log('openDialog', configName, selectedId)
+      this.$refs.xAddReport.init({
+        configName: configName,
+        selectedId: selectedId
+      })
+    },
     // 向外暴露图片修改后的数据，某些外部需要自己管理图片的保存与修改
     updateImg (data) {
       this.$emit('updateImg', data)

package/src/pages/XReportGridView/XReportTrGroup.vue

@@ -475,6 +475,7 @@ export default {
       // tableConfig: {}
     }
   },
+  inject: ['openDialog'],
   methods: {
     executeCustomFunction (cell, ...args) {
       console.info('Event handled:', cell.eventType, args)

package/src/plugins/FindParentsData.js

@@ -0,0 +1,17 @@
+export default {
+    install (Vue) {
+      // 添加公共方法到 Vue 原型上
+      Vue.prototype.$findParentData = function (dataName) {
+        // 尝试从父组件获取数据
+        let parent = this.$parent
+        while (parent) {
+          const parentData = parent[dataName]
+          if (parentData !== undefined) {
+            return parentData // 找到返回数据
+          }
+          parent = parent.$parent // 继续向上寻找
+        }
+      return null // 如果没有找到，返回空
+    }
+  }
+}

package/src/router/guards.js

@@ -169,7 +169,8 @@ const loginGuard = (to, from, next, options) => {
       r: v4LoginData.r
     }
     Vue.$store.commit('account/setLogin', login)
-    if (!Vue.$store.state?.setting?.menuData) {
+    console.log('Vue.$store.state?.setting?.menuData', JSON.stringify(Vue.$store.state?.setting?.menuData))
+    if (!Vue.$store.state?.setting?.menuData || Vue.$store.state?.setting?.menuData?.length === 0) {
       loadRoutes(funcToRouter(v4LoginData.functions))
     }
     next()