feat: 任务管理完成

src/api/index.js

 import { request, METHOD } from '@/utils';
 export * from './menu';
 export * from './system';
+export * from './task';
 
 export function getUserDetailInfoApi() {
     return request('/api/v1/detail', METHOD.GET);

src/api/task.js

+import { postReq, putReq } from '@/utils';
+
+export function addTaskApi(data) {
+    return postReq('/api/v1/schedules', data);
+}
+
+export function updateTaskApi(data) {
+    return putReq('/api/v1/schedules', data);
+}

src/components/Acron/ACron.vue

 <template>
     <div class="components-input-demo-presuffix">
-    <a-input :placeholder="placeholder" :value="cron" @input="handleinput">
+        <a-input :placeholder="placeholder" :value="cron" @input="handleinput" :disabled="disabled">
             <a-icon slot="prefix" type="schedule" title="corn控件" @click="openModal" />
             <a-icon v-if="cron" slot="suffix" type="close-circle" @click="handleEmpty" title="清空" />
         </a-input>
@@ -8,29 +8,30 @@
     </div>
 </template>
 <script>
-import AntCron from "./AntCron";
-import { replaceWeekName } from "./validator";
+import AntCron from './AntCron';
+import { replaceWeekName } from './validator';
 export default {
-  name: "ACron",
+    name: 'ACron',
     components: {
-    AntCron
+        AntCron,
     },
     props: {
         value: {
             required: false,
             type: String,
-      default: ""
+            default: '',
         },
         placeholder: {
             required: false,
             type: String,
-      default: ""
-    }
+            default: '',
+        },
+        disabled: Boolean,
     },
     data() {
         return {
             cron: this.value,
-      afterCron: ""
+            afterCron: '',
         };
     },
     watch: {
@@ -41,33 +42,35 @@ export default {
             console.log(replaceWeekName(val));
             this.afterCron = replaceWeekName(val);
             console.log(val);
-      this.$emit("input", val);
-    }
+            this.$emit('input', val);
+        },
     },
     methods: {
         openModal() {
+            if (this.disabled) return;
             this.$refs.innerVueCron.show();
         },
         handleOK(val) {
             this.cron = val;
-      this.$emit("change", this.cron);
+            this.$emit('change', this.cron);
         },
         handleinput(evt) {
             this.cron = evt.target.value;
-      if (this.cron !== "") {
-        this.$emit("change", this.cron);
+            if (this.cron !== '') {
+                this.$emit('change', this.cron);
             } else {
-        this.$emit("change", undefined);
+                this.$emit('change', undefined);
             }
         },
         handleEmpty() {
-      this.handleOK("");
-    }
+            if (this.disabled) return;
+            this.handleOK('');
+        },
     },
     model: {
-    prop: "value",
-    event: "change"
-  }
+        prop: 'value',
+        event: 'change',
+    },
 };
 </script>
 <style scoped>

src/components/FormMixin/index.js

@@ -20,15 +20,16 @@ export default {
         async submit() {
             await this.$refs.DrawerForm.validate();
             if (this.isAdd) {
-                return this?.add();
+                return this.add();
             }
             if (this.isEdit) {
-                return this?.edit();
+                return this.edit();
             }
         },
         setData(data, type) {
             this.form = { ...data };
             this.type = type;
+            console.log(data, type);
         },
     },
 };

src/components/action_button/index.vue

@@ -62,7 +62,6 @@ export default {
     },
     created() {
         this.init();
-        console.log(this.buttonsArr);
     },
     computed: {
         basicBtns() {

src/components/table/index.vue

@@ -180,6 +180,7 @@ export default {
             this.addVisible = true;
             this.type = 0;
             this.noFooter = false;
+            this.title = '新增';
         },
         addDrawerClose() {
             this.addVisible = false;

src/pages/system/view/menu/MenuManagement.vue

@@ -37,7 +37,6 @@ export default {
         addBtn: {
             text: '新建',
             onOk() {
-                console.log(vm.addCom);
                 return vm.addCom ? vm.$refs['addCom']?.submit() : vm.$refs['addForm']?.submit();
             },
             onCancel() {
@@ -50,7 +49,7 @@ export default {
             {
                 label: '新增组件',
                 option: {
-                    type: 'danger',
+                    style: 'color: #ff4d4f',
                 },
                 click(row) {
                     vm.show();

src/pages/system/view/task/form.vue

 <template>
     <a-form-model layout="vertical" :model="form" :rules="rules" ref="DrawerForm">
-        <a-form-model-item label="任务名称" prop="jobName">
-            <a-input v-model="form.jobName" :disabled="isView" />
+        <a-form-model-item label="任务名称" prop="taskName">
+            <a-input v-model="form.taskName" :disabled="isView" />
         </a-form-model-item>
-        <a-form-model-item label="调度规则" prop="jobDescription">
-            <a-textarea v-model="form.jobDescription" :disabled="isView" :rows="4" />
+        <a-form-model-item label="调度规则" prop="taskRule">
+            <ACron v-model="form.taskRule" :disabled="isView" />
         </a-form-model-item>
-        <a-form-model-item label="实现类" prop="jobDescription">
-            <a-input v-model="form.jobDescription" :disabled="isView" />
+        <a-form-model-item label="实现类" prop="implementClass">
+            <a-input v-model="form.implementClass" :disabled="isView" />
         </a-form-model-item>
-        <a-form-model-item label="说明" prop="jobDescription">
-            <a-textarea v-model="form.jobDescription" :disabled="isView" :rows="4" />
+        <a-form-model-item label="说明" prop="remark">
+            <a-textarea v-model="form.remark" :disabled="isView" :rows="4" />
         </a-form-model-item>
     </a-form-model>
 </template>
 
 <script>
-import JobsApi from '@/api/organization';
+import { addTaskApi, updateTaskApi } from '@/api';
 import FormMixin from '@/components/FormMixin';
+import ACron from '@/components/Acron/ACron.vue';
+
 export default {
+    components: { ACron },
+    props: ['row'],
     mixins: [FormMixin],
     data() {
         return {
             rules: {
-                jobName: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                jobDescription: [
-                    { required: true, message: 'Please select Activity zone', trigger: 'change' },
-                ],
+                taskName: [{ required: true }],
+                taskRule: [{ required: true }],
             },
         };
     },
     methods: {
         add() {
-            return JobsApi.add({ ...this.form });
+            return addTaskApi({ ...this.form });
         },
         edit() {
-            return JobsApi.update({ ...this.form });
+            return updateTaskApi({ ...this.form });
         },
     },
 };

src/pages/system/view/task/index.vue

 <template>
     <my-table url="/api/v1/schedules" rowKey="taskId" :addBtn="addBtn" ref="table">
         <template #drawer>
-            <Form ref="form" />
+            <Form ref="form" :row="currentClickRow" />
         </template>
         <a-table-column title="任务名称" data-index="taskName" />
         <a-table-column title="调度规则" data-index="taskRule" />
@@ -23,7 +23,12 @@ export default {
     components: { ActionButton, Form },
     data() {
         return {
-            addBtn: {},
+            addBtn: {
+                onOk: () => {
+                    return this.$refs.form.submit();
+                },
+            },
+            currentClickRow: null,
             buttons: [
                 {
                     label: '查看',
@@ -47,8 +52,9 @@ export default {
                     type: 'confirm',
                     label: '失效',
                     title: '确认是否失效?',
-                    url: row => `/api/v1/schedules/${row.taskId}`,
+                    url: row => ({ url: `/api/v1/schedules/${row.taskId}/pause`, method: 'del' }),
                     after: () => this.refreshTable(),
+                    isHidden: row => row.isPaused === 1,
                 },
                 {
                     type: 'confirm',