vue2-client 1.15.61 → 1.15.63

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

@@ -1,238 +0,0 @@
-<template>
-  <a-table
-    :columns="columns"
-    :data-source="data"
-    :rowSelection="rowSelection"
-    :scroll="{ y: '70vh' }">
-    <span slot="time" class="time-title">
-      <span v-for="(item, index) in configData.timePeriod" :key="index">{{ item }}</span>
-    </span>
-    <div v-for="(item, index) in weekDays" :key="index" :slot="item.key" class="week_last_next_btn">
-      <a-button slot="lastWeek" icon="left" size="large" @click="handleLastWeek" v-if="item.title == '周一'" />
-      <div class="time-title">
-        <span>{{item.title}}</span>
-        <span>{{ currentWeekDates[index].toLocaleDateString() }}</span>
-      </div>
-      <a-button slot="nextWeek" icon="right" size="large" @click="handleNextWeek" v-if="item.title == '周日'"/>
-    </div>
-    <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: {},
-      // 当前显示的周次日期
-      currentWeekDates: [],
-      weekDays: [...['周一', '周二', '周三', '周四', '周五', '周六', '周日'].map((title, index) => {
-        const key = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'][index]
-        return { title, key }
-      })],
-      // 排班时间表
-      shiftTable: [...['周一', '周二', '周三', '周四', '周五', '周六', '周日'].map((title, index) => {
-          const key = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'][index]
-          return {
-            key, dataIndex: key, scopedSlots: { customRender: key }, slots: { title: key }, align: 'center', width: key === 'Monday' || key === 'Sunday' ? 150 : 120
-          }
-        }),
-        {
-          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 () {
-    this.initWeekDates()
-  },
-  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
-        })
-      })
-    },
-    // 初始化周次日期
-    initWeekDates () {
-      const today = new Date()
-      const currentDay = today.getDay() || 7 // 将周日的0转换为7
-      const monday = new Date(today)
-      monday.setDate(today.getDate() - currentDay + 1) // 设置为本周一
-
-      this.currentWeekDates = Array.from({ length: 7 }, (_, index) => {
-        const date = new Date(monday)
-        date.setDate(monday.getDate() + index)
-        return date
-      })
-    },
-    // 切换到上一周
-    handleLastWeek () {
-      const monday = new Date(this.currentWeekDates[0])
-      monday.setDate(monday.getDate() - 7)
-      this.updateWeekDates(monday)
-    },
-    // 切换到下一周
-    handleNextWeek () {
-      const monday = new Date(this.currentWeekDates[0])
-      monday.setDate(monday.getDate() + 7)
-      this.updateWeekDates(monday)
-    },
-    // 更新周次日期
-    updateWeekDates (monday) {
-      this.currentWeekDates = Array.from({ length: 7 }, (_, index) => {
-        const date = new Date(monday)
-        date.setDate(monday.getDate() + index)
-        return date
-      })
-    }
-  },
-  watch: {
-    queryParamsName: {
-      handler (newValue) {
-        this.init(newValue)
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-}
-</script>
-
-<style scoped>
-.time-title {
-  display: flex !important;
-  flex-direction: column !important;
-  align-items: center !important;
-  gap: 12px !important;
-}
-.week_last_next_btn {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-}
-::v-deep .ant-table-thead > tr > th,
-::v-deep .ant-table-tbody > tr > td {
-  padding: 8px 16px !important;
-  overflow-wrap: break-word;
-}
-::v-deep .ant-btn {
-  margin: 4px 0;
-}
-</style>

package/Users/objecrt/af-vue2-client/src/base-client/components/his/XShiftSchedule/XShiftSchedule.vue

@@ -1,36 +0,0 @@
-<script>
-export default {
-  props: {
-    weekDays: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    columns () {
-      const baseColumns = [
-        { title: '序号', dataIndex: 'index', width: 60 },
-        { title: '科室', dataIndex: 'department', width: 120 },
-        { title: '医生', dataIndex: 'doctor', width: 100 },
-        { title: '上/下/晚', dataIndex: 'shiftType', width: 80 },
-      ]
-
-      // 增加防御判断，确保 weekDays 存在
-      const dayColumns = this.weekDays.length > 0
-        ? this.weekDays.map((day, dayIndex) => ({
-            title: `${day.label} ${day.date}`,
-            dataIndex: `shifts-${dayIndex}`, // 改为字符串形式
-            dayIndex: dayIndex,
-            width: 120,
-          }))
-        : []
-
-      const tailColumns = [
-        { title: '排班数', dataIndex: 'count', width: 80 }
-      ]
-
-      return [...baseColumns, ...dayColumns, ...tailColumns]
-    }
-  }
-}
-</script>

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>