vue2-client 1.15.93 → 1.15.94

package/.history/src/base-client/components/his/XList/XList_20250707100259.vue

@@ -1,488 +0,0 @@
-<template>
-  <!-- 列表卡片模式 listMode: card -->
-  <div v-if="listMode"
-    class="demo-infinite-container"
-    ref="listRef"
-    @scroll="handleInfiniteOnLoad">
-    <a-list :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 }"
-      :data-source="localData">
-      <a-list-item slot="renderItem" slot-scope="item, index">
-        <div class="card-a-col">
-          <a-row class="card-row">
-            <a-col class="id-a-col" :span="4" v-for="(detail,idx) in item.filter(d => d.label == label)" :key="idx">
-              {{detail.value}}<span style="font-size: 16px;font-weight: 400 !important;">床</span>
-            </a-col>
-            <a-col :span="20" class="id-a-col-2">
-              <template v-for="(detail,idx) in item">
-                <span class="describe-list-a-col" :class="{name: detail.bold}" :key="idx" v-if="detail.type == 'title'">{{detail.value}}</span>
-                <span :key="idx" class="component-a-col" v-else-if="detail.type == 'component' && detail.label != label">
-                  {{`${detail.label}：`}}
-                  <component
-                    :is="detail.slotType"
-                    :key="idx"
-                    :ref="`dynamicComponent_${ idx.slotType || idx}_${idx}`"
-                    :serviceName="serviceName"
-                    v-on="forwardAllEvents"
-                    :queryParamsName="detail.value"
-                    :countVisible="false"
-                  />
-                </span>
-                <span :key="idx" class="component-a-col" v-else-if="detail.type == 'date'">
-                  {{`${detail.label}：`}}
-                  <a-date-picker @change="onChange" />
-                </span>
-                <span class="describe-list-a-col" :class="{name: detail.bold}" :key="idx" v-else-if="detail.label != label">{{`${detail.label}：${detail.value}`}}</span>
-              </template>
-              <a-button v-for="(btn, i) in buttonNames"
-                        :key="i"
-                        icon="search"
-                        class="button-a-col"
-                        @click.stop="click(item, index)">
-                {{btn}}
-              </a-button>
-            </a-col>
-          </a-row>
-        </div>
-      </a-list-item>
-      <div v-if="loading" class="demo-loading-container">
-        <a-spin />
-      </div>
-      <div v-if="allLoaded">
-        <div class="demo-infinite-list-bottom">
-          已经显示全部数据
-        </div>
-      </div>
-    </a-list>
-  </div>
-
-  <!-- 默认标签模式 -->
-  <div class="list-wrapper" v-else>
-    <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container" ref="listRef">
-      <a-list-item slot="renderItem"
-        slot-scope="item, index"
-        class="list-item"
-        @click="handleClick(index)"
-        @mouseenter="enableHoverOptions && handleMouseEnter(index)"
-        @mouseleave="handleMouseLeave"
-        :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index }">
-        <i v-if="icon"
-          class="icon-menu"
-          :style="getIconStyle(item)">
-        </i>
-        <span
-          class="item-text">
-          {{ item.number }} {{ item.name }}
-        </span>
-
-        <div v-if="button" class="button-group">
-          <a-button
-            v-for="(name, idx) in buttonNames"
-            :key="idx"
-            type="link"
-            :class="['confirm-btn', buttonMode ? 'hover-btn' : '']"
-            @click.stop="click(index, idx)">
-            <span :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index }">{{ name }}</span>
-          </a-button>
-        </div>
-
-        <!-- 悬浮选项框 -->
-        <div v-show="enableHoverOptions && hoveredIndex === index"
-          class="hover-options"
-          @mouseenter="handleOptionsEnter"
-          @mouseleave="handleOptionsLeave">
-          <div class="hover-options-content">
-            <div v-for="(item, idx) in select_options"
-              :key="idx"
-              class="option-item"
-              @click="handleOptionClick(index, item)">
-              {{ item }}
-            </div>
-          </div>
-        </div>
-      </a-list-item>
-    </a-list>
-  </div>
-</template>
-
-<script>
-
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XList',
-  components: {
-    XReport: () => import('@vue2-client/base-client/components/common/XReport/XReport.vue'),
-    XButtons: () => import('@vue2-client/base-client/components/common/XButtons/XButtons.vue'),
-    XInput: () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
-    XRadio: () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue'),
-    XTimeSelect: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelect.vue'),
-    XCheckbox: () => import('@vue2-client/base-client/components/his/XCheckbox/XCheckbox.vue'),
-    XTitle: () => import('@vue2-client/base-client/components/his/XTitle/XTitle.vue'),
-    XSelect: () => import('@vue2-client/base-client/components/his/XSelect/XSelect.vue')
-  },
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: null
-    },
-    fixedQueryForm: {
-      type: Object,
-      default: { condition: '1=1' }
-    },
-    enableHoverOptions: {
-      type: Boolean,
-      default: true
-    },
-    serviceName: {
-      type: String,
-      default: 'af-his'
-    }
-  },
-  inject: ['getComponentByName'],
-  data () {
-    return {
-      data: [], // 数据源
-      localData: [], // 本地数据源
-      loading: false, // 加载中
-      busy: false, // 繁忙状态
-      button: false,
-      icon: false,
-      buttonNames: [],
-      listMode: undefined, // 列表模式
-      buttonMode: true,
-      hoveredIndex: -1, // 当前悬浮的索引
-      isOptionsHovered: false, // 悬浮选项框是否悬浮
-      hoverTimer: null, // 悬浮选项框定时器
-      leaveTimer: null, // 离开选项框定时器
-      select_options: [], // 悬浮选项框
-      logicName: '',
-      nowPage: 0, // 当前页
-      pageSize: 12,
-      allLoaded: false,
-      label: 'id',
-      scrollTimer: null
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName, this.fixedQueryForm)
-  },
-  mounted () {},
-  computed: {
-    forwardAllEvents () {
-      return {
-        // 监听所有事件并转发给父组件
-        '*': (eventName, ...payload) => {
-          this.$emit(eventName, ...payload)
-        }
-      }
-    }
-  },
-  methods: {
-    onChange (date, dateString) {
-      this.$emit('dateChange', date, dateString)
-    },
-    handleInfiniteOnLoad (event) {
-      if (this.busy || this.allLoaded) return // 防止重复加载
-      if (this.scrollTimer) clearTimeout(this.scrollTimer)
-      this.scrollTimer = setTimeout(() => {
-        const container = event.target
-        const scrollTop = container.scrollTop
-        const scrollHeight = container.scrollHeight
-        const clientHeight = container.clientHeight
-        const bottomOffset = 10
-        if (scrollTop + clientHeight >= scrollHeight - bottomOffset) {
-          this.busy = true
-          this.loading = true
-          this.nowPage = this.nowPage + this.pageSize
-          this.fixedQueryForm.condition = `Limit ${this.nowPage}, ${this.pageSize}`
-          runLogic(this.logicName, this.fixedQueryForm, 'af-his').then(async (res) => {
-            this.localData = [...this.localData, ...res]
-            if (res.length < this.pageSize) {
-              this.allLoaded = true
-            }
-          }).catch(e => {
-            this.$message.error(e.message)
-          }).finally(() => {
-            this.loading = false
-            this.busy = false
-          })
-        }
-      }, 100)
-    },
-    async getData (config, param) {
-      const that = this
-      getConfigByName(config, 'af-his', async (res) => {
-        that.listMode = await res.listMode == 'card'
-        that.logicName = await res.data
-        that.button = await res.button // 按钮
-        that.icon = await res.icon //  图标
-        that.label = await res.label // 标签
-        that.buttonNames = await res.buttonNames || []// 按钮文本
-        that.buttonMode = await res.buttonMode || false// 按钮模式
-        this.enableHoverOptions = await res.enableHoverOptions || false// 悬浮选项框
-        if (this.enableHoverOptions) {
-          this.select_options = await res.select_options
-        }
-        if (that.listMode) { param.condition = `Limit ${that.nowPage}, ${that.pageSize}` }
-        runLogic(res.data, param, 'af-his').then(result => {
-          that.data = result
-          if (that.nowPage == 0) { this.localData = result }
-        })
-      })
-    },
-    // 点击列表项
-    handleClick (index) {
-      this.$emit('listClick', this.data[index])
-    },
-    refreshList (param) {
-      this.getData(this.queryParamsName, param)
-    },
-    click (index, buttonIndex) {
-      this.$emit('click', { data: this.data[index], name: this.buttonNames[buttonIndex] })
-    },
-    getIconStyle (item) {
-      return item.picture
-        ? { backgroundImage: `url(${item.picture})` }
-        : {}
-    },
-    filterData (par) {
-      runLogic(this.queryParamsName, par, 'af-his').then(res => {
-        this.data = res.data
-      })
-    },
-    // 鼠标进入列表项
-    handleMouseEnter (index) {
-      this.clearAllTimers()
-      this.hoveredIndex = index
-      this.isOptionsHovered = true
-    },
-    // 鼠标离开列表项
-    handleMouseLeave () {
-      this.clearAllTimers()
-      this.leaveTimer = setTimeout(() => {
-        this.isOptionsHovered = false
-        this.hoveredIndex = -1
-      }, 100)
-    },
-    // 鼠标进入悬浮选项框
-    handleOptionsEnter () {
-      this.clearAllTimers()
-      this.isOptionsHovered = true
-    },
-    // 鼠标离开悬浮选项框
-    handleOptionsLeave () {
-      this.clearAllTimers()
-      this.leaveTimer = setTimeout(() => {
-        this.isOptionsHovered = false
-        this.hoveredIndex = -1
-      }, 100)
-    },
-    // 清除所有定时器
-    clearAllTimers () {
-      if (this.hoverTimer) {
-        clearTimeout(this.hoverTimer)
-        this.hoverTimer = null
-      }
-      if (this.leaveTimer) {
-        clearTimeout(this.leaveTimer)
-        this.leaveTimer = null
-      }
-    },
-    // 选项框点击
-    handleOptionClick (index, action) {
-      this.$emit('optionClick', { data: this.data[index], action })
-    }
-  },
-  watch: {
-    fixedQueryForm: {
-      deep: true,
-      handler (val) {
-        this.refreshList(val)
-      }
-    }
-  },
-  beforeDestroy () {
-    const ref = this.$refs.listRef
-    if (ref && ref.removeEventListener) {
-      ref.removeEventListener('scroll', this.handleInfiniteOnLoad)
-    }
-    this.clearAllTimers()
-  }
-}
-</script>
-
-<style scoped>
-.list-wrapper {
-  max-height: 240px;
-  overflow-y: auto;
-  padding-right: 2px;
-}
-
-.list-container {
-  width: 100%;
-}
-
-.list-item {
-  height: 35px;
-  border-radius: 6px;
-  background-color: #F4F4F4;
-  padding: 8px 15px;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  border: 1px solid #D9D9D9;
-  box-sizing: border-box;
-  margin-bottom: 8px !important;
-  position: relative;
-  transition: background-color 0.3s ease;
-}
-
-.icon-menu {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  background-color: #ccc;
-  margin-right: 8px;
-}
-
-.item-text {
-  flex: 1;
-}
-
-.confirm-btn {
-  margin-left: auto;
-  padding: 0 8px;
-}
-
-.confirm-btn.hover-btn {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-
-.button-group {
-  display: flex;
-  gap: 2px; /* 按钮之间的间距 */
-}
-
-.list-item:hover .confirm-btn.hover-btn {
-  opacity: 1;
-}
-
-/* 自定义滚动条样式 */
-.list-wrapper::-webkit-scrollbar {
-  width: 6px;
-}
-
-.list-wrapper::-webkit-scrollbar-thumb {
-  background-color: #d9d9d9;
-  border-radius: 3px;
-}
-
-.list-wrapper::-webkit-scrollbar-track {
-  background-color: #f0f0f0;
-}
-
-.hover-active {
-  color: white;
-}
-
-.list-item.hover-active {
-  background-color: rgb(0, 87, 254) !important;
-  color: white;
-  border: 1px solid black;
-}
-
-.hover-options {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 100%;
-  background: white;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  z-index: 1000;
-  margin-top: 4px;
-  width: 100%;
-  box-sizing: border-box;
-  pointer-events: auto;
-}
-
-.hover-options-content {
-  padding: 4px 0;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.option-item {
-  padding: 8px 12px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  color: #333;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-
-.option-item:hover {
-  background-color: #f5f5f5;
-  color: #1890ff;
-}
-
-.option-item:active {
-  background-color: #e6f7ff;
-}
-
-.demo-loading-container {
-  position: absolute;
-  bottom: 40px;
-  width: 100%;
-  text-align: center;
-}
-
-.demo-infinite-container{
-  overflow-x: hidden;
-  overflow-y: auto;
-  height: 80vh;
-}
-.card-row{
-  height: 100%;
-  width: 100%;
-  border-radius: 6px;
-  padding: 6px;
-}
-.id-a-col{
-  font-size: 22px;
-  font-weight: 700;
-  display: flex;
-  justify-content: space-evenly;
-  align-items: center;
-}
-.id-a-col-2{}
-.describe-list-a-col{
-  display: block;
-  font-size: 16px;
-}
-.name{
-  font-size: 18px;
-  font-weight: 700;
-}
-.component-a-col{
-  display: flex;
-  align-items: center;
-}
-.button-a-col{
-  position: absolute;
-  top: 245px;
-  left: 225px;
-}
-.card-a-col{
-  background-color: rgba(247, 249, 252);
-  height: 297px;
-  width: auto;
-  border-radius: 6px;
-  border: 1px solid #E5E9F0;
-}
-</style>

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

@@ -1,222 +0,0 @@
-<template>
-  <a-table
-    :columns="columns"
-    :data-source="data"
-    :rowSelection="rowSelection"
-    :scroll="{ y: '75vh' }">
-    <span slot="time" class="time-title">
-      <span v-for="(item, index) in configData.timePeriod" :key="index">{{ item }}</span>
-    </span>
-    <template :slot="day.key" slot-scope="text, record" v-for="day in shiftTable">
-      <div class="time-title" :key="day.key">
-        <a-button v-for="(item, index) in record[day.key]" :key="index" @click="handleShiftChange(day.key, index, record)">{{ item === 1 || item === '1' ? '坐诊' : '休息' }}</a-button>
-      </div>
-    </template>
-    <template slot="sk_limit" slot-scope="text, record">
-      <a-input-number id="inputNumber" v-model="record.sk_limit" :min="configData.sk_limitMin" :max="configData.sk_limitMax" />
-    </template>
-  </a-table>
-</template>
-<script>
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  data () {
-    return {
-      data: [],
-      // 列配置
-      columns: [],
-      // 列名
-      columnNames: [],
-      // 选中的行键值集合
-      selectedRows: [],
-      // 选中的行信息集合
-      selectedRowKeys: [],
-      // 原始数据备份
-      originalData: [],
-      // 配置参数
-      configData: {},
-      // 排班时间表
-      shiftTable: [
-        {
-          title: '周一',
-          key: 'Monday',
-          dataIndex: 'Monday',
-          scopedSlots: { customRender: 'Monday' },
-          align: 'center'
-        },
-        {
-          title: '周二',
-          key: 'Tuesday',
-          dataIndex: 'Tuesday',
-          scopedSlots: { customRender: 'Tuesday' },
-          align: 'center'
-        },
-        {
-          title: '周三',
-          key: 'Wednesday',
-          dataIndex: 'Wednesday',
-          scopedSlots: { customRender: 'Wednesday' },
-          align: 'center'
-        },
-        {
-          title: '周四',
-          key: 'Thursday',
-          dataIndex: 'Thursday',
-          scopedSlots: { customRender: 'Thursday' },
-          align: 'center'
-        },
-        {
-          title: '周五',
-          key: 'Friday',
-          dataIndex: 'Friday',
-          scopedSlots: { customRender: 'Friday' },
-          align: 'center'
-        },
-        {
-          title: '周六',
-          key: 'Saturday',
-          dataIndex: 'Saturday',
-          scopedSlots: { customRender: 'Saturday' },
-          align: 'center'
-        },
-        {
-          title: '周日',
-          key: 'Sunday',
-          dataIndex: 'Sunday',
-          scopedSlots: { customRender: 'Sunday' },
-          align: 'center'
-        },
-        {
-          title: '排班数',
-          key: 'sk_limit',
-          dataIndex: 'sk_limit',
-          scopedSlots: { customRender: 'sk_limit' },
-          align: 'center'
-        }
-      ]
-    }
-  },
-  props: {
-    // 配置名
-    queryParamsName: {
-      type: String,
-      default: ''
-    },
-    // 服务名
-    serviceName: {
-      type: String,
-      default: 'af-his'
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: (selectedRowKeys, selectedRows) => {
-          this.onSelectChange(selectedRowKeys, selectedRows)
-        }
-      }
-    }
-  },
-  mounted () {},
-  methods: {
-    handleShiftChange (day, index, record) {
-      // 找到当前记录在data中的索引
-      const dataIndex = this.data.findIndex(item => item.id === record.id)
-      if (dataIndex === -1) return
-      // 获取当前状态
-      const currentValue = record[day][index]
-      const newValue = currentValue === 1 || currentValue === '1' ? 0 : 1
-      // 更新按钮显示
-      this.$set(record[day], index, newValue)
-      // 同步更新data中的数据
-      this.$set(this.data[dataIndex][day], index, newValue)
-    },
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-    },
-    // 获取选中的行数据
-    getSelectedRowData () {
-      return this.selectedRows
-    },
-    // 获取全部数据
-    getAllTable () {
-      return this.data
-    },
-    // 初始化数据
-    async init (queryParamsName) {
-      getConfigByName(queryParamsName, this.serviceName, result => {
-        this.configData = result
-        runLogic(result.dataSource, {}, this.serviceName).then(res => {
-          this.columns = []
-          this.columns = JSON.parse(JSON.stringify(this.configData.columns))
-          for (let i = 0; i < this.shiftTable.length; i++) {
-            this.columns.push(this.shiftTable[i])
-          }
-          if (res && Array.isArray(res)) {
-            const weekDays = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday']
-            const shifts = ['am', 'pm', 'evening']
-            let key = 0
-            this.data = res.map(item => {
-              const scheduleData = {
-                key: key++
-              }
-              this.configData.columnsName.forEach(columnName => { scheduleData[columnName] = item[columnName] })
-              weekDays.forEach(day => {
-                scheduleData[day.charAt(0).toUpperCase() + day.slice(1)] = shifts.map(shift => item[`f_${day}_${shift}`] === '1' ? 1 : 0)
-              })
-              return scheduleData
-            })
-            // 保存原始数据
-            this.originalData = JSON.parse(JSON.stringify(this.data))
-          }
-        })
-      })
-    },
-    // 查询数据函数
-    filterTableData (filters) {
-      if (!filters || Object.keys(filters).length === 0) {
-        // 如果没有过滤条件，恢复原始数据
-        this.data = JSON.parse(JSON.stringify(this.originalData))
-        return
-      }
-      // 从原始数据开始过滤
-      this.data = this.originalData.filter(item => {
-        // 检查每一项是否满足所有过滤条件
-        return Object.entries(filters).every(([key, value]) => {
-          // 如果过滤值是字符串，进行模糊匹配
-          if (typeof value === 'string') {
-            return item[key] && item[key].toString().toLowerCase().includes(value.toLowerCase())
-          }
-          // 如果过滤值是数字，进行精确匹配
-          return item[key] === value
-        })
-      })
-    }
-  },
-  watch: {
-    queryParamsName: {
-      handler (newValue) {
-        this.init(newValue)
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-}
-</script>
-
-<style scoped type="less">
-.time-title {
-  display: flex !important;
-  flex-direction: column !important;
-  align-items: center !important;
-}
-::v-deep .ant-table-thead > tr > th,
-::v-deep .ant-table-tbody > tr > td {
-  padding: 8px 16px !important;
-  overflow-wrap: break-word;
-}
-</style>