vue2-client 1.14.31 → 1.14.33

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

@@ -0,0 +1,261 @@
+<template>
+  <a-table
+    :columns="columns"
+    :data-source="data"
+    :rowSelection="rowSelection"
+  >
+    <span slot="time" class="time-title">
+      <span>上</span>
+      <span>下</span>
+      <span>晚</span>
+    </span>
+    <template slot="Monday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Monday" :key="index" @click="handleShiftChange('Monday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Tuesday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Tuesday" :key="index" @click="handleShiftChange('Tuesday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Wednesday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Wednesday" :key="index" @click="handleShiftChange('Wednesday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Thursday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Thursday" :key="index" @click="handleShiftChange('Thursday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Friday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Friday" :key="index" @click="handleShiftChange('Friday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Saturday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Saturday" :key="index" @click="handleShiftChange('Saturday', index, record)">{{item === 1 || item === '1' ? '坐诊' : '休息'}}</a-button>
+      </div>
+    </template>
+    <template slot="Sunday" slot-scope="text, record">
+      <div class="time-title">
+        <a-button v-for="(item, index) in record.Sunday" :key="index" @click="handleShiftChange('Sunday', 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="1" :max="100" />
+    </template>
+  </a-table>
+</template>
+<script>
+import { runLogic } from '@vue2-client/services/api/common'
+
+const columns = [
+  {
+    title: '科室',
+    dataIndex: 'dept',
+    key: 'dept',
+    scopedSlots: { customRender: 'dept' },
+    align: 'center'
+  },
+  {
+    title: '人员',
+    dataIndex: 'personnel',
+    key: 'personnel',
+    align: 'center'
+  },
+  {
+    title: '职位',
+    dataIndex: 'position',
+    key: 'position',
+    align: 'center'
+  },
+  {
+    title: '上/下/晚',
+    dataIndex: 'time',
+    key: 'time',
+    scopedSlots: { customRender: 'time' },
+    align: 'center'
+  },
+  {
+    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'
+  }
+]
+
+export default {
+  data () {
+    return {
+      data: [],
+      columns,
+      weekDate: [],
+      // 选中的行键值集合
+      selectedRows: [],
+      // 选中的行信息集合
+      selectedRowKeys: []
+    }
+  },
+  computed: {
+    rowSelection () {
+      return {
+        selectedRowKeys: this.selectedRowKeys,
+        onChange: (selectedRowKeys, selectedRows) => {
+          this.onSelectChange(selectedRowKeys, selectedRows)
+        }
+      }
+    }
+  },
+  mounted () {
+    this.init()
+  },
+  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)
+      console.log('当前操作的行数据：', this.data[dataIndex])
+    },
+    onSelectChange (selectedRowKeys, selectedRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectedRows = selectedRows
+      console.log('selectedRows changed: ', selectedRows)
+    },
+    // 获取选中的行数据
+    getSelectedRowData () {
+      return this.selectedRows
+    },
+    getAllTable() {
+      return this.data
+    },
+    init () {
+      runLogic('shiftSchedulingLOGIC', {}, 'af-his').then(res => {
+        if (res && Array.isArray(res)) {
+          let key = 0
+          this.data = res.map(item => {
+            // 转换排班数据格式
+            const scheduleData = {
+              key: key++,
+              id: item.id,
+              dept: item.dept,
+              personnel: item.personnel,
+              position: item.position || '',
+              selected_id: item.selected_id,
+              sk_limit: item.sk_limit || 0,
+              Monday: [
+                item.f_monday_am === '1' ? 1 : 0,
+                item.f_monday_pm === '1' ? 1 : 0,
+                item.f_monday_evening === '1' ? 1 : 0
+              ],
+              Tuesday: [
+                item.f_tuesday_am === '1' ? 1 : 0,
+                item.f_tuesday_pm === '1' ? 1 : 0,
+                item.f_tuesday_evening === '1' ? 1 : 0
+              ],
+              Wednesday: [
+                item.f_wednesday_am === '1' ? 1 : 0,
+                item.f_wednesday_pm === '1' ? 1 : 0,
+                item.f_wednesday_evening === '1' ? 1 : 0
+              ],
+              Thursday: [
+                item.f_thursday_am === '1' ? 1 : 0,
+                item.f_thursday_pm === '1' ? 1 : 0,
+                item.f_thursday_evening === '1' ? 1 : 0
+              ],
+              Friday: [
+                item.f_friday_am === '1' ? 1 : 0,
+                item.f_friday_pm === '1' ? 1 : 0,
+                item.f_friday_evening === '1' ? 1 : 0
+              ],
+              Saturday: [
+                item.f_saturday_am === '1' ? 1 : 0,
+                item.f_saturday_pm === '1' ? 1 : 0,
+                item.f_saturday_evening === '1' ? 1 : 0
+              ],
+              Sunday: [
+                item.f_sunday_am === '1' ? 1 : 0,
+                item.f_sunday_pm === '1' ? 1 : 0,
+                item.f_sunday_evening === '1' ? 1 : 0
+              ]
+            }
+            return scheduleData
+          })
+        }
+      })
+    }
+  }
+}
+</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>

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

@@ -0,0 +1,23 @@
+<template>
+  <XShiftSchedule>
+  </XShiftSchedule>
+</template>
+
+<script>
+
+import XShiftSchedule from './XShiftSchedule.vue'
+
+export default {
+  components: {
+    XShiftSchedule
+  },
+  data () {
+    return {}
+  }
+}
+
+</script>
+
+<style scoped lang="less">
+
+</style>