aivfo-oa-web/src/views/meeting/weekly.vue

<template>
  <div class="app-container">
    <el-form   size="mini" :inline="true">
      <el-form-item label="关联会议">
        <el-select size="small"   placeholder="关联会议" clearable filterable v-model="meetingWeek" @change="changeWeekData()">
          <el-option  v-for="(item,index) in meetingData" :label="item.meetingName" :key="item.id" :value="item.weeks"></el-option>
        </el-select>

      </el-form-item>
      <el-form-item >
        <el-button  type="primary" icon="el-icon-download" @click="generateWeekly()">周报生成</el-button>
      </el-form-item>
    </el-form>
    <div ref="exportPdf" id="exportPdf">
    <div>
      <h3>本周工作内容</h3>
      <el-table
        border
        stripe
        size="mini"
        style="width: 65%" v-model="workContents" :data="workContents">
        <el-table-column  type="index" label="序号" width="60">
        </el-table-column>
        <el-table-column label="任务名称" prop="taskName" width="250">
        </el-table-column>
        <el-table-column label="工作反馈" prop="description" >
        </el-table-column>
      </el-table>
    </div>
    <div>
      <h3>下周工作计划</h3>
      <el-table
        border
        stripe
        size="mini"
        style="width: 65%" :data="workPlans">
        <el-table-column  type="index" label="序号" width="60">
        </el-table-column>
        <el-table-column label="工作计划" prop="workPlan">
          <template scope="scope">
            <el-input size="mini" v-model="scope.row.planContent" ></el-input>
          </template>
        </el-table-column>
        <el-table-column label="操作" prop="op" width="150">
          <template slot-scope="scope">
            <el-button size="mini" type="primary" @click="addRow()">添加</el-button>
            <el-button size="mini" type="danger" @click="deleteRow(scope.$index, scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>

    </div>
    <div style="margin-top: 50px;margin-right: 150px;  width: 65%;text-align: center">
      <el-button size="small" type="primary" @click="saveWorkPlan()">保存工作计划</el-button>
    </div>
  </div>
</template>

<script>

import {list} from '@/api/meeting/meeting'
import { deleteWorkPlanById, getMeetingsAndWorkPlansByWeeks, saveWorkPlans } from '@/api/meeting/work'

export default {
  name: 'weekly',
  data() {
    return {
      meetingWeek:null,
      meetingData:[],
      workContents:[],
      workPlans:[{
        planContent:'请填写工作计划信息',
        id:null,
        meetingId:null
      }],
      meetingStatus:null
    }
  },
  mounted() {
    this.getData()
  },
  methods : {
    getData(){
      list().then(response =>{
        this.meetingData=response.data
        //js 获取当前周
        const date = new Date();
        // 获取当前第几周
        let week = this.getYearWeek(date.getFullYear(), Number(date.getMonth()) + 1, date.getDate());
        let currentWeek=week+1;
        this.meetingWeek=currentWeek
        this.getMeetingsAndWorkPlansByWeeksData(currentWeek)
      })
    },
    getMeetingsAndWorkPlansByWeeksData(currentWeek){
      getMeetingsAndWorkPlansByWeeks(currentWeek).then(response =>{
        this.workContents=response.data.workContent
        this.workPlans=response.data.workPlan
      })
    },
    getYearWeek(a, b, c) {
      let date1 = new Date(a, parseInt(b) - 1, c),
        date2 = new Date(a, 0, 1),
        d = Math.round((date1.valueOf() - date2.valueOf()) / 86400000);
      return Math.ceil((d + (date2.getDay() + 1 - 1)) / 7);
    },
    getWorkData(){

    },
    generateWeekly(){
      if(this.meetingWeek==null || this.meetingWeek==undefined || this.meetingWeek===''){
        this.$message({
          message: '请选择会议信息!',
          type: 'warning'
        });
        return
      }
      this.$PDFSave(this.$refs.exportPdf, "我的文件");
    },
    saveWorkPlan(){
      if(this.meetingWeek==null || this.meetingWeek==undefined || this.meetingWeek===''){
        this.$message({
          message: '请选择会议信息!',
          type: 'warning'
        });
        return
      }

      let data={
        weeks:this.meetingWeek,
        workPlans:this.workPlans,
        id:this.workPlans.id
      }

      saveWorkPlans(data).then( res => {
        this.$message({
          message: '操作成功',
          type: 'success'
        });

      });
    },
    addRow(){
      let row={planContent: '','op':'',id:null}
      this.workPlans.push(row)
    },
    deleteRow(index,row){
      if(index==0){
        this.$message({
          message: '不能删除此条数据',
          type: 'warning'
        });
        return;
      }
      this.workPlans.splice(index, 1)
      let id=row.id;
      if(id!=null){
        deleteWorkPlanById(id).then(res =>{
          this.getMeetingsAndWorkPlansByWeeksData(this.meetingWeek)
        });
      }

    },
    changeWeekData(){
      this.getMeetingsAndWorkPlansByWeeksData(this.meetingWeek)

    }
  }
}
</script>

<style scoped>

</style>