vue2-client 1.15.104 → 1.15.106

package/package.json

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

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

@@ -67,7 +67,7 @@
         <template v-if="panel.type === 'picture'">
           <img :src="panel.configName" alt="图片" style="width: 100%; max-width: 500px;"/>
         </template>
-        <template v-else-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio', 'x-text-card','x-tree-rows'].includes(panel.type)">
+        <template v-else-if="['x-form-table','x-simple-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio', 'x-text-card','x-tree-rows'].includes(panel.type)">
           <component
             :is="getComponentName(panel.type)"
             :ref="`dynamicComponent_${ panel.type }_${ panelIndex }`"
@@ -116,7 +116,8 @@ export default {
     XTimeLine: () => import('@vue2-client/base-client/components/common/XTimeline/XTimeline.vue'),
     XRadio: () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue'),
     XTextCard: () => import('@vue2-client/base-client/components/his/XTextCard/XTextCard.vue'),
-    XTreeRows: () => import('@vue2-client/base-client/components/his/XTreeRows/XTreeRows.vue')
+    XTreeRows: () => import('@vue2-client/base-client/components/his/XTreeRows/XTreeRows.vue'),
+    XSimpleTable: () => import('@vue2-client/base-client/components/his/XSimpleTable/XSimpleTable.vue')
   },
   data () {
     return {

package/src/base-client/components/his/XShiftSchedule/XShiftSchedule.vue

@@ -4,7 +4,7 @@
       :columns="columns"
       :data-source="data"
       :rowSelection="rowSelection"
-      :scroll="{ y: '70vh' }">
+      :scroll="{ y: height == null? '70%' : height }">
       <span slot="time" class="time-title">
         <span v-for="(item, index) in configData.timePeriod" :key="index">{{ item }}</span>
       </span>
@@ -27,7 +27,7 @@
     </a-table>
   </div>
   <div v-else-if="pattern == 'form'">
-    <a-table :columns="columns" :data-source='data' :row-selection="rowSelection" bordered :scroll="{ y: '70vh' }">
+    <a-table :columns="columns" :data-source='data' :row-selection="rowSelection" bordered :scroll="{ y: height == null? '70%' : height }">
       <template v-for="(n, i) in inputColumns" :slot="n.dataIndex" slot-scope="text, record">
         <div class="a-div" :key="i">
           <a-input
@@ -52,6 +52,8 @@ import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
 export default {
   data () {
     return {
+      // 高度
+      height: '70%',
       // 输入框数据
       inputData: [],
       // 模式

package/src/base-client/components/his/XSimpleTable/XSimpleTable.vue

@@ -0,0 +1,119 @@
+<template>
+  <div class="table-container" :style="{ height: tableHeight }">
+    <a-table
+      :columns="processedColumns"
+      :dataSource="tableData"
+      :pagination="false"
+      :bordered="false"
+      :rowKey="rowKey"
+      :scroll="{ y: scrollY }"
+    />
+  </div>
+</template>
+
+<script>
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  props: {
+    queryParamsName: String,
+    rowKey: {
+      type: String,
+      default: 'id'
+    },
+    parameter: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      columns: [],
+      tableData: [],
+      tableHeight: 'auto', // 默认高度
+      scrollY: undefined
+    }
+  },
+  watch: {
+    queryParamsName: {
+      immediate: true,
+      handler (val) {
+        val && this.init(val, this.parameter)
+      }
+    }
+  },
+  computed: {
+    processedColumns () {
+      return this.columns.map(column => ({
+        ...column,
+        customHeaderCell: column.headerStyle
+          ? () => ({ style: column.headerStyle })
+          : undefined
+      }))
+    }
+  },
+  methods: {
+    init (config, parameterData) {
+      getConfigByName(config, 'af-his', res => {
+        // 从配置中获取表格高度
+        this.tableHeight = res.tableHeight || '400px' // 默认400px
+        this.columns = res.columns || []
+
+        runLogic(res.logicName, parameterData, 'af-his').then(result => {
+          this.tableData = result.map((item, index) => ({
+            ...item,
+            key: item[this.rowKey] || `row_${index}`
+          }))
+
+          this.$nextTick(() => {
+            this.scrollY = this.tableHeight
+          })
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 表格容器 */
+.table-container {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 基础无边框样式 */
+/deep/ .ant-table {
+  border: none !important;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/deep/ .ant-table-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/deep/ .ant-table-body {
+  flex: 1;
+  overflow-y: auto !important;
+}
+
+/deep/ .ant-table-tbody > tr > td {
+  border-bottom: none !important;
+  padding: 6px !important;
+}
+
+/deep/ .ant-table-thead > tr > th {
+  border-bottom: none !important;
+  background: none !important;
+  padding: 8px 6px !important;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: white !important;
+}
+</style>