完成样品管理bug

licp

2024-05-08 f310bae9037704212a5626ed26a32bd4182a3508

 src/components/view/b3-classes.vue

@@ -25,10 +25,10 @@
            :value="item.value">
          </el-option>
        </el-select>
        <el-input v-model="query.name" placeholder="请输入人员名称" size="small" style="width: 140px;margin: 0 16px;" clearable ></el-input>
        <el-select v-model="query.addr" placeholder="请选择实验室" style="width: 140px;" size="small" clearable >
        <el-input v-model="query.userName" placeholder="请输入人员名称" size="small" style="width: 140px;margin: 0 16px;" clearable ></el-input>
        <el-select v-model="query.laboratory" placeholder="请选择实验室" style="width: 140px;" size="small" clearable >
          <el-option
            v-for="item in labOptions"
            v-for="item in laboratory"
            :key="item.value"
            :label="item.label"
            :value="item.value">
@@ -42,22 +42,24 @@
    </div>
    <div class="search_thing btns" style="padding-left: 30px;">
      <el-button size="small" type="primary">导 出</el-button>
      <el-button size="small" type="primary" @click="handleScheduling">排 班</el-button>
      <el-button size="small" type="primary" @click="schedulingVisible = true">排 班</el-button>
    </div>
  </div>
  <div class="center">
  <div class="center" v-loading="pageLoading">
    <scroll-pagination @load="init" :finishLoding="finishLoding">
      <div>
    <div class="fixed-left">
      <div class="content-title" style="padding-left: 16px;box-sizing: border-box;">
        人员名称
      </div>
      <div class="content-user" :class="{hoverType:currentUserIndex==index}" v-for="(item,index) in userList" :key="'e'+index" v-on:mouseenter="onMouseEnter(index)"
          <div class="content-user" :class="{hoverType:currentUserIndex==index}" v-for="(item,index) in list" :key="'e'+index" v-on:mouseenter="onMouseEnter(index)"
      v-on:mouseleave="currentUserIndex=null">
        <div class="user-pic">{{ item.name.charAt(0) }}</div>
        <div class="user-info">
          <p style="font-size: 14px;color: #3A7BFA;line-height: 24px;">{{ item.name }} ({{ item.part }})</p>
          <p style="color: #999999;font-size: 12px;transform: scale(0.8) translateX(-20px);white-space: nowrap;width: 150px;overflow-x: show;">早:{{ item.day0 }}, 中:{{ item.day1 }}, 夜:{{ item.day2 }}, 休:{{ item.day3 }}, 假:{{ item.day4 }}</p>
              <p style="font-size: 14px;color: #3A7BFA;line-height: 24px;">{{ item.name }}</p>
              <p style="color: #999999;font-size: 12px;transform: scale(0.8) translateX(-20px);white-space: nowrap;width: 150px;overflow-x: show;">早: {{ item.day0 }}，中: {{ item.day1 }}，夜: {{ item.day2 }}，休: {{ item.day3 }}，假: {{ item.day4 }}</p>
          <p style="margin-top: 4px;"><span style="color: #999999;font-size: 12px;display: inline-block;transform: scale(0.8) translateX(-10px);">合计出勤: </span><span style="font-size: 16px;
color: #FF4902;">{{ item.day5 }}天</span></p>
    color: #FF4902;">{{ item.totalAttendance }}天</span></p>
        </div>
      </div>
    </div>
@@ -65,18 +67,18 @@
      <div class="content">
        <div class="content-title content-title-right" style="border-bottom: 0;">
          <div class="content-title-item" v-for="(item,index) in weeks" :key="'b'+index">
            <span class="month" v-if="item.day==1">{{ item.month }}</span>
                <span class="month">{{ item.weekNum }}周</span>
            <span class="day">{{ item.day }}</span>
            <span class="week">{{ item.week }}</span>
          </div>
        </div>
        <div class="content-body" v-for="(item,index) in 5" :key="'c'+index"
            <div class="content-body" v-for="(item,index) in list" :key="'c'+index"
        :class="{hoverType:currentUserIndex==index}"v-on:mouseenter="onMouseEnter(index)"
      v-on:mouseleave="currentUserIndex=null">
          <div class="content-body-item" v-for="(m,i) in workList" :key="'d'+i">
            <div class="work-box" :class="{type0:m.type=='早班',type1:m.type=='中班',type2:m.type=='夜班',}">
              <div class="content-body-item" v-for="(m,i) in item.list" :key="'d'+i">
                <div class="work-box" :class="{type0:m.shift==='0',type1:m.shift==='1',type2:m.shift==='2',type3:m.shift==='3',type4:m.shift==='4',}">
              <div class="work-box-left">
                <span>{{ m.type }}</span>
                    <span>{{ getShiftByDic(m.shift) }}</span>
              </div>
              <el-dropdown trigger="click" placement="bottom" @command="e=>handleCommand(e,m)">
                <i class="el-icon-arrow-down el-icon--right" style="font-size: 20px;color: #fff;cursor: pointer;"></i>
@@ -89,6 +91,8 @@
        </div>
      </div>
    </div>
      </div>
    </scroll-pagination>
  </div>
  <el-dialog title="排班" :visible.sync="schedulingVisible" width="400px">
    <div class="search_thing">
@@ -105,12 +109,12 @@
    <div class="search_thing">
      <div class="search_label" style="width:90px">人员名称：</div>
      <div class="search_input">
        <el-select v-model="schedulingQuery.person" placeholder="请选择" style="width: 100%;" multiple clearable >
        <el-select v-model="schedulingQuery.userId" placeholder="请选择" style="width: 100%;" multiple clearable collapse-tags >
          <el-option
            v-for="item in personList"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            :key="item.id"
            :label="item.name"
            :value="item.id">
          </el-option>
        </el-select>
      </div>
@@ -118,7 +122,7 @@
    <div class="search_thing">
      <div class="search_label" style="width:90px">班次：</div>
      <div class="search_input">
        <el-select v-model="schedulingQuery.person" placeholder="请选择" style="width: 100%;">
        <el-select v-model="schedulingQuery.shift" placeholder="请选择" style="width: 100%;">
          <el-option
            v-for="item in classType"
            :key="item.value"
@@ -137,14 +141,21 @@
</template>

<script>
import {
      getYearAndMonthAndDays
   } from '../../util/date'
  import ScrollPagination from '../tool/scroll-paging.vue'
export default {
  components: {
    ScrollPagination
  },
  data () {
    return{
      currentYear:new Date().getFullYear(),
      currentMonth:new Date().getMonth()+1,
      query:{
        name:'',
        addr:'',
        userName:'',
        laboratory:'',
        year:'',
        month:''
      },
@@ -198,158 +209,8 @@
          label:'12月'
        },
      ],
      labOptions:[],
      weeks:[
        {
          month:'14周',
          week:'周一',
          day:1,
        },
        {
          month:'14周',
          week:'周二',
          day:2,
        },
        {
          month:'14周',
          week:'周三',
          day:3,
        },
        {
          month:'14周',
          week:'周四',
          day:4,
        },
        {
          month:'14周',
          week:'周五',
          day:5,
        },
        {
          month:'14周',
          week:'周六',
          day:6,
        },
        {
          month:'14周',
          week:'周日',
          day:7,
        },
        {
          month:'14周',
          week:'周一',
          day:8,
        },
        {
          month:'14周',
          week:'周二',
          day:9,
        },
        {
          month:'14周',
          week:'周三',
          day:10,
        },
        {
          month:'14周',
          week:'周四',
          day:11,
        },
        {
          month:'14周',
          week:'周五',
          day:12,
        },
        {
          month:'14周',
          week:'周六',
          day:13,
        },{
          month:'14周',
          week:'周日',
          day:14,
        },
        {
          month:'14周',
          week:'周一',
          day:15,
        },
        {
          month:'14周',
          week:'周一',
          day:16,
        },
        {
          month:'14周',
          week:'周一',
          day:17,
        },
        {
          month:'14周',
          week:'周一',
          day:18,
        },
        {
          month:'14周',
          week:'周一',
          day:19,
        },
        {
          month:'14周',
          week:'周一',
          day:20,
        },
        {
          month:'14周',
          week:'周一',
          day:21,
        },
        {
          month:'14周',
          week:'周一',
          day:22,
        },
        {
          month:'14周',
          week:'周一',
          day:23,
        },
        {
          month:'14周',
          week:'周一',
          day:24,
        },
        {
          month:'14周',
          week:'周一',
          day:25,
        },
        {
          month:'14周',
          week:'周一',
          day:26,
        },
        {
          month:'14周',
          week:'周一',
          day:27,
        },
        {
          month:'14周',
          week:'周一',
          day:28,
        },
        {
          month:'14周',
          week:'周一',
          day:29,
        },
        {
          month:'14周',
          week:'周一',
          day:30,
        },
      ],
      laboratory:[],
      weeks:[],
      workList:[
        {
          type:'早班',
@@ -473,81 +334,138 @@
        },
      ],
      classType:[],
      userList:[
        {
          name:'李媛媛',
          part:'材料',
          day0:12,//早
          day1:12,//中
          day2:12,//夜
          day3:12,//休
          day4:12,//请假
          day5:12,//总计
        },
        {
          name:'李媛媛',
          part:'材料',
          day0:12,//早
          day1:12,//中
          day2:12,//夜
          day3:12,//休
          day4:12,//请假
          day5:12,//总计
        },
        {
          name:'李媛媛',
          part:'材料',
          day0:12,//早
          day1:12,//中
          day2:12,//夜
          day3:12,//休
          day4:12,//请假
          day5:12,//总计
        },
        {
          name:'李媛媛',
          part:'材料',
          day0:12,//早
          day1:12,//中
          day2:12,//夜
          day3:12,//休
          day4:12,//请假
          day5:12,//总计
        },
        {
          name:'李媛媛',
          part:'材料',
          day0:12,//早
          day1:12,//中
          day2:12,//夜
          day3:12,//休
          day4:12,//请假
          day5:12,//总计
        },
      ],
      currentUserIndex:null,
      schedulingVisible:false,
      personList:[],
      loading:false,
      schedulingQuery:{
        week:'',
        person:''
      }
        userId:null,
        shift:''
      },
      list:[],
      currentPage: 1, // 当前页
      pageSize: 10, // 一页10条
      total: '',
      pageLoading: true, // 组件loading的展示,默认为true
      finishLoding: false // 加载完成，显示已经没有更多了
    }
  },
  mounted(){
    this.selectEnumByCategory()
    this.obtainItemParameterList()
    this.getUsers()
    this.init()
  },
  methods: {
    refresh(){},
    refreshTable(){},
    refresh(){
      this.list = [];
      this.currentPage = 1
      this.query = {
        userName:'',
        laboratory:'',
        year:'',
        month:''
      }
      this.init()
    },
    refreshTable(){
      this.list = [];
      this.currentPage = 1
      this.init()
    },
    init(){
      if(this.currentPage==1){
        this.pageLoading = true
      }
      this.$axios.post(this.$api.performanceShift.page, {
        size:this.pageSize,
        current:this.currentPage,
        time:this.query.month?this.query.year+'-'+this.query.month:this.query.year,
        userName:this.query.userName,
        laboratory:this.query.laboratory,
        }).then(res => {
          this.pageLoading = false
          if (res.code == 201) return
          this.total = res.data.total
          let list = res.data.records.map(item=>{
            for (let key in item) {
              let type = this.getDayByDic(key)
              if(type!=undefined||type!=null){
                item[`day${type}`] = item[key]
              }
            }
            return item
          });
          // 右侧日期获取
          if(this.currentPage==1){
            if(list&&list.length>0){
              this.weeks = [];
              list[0].list&&list[0].list.forEach(item=>{
                let obj = {
                  weekNum:item.weekly,
                  week:item.headerTime.split(' ')[1],
                  day:item.headerTime.split(' ')[0]
                }
                this.weeks.push(obj)
              })
            }
          }
          if(list.length==0){
            this.finishLoding = true;
          }else{
            if(list.length<this.pageSize){
              this.finishLoding = true;
            }
            this.list = this.list.concat(list)
            if(this.total==this.list.length){
              this.finishLoding = true;
            }
            this.currentPage++;
          }
        })
    },
    onMouseEnter(index){
      this.currentUserIndex = index
    },
    handleScheduling(){
      this.schedulingVisible = true
    confirmScheduling(){
      if(!this.schedulingQuery.week){
        this.$message.error('请选择周次')
        return
      }
      let time = this.schedulingQuery.week.getTime()
      let startWeek  =getYearAndMonthAndDays(new Date(time - 24 * 60 * 60 * 1000)) + ' 00:00:00'
      let endWeek = getYearAndMonthAndDays(new Date(time + 24 * 60 * 60 * 1000 * 5))+ ' 00:00:00'
      if(!this.schedulingQuery.userId||this.schedulingQuery.userId.length==0){
        this.$message.error('请选择人员')
        return
      }
      if(!this.schedulingQuery.shift){
        this.$message.error('请选择班次')
        return
      }
      this.loading = true
      this.$axios.post(this.$api.performanceShift.add, {
            startWeek,
            endWeek,
            userId:this.schedulingQuery.userId.join(','),
            shift:this.schedulingQuery.shift}, {
        headers: {
          'Content-Type': 'application/json'
        }
      }).then(res => {
        this.loading = false
        if (res.code == 201) return
        this.$message.success('操作成功')
        this.schedulingVisible = false
        this.schedulingQuery = {
          week:'',
          userId:null,
          shift:''
        }
        this.refresh()
      })
    },
    confirmScheduling(){},
    selectEnumByCategory() {
      this.$axios.post(this.$api.enums.selectEnumByCategory, {
        category: "班次类型"
@@ -555,8 +473,63 @@
        this.classType = res.data
      })
    },
    obtainItemParameterList() {
      this.$axios.get(this.$api.laboratoryScope.obtainItemParameterList).then(res => {
        let data = []
        res.data.forEach(a => {
          data.push({
            label: a.laboratoryName,
            value: a.id
          })
        })
        this.laboratory = data
      })
    },
    handleCommand(e,m){
      console.log(e,m)
      if(e!=m.shift){
        this.$axios.put(this.$api.performanceShift.update+m.id, {
          id:m.id,
          shift:e
        }).then(res => {
          if (res.code == 201) return
          this.$message.success('操作成功')
          m.shift = e
        })
      }
    },
    getUsers(){
      this.$axios.post(this.$api.user.selectUserList, {
               page: {
            current: -1,
            size: -1,
          },
               entity: {
            name: null,
          }
            }, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res => {
               if (res.code === 201) {
                  return
               }
          let arr = res.data.body.records
          this.personList = arr
        })
    },
    getDayByDic(e){
      let obj = this.classType.find(m=>m.label==e)
      if(obj){
        return obj.value
      }
    },
    getShiftByDic(e){
      let obj = this.classType.find(m=>m.value==e)
      if(obj){
        return obj.label
      }
      return '未排班'
    }
  }
}
@@ -603,7 +576,7 @@
  left: 0;
  top: 0;
  width: 220px; /* 左边区域宽度 */
  min-height: calc(100% - 10px); /* 视口高度 */
  /* min-height: calc(100% - 10px); 视口高度 */
  background-color: #fff;
  box-shadow: 2px -2px 5px rgba(51,51,51,0.12); /* 左边阴影 */
}
@@ -617,7 +590,7 @@

.content {
  min-height: calc(100% - 10px); /* 视口高度 */
  min-width: 2000px;
  /* min-width: 2000px; */
}
.content-title{
  height: 52px;
@@ -625,7 +598,7 @@
  border-bottom: 1px solid #EEEEEE;
}
.content-title-right{
  min-width: 2000px;
  /* min-width: 2000px; */
  display: flex;
  align-items: center;
}
@@ -678,9 +651,9 @@
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(58,123,250,0.15);
  background: #F5F7FB;
  border-radius: 8px 8px 8px 8px;
  color: #3A7BFA;
  color: #999;
  font-size: 14px;
}
.work-box.type0{
@@ -695,6 +668,14 @@
  background: #FAE2CA;
  color: #BC8D5E;
}
.work-box.type3{
  background: #E1F3D8;
  color: #67C23A;
}
.work-box.type4{
  background: #FDE2E2;
  color: #F56C6C;
}
.work-box-left{
  display: flex;
  justify-content: center;