证件管理新增，编辑，查询

src/api/oa/cd-certificate-management.js

@@ -20,5 +20,6 @@ const enterpriseEDelete   = (params)=>deleteAction("/oa/syCertificates/deleteBat
 export {
     managementList,
     managementAdd,
-    managementEdit
+    managementEdit,
+    enterpriseEDelete
 }

src/views/system/CertificateManagement.vue

@@ -16,7 +16,9 @@
               <a-date-picker
                style="width: 100%"
                placeholder="请选择购买日期"
-               v-model="queryParam.beginDate"
+               v-model="beDate"
+               format="YYYY-MM-DD"
+                @change="onDateChange"
               />
             </a-form-item>
           </a-col>
@@ -25,7 +27,9 @@
               <a-date-picker
                style="width: 100%"
                placeholder="请选择购买日期"
-               v-model="queryParam.endDate"
+               v-model="enDate"
+               format="YYYY-MM-DD"
+               @change="onEndDateChange"
               />
             </a-form-item>
           </a-col>
@@ -85,7 +89,7 @@
       </a-table>
     </div>
     <!-- 新增框 -->
-    <add-certificate-management ref='AddCertificateManagement'></add-certificate-management>
+    <add-certificate-management ref='AddCertificateManagement' @close="close"></add-certificate-management>
    </a-card>
    
 </template>
@@ -94,17 +98,26 @@
   
   import {JeecgListMixin} from '@/mixins/JeecgListMixin'
   import AddCertificateManagement from './modules/AddCertificateManagement'
+  import moment from 'moment'
+  import {
+   managementList,
+    managementAdd,
+    managementEdit,
+    enterpriseEDelete
+} from '@api/oa/cd-certificate-management'
 
   export default {
     name: "CertificateManagement",
     mixins: [JeecgListMixin],
     components: {
-    AddCertificateManagement
+    AddCertificateManagement,
+    moment
     },
     data() {
       return {
           queryParam:{   //查询条件
-
+              beginDate:'',
+              endDate:''
           },
         //   表头
         columns:[
@@ -163,7 +176,11 @@
             scopedSlots: { customRender: 'operation' },
             width: 120
           },
-        ]
+        ],
+        dataSource:[],
+        selectedRowKeys:[],
+        beDate:'',
+        enDate:''
       }
     },
     computed: {
@@ -175,18 +192,38 @@
     methods: {
         // 查询
         searchQuery(){
-
+            this.getData()
         },
         //重置
         searchReset(){
           this.queryParam={}
+          this.getData()
         },
         // 获取数据
         getData(){
+           this.$nextTick(() => {
+                managementList(this.queryParam).then(res => {
+                    // console.log('>>>>', this.queryParam)
+                    if (res.success) {
+                       this.dataSource =res.result.records
+                    }else{
+                       this.$message.error(res.message);
+                    }
+                })
+            })
         },
         // 删除
         handleDelete(){
-
+          var id = this.selectedRowKeys.toString()
+          enterpriseEDelete({ids:id}).then(res => {
+                    // console.log('>>>>', this.queryParam)
+                    if (res.success) {
+                      this.$message.success('删除成功');
+                      this.getData()
+                    }else{
+                       this.$message.error(res.message);
+                    }
+                })
         },
         // 添加
         handleAdd(){
@@ -197,6 +234,23 @@
            this.$refs.AddCertificateManagement.visible = true
             this.$refs.AddCertificateManagement.defult = 'edit'
             this.$refs.AddCertificateManagement.formState = record
+            this.$refs.AddCertificateManagement.beDate =moment (record.beginDate,'YYYY-MM-DD HH:mm:ss')
+            this.$refs.AddCertificateManagement.enDate = moment (record.endDate,'YYYY-MM-DD HH:mm:ss')
+        },
+        //选中行
+      onSelectChange(keys,rows){
+           this.selectedRowKeys = keys;
+            this.selectedRows = rows;
+         },
+         onDateChange(value){
+           this.queryParam.beginDate =moment(value).format('YYYY-MM-DD');
+         },
+         onEndDateChange(value){
+           this.queryParam.endDate =moment(value).format('YYYY-MM-DD');
+         },
+         
+        close(){
+          this.getData()
         }
     }
      

src/views/system/modules/AddCertificateManagement.vue

@@ -27,14 +27,14 @@
             <a-date-picker
             style="width: 100%"
             placeholder="请选择起始时间"
-            v-model="formState.beginDate"
+            v-model="beDate"
           />
         </a-form-item>
         <a-form-item label="到期时间"  >
             <a-date-picker
             style="width: 100%"
             placeholder="请选择到期时间"
-            v-model="formState.endDate"
+            v-model="enDate"
           />
         </a-form-item>
         <a-form-item label="管理人"  >
@@ -69,9 +69,12 @@ export default {
             visible:false,
             defult:'add',
             formState:{
-
+              endDate:'',
+              beginDate:''
             },
             confirmLoading: false,
+            enDate:'',
+            beDate:''
         }
     },
     created () {
@@ -84,19 +87,38 @@ export default {
      close(){
        this.visible = false
        this.formState={}
-       this.defult='add'
+       this.defult='add',
+       this.enDate=''
+       this.beDate=''
      },
     handleSubmit(){
       this.$nextTick(() => {
-                this.formState.beginDate = moment(this.formState.beginDate).format('YYYY-MM-DD');
-                this.formState.endDate = moment(this.formState.endDate).format('YYYY-MM-DD');
-                managementAdd(this.formState).then(res => {
+        this.formState.beginDate = moment(this.beDate).format('YYYY-MM-DD');
+        this.formState.endDate = moment(this.enDate).format('YYYY-MM-DD');
+        if(this.defult == 'add'){
+           managementAdd(this.formState).then(res => {
                     if (res.success) {
-                      debugger
-                       
+                       this.$message.success('新增成功');
+                       this.close()
+                       this.$emit('close')
+                    }else{
+                      this.$message.error(res.message);
                     }
-                })
             })
+        }else {
+          managementEdit(this.formState).then(res => {
+                    if (res.success) {
+                      this.$message.success('编辑成功');
+                       this.close()
+                    }else{
+                      this.$message.error(res.message);
+                       this.$message.error(res.message);
+                    }
+            })
+        }
+                
+               
+      })
     }
     }
 }