vue2-client 1.16.35 → 1.16.37

package/src/base-client/components/common/HIS/HFormGroup/HFormGroup.vue

@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import XFormGroup from '@vue2-client/base-client/components/common/XFormGroup/XFormGroup.vue'
+import { ref, onMounted, getCurrentInstance, watch } from 'vue'
+import { getConfigByNameAsync } from '@vue2-client/services/api/common'
+
+// 与 HTab 保持一致的样式开关
+defineProps({
+  hasTopMargin: { type: Boolean, default: true },
+  // 隐藏左侧索引栏（样式控制）
+  leftHide: { type: Boolean, default: false }
+})
+
+// 内部 XFormGroup 实例引用
+const xFormGroupRef = ref()
+
+// 暴露方法：对齐 XFormGroup 的外部可用方法
+defineExpose({
+  getXFormGroupInstance: () => xFormGroupRef.value,
+  init: (params) => xFormGroupRef.value && xFormGroupRef.value.init && xFormGroupRef.value.init(params),
+  asyncSubmit: () => xFormGroupRef.value && xFormGroupRef.value.asyncSubmit && xFormGroupRef.value.asyncSubmit(),
+  getNativeFormRef: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeFormRef && xFormGroupRef.value.getNativeFormRef(group),
+  getNativeForm: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeForm && xFormGroupRef.value.getNativeForm(group)
+})
+
+// 自动初始化：当外部传入 queryParamsName 时，自动加载配置并调用 XFormGroup.init
+const vm = getCurrentInstance()
+const autoInit = async () => {
+  try {
+    const a = vm?.proxy?.$attrs || {}
+    const queryParamsName = a.queryParamsName
+    if (!queryParamsName) return
+    const serviceName = a.serviceName || process.env.VUE_APP_SYSTEM_NAME
+    const env = a.env || 'prod'
+    const showLeftTab = a.showLeftTab || false
+    const businessType = a.businessType || '新增'
+    const modifyModelData = a.modifyModelData || {}
+
+    const isDev = env === 'dev'
+    const res = await getConfigByNameAsync(queryParamsName, serviceName, isDev)
+
+    const payload = {
+      ...res,
+      serviceName,
+      env,
+      showLeftTab,
+      businessType,
+      modifyModelData
+    }
+    if (xFormGroupRef.value && typeof xFormGroupRef.value.init === 'function') {
+      xFormGroupRef.value.init(payload)
+    } else {
+      // do nothing
+    }
+  } catch (e) {
+    // swallow
+  }
+}
+
+onMounted(() => {
+  autoInit()
+})
+
+// 当关键 attrs 变更时，重新初始化
+watch(() => [vm?.proxy?.$attrs?.queryParamsName, vm?.proxy?.$attrs?.serviceName, vm?.proxy?.$attrs?.env], () => {
+  autoInit()
+})
+</script>
+
+<template>
+  <div
+    class="h-form-group-wrapper"
+    :class="{
+      'h-form-group-has-top-margin': hasTopMargin,
+      'left-hide': leftHide
+    }"
+  >
+    <x-form-group
+      ref="xFormGroupRef"
+      v-bind="$attrs"
+      v-on="$listeners"
+    >
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+    </x-form-group>
+  </div>
+
+</template>
+
+<style scoped lang="less">
+.h-form-group-wrapper {
+  // XFormGroup 自身容器
+  :deep(.XFormGroupClass) {
+    height: 100%;
+
+    .heigth100 { height: 100%; }
+    :deep(.ant-spin-container) { height: 100%; }
+
+    // 默认分组标题样式，参考 XFormGroup
+    .xFormGroupTitle {
+      font-size: 15px;
+      font-weight: bold;
+      color: @primary-color;
+    }
+
+    .formGroupContext {
+      height: 100%;
+      overflow-y: auto;
+    }
+  }
+  // 隐藏左侧（索引栏）
+  &.left-hide {
+    :deep(.ant-spin-container) {
+      .ant-row {
+        .ant-col-3 { display: none; }
+      }
+    }
+  }
+}
+</style>

package/src/base-client/components/common/HIS/HFormGroup/index.js

@@ -0,0 +1,3 @@
+import HFormGroup from './HFormGroup.vue'
+
+export default HFormGroup

package/src/base-client/components/common/HIS/demo.vue

@@ -1,54 +1,61 @@
-<template>
-  <div class="h-tab-demo">
-<!--    &lt;!&ndash; XTab &ndash;&gt;-->
-<!--    <a-card title="XTab">-->
-<!--      <h-tab-->
-<!--        configName="openPrescriptionTab"-->
-<!--        serverName="af-his"-->
-<!--      />-->
-<!--    </a-card>-->
-
-    <!-- HFormTable -->
-    <a-card title="HFormTable" style="margin-top: 20px;">
-      <h-form-table
-        queryParamsName="outpatientAdviceAllCRUD"
-        serviceName="af-his"
-      />
-    </a-card>
-
-    <!-- HForm -->
-    <a-card title="HAddNativeForm" style="margin-top: 20px;">
-      <h-add-native-form
-        queryParamsName="TCMAdviceFormConfig"
-        serviceName="af-his"
-      />
-    </a-card>
-
-<!--    &lt;!&ndash; HButtons &ndash;&gt;-->
-<!--    <a-card title="HButtons" style="margin-top: 20px;">-->
-<!--      <h-buttons-->
-<!--        queryParamsName="outpatientAdviceGroup"-->
-<!--        serviceName="af-his"-->
-<!--      />-->
-<!--    </a-card>-->
-  </div>
-</template>
-
-<script setup>
-// import HTab from './HTab/HTab.vue'
-import HFormTable from './HFormTable/HFormTable.vue'
-// import HButtons from './HButtons/HButtons.vue'
-import HAddNativeForm from '@vue2-client/base-client/components/common/HIS/HAddNativeForm/HAddNativeForm.vue'
-</script>
-
-<style scoped lang="less">
-.h-tab-demo {
-  padding: 20px;
-
-  h4 {
-    color: #333;
-    margin-bottom: 10px;
-    font-size: 14px;
-  }
-}
-</style>
+<template>
+  <div class="h-tab-demo">
+<!--    &lt;!&ndash; XTab &ndash;&gt;-->
+<!--    <a-card title="XTab">-->
+<!--      <h-tab-->
+<!--        configName="openPrescriptionTab"-->
+<!--        serverName="af-his"-->
+<!--      />-->
+<!--    </a-card>-->
+
+    <!-- HFormTable -->
+    <a-card title="HFormTable" style="margin-top: 20px;">
+      <h-form-table
+        queryParamsName="outpatientAdviceAllCRUD"
+        serviceName="af-his"
+      />
+    </a-card>
+
+    <!-- HForm -->
+    <a-card title="HAddNativeForm" style="margin-top: 20px;">
+      <h-add-native-form
+        queryParamsName="TCMAdviceFormConfig"
+        serviceName="af-his"
+      />
+    </a-card>
+<!--    <a-card title="HFormGroup" style="margin-top: 20px;">-->
+<!--      <h-form-group-->
+<!--        queryParamsName="surgeryApplicationFormGroup"-->
+<!--        serviceName="af-his"-->
+<!--        :left-hide="true"-->
+<!--      />-->
+<!--    </a-card>-->
+<!--    &lt;!&ndash; HButtons &ndash;&gt;-->
+<!--    <a-card title="HButtons" style="margin-top: 20px;">-->
+<!--      <h-buttons-->
+<!--        queryParamsName="outpatientAdviceGroup"-->
+<!--        serviceName="af-his"-->
+<!--      />-->
+<!--    </a-card>-->
+  </div>
+</template>
+
+<script setup>
+// import HTab from './HTab/HTab.vue'
+import HFormTable from './HFormTable/HFormTable.vue'
+// import HButtons from './HButtons/HButtons.vue'
+import HAddNativeForm from '@vue2-client/base-client/components/common/HIS/HAddNativeForm/HAddNativeForm.vue'
+ // import HFormGroup from './HFormGroup/HFormGroup.vue'
+</script>
+
+<style scoped lang="less">
+.h-tab-demo {
+  padding: 20px;
+
+  h4 {
+    color: #333;
+    margin-bottom: 10px;
+    font-size: 14px;
+  }
+}
+</style>

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

@@ -4,8 +4,12 @@
       title="示例表单"
       :queryParamsName="queryParamsName"
       :fixedAddForm="fixedAddForm"
+      :x-tree-config-name="xTreeConfigName"
       :externalSelectedRowKeys="selectedKeys"
-      serviceName="af-linepatrol"
+      @action="action"
+      @selectRow="selectRow"
+      @columnClick="columnClick"
+      serviceName="af-revenue"
       ref="xFormTable">
     </x-form-table>
   </a-card>
@@ -13,18 +17,19 @@
 
 <script>
 import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
-import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
+import { microDispatch } from '@vue2-client/utils/microAppUtils'
 
 export default {
   name: 'Demo',
   components: {
-    XFormTable,
-    XAddNativeForm
+    XFormTable
   },
   data () {
     return {
       // 查询配置文件名
-      queryParamsName: 'ceshiCRUD',
+      queryParamsName: 'address_management',
+      // 查询配置左侧tree
+      xTreeConfigName: 'addressType',
       // 新增表单固定值
       fixedAddForm: {},
       // 是否显示详情抽屉
@@ -39,9 +44,42 @@ export default {
       }
     }
   },
-  mounted () {
-  },
   methods: {
+    test () {
+      this.$refs.xFormTable.setTableData([])
+    },
+    defaultF () {
+      this.$refs.xFormTable.setTableSize('default')
+    },
+    middleF () {
+      this.$refs.xFormTable.setTableSize('middle')
+    },
+    smallF () {
+      this.$refs.xFormTable.setTableSize('small')
+    },
+    columnClick (key, value, record) {
+      microDispatch({
+        type: 'v3route',
+        path: '/bingliguanli/dianzibingliluru',
+        props: { selected: arguments[0].his_f_admission_id }
+      })
+    },
+    action (record, id, actionType) {
+      this.detailVisible = true
+      console.log('触发了详情操作', record, id, actionType)
+    },
+    onClose () {
+      this.detailVisible = false
+      // 关闭详情之后重新查询表单
+      this.$refs.xFormTable.refreshTable(true)
+    },
+    selectRow (selectedRowKeys, selectedRows) {
+      this.selected = {
+        keys: selectedRowKeys,
+        rows: selectedRows
+      }
+      console.log('selectedDemo', this.selected)
+    },
   },
   computed: {},
 }