vue2-client 1.15.119 → 1.15.121

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

@@ -1,304 +0,0 @@
-<template>
-  <div v-if="pattern == 'schedule'">
-    <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>
-  </div>
-  <div v-else-if="pattern == 'form'">
-    <a-table :columns="columns" :data-source="data" :row-selection="rowSelection" bordered>
-      <template v-for="col in columns" :slot="col.dataIndex" slot-scope="text, record">
-        <template v-if="col.type === 'input'">
-          <a-input
-            v-if="getRowSpan(record, col) !== 0"
-            :value="record[col.dataIndex]"
-            :placeholder="`请输入${col.title}`"
-            @input="val => handleInputChange(record, col.dataIndex, val)"
-            class="ant-input"
-            :key="record.key + '-' + col.dataIndex"
-          />
-        </template>
-        <template v-else-if="col.row">
-          <div v-if="getRowSpan(record, col) !== 0" :key="record.key + '-' + col.dataIndex">{{ text }}</div>
-        </template>
-        <template v-else>
-          {{ text }}
-        </template>
-      </template>
-    </a-table>
-  </div>
-</template>
-<script>
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  data () {
-    return {
-      // 模式
-      pattern: 'schedule',
-      data: [],
-      // 列配置
-      columns: [],
-      column: [
-        {
-          title: 'name',
-          dataIndex: 'name',
-          key: 'name',
-          slots: { title: 'customTitle' },
-          scopedSlots: { customRender: 'name' }
-        },
-        {
-          title: 'targetValue',
-          dataIndex: 'targetValue',
-          key: 'targetValue',
-          scopedSlots: { customRender: 'targetValue' }
-        },
-        {
-          title: 'Address',
-          dataIndex: 'address',
-          key: 'address',
-          scopedSlots: { customRender: 'name' }
-        },
-        {
-          title: 'Tags',
-          key: 'tags',
-          dataIndex: 'tags',
-          scopedSlots: { customRender: 'tags' },
-        },
-        {
-          title: 'Action',
-          key: 'action',
-          scopedSlots: { customRender: 'action' },
-        }
-      ],
-      // 列名
-      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' ? 170 : 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))
-          this.pattern = result.pattern
-          if (this.pattern == 'schedule') {
-            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))
-            }
-          } else if (this.pattern == 'form') {
-            console.log(res)
-            this.data = res
-          }
-        })
-      })
-    },
-    // 查询数据函数
-    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;
-}
-.week_last_next_btn {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-}
-::v-deep .ant-table-thead > tr > th,
-::v-deep .ant-table-tbody > tr > td {
-  padding: 8px 16px !important;
-  overflow-wrap: break-word;
-}
-.ant-input {
-  width: 100%;
-}
-.a-div{
-  display: flex;
-  flex-direction: column;
-}
-</style>

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

@@ -1,298 +0,0 @@
-<template>
-  <div v-if="pattern == 'schedule'">
-    <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>
-  </div>
-  <div v-else-if="pattern == 'form'">
-    <a-table :columns="columns" :data-source="data" :row-selection="rowSelection" bordered>
-      <!-- 输入型列 -->
-      <template v-for="col in inputColumns" :slot="col.dataIndex" slot-scope="text, record">
-        <div class="a-div">
-          <a-input
-            v-for="(item, idx) in col.row"
-            :key="idx"
-            v-model="inputValues[record.key] && inputValues[record.key][col.dataIndex][idx]"
-            placeholder=""
-            class="ant-input"
-          />
-        </div>
-      </template>
-      <!-- 数字型列（如 number） -->
-      <template v-for="col in numberColumns" :slot="col.dataIndex" slot-scope="text, record">
-        <div class="a-div">
-          <div v-for="(item, idx) in col.row" :key="idx" class="ant-input">{{item}}</div>
-        </div>
-      </template>
-    </a-table>
-  </div>
-</template>
-<script>
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  data () {
-    return {
-      // 模式
-      pattern: 'schedule',
-      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' ? 170 : 120
-          }
-        }),
-        {
-          title: '排班数',
-          key: 'sk_limit',
-          dataIndex: 'sk_limit',
-          scopedSlots: { customRender: 'sk_limit' },
-          align: 'center'
-        }
-      ],
-      // 新增：输入型字段值
-      inputValues: {}
-    }
-  },
-  props: {
-    // 配置名
-    queryParamsName: {
-      type: String,
-      default: ''
-    },
-    // 服务名
-    serviceName: {
-      type: String,
-      default: 'af-his'
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: (selectedRowKeys, selectedRows) => {
-          this.onSelectChange(selectedRowKeys, selectedRows)
-        }
-      }
-    },
-    inputColumns () {
-      return this.columns.filter(col => col.type === 'input')
-    },
-    numberColumns () {
-      return this.columns.filter(col => col.type === 'number')
-    }
-  },
-  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.selectedRowKeys.map(key => {
-        const row = this.data.find(r => r.key === key) || {}
-        const input = this.inputValues[key] || {}
-        return {
-          ...row,
-          ...input // 输入型字段为数组
-        }
-      })
-    },
-    // 获取全部数据
-    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))
-          this.pattern = result.pattern
-          if (this.pattern == 'schedule') {
-            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))
-            }
-          } else if (this.pattern == 'form') {
-            this.data = res
-            this.initInputValues(res)
-          }
-        })
-      })
-    },
-    // 初始化 inputValues
-    initInputValues (dataArr) {
-      this.inputValues = {}
-      dataArr.forEach(row => {
-        this.$set(this.inputValues, row.key, {})
-        this.inputColumns.forEach(col => {
-          // 初始化为数组，长度为col.row
-          this.$set(this.inputValues[row.key], col.dataIndex, Array(col.row).fill(''))
-        })
-      })
-    },
-    // 查询数据函数
-    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;
-}
-.week_last_next_btn {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-}
-::v-deep .ant-table-thead > tr > th,
-::v-deep .ant-table-tbody > tr > td {
-  padding: 8px 16px !important;
-  overflow-wrap: break-word;
-}
-.ant-input {
-  width: 100%;
-}
-.a-div{
-  display: flex;
-  flex-direction: column;
-}
-</style>