vue2-client 1.14.20 → 1.14.22

package/src/router/async/router.map.js

@@ -59,7 +59,7 @@ routerResource.example = {
   // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
-  component: () => import('@vue2-client/base-client/components/his/threeTestOrders/test.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
@@ -74,7 +74,7 @@ routerResource.example = {
   // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
   // component: () => import('@vue2-client/pages/LogicCallExample/index.vue'),
   // component: () => import('@vue2-client/components/FilePreview/FilePreviewDemo.vue'),
-  // component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
+  component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
 }
 // routerResource.example = () =>
 //    import('@vue2-client/pages/Example')

package/src/base-client/components/TreeList/TreeList.vue

@@ -1,91 +0,0 @@
-<template>
-  <div class="tree-container">
-    <div class="tree-list">
-      <tree-node 
-        v-for="node in treeData" 
-        :key="node.id"
-        :node="node"
-        @toggle="toggleNode"/>
-    </div>
-  </div>
-</template>
-
-<script>
-import TreeNode from './TreeNode.vue'
-
-export default {
-  name: 'TreeList',
-  components: {
-    TreeNode
-  },
-  data() {
-    return {
-      treeData: [
-        {
-          id: '1',
-          title: '体征',
-          expanded: false,
-          children: [
-            {
-              id: '1-1',
-              title: '一般情况'
-            },
-            {
-              id: '1-2',
-              title: '皮肤粘膜'
-            },
-            {
-              id: '1-3',
-              title: '头颈',
-              expanded: false,
-              children: [
-                {
-                  id: '1-3-1',
-                  title: '头部'
-                },
-                {
-                  id: '1-3-2',
-                  title: '颈部'
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  },
-  methods: {
-    toggleNode(node) {
-      node.expanded = !node.expanded
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tree-container {
-  width: 240px;
-  height: 400px;
-  border: 1px solid #e8e8e8;
-  overflow-y: auto;
-  padding: 8px;
-}
-
-/* 自定义滚动条样式 */
-.tree-container::-webkit-scrollbar {
-  width: 6px;
-}
-
-.tree-container::-webkit-scrollbar-thumb {
-  background-color: #ccc;
-  border-radius: 3px;
-}
-
-.tree-container::-webkit-scrollbar-track {
-  background-color: #f5f5f5;
-}
-
-.tree-list {
-  font-size: 14px;
-}
-</style> 

package/src/base-client/components/TreeList/TreeNode.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="tree-node">
-    <div class="node-content" @click="handleClick">
-      <span v-if="hasChildren" class="toggle-icon">
-        {{ node.expanded ? '-' : '+' }}
-      </span>
-      <span class="node-title">{{ node.title }}</span>
-    </div>
-    <div v-if="hasChildren && node.expanded" class="node-children">
-      <tree-node
-        v-for="child in node.children"
-        :key="child.id"
-        :node="child"
-        @toggle="$emit('toggle', $event)"
-        :level="level + 1"/>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'TreeNode',
-  props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    level: {
-      type: Number,
-      default: 0
-    }
-  },
-  computed: {
-    hasChildren() {
-      return this.node.children && this.node.children.length > 0
-    }
-  },
-  methods: {
-    handleClick() {
-      if (this.hasChildren) {
-        this.$emit('toggle', this.node)
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tree-node {
-  margin: 2px 0;
-}
-
-.node-content {
-  display: flex;
-  align-items: center;
-  padding: 4px 0;
-  user-select: none;
-}
-
-.toggle-icon {
-  width: 16px;
-  text-align: center;
-  font-size: 14px;
-  color: #666;
-  margin-right: 4px;
-  cursor: pointer;
-}
-
-.node-title {
-  flex: 1;
-  cursor: default;
-}
-
-.node-content:hover {
-  background-color: #f5f5f5;
-}
-
-.node-children {
-  padding-left: 20px;
-}
-</style> 

package/src/base-client/components/common/XCardSet/XTiltle.vue

@@ -1,191 +0,0 @@
-<template>
-  <a-row
-    class="title_box"
-    :style="{backgroundColor: requiredParameters.backgroundColor,height:requiredParameters.height}"
-    type="flex"
-    v-model="requiredParameters">
-    <a-col class="title_col_left" :flex="3">
-      <div class="title_img_box">
-        <img src="../img/header10086.png" class="title_img" alt="">
-      </div>
-      <div class="title_name">{{ requiredParameters.title }}</div>
-    </a-col>
-    <a-col class="title_col_right" id="titleSelect" :flex="3" style="padding-right: 3%" v-model="dateData">
-      <div class="title_date_box">
-        <div class="title_data">{{ dateData.date }}</div>
-        <div class="title_week">{{ dateData.dayOfWeek }}</div>
-      </div>
-      <div class="title_time">{{ dateData.time }}</div>
-      <div style="font-size: x-large;margin-left: 1%">|</div>
-      <div class="title_refresh" @click="refreshTitle"><a-icon type="undo" style="font-size: x-large;"/></div>
-      <div class="title_refresh_box">
-        <div class="title_refresh_time">{{ dateData.refreshTime }}</div>
-        <div class="latest_update_time">最新更新时间</div>
-      </div>
-    </a-col>
-  </a-row>
-</template>
-
-<script>
-
-export default {
-  name: 'TitleComponent',
-  components: {},
-  data () {
-    return {
-      dateData: {
-        date: '',
-        dayOfWeek: '',
-        time: '',
-        refreshTime: ''
-      },
-      timer: null
-    }
-  },
-  props: {
-    requiredParameters: {
-      type: Object,
-      default: () => ({
-        title: '',
-        backgroundColor: '',
-        height: ''
-      }),
-    }
-  },
-  created () {
-    this.updateDateData()
-    this.startTimer()
-  },
-  beforeDestroy () {
-    this.stopTimer()
-  },
-  methods: {
-    // 刷新页面
-    refreshTitle () {
-      this.$forceUpdate()
-      const now = new Date()
-      this.dateData.refreshTime = now.toLocaleTimeString()
-      this.$emit('refreshTitle')
-    },
-    updateDateData () {
-      const now = new Date()
-      const options = { weekday: 'long' }
-      this.dateData.date = this.formatDate(now)
-      this.dateData.time = this.formatTime(now)
-      this.dateData.dayOfWeek = now.toLocaleDateString(undefined, options)
-      this.dateData.refreshTime = now.toLocaleTimeString()
-    },
-    formatDate (date) {
-      const month = date.getMonth() + 1
-      const day = date.getDate()
-      return `${month}月${day}日`
-    },
-    formatTime (date) {
-      const hours = String(date.getHours()).padStart(2, '0')
-      const minutes = String(date.getMinutes()).padStart(2, '0')
-      return `${hours}:${minutes}`
-    },
-    startTimer () {
-      this.timer = setInterval(() => {
-        const now = new Date()
-        this.dateData.time = this.formatTime(now)
-      }, 10000) // 每秒更新一次
-    },
-    stopTimer () {
-      if (this.timer) {
-        clearInterval(this.timer)
-        this.timer = null
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.title_box {
-  width: 100%;
-  min-height:42px;
-}
-.title_col_left {
-  height: 100%;
-  color: white;
-  display: flex;
-  align-content: center;
-  align-items: center;
-}
-.title_col_right {
-  height: 100%;
-  color: white;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: flex-end;
-}
-.title_img_box {
-  height: 80%;
-  width: auto;
-  margin-left: 1%;
-  border-radius: 50%;
-  background-color: #35baf6;
-}
-.title_img{
-  width: 100%;
-  height: 100%;
-}
-.title_name {
-  font-size: medium !important;
-  font-weight: bold;
-  margin-left: 1%;
-}
-.title_date_box{
-  width: 20%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-.title_data{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: smaller;
-}
-.title_week{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: smaller;
-}
-.title_time{
-  font-size: x-large;
-}
-.title_refresh{
-  margin-left: 1%;
-  height: 100%;
-  align-content: center;
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  width: 7%;
-  justify-content: center;
-  min-width: 31px;
-}
-.title_refresh:hover{
-  background-color: rgb(31, 138, 137);
-}
-.title_refresh:active{
-  background-color: rgb(26, 129, 128);
-}
-.title_refresh_box{
-  margin-right: 1%;
-}
-.latest_update_time{
-  font-size: x-small;
-}
-.title_refresh_time{
-  display: flex;
-  font-size: x-small;
-  align-content: center;
-  justify-content: center;
-}
-</style>

package/src/base-client/components/his/threeTestOrders/test.vue

@@ -1,21 +0,0 @@
-<template>
-  <ThreeTestOrders ref="three"></ThreeTestOrders>
-</template>
-
-<script>
-  import ThreeTestOrders from '@/base-client/components/his/threeTestOrders/threeTestOrders.vue'
-  export default {
-    name: 'Test',
-    components: {
-      ThreeTestOrders
-    },
-    data () {
-      return {
-        msg: 'Welcome to Your Vue.js App'
-      }
-    }
-  }
-</script>
-
-<style scoped>
-</style>