推送计划管理 - 添加、修改、删除推送计划

<template>
  <el-dialog v-model="Scheduledtasks" title="推送计划" width="95%" height="95%">
    <div>
      <div>
        <el-button type="primary" @click="add = true">增加</el-button>
        <el-button type="primary" @click="edit = true">修改</el-button>
        <el-button type="primary" @click="deleteRows">删除</el-button>
      </div>
      <el-table
        ref="multipleTableRef"
        :data="PlantableData"
        style="width: 100%"
        @selection-change="PlanleSelectionChange"
      >
        <el-table-column type="selection" width="30" />
        <el-table-column property="js" label="角色" show-overflow-tooltip />
        <el-table-column label="时间">
          <template #default="scope">{{ scope.row.sj }}</template>
        </el-table-column>
        <el-table-column property="rw" label="任务" />
        <el-table-column property="zt" label="状态" />
      </el-table>
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      selectedRows: [], // 保存选中的行数据
      Scheduledtasks: false,
      add: false,
      edit: false,
      del: false,
      PlantableData: [
        { js: '角色1', sj: '2021-01-01', rw: '任务1', zt: '进行中' },
        { js: '角色2', sj: '2021-01-02', rw: '任务2', zt: '已完成' },
      ],
    };
  },
  methods: {
    PlanleSelectionChange(selection) {
      this.selectedRows = selection;
    },
    deleteRows() {
      for (let row of this.selectedRows) {
        const index = this.PlantableData.indexOf(row);
        if (index !== -1) {
          this.PlantableData.splice(index, 1);
        }
      }
      // 清空选中的行数据
      this.selectedRows = [];
    },
  },
};
</script>