vue2-client 1.16.37 → 1.16.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +112 -112
- package/src/base-client/components/common/HIS/HButtons/HButtons.vue +366 -366
- package/src/base-client/components/common/HIS/HForm/HForm.vue +1 -1
- package/src/base-client/components/common/HIS/HFormGroup/HFormGroup.vue +120 -120
- package/src/base-client/components/common/HIS/HFormGroup/index.js +3 -3
- package/src/base-client/components/common/HIS/demo.vue +61 -61
- package/src/base-client/components/common/XReportGrid/XReportTrGroup.vue +824 -824
- package/src/base-client/components/common/XTable/XTable.vue +4 -0
- package/src/base-client/components/his/XHisEditor/XHisEditor.vue +705 -705
- package/src/base-client/components/his/threeTestOrders/editor.vue +113 -113
- package/src/pages/userInfoDetailManage/ExceptionRecordQuery/index.vue +45 -45
- package/src/router/async/router.map.js +129 -129
|
@@ -51,7 +51,7 @@ defineExpose({
|
|
|
51
51
|
v-bind="$attrs"
|
|
52
52
|
v-on="$listeners"
|
|
53
53
|
>
|
|
54
|
-
<template v-for="(_, name) in $slots"
|
|
54
|
+
<template v-for="(_, name) in $slots" #[name]="slotData">
|
|
55
55
|
<slot :name="name" v-bind="slotData" />
|
|
56
56
|
</template>
|
|
57
57
|
</x-add-native-form>
|
|
@@ -1,120 +1,120 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import XFormGroup from '@vue2-client/base-client/components/common/XFormGroup/XFormGroup.vue'
|
|
3
|
-
import { ref, onMounted, getCurrentInstance, watch } from 'vue'
|
|
4
|
-
import { getConfigByNameAsync } from '@vue2-client/services/api/common'
|
|
5
|
-
|
|
6
|
-
// 与 HTab 保持一致的样式开关
|
|
7
|
-
defineProps({
|
|
8
|
-
hasTopMargin: { type: Boolean, default: true },
|
|
9
|
-
// 隐藏左侧索引栏（样式控制）
|
|
10
|
-
leftHide: { type: Boolean, default: false }
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
// 内部 XFormGroup 实例引用
|
|
14
|
-
const xFormGroupRef = ref()
|
|
15
|
-
|
|
16
|
-
// 暴露方法：对齐 XFormGroup 的外部可用方法
|
|
17
|
-
defineExpose({
|
|
18
|
-
getXFormGroupInstance: () => xFormGroupRef.value,
|
|
19
|
-
init: (params) => xFormGroupRef.value && xFormGroupRef.value.init && xFormGroupRef.value.init(params),
|
|
20
|
-
asyncSubmit: () => xFormGroupRef.value && xFormGroupRef.value.asyncSubmit && xFormGroupRef.value.asyncSubmit(),
|
|
21
|
-
getNativeFormRef: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeFormRef && xFormGroupRef.value.getNativeFormRef(group),
|
|
22
|
-
getNativeForm: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeForm && xFormGroupRef.value.getNativeForm(group)
|
|
23
|
-
})
|
|
24
|
-
|
|
25
|
-
// 自动初始化：当外部传入 queryParamsName 时，自动加载配置并调用 XFormGroup.init
|
|
26
|
-
const vm = getCurrentInstance()
|
|
27
|
-
const autoInit = async () => {
|
|
28
|
-
try {
|
|
29
|
-
const a = vm?.proxy?.$attrs || {}
|
|
30
|
-
const queryParamsName = a.queryParamsName
|
|
31
|
-
if (!queryParamsName) return
|
|
32
|
-
const serviceName = a.serviceName || process.env.VUE_APP_SYSTEM_NAME
|
|
33
|
-
const env = a.env || 'prod'
|
|
34
|
-
const showLeftTab = a.showLeftTab || false
|
|
35
|
-
const businessType = a.businessType || '新增'
|
|
36
|
-
const modifyModelData = a.modifyModelData || {}
|
|
37
|
-
|
|
38
|
-
const isDev = env === 'dev'
|
|
39
|
-
const res = await getConfigByNameAsync(queryParamsName, serviceName, isDev)
|
|
40
|
-
|
|
41
|
-
const payload = {
|
|
42
|
-
...res,
|
|
43
|
-
serviceName,
|
|
44
|
-
env,
|
|
45
|
-
showLeftTab,
|
|
46
|
-
businessType,
|
|
47
|
-
modifyModelData
|
|
48
|
-
}
|
|
49
|
-
if (xFormGroupRef.value && typeof xFormGroupRef.value.init === 'function') {
|
|
50
|
-
xFormGroupRef.value.init(payload)
|
|
51
|
-
} else {
|
|
52
|
-
// do nothing
|
|
53
|
-
}
|
|
54
|
-
} catch (e) {
|
|
55
|
-
// swallow
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
onMounted(() => {
|
|
60
|
-
autoInit()
|
|
61
|
-
})
|
|
62
|
-
|
|
63
|
-
// 当关键 attrs 变更时，重新初始化
|
|
64
|
-
watch(() => [vm?.proxy?.$attrs?.queryParamsName, vm?.proxy?.$attrs?.serviceName, vm?.proxy?.$attrs?.env], () => {
|
|
65
|
-
autoInit()
|
|
66
|
-
})
|
|
67
|
-
</script>
|
|
68
|
-
|
|
69
|
-
<template>
|
|
70
|
-
<div
|
|
71
|
-
class="h-form-group-wrapper"
|
|
72
|
-
:class="{
|
|
73
|
-
'h-form-group-has-top-margin': hasTopMargin,
|
|
74
|
-
'left-hide': leftHide
|
|
75
|
-
}"
|
|
76
|
-
>
|
|
77
|
-
<x-form-group
|
|
78
|
-
ref="xFormGroupRef"
|
|
79
|
-
v-bind="$attrs"
|
|
80
|
-
v-on="$listeners"
|
|
81
|
-
>
|
|
82
|
-
<template v-for="(_, name) in $slots" #[name]="slotData">
|
|
83
|
-
<slot :name="name" v-bind="slotData" />
|
|
84
|
-
</template>
|
|
85
|
-
</x-form-group>
|
|
86
|
-
</div>
|
|
87
|
-
|
|
88
|
-
</template>
|
|
89
|
-
|
|
90
|
-
<style scoped lang="less">
|
|
91
|
-
.h-form-group-wrapper {
|
|
92
|
-
// XFormGroup 自身容器
|
|
93
|
-
:deep(.XFormGroupClass) {
|
|
94
|
-
height: 100%;
|
|
95
|
-
|
|
96
|
-
.heigth100 { height: 100%; }
|
|
97
|
-
:deep(.ant-spin-container) { height: 100%; }
|
|
98
|
-
|
|
99
|
-
// 默认分组标题样式，参考 XFormGroup
|
|
100
|
-
.xFormGroupTitle {
|
|
101
|
-
font-size: 15px;
|
|
102
|
-
font-weight: bold;
|
|
103
|
-
color: @primary-color;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.formGroupContext {
|
|
107
|
-
height: 100%;
|
|
108
|
-
overflow-y: auto;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
// 隐藏左侧（索引栏）
|
|
112
|
-
&.left-hide {
|
|
113
|
-
:deep(.ant-spin-container) {
|
|
114
|
-
.ant-row {
|
|
115
|
-
.ant-col-3 { display: none; }
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import XFormGroup from '@vue2-client/base-client/components/common/XFormGroup/XFormGroup.vue'
|
|
3
|
+
import { ref, onMounted, getCurrentInstance, watch } from 'vue'
|
|
4
|
+
import { getConfigByNameAsync } from '@vue2-client/services/api/common'
|
|
5
|
+
|
|
6
|
+
// 与 HTab 保持一致的样式开关
|
|
7
|
+
defineProps({
|
|
8
|
+
hasTopMargin: { type: Boolean, default: true },
|
|
9
|
+
// 隐藏左侧索引栏（样式控制）
|
|
10
|
+
leftHide: { type: Boolean, default: false }
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
// 内部 XFormGroup 实例引用
|
|
14
|
+
const xFormGroupRef = ref()
|
|
15
|
+
|
|
16
|
+
// 暴露方法：对齐 XFormGroup 的外部可用方法
|
|
17
|
+
defineExpose({
|
|
18
|
+
getXFormGroupInstance: () => xFormGroupRef.value,
|
|
19
|
+
init: (params) => xFormGroupRef.value && xFormGroupRef.value.init && xFormGroupRef.value.init(params),
|
|
20
|
+
asyncSubmit: () => xFormGroupRef.value && xFormGroupRef.value.asyncSubmit && xFormGroupRef.value.asyncSubmit(),
|
|
21
|
+
getNativeFormRef: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeFormRef && xFormGroupRef.value.getNativeFormRef(group),
|
|
22
|
+
getNativeForm: (group) => xFormGroupRef.value && xFormGroupRef.value.getNativeForm && xFormGroupRef.value.getNativeForm(group)
|
|
23
|
+
})
|
|
24
|
+
|
|
25
|
+
// 自动初始化：当外部传入 queryParamsName 时，自动加载配置并调用 XFormGroup.init
|
|
26
|
+
const vm = getCurrentInstance()
|
|
27
|
+
const autoInit = async () => {
|
|
28
|
+
try {
|
|
29
|
+
const a = vm?.proxy?.$attrs || {}
|
|
30
|
+
const queryParamsName = a.queryParamsName
|
|
31
|
+
if (!queryParamsName) return
|
|
32
|
+
const serviceName = a.serviceName || process.env.VUE_APP_SYSTEM_NAME
|
|
33
|
+
const env = a.env || 'prod'
|
|
34
|
+
const showLeftTab = a.showLeftTab || false
|
|
35
|
+
const businessType = a.businessType || '新增'
|
|
36
|
+
const modifyModelData = a.modifyModelData || {}
|
|
37
|
+
|
|
38
|
+
const isDev = env === 'dev'
|
|
39
|
+
const res = await getConfigByNameAsync(queryParamsName, serviceName, isDev)
|
|
40
|
+
|
|
41
|
+
const payload = {
|
|
42
|
+
...res,
|
|
43
|
+
serviceName,
|
|
44
|
+
env,
|
|
45
|
+
showLeftTab,
|
|
46
|
+
businessType,
|
|
47
|
+
modifyModelData
|
|
48
|
+
}
|
|
49
|
+
if (xFormGroupRef.value && typeof xFormGroupRef.value.init === 'function') {
|
|
50
|
+
xFormGroupRef.value.init(payload)
|
|
51
|
+
} else {
|
|
52
|
+
// do nothing
|
|
53
|
+
}
|
|
54
|
+
} catch (e) {
|
|
55
|
+
// swallow
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
onMounted(() => {
|
|
60
|
+
autoInit()
|
|
61
|
+
})
|
|
62
|
+
|
|
63
|
+
// 当关键 attrs 变更时，重新初始化
|
|
64
|
+
watch(() => [vm?.proxy?.$attrs?.queryParamsName, vm?.proxy?.$attrs?.serviceName, vm?.proxy?.$attrs?.env], () => {
|
|
65
|
+
autoInit()
|
|
66
|
+
})
|
|
67
|
+
</script>
|
|
68
|
+
|
|
69
|
+
<template>
|
|
70
|
+
<div
|
|
71
|
+
class="h-form-group-wrapper"
|
|
72
|
+
:class="{
|
|
73
|
+
'h-form-group-has-top-margin': hasTopMargin,
|
|
74
|
+
'left-hide': leftHide
|
|
75
|
+
}"
|
|
76
|
+
>
|
|
77
|
+
<x-form-group
|
|
78
|
+
ref="xFormGroupRef"
|
|
79
|
+
v-bind="$attrs"
|
|
80
|
+
v-on="$listeners"
|
|
81
|
+
>
|
|
82
|
+
<template v-for="(_, name) in $slots" #[name]="slotData">
|
|
83
|
+
<slot :name="name" v-bind="slotData" />
|
|
84
|
+
</template>
|
|
85
|
+
</x-form-group>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
</template>
|
|
89
|
+
|
|
90
|
+
<style scoped lang="less">
|
|
91
|
+
.h-form-group-wrapper {
|
|
92
|
+
// XFormGroup 自身容器
|
|
93
|
+
:deep(.XFormGroupClass) {
|
|
94
|
+
height: 100%;
|
|
95
|
+
|
|
96
|
+
.heigth100 { height: 100%; }
|
|
97
|
+
:deep(.ant-spin-container) { height: 100%; }
|
|
98
|
+
|
|
99
|
+
// 默认分组标题样式，参考 XFormGroup
|
|
100
|
+
.xFormGroupTitle {
|
|
101
|
+
font-size: 15px;
|
|
102
|
+
font-weight: bold;
|
|
103
|
+
color: @primary-color;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.formGroupContext {
|
|
107
|
+
height: 100%;
|
|
108
|
+
overflow-y: auto;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
// 隐藏左侧（索引栏）
|
|
112
|
+
&.left-hide {
|
|
113
|
+
:deep(.ant-spin-container) {
|
|
114
|
+
.ant-row {
|
|
115
|
+
.ant-col-3 { display: none; }
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
</style>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import HFormGroup from './HFormGroup.vue'
|
|
2
|
-
|
|
3
|
-
export default HFormGroup
|
|
1
|
+
import HFormGroup from './HFormGroup.vue'
|
|
2
|
+
|
|
3
|
+
export default HFormGroup
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="h-tab-demo">
|
|
3
|
-
<!-- <!– XTab –>-->
|
|
4
|
-
<!-- <a-card title="XTab">-->
|
|
5
|
-
<!-- <h-tab-->
|
|
6
|
-
<!-- configName="openPrescriptionTab"-->
|
|
7
|
-
<!-- serverName="af-his"-->
|
|
8
|
-
<!-- />-->
|
|
9
|
-
<!-- </a-card>-->
|
|
10
|
-
|
|
11
|
-
<!-- HFormTable -->
|
|
12
|
-
<a-card title="HFormTable" style="margin-top: 20px;">
|
|
13
|
-
<h-form-table
|
|
14
|
-
queryParamsName="outpatientAdviceAllCRUD"
|
|
15
|
-
serviceName="af-his"
|
|
16
|
-
/>
|
|
17
|
-
</a-card>
|
|
18
|
-
|
|
19
|
-
<!-- HForm -->
|
|
20
|
-
<a-card title="HAddNativeForm" style="margin-top: 20px;">
|
|
21
|
-
<h-add-native-form
|
|
22
|
-
queryParamsName="TCMAdviceFormConfig"
|
|
23
|
-
serviceName="af-his"
|
|
24
|
-
/>
|
|
25
|
-
</a-card>
|
|
26
|
-
<!-- <a-card title="HFormGroup" style="margin-top: 20px;">-->
|
|
27
|
-
<!-- <h-form-group-->
|
|
28
|
-
<!-- queryParamsName="surgeryApplicationFormGroup"-->
|
|
29
|
-
<!-- serviceName="af-his"-->
|
|
30
|
-
<!-- :left-hide="true"-->
|
|
31
|
-
<!-- />-->
|
|
32
|
-
<!-- </a-card>-->
|
|
33
|
-
<!-- <!– HButtons –>-->
|
|
34
|
-
<!-- <a-card title="HButtons" style="margin-top: 20px;">-->
|
|
35
|
-
<!-- <h-buttons-->
|
|
36
|
-
<!-- queryParamsName="outpatientAdviceGroup"-->
|
|
37
|
-
<!-- serviceName="af-his"-->
|
|
38
|
-
<!-- />-->
|
|
39
|
-
<!-- </a-card>-->
|
|
40
|
-
</div>
|
|
41
|
-
</template>
|
|
42
|
-
|
|
43
|
-
<script setup>
|
|
44
|
-
// import HTab from './HTab/HTab.vue'
|
|
45
|
-
import HFormTable from './HFormTable/HFormTable.vue'
|
|
46
|
-
// import HButtons from './HButtons/HButtons.vue'
|
|
47
|
-
import HAddNativeForm from '@vue2-client/base-client/components/common/HIS/HAddNativeForm/HAddNativeForm.vue'
|
|
48
|
-
// import HFormGroup from './HFormGroup/HFormGroup.vue'
|
|
49
|
-
</script>
|
|
50
|
-
|
|
51
|
-
<style scoped lang="less">
|
|
52
|
-
.h-tab-demo {
|
|
53
|
-
padding: 20px;
|
|
54
|
-
|
|
55
|
-
h4 {
|
|
56
|
-
color: #333;
|
|
57
|
-
margin-bottom: 10px;
|
|
58
|
-
font-size: 14px;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="h-tab-demo">
|
|
3
|
+
<!-- <!– XTab –>-->
|
|
4
|
+
<!-- <a-card title="XTab">-->
|
|
5
|
+
<!-- <h-tab-->
|
|
6
|
+
<!-- configName="openPrescriptionTab"-->
|
|
7
|
+
<!-- serverName="af-his"-->
|
|
8
|
+
<!-- />-->
|
|
9
|
+
<!-- </a-card>-->
|
|
10
|
+
|
|
11
|
+
<!-- HFormTable -->
|
|
12
|
+
<a-card title="HFormTable" style="margin-top: 20px;">
|
|
13
|
+
<h-form-table
|
|
14
|
+
queryParamsName="outpatientAdviceAllCRUD"
|
|
15
|
+
serviceName="af-his"
|
|
16
|
+
/>
|
|
17
|
+
</a-card>
|
|
18
|
+
|
|
19
|
+
<!-- HForm -->
|
|
20
|
+
<a-card title="HAddNativeForm" style="margin-top: 20px;">
|
|
21
|
+
<h-add-native-form
|
|
22
|
+
queryParamsName="TCMAdviceFormConfig"
|
|
23
|
+
serviceName="af-his"
|
|
24
|
+
/>
|
|
25
|
+
</a-card>
|
|
26
|
+
<!-- <a-card title="HFormGroup" style="margin-top: 20px;">-->
|
|
27
|
+
<!-- <h-form-group-->
|
|
28
|
+
<!-- queryParamsName="surgeryApplicationFormGroup"-->
|
|
29
|
+
<!-- serviceName="af-his"-->
|
|
30
|
+
<!-- :left-hide="true"-->
|
|
31
|
+
<!-- />-->
|
|
32
|
+
<!-- </a-card>-->
|
|
33
|
+
<!-- <!– HButtons –>-->
|
|
34
|
+
<!-- <a-card title="HButtons" style="margin-top: 20px;">-->
|
|
35
|
+
<!-- <h-buttons-->
|
|
36
|
+
<!-- queryParamsName="outpatientAdviceGroup"-->
|
|
37
|
+
<!-- serviceName="af-his"-->
|
|
38
|
+
<!-- />-->
|
|
39
|
+
<!-- </a-card>-->
|
|
40
|
+
</div>
|
|
41
|
+
</template>
|
|
42
|
+
|
|
43
|
+
<script setup>
|
|
44
|
+
// import HTab from './HTab/HTab.vue'
|
|
45
|
+
import HFormTable from './HFormTable/HFormTable.vue'
|
|
46
|
+
// import HButtons from './HButtons/HButtons.vue'
|
|
47
|
+
import HAddNativeForm from '@vue2-client/base-client/components/common/HIS/HAddNativeForm/HAddNativeForm.vue'
|
|
48
|
+
// import HFormGroup from './HFormGroup/HFormGroup.vue'
|
|
49
|
+
</script>
|
|
50
|
+
|
|
51
|
+
<style scoped lang="less">
|
|
52
|
+
.h-tab-demo {
|
|
53
|
+
padding: 20px;
|
|
54
|
+
|
|
55
|
+
h4 {
|
|
56
|
+
color: #333;
|
|
57
|
+
margin-bottom: 10px;
|
|
58
|
+
font-size: 14px;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
</style>
|