培训计划调整

src/api/trainplan/index.js

@@ -2,7 +2,9 @@ import request from '@/utils/request'
 
 const trainPlanAPI = {
     add: '/trainPlan/add',
-    list: '/trainPlan/list'
+    list: '/trainPlan/list',
+    get: '/trainPlan/get',
+    del: '/trainPlan/del'
 }
 
 export function trainPlanAdd(params) {
@@ -19,4 +21,20 @@ export function trainPlanList(params) {
         method: 'get',
         params: params
     })
+}
+
+export function trainPlanGet(params) {
+    return request({
+        url: trainPlanAPI.get,
+        method: 'get',
+        params: params
+    })
+}
+
+export function trainPlanDel(params) {
+    return request({
+        url: trainPlanAPI.del,
+        method: 'delete',
+        params: params
+    })
 }

src/views/project/trainPlan/TrainPlanForm.vue

@@ -2,20 +2,20 @@
   <a-card :bordered="false" :title="title">
     <a-form-model ref="form" :rules="rules" :model="form" :layout="'horizontal'">
       <a-form-model-item label="培训计划名称" prop="name">
-        <a-input v-model="form.name" />
+        <a-input v-model="form.name" :disabled="disabled" />
       </a-form-model-item>
       <a-form-model-item label="培训计划年度" prop="year">
-        <a-select v-model="form.year" placeholder="--请选择--">
+        <a-select v-model="form.year" placeholder="--请选择--" :disabled="disabled">
           <a-select-option v-for="entity in years" :key="entity"> {{ entity }}年度 </a-select-option>
         </a-select>
       </a-form-model-item>
-      <a-button type="primary" size="default" icon="plus" @click="showDrawer" style="margin-right: 8px;">选择项目</a-button>
+      <a-button v-if="!disabled" type="primary" size="default" icon="plus" @click="showDrawer" style="margin-right: 8px;">选择项目</a-button>
       <a-table v-if="selectedRows.length > 0" rowKey="id" :columns="columns" :data-source="selectedRows" :pagination="false"></a-table>
       <a-form-model-item label="备注">
-        <a-input v-model="form.remark" type="textarea" />
+        <a-input v-model="form.remark" type="textarea" :disabled="disabled" />
       </a-form-model-item>
       <a-col :span="24" style="text-align: center;">
-        <a-button type="primary" size="default" @click="handleSave" style="margin-right: 8px;">保存</a-button>
+        <a-button v-if="!disabled" type="primary" size="default" @click="handleSave" style="margin-right: 8px;">保存</a-button>
         <a-button type="danger" size="default" @click="showConfirm">关闭</a-button>
       </a-col>
     </a-form-model>
@@ -32,7 +32,7 @@
 // 例如：import 《组件名称》 from '《组件路径》'
 import { STable } from '@/components'
 import { getProjectList } from '@/api/project/project'
-import { trainPlanAdd } from '@/api/trainplan';
+import { trainPlanAdd, trainPlanGet } from '@/api/trainplan';
 
 export default {
   // import引入的组件需要注入到对象中才能使用
@@ -41,6 +41,7 @@ export default {
   data() {
     // 这里存放数据
     return {
+      disabled: false,
       title: '年度培训计划',
       queryParam: {
         pageNum: 1,
@@ -56,7 +57,6 @@ export default {
         projectIds: [],
         status: 1, //未发布
       },
-      rowSelection: {},
       selectedRows: [],
       selectedRowKeys: [],
       rules: {
@@ -120,10 +120,19 @@ export default {
 
     /** 提示框 START */
     showConfirm() {
+
       this.$confirm({
         title: '提示',
         content: h => <span style="color:red;font-size:15px;">关闭后当前未保存的数据将丢失! 确认关闭吗?</span>,
-        onOk() { console.log('OK'); },
+        onOk() {
+          this.$router.push({
+            path: '/trainPlan/list/' + this.$route.query.t,
+            query: {
+              t: this.queryParam.type, //自主项目还是系统项目，控制路由跳转
+              trainPlanPageNum: this.$route.query.trainPlanPageNum, //当前页
+            },
+          })
+        },
         onCancel() { console.log('Cancel'); },
         class: 'test',
       });
@@ -183,9 +192,20 @@ export default {
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    let id = this.$route.query.trainPlanId;
+
     this.initYears();
+    if (id) {
+      trainPlanGet({ id: id }).then((res) => {
+        this.form = res.data;
+        this.selectedRows = res.data.projects;
+        this.selectedRowKeys = res.data.projectIds;
+        this.disabled = this.$route.query.showDetail === 'true' ? true : false;
+      })
+    }
     if (this.$route.query.t != 'year') {
       this.queryParam.type = 3; //修改为单位培训计划
+      this.form.type = 3;
       this.title = '单位培训计划'
     }
   },

src/views/project/trainPlan/TrainPlanList.vue

@@ -23,9 +23,13 @@
         </span>
         <span slot="action" slot-scope="text, record">
           <template>
-            <a-popconfirm title="是否发布?" @confirm="() => handledRelease(record)">
+            <a-popconfirm title="确定要删除当前培训计划吗?" @confirm="() => handledDelete(record)">
-              <a href="javascript:;">发布</a>
+              <a v-if="year < record.year" href="javascript:;">删除</a>
             </a-popconfirm>
+            <a-divider type="vertical" v-if="year < record.year" />
+            <a v-if="year < record.year" href="javascript:;" @click="handledCreate(record)">编辑</a>
+            <a-divider type="vertical" v-if="year < record.year" />
+            <a href="javascript:;" @click="handledCreate(record,true)">详情</a>
           </template>
         </span>
       </s-table>
@@ -36,7 +40,7 @@
 // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 // 例如：import 《组件名称》 from '《组件路径》'
 import { STable } from '@/components'
-import { trainPlanList } from '@/api/trainplan'
+import { trainPlanList, trainPlanDel } from '@/api/trainplan'
 
 export default {
   // import引入的组件需要注入到对象中才能使用
@@ -53,30 +57,13 @@ export default {
         year: '',
         type: '',
       },
+      year: new Date().getFullYear(),
 
       // 表头
       columns: [
         { title: '序号', key: 'id', dataIndex: 'id', width: 60, scopedSlots: { customRender: 'serial' } },
         { title: '计划名称', dataIndex: 'name', key: 'name' },
         { title: '年度', dataIndex: 'year', key: 'year', customRender: (text, record, index) => { return record.year + ' 年度 ' } },
-        // {
-        //   title: '项目状态', key: 'status', dataIndex: 'status',
-        //   customRender: (text, record, index) => {
-        //     //项目状态 1-未发布 2-未开始 3-进行中  4-已完成
-        //     if (text == 1) {
-        //       return '未发布'
-        //     }
-        //     if (text == 2) {
-        //       return '未开始'
-        //     }
-        //     if (text == 3) {
-        //       return '进行中'
-        //     }
-        //     if (text == 4) {
-        //       return '已结束'
-        //     }
-        //   },
-        // },
         { title: '创建人员', key: 'createName', dataIndex: 'createName' },
         { title: '创建时间', key: 'createTime', dataIndex: 'createTime' },
         { title: '操作', width: 200, key: 'action', align: 'center', scopedSlots: { customRender: 'action' }, },
@@ -102,7 +89,7 @@ export default {
   // 方法集合
   methods: {
     // 增改
-    handledCreate(record) {
+    handledCreate(record,showDetail) {
       console.log(this.queryParam)
       this.$router.push({
         path: '/project/trainPlan/TrainPlanForm',
@@ -110,9 +97,21 @@ export default {
           t: this.queryParam.type, //自主项目还是系统项目，控制路由跳转
           trainPlanId: record.id, //项目id
           trainPlanPageNum: this.$refs.table.localPagination.current, //当前页
+          showDetail: showDetail || false, //显示详情使用，bool值 true是详情，false不是详情
         },
       })
     },
+    //删除
+    handledDelete(record) {
+      trainPlanDel({ id: record.id }).then(res => {
+        if (res.code == 200) { 
+          this.$notification['success']({
+            message: '培训计划《'+ record.name +'删除成功!',
+          });
+          this.$refs.table.refresh(true);
+        }
+      })
+    },
     //变更类型
     changeType(path) {
       console.log('变更路由:', path)