qimall/backend/modules/admin/views/task/executed-detail.php

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0" class="box-card" body-style="background-color: #f3f3f3;padding: 20px 0 0;" class="box-card" v-loading="cardLoading">
        <div slot="header">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <span style="color: #409EFF;cursor: pointer"
                          @click="$navigate({r:'admin/task/executed-list'})">
                          任务记录
                    </span>
                </el-breadcrumb-item>
                <el-breadcrumb-item>记录详情</el-breadcrumb-item>
                <el-button style="margin: -5px 0;float: right" type="primary" size="small" @click="$navigate({r:'admin/task/executed-list'})"> 返回 </el-button>
            </el-breadcrumb>
        </div>

        <div class="form-body">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" size="mini" label-width="150px" class="demo-ruleForm">
                <el-form-item label="执行命令" prop="type">
                    <p>{{ruleForm.command}}</p>
                </el-form-item>
                <el-form-item label="任务类型" prop="type">
                    <p>{{task_type[ruleForm.type]}}</p>
                </el-form-item>
                <el-form-item label="任务耗时" prop="type">
                    <p>{{ruleForm.running_time}}ms</p>
                </el-form-item>
                <el-form-item label="任务预设开始时间" prop="start_time">
                    <p>{{ruleForm.start_time|dateTimeFormat('Y-m-d H:i:s')}}</p>
                </el-form-item>
                <el-form-item label="任务实际执行时间" prop="execute_time">
                    <p>{{ruleForm.execute_time|dateTimeFormat('Y-m-d H:i:s')}}</p>
                </el-form-item>
                <el-form-item label="实际完成时间" prop="complete_time">
                    <p>{{ruleForm.complete_time|dateTimeFormat('Y-m-d H:i:s')}}</p>
                </el-form-item>
                <el-form-item label="执行状态" prop="exec_process">
                    <p>{{exec_status[ruleForm.exec_process]}}</p>
                </el-form-item>
                <el-form-item label="结果输出" prop="result">
                    <p>{{ruleForm.result}}</p>
                </el-form-item>
            </el-form>
        </div>
    </el-card>

   
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                btnLoading:false,
                cardLoading: false,
                ruleForm: {
                    id: 0,
                    name:'',
                    type:1,
                    status:1,
                    command:'',
                    rule:''
                },
                rules: {
                    name: [{
                        required: true,
                        message: '请输入任务名称',
                        trigger: 'blur'
                    }, ],
                    rule: [{
                        required: true,
                        message: '任务执行规则不能为空',
                        trigger: 'blur'
                    }, ],
                    command: [{
                        required: true,
                        message: '执行命令不能为空',
                        trigger: 'blur'
                    }, ],
                },
                task_type: { 1: 'shell脚本', 2: '站内脚本', 3: '访问URL' },
                exec_status: { 1: '准备中', 2: '执行中', 3: '任务失败', 4: '已完成' }
            };
        },
        created() {
            
        },
        mounted: function() {
            let id = getQuery('id');
            if (id) {
                this.getCrontabInfo(id);
            }
        },
        methods: {
            getCrontabInfo(id) {
                let self = this;
                self.cardLoading = true;
                request({
                    params: {
                        r: 'admin/task/executed-detail',
                        id:id,
                    },
                    method: 'get'
                }).then(e => {
                    self.cardLoading = false;
                    if (e.data.code == 0) {
                        self.ruleForm = e.data.data;
                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    self.cardLoading = false;
                    self.$message.error(e);
                });
            },
        }
    });
</script>