项目管理更新

src/api/project/class.js

@@ -23,9 +23,9 @@ export function classGet(params) {
 }
 export function classDel (params) {
   return request({
-    url: classApi.get,
+    url: classApi.del,
     method: 'delete',
-    data: params
+    params: params
   })
 }
 export function classList(params) {

src/views/project/ProjectList.vue

@@ -39,8 +39,7 @@
       </a-space>
 
       <a-space class="table-operator" direction="horizontal">
-        <a-button type="primary" icon="plus" @click="$refs.projectStepForm.add1()">新增项目</a-button>
+        <a-button v-if="hasPerm('project:add')" type="primary" icon="plus" @click="$refs.projectStepForm.add()">新增项目</a-button>
-        <a-button type="primary" icon="minus" @click="handleEdit()">删除项目</a-button>
       </a-space>
 
       <s-table
@@ -49,17 +48,16 @@
         rowKey="id"
         :columns="columns"
         :data="loadData"
-        :rowSelection="options.rowSelection"
       >
         <span slot="serial" slot-scope="text, record, index">
           {{ index + 1 }}
         </span>
         <span slot="action" slot-scope="text, record">
           <template>
-            <a href="javascript:;" @click="handleEdit(record)">修改</a>
+            <a v-if="hasPerm('project:edit')" href="javascript:;" @click="$refs.projectStepForm.edit(record)">修改</a>
             <a-divider type="vertical" />
             <a-popconfirm title="是否删除?" @confirm="() => handleDelete(record)">
-              <a href="javascript:;">删除</a>
+              <a v-if="hasPerm('project:del')" href="javascript:;">删除</a>
             </a-popconfirm>
             <a-divider type="vertical" />
             <a href="javascript:;" @click="handleDetail(record)">详情</a>
@@ -73,7 +71,6 @@
 </template>
 
 <script>
-import moment from 'moment'
 import { STable } from '@/components'
 import { getProjectList } from '@/api/project/project'
 import projectStepForm from './ProjectStepForm'
@@ -139,62 +136,19 @@ export default {
           return res
         })
       },
-
-      selectedRowKeys: [],
-      selectedRows: [],
     }
   },
-  created() {
+  created() {},
-    this.tableOption()
-  },
   methods: {
     // 增
     handledCreate() {
-      // return this.$router.push(
+      return this.$router.push(
-      //   // {name: 'ProjectForm'}
+        // {name: 'ProjectForm'}
-      //   { path: 'project/project/add' }
+        { path: 'project/project/add' }
-      // )
+      )
-      // router.push()
-    },
-
-    tableOption() {
-      if (!this.optionAlertShow) {
-        this.options = {
-          alert: {
-            show: true,
-            clear: () => {
-              this.selectedRowKeys = []
-            },
-          },
-          rowSelection: {
-            selectedRowKeys: this.selectedRowKeys,
-            onChange: this.onSelectChange,
     },
   }    
-        this.optionAlertShow = true
-      } else {
-        this.options = {
-          alert: false,
-          rowSelection: null,
-        }
-        this.optionAlertShow = false
-      }
-    },
-
-    onSelectChange(selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-    },
-    toggleAdvanced() {
-      this.advanced = !this.advanced
-    },
-
-    resetSearchForm() {
-      this.queryParam = {
-        date: moment(new Date()),
-      }
-    },
-  },
 }
+// @白鸣 发展党员哪个审批信息管理 是哪一级审核才显示，还是审核这一级的上级也能看到
 </script>
 

src/views/project/ProjectStepForm.vue

@@ -2,7 +2,7 @@
 
   <a-modal
     :title="modalTitle"
-    :width="1000"
+    :width="1200"
     :visible="visible"
     :confirmLoading="confirmLoading"
     :destroyOnClose="true"
@@ -54,62 +54,22 @@ export default {
       modalTitle: '新增项目',
       visible: false,
       confirmLoading: false,
-      menuTreeData: [],
-      componentShow: true,
-      componentDisabled: false,
-      componentRequired: true,
-      routerRequired: true,
-      routerShow: true,
-      pidShow: true,
-      permissionShow: true,
-      permissionRequired: true,
-      formLoading: true,
       type: '',
-      form: this.$form.createForm(this),
+      form: null
     }
   },
   methods: {
     // 新增打开页面初始化
-      add1 (type) {
+      add (type) {
-        this.modalTitle = "新增菜单"
+        this.modalTitle = "新增项目"
         this.visible = true
-
-        // // 默认选中菜单项，并初始化
-        // this.form.getFieldDecorator('type', { valuePropName: 'checked', initialValue: '1' })
-        // this.meneTypeFunc('1')
-
-        // // 默认选中的单选框
-        // this.form.getFieldDecorator('visible', { initialValue: true })
-        
-        // // 默认加载菜单树
-        // this.getMenuTree()
-
         this.formLoading = false
       },
       // 编辑打开页面初始化
       edit (record) {
-        this.modalTitle = "编辑菜单"
+        console.log(record)
+        this.modalTitle = "编辑项目"
         this.visible = true
-
-        // // 默认选中菜单项，并初始化
-        // this.form.getFieldDecorator('type', { valuePropName: 'checked', initialValue: record.type.toString() })
-        // this.meneTypeFunc(record.type.toString())
-      
-        // // 默认选中的单选框
-        // // eslint-disable-next-line no-unused-vars
-        // const visibleDef = false
-        // // eslint-disable-next-line eqeqeq
-        // if (record.visible == 1) {
-        //   this.visibleDef = true
-        // }
-        // this.form.getFieldDecorator('visible', { valuePropName: 'checked', initialValue: this.visibleDef })
-        
-        // setTimeout(() => {
-        //    this.setMenuItem(record)
-        //    // 默认加载菜单树
-        //    this.getMenuTree()
-        // }, 100)
-        
         this.formLoading = false
       },
 

src/views/project/classAdd/ClassForm.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <a-modal
+      title="新增种类"
+      :visible="visible"
+      :confirm-loading="confirmLoading"
+      @ok="handleOk"
+      @cancel="handleCancel"
+    >
+      <a-form-model ref="classForm" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-form-model-item ref="value" label="种类名称" prop="name">
+          <a-input v-model="form.value" />
+        </a-form-model-item>
+      </a-form-model>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+//例如：import 《组件名称》 from '《组件路径》'
+import { classAdd } from '@/api/project/class'
+
+export default {
+  //import引入的组件需要注入到对象中才能使用
+  components: {
+    classAdd,
+  },
+  props: {},
+  data() {
+    //这里存放数据
+    return {
+      visible: false,
+      confirmLoading: false,
+      form: {
+        value: '',
+        type: 1,
+      },
+      rules: {
+        value: [
+          {
+            required: true,
+            message: '请输入种类名称',
+            trigger: 'blur',
+          },
+        ],
+      },
+      labelCol: {
+        xs: {
+          span: 24,
+        },
+        sm: {
+          span: 5,
+        },
+      },
+      wrapperCol: {
+        xs: {
+          span: 24,
+        },
+        sm: {
+          span: 18,
+        },
+      },
+    }
+  },
+  //计算属性 类似于data概念
+  computed: {},
+  //监控data中的数据变化
+  watch: {},
+  //方法集合
+  methods: {
+    showModal() {
+      this.visible = true
+    },
+    handleOk(e) {
+      this.$refs.ClassForm.validate((valid) => {
+        if (valid) {
+          this.confirmLoading = true
+          classAdd(this.form).then((res) => {
+            if (res.code == 200) {
+              this.$message.success('新增成功')
+              this.confirmLoading = false
+              this.handleCancel()
+            } else {
+              this.$message.error('新增失败：' + res.msg)
+            }
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    handleCancel(e) {
+      //   console.log('Clicked cancel button')
+      this.$refs.table.refresh()
+      this.visible = false
+    },
+  },
+  created() {}, //生命周期 - 创建完成（可以访问当前this实例）
+  mounted() {}, //生命周期 - 挂载完成（可以访问DOM元素）
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style scoped>
+</style>

src/views/project/classAdd/ClassList.vue

@@ -1,37 +1,39 @@
 <template>
-  <page-header-wrapper title="新增种类">
+  <a-space align="baseline" direction="vertical" style="width: 100%">
-    <a-button type="primary" icon="rollback" @click="returnNext">返回</a-button>
+    <a-button type="primary" icon="plus" @click="$refs.ClassForm.showModal()">新增种类</a-button>
-    <a-table ref="table" size="default" rowKey="id" :columns="columns" :data="dataTable" bordered>
+    <s-table ref="table" rowKey="id" :columns="columns" :data="dataTable" style="width: 100%">
       <span slot="serial" slot-scope="text, record, index">
         {{ index + 1 }}
       </span>
       <span slot="action" slot-scope="text, record">
         <template>
-          <a-popconfirm title="是否删除?" @confirm="() => handleDelete(record)">
+          <a-popconfirm title="是否删除?" @confirm="handledDel(record)">
-            <a-button @click="() => handleDetail(record)">删除</a-button>
+            <a-button>删除</a-button>
           </a-popconfirm>
         </template>
       </span>
-    </a-table>
+    </s-table>
-  </page-header-wrapper>
+    <class-form ref="ClassForm"></class-form>
+  </a-space>
 </template>
 
 <script>
 import { STable } from '@/components'
 import { classDel, classList } from '@/api/project/class'
+import ClassForm from './ClassForm'
 
 export default {
   data() {
     return {
       // 加载数据方法 必须为 Promise 对象
       dataTable: (parameter) => {
-        return classList(Object.assign(parameter, this.queryParam)).then((res) => {
+        return classList(Object.assign(parameter)).then((res) => {
           return res
         })
       },
       columns: [
         { title: '序号', key: 'id', dataIndex: 'id', width: 80, scopedSlots: { customRender: 'serial' } },
-        { title: '项目种类名称', dataIndex: 'value', key: 'value' },
+        { title: '项目种类名称', dataIndex: 'value', key: 'value', align: 'center' },
         {
           title: '操作',
           width: 200,
@@ -43,21 +45,22 @@ export default {
   },
   components: {
     STable,
+    ClassForm,
     classDel,
-    classList
   },
   methods: {
-    handledDel(){
+    handledDel(record) {
-      classDel(Object.assign(parameter,params)).then((res) => {
+      console.log("delete-id",record)
-        if(res.code == 200){
+      classDel({ids:record.id}).then((res) => {
-          return $this.$message = '操作成功';
+        if (res.code == 200) {
+          this.$message.success('删除成功')
+          this.$refs.table.refresh(true)
         }
       })
     },
-    returnNext(){
+    getData() {},
-
-    }
   },
+  created: {},
 }
 </script>
 

src/views/project/form/ProjectCourseSelect.vue

@@ -8,23 +8,22 @@
         <a-button type="primary" icon="search" @click="$refs.table.refresh(true)">查询</a-button>
         <a-button icon="select" @click="() => (queryParam = {})">添加课程</a-button>
       </a-space>
+
       <s-table
         ref="table"
         size="default"
         rowKey="id"
         :columns="columns"
         :data="loadData"
-        :rowSelection="options.rowSelection"
       >
         <span slot="serial" slot-scope="text, record, index">
           {{ index + 1 }}
         </span>
-        <!--  slot-scope="text, record" -->
+        <span slot="action" slot-scope="text, record" >
-        <span slot="action">
           <template>
-            <a-button type="primary" icon="search" @click="$refs.table.refresh(true)">课程预览</a-button>
+            <a-button type="primary" @click="$refs.table.refresh(true)">课程预览</a-button>
-            <a-button type="primary" icon="search" @click="$refs.table.refresh(true)">题库预览</a-button>
+            <a-button type="primary" @click="$refs.table.refresh(true)">题库预览</a-button>
-            <a-button type="primary" icon="search" @click="$refs.table.refresh(true)">必选题设置</a-button>
+            <a-button type="primary" @click="$refs.table.refresh(true)">必选题设置</a-button>
             <a-popconfirm title="是否删除?" @confirm="() => handleDelete(record)">
               <a-button type="primary" @click="$refs.table.refresh(true)">删除</a-button>
             </a-popconfirm>
@@ -53,7 +52,7 @@ export default {
   data() {
     //这里存放数据
     return {
-      form: this.$form.createForm(this),
+      form: this.$form.createForm(this, { name: 'project' }),
       totalHours: 0, //总课时
       totalLearnHours: 0, //总学时
       totalTopicNum: 0, //题目数量

src/views/project/form/ProjectForm.vue

@@ -5,7 +5,7 @@
     <a-row :gutter="24">
       <a-col :md="24" :sm="24">
         <a-form-model-item label="项目名称">
-            <a-input v-model="form.projectName" />
+          <a-input v-decorator="['projectName',{rules: [{required: true, min: 1, message: '请输入项目名称！'}]}]" />
         </a-form-model-item>
       </a-col>
     </a-row>
@@ -15,7 +15,7 @@
           <a-select v-model="form.trainClass" placeholder="--请选择--">
             <a-select-option value="shanghai"> 参数待替换 </a-select-option>
           </a-select>
-            <a-button type="primary" @click="createClass"> 新增种类 </a-button>
+          <!-- <a-button type="primary" @click="$refs.classList.list()"> 新增种类 </a-button> -->
         </a-form-model-item>
       </a-col>
       <a-col :span="24">
@@ -118,10 +118,11 @@
     </a-row>
   </a-form-model>
   <!-- </page-header-wrapper> -->
+  <!-- <class-list ref="ClassList"></class-list> -->
 </template>
 <script>
 import { dictGet } from '@/api/project/project'
-
+import ClassList from '../classAdd/ClassList.vue'
 
 export default {
   data() {
@@ -129,16 +130,25 @@ export default {
       labelCol: { span: 4 },
       wrapperCol: { span: 14 },
       personType: [],
-      form: this.$form.createForm(this),
+      form: this.$form.createForm(this, { name: 'project' }),
+      modalTitle: '新增项目',
+      visible: false,
+      confirmLoading: false,
     }
   },
   components: {
     dictGet,
+    ClassList,
   },
-  created() {
+  created(ClassList) {
     this.fetchTemplateData()
   },
   methods: {
+    add(type) {
+      this.modalTitle = '新增菜单'
+      this.visible = true
+      this.formLoading = false
+    },
     //获取字典值
     fetchTemplateData() {
       console.log('fetchTemplateData')

src/views/project/form/ProjectUnitSelect.vue

@@ -1,6 +1,5 @@
 <template>
   <a-form-model :model="form">
-
     <!-- showSearch -->
     <!-- height: '500px',overflowY: 'auto' -->
 
@@ -109,7 +108,7 @@ function handleTreeData(data, targetKeys = []) {
 export default {
   data() {
     return {
-      form: this.$form.createForm(this),
+      form: this.$form.createForm(this, { name: 'project' }),
       targetKeys: [],
       dataSource: transferDataSource,
 

src/views/security/role/RoleForm.vue

@@ -11,7 +11,7 @@
         <a-input-number v-model="form.sort" />
       </a-form-model-item>
       <a-form-model-item ref="remark" label="备注" prop="remark">
-        <a-textarea :rows="4" v-model="form.remark" />
+        <a-textarea :rows="4" v-model="form.remark" >
         </a-textarea>
       </a-form-model-item>
     </a-form-model>