添加任务记录等模块

master

2022-04-07 a28f8de41ab2d99457875db7cdd0cc5bf9325f32

添加任务记录等模块

 src/cool/modules/hntask/views/plan_inventory.vue

New file
@@ -0,0 +1,116 @@
<template>

  <cl-crud :ref="setRefs('crud')"

           @load="onLoad">

    <el-row type="flex"

            align="middle">

      <!-- 刷新按钮 -->

      <cl-refresh-btn />

      <!-- 新增按钮 -->

      <cl-add-btn />

      <!-- 删除按钮 -->

      <cl-multi-delete-btn />

      <cl-flex1 />

      <!-- 关键字搜索 -->

      <cl-search-key />

    </el-row>



    <el-row>

      <!-- 数据表格 -->

      <cl-table :ref="setRefs('table')"

                v-bind="table" />

    </el-row>



    <el-row type="flex">

      <cl-flex1 />

      <!-- 分页控件 -->

      <cl-pagination />

    </el-row>



    <!-- 新增、编辑 -->

    <cl-upsert :ref="setRefs('upsert')"

               v-bind="upsert" />

  </cl-crud>

</template>



<script lang="ts">

import { defineComponent, reactive } from "vue";

import { CrudLoad, Upsert, Table } from "@cool-vue/crud/types";

import { useCool } from "/@/cool";



export default defineComponent({

    setup() {

        const { refs, setRefs, service } = useCool();



        // 新增、编辑配置

        const upsert = reactive<Upsert>({

            items: []

        });



        // 表格配置

        const table = reactive<Table>({

            columns: [

                {

                    type: "selection",

                    align: "center"

                },

                {

                    label: "id",

                    prop: "id",

                    sortable: true //是否排序功能

                },

                {

                    label: "盘煤计划ID",

                    prop: "plan_id"

                },

                {

                    label: "盘煤名称",

                    prop: "plan_name"

                },

                {

                    label: "煤种标记",

                    prop: "coal_marker"

                },

                {

                    label: "煤堆重量",

                    prop: "coal_weight"

                },

                {

                    label: "煤堆体积",

                    prop: "coal_volume"

                },

                {

                    label: "组合点云ID",

                    prop: "com_model_id"

                },

                {

                    label: "备注",

                    prop: "remark"

                },

                {

                    prop: "status",

                    label: "状态"

                },

                {

                    label: "操作",

                    type: "op"

                }

            ]

        });



        // crud 加载

        function onLoad({ ctx, app }: CrudLoad) {

            // 绑定 service

            ctx.service(service.business.planinventory).done();

            app.refresh();

        }



        return {

            refs,

            setRefs,

            upsert,

            table,

            onLoad

        };

    }

});

</script>


 src/cool/modules/hntask/views/task_exec_record.vue

New file
@@ -0,0 +1,144 @@
<template>

  <cl-crud :ref="setRefs('crud')"

           @load="onLoad">

    <el-row type="flex"

            align="middle">

      <!-- 刷新按钮 -->

      <cl-refresh-btn />

      <!-- 新增按钮 -->

      <cl-add-btn />

      <!-- 删除按钮 -->

      <cl-multi-delete-btn />

      <cl-flex1 />

      <!-- 关键字搜索 -->

      <cl-search-key />

    </el-row>



    <el-row>

      <!-- 数据表格 -->

      <cl-table :ref="setRefs('table')"

                v-bind="table" />

    </el-row>



    <el-row type="flex">

      <cl-flex1 />

      <!-- 分页控件 -->

      <cl-pagination />

    </el-row>



    <!-- 新增、编辑 -->

    <cl-upsert :ref="setRefs('upsert')"

               v-bind="upsert" />

  </cl-crud>

</template>



<script lang="ts">

import { defineComponent, reactive } from "vue";

import { CrudLoad, Upsert, Table } from "@cool-vue/crud/types";

import { useCool } from "/@/cool";



export default defineComponent({

    setup() {

        const { refs, setRefs, service } = useCool();



        // 新增、编辑配置

        const upsert = reactive<Upsert>({

            items: []

        });



        // 表格配置

        const table = reactive<Table>({

            columns: [

                {

                    type: "selection",

                    align: "center"

                },

                {

                    label: "id",

                    prop: "id",

                    sortable: true //是否排序功能

                },

                {

                    label: "任务类型",

                    prop: "is_periodic"

                },

                {

                    label: "逻辑ID",

                    prop: "logic_id"

                },

                {

                    label: "物理ID",

                    prop: "device_id"

                },

                {

                    label: "执行任务参数",

                    prop: "device_params"

                },

                {

                    label: "任务来源",

                    prop: "task_id"

                },

                {

                    label: "开始时间",

                    prop: "start_time"

                },

                {

                    label: "结束时间",

                    prop: "end_time"

                },

                {

                    label: "执行耗时",

                    prop: "exec_time"

                },

                {

                    label: "执行结果",

                    prop: "exec_result"

                },

                {

                    label: "数据回传时间",

                    prop: "send_time"

                },

                {

                    label: "服务端接收时间",

                    prop: "receive_time"

                },

                {

                    label: "任务指令",

                    prop: "task_command"

                },

                {

                    label: "检测记录ID",

                    prop: "task_monitor_id"

                },

                {

                    label: "备注",

                    prop: "remark"

                },

                {

                    prop: "status",

                    label: "状态"

                },

                {

                    label: "操作",

                    type: "op"

                }

            ]

        });



        // crud 加载

        function onLoad({ ctx, app }: CrudLoad) {

            // 绑定 service

            ctx.service(service.business.execrecord).done();

            app.refresh();

        }



        return {

            refs,

            setRefs,

            upsert,

            table,

            onLoad

        };

    }

});

</script>


 src/cool/modules/hntask/views/task_message_record.vue

New file
@@ -0,0 +1,120 @@
<template>

  <cl-crud :ref="setRefs('crud')"

           @load="onLoad">

    <el-row type="flex"

            align="middle">

      <!-- 刷新按钮 -->

      <cl-refresh-btn />

      <!-- 新增按钮 -->

      <cl-add-btn />

      <!-- 删除按钮 -->

      <cl-multi-delete-btn />

      <cl-flex1 />

      <!-- 关键字搜索 -->

      <cl-search-key />

    </el-row>



    <el-row>

      <!-- 数据表格 -->

      <cl-table :ref="setRefs('table')"

                v-bind="table" />

    </el-row>



    <el-row type="flex">

      <cl-flex1 />

      <!-- 分页控件 -->

      <cl-pagination />

    </el-row>



    <!-- 新增、编辑 -->

    <cl-upsert :ref="setRefs('upsert')"

               v-bind="upsert" />

  </cl-crud>

</template>



<script lang="ts">

import { defineComponent, reactive } from "vue";

import { CrudLoad, Upsert, Table } from "@cool-vue/crud/types";

import { useCool } from "/@/cool";



export default defineComponent({

    setup() {

        const { refs, setRefs, service } = useCool();



        // 新增、编辑配置

        const upsert = reactive<Upsert>({

            items: []

        });



        // 表格配置

        const table = reactive<Table>({

            columns: [

                {

                    type: "selection",

                    align: "center"

                },

                {

                    label: "id",

                    prop: "id",

                    sortable: true //是否排序功能

                },

                {

                    label: "任务类型",

                    prop: "is_periodic"

                },

                {

                    label: "消息",

                    prop: "message"

                },

                {

                    label: "发送源",

                    prop: "msg_target"

                },

                {

                    label: "发送目标",

                    prop: "msg_target"

                },

                {

                    label: "任务来源",

                    prop: "task_id"

                },

                {

                    label: "发送时间",

                    prop: "send_time"

                },

                {

                    label: "检测记录ID",

                    prop: "task_monitor_id"

                },

                {

                    label: "备注",

                    prop: "remark"

                },

                {

                    prop: "status",

                    label: "状态"

                },

                {

                    label: "操作",

                    type: "op"

                }

            ]

        });



        // crud 加载

        function onLoad({ ctx, app }: CrudLoad) {

            // 绑定 service

            ctx.service(service.business.messagerecord).done();

            app.refresh();

        }



        return {

            refs,

            setRefs,

            upsert,

            table,

            onLoad

        };

    }

});

</script>