任务调度页面更新

Lou

2024-01-12 bab5bd056253d96cb5d4c23cf394e44392a660da

 src/views/resource/distapch.vue

@@ -26,11 +26,34 @@
            <template slot-scope="{row, size}" slot="category">
                <el-tag :size="size">{{ row.categoryName }}</el-tag>
            </template>
            <template slot-scope="{row, size}" slot="category">
                <el-tag :size="size">{{ row.categoryName }}</el-tag>
            </template>

            <template slot-scope="{type,disabled}" slot="cronForm">
               <el-input  placeholder="请选择cron">
                    <el-button slot="append" icon="el-icon-s-tools"  @click="cronPopover = true"></el-button>
              </el-input>
            </template>


        </avue-crud>

        <el-dialog title="对象存储上传调试" append-to-body :visible.sync="box" width="550px">
            <avue-form ref="form" :option="debugOption" v-model="debugForm" @submit="handleSubmit" />
        </el-dialog>


        <el-popover v-model="cronPopover">
        <vueCron @change="changeCron" @close="cronPopover=false" i18n="cn"/>
        <!-- <el-input
          slot="reference"
          v-model="ruleForm.execTime"
          placeholder="定时策略"
          @click="cronPopover=true"
        /> -->
      </el-popover>

    </basic-container>
</template>

@@ -38,14 +61,18 @@
import { getList, getDetail, add, update, remove, enable } from "@/api/resource/oss"
import { mapGetters } from "vuex"
import func from "@/util/func"

import vueCron from 'vue-cron'
export default {
    components:{
        vueCron
    },
    data () {
        return {
            form: {},
            query: {},
            loading: true,
            box: false,
            cronPopover:false,
            page: {
                pageSize: 10,
                currentPage: 1,
@@ -227,7 +254,8 @@
              },
              {
                label: 'Cron',
                prop: ''
                prop: 'cron',
                formslot:true,
              }
            ]
          }, 
@@ -236,12 +264,12 @@
            prop: 'jbxx',
            column: [
              {
                label: '调度类型',
                label: '运行模式',
                prop: '',
                type: 'select',
              },
              {
                label: 'Cron',
                label: 'JobHandler',
                prop: ''
              },
              {
@@ -353,6 +381,11 @@
        }
    },
    methods: {

        changeCron(val){
             console.log("===>",val);
        },

        rowSave (row, done, loading) {
            add(row).then(() => {
                this.onLoad(this.page)