添加采集设备页面

master

2022-03-04 8b56ab2d31905c3c7582296e9e0052fe02f45207

添加采集设备页面

 index.html

 src/cool/modules/base/pages/login/index.vue

 src/cool/modules/cycleTask/components/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/cycleTask/directives/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/cycleTask/index.ts

New file
@@ -0,0 +1,15 @@
import components from "./components";
import directives from "./directives";
import service from "./service";
import store from "./store";
import pages from "./pages";
import views from "./views";

export default {
    components,
    directives,
    service,
    store,
    pages,
    views
};

 src/cool/modules/cycleTask/pages/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/cycleTask/service/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/cycleTask/store/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/cycleTask/views/cycleTask.vue

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

  <div>

    <h1>周期任务</h1>

  </div>

</template>

 src/cool/modules/cycleTask/views/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/device/service/device.ts

New file
@@ -0,0 +1,5 @@
import { BaseService, Service } from "/@/cool";

@Service("device/device")
class DemoDevice extends BaseService { }
export default DemoDevice;

 src/cool/modules/device/service/index.ts

@@ -1 +1,7 @@
export default {};
import DemoDevice from "./device";

export default {
  device: {
    device: new DemoDevice()
  }
};

 src/cool/modules/device/views/device.vue

New file
@@ -0,0 +1,201 @@
<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: [

                {

                    label: "名称",

                    prop: "name",

                    component: {

                        name: "el-input"

                    },

                    //是否为必填项,注：接口配置字段时没有设置默认值时，都需要选择必填

                    required: true

                },

                {

                    label: "逻辑ID",

                    prop: "logic_id",

                    component: {

                        name: "el-input"

                    },

                    required: true

                },

                {

                    label: "物理ID",

                    prop: "device_id",

                    component: {

                        name: "el-input"

                    },

                    required: true

                },

                {

                    label: "负责人",

                    prop: "operator",

                    component: {

                        name: "el-input"

                    },

                    required: true

                },

                {

                    label: "经度",

                    prop: "longitude",

                    component: {

                        name: "el-input"

                    }

                },

                {

                    label: "纬度",

                    prop: "latitude",

                    component: {

                        name: "el-input"

                    }

                },

                {

                    label: "高度",

                    prop: "altitude",

                    component: {

                        name: "el-input"

                    }

                },

                {

                    label: "安装位置",

                    prop: "location",

                    component: {

                        name: "el-input"

                    }

                },

                {

                    label: "状态",

                    prop: "status",

                    component: {

                        name: "el-input"

                    }

                },

                {

                    label: "备注",

                    prop: "remark",

                    component: {

                        name: "el-input"

                    }

                }

            ]

        });



        // 表格配置

        const table = reactive<Table>({

            columns: [

                {

                    type: "selection",

                    align: "center"

                },

                {

                    label: "id",

                    prop: "id",

                    sortable: true //是否排序功能

                },

                {

                    label: "运行状态",

                    prop: "status",

                    filters: [

                        { text: "0", value: "已停止" },

                        { text: "1", value: "正在运行" }

                    ]

                    // filters:"[{ text: '家', value: '家' }, { text: '公司', value: '公司' }]"

                },

                {

                    label: "名称",

                    prop: "name"

                },

                {

                    label: "位置",

                    prop: "location",

                    width: 200

                },

                {

                    label: "逻辑ID",

                    prop: "logic_id"

                },

                {

                    label: "物理ID",

                    prop: "device_id",

                    width: 100

                },

                {

                    label: "经度",

                    prop: "longitude",

                    width: 150

                },

                {

                    label: "纬度",

                    prop: "latitude",

                    width: 150

                },

                {

                    label: "高度",

                    prop: "altitude"

                },

                {

                    label: "操作",

                    type: "op"

                }

            ]

        });



        // crud 加载

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

            // 绑定 service

            ctx.service(service.device.device).done();

            app.refresh();

        }



        return {

            refs,

            setRefs,

            upsert,

            table,

            onLoad

        };

    }

});

</script>


 src/cool/modules/deviceGroup/components/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/deviceGroup/directives/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/deviceGroup/index.ts

New file
@@ -0,0 +1,15 @@
import components from "./components";
import directives from "./directives";
import service from "./service";
import store from "./store";
import pages from "./pages";
import views from "./views";

export default {
    components,
    directives,
    service,
    store,
    pages,
    views
};

 src/cool/modules/deviceGroup/pages/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/deviceGroup/service/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/deviceGroup/store/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/deviceGroup/views/deviceGroup.vue

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

  <div>

    <h1>设备分组页面</h1>

  </div>

</template>

 src/cool/modules/deviceGroup/views/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/douMsg/components/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/douMsg/directives/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/douMsg/index.ts

New file
@@ -0,0 +1,15 @@
import components from "./components";
import directives from "./directives";
import service from "./service";
import store from "./store";
import pages from "./pages";
import views from "./views";

export default {
    components,
    directives,
    service,
    store,
    pages,
    views
};

 src/cool/modules/douMsg/pages/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/douMsg/service/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/douMsg/store/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/douMsg/views/douMsg.vue

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

  <div>

    <h1>斗轮机详情页</h1>

  </div>

</template>

 src/cool/modules/douMsg/views/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/huaneng/views/huaneng.vue

@@ -79,6 +79,10 @@
        const table = reactive<Table>({
            columns: [
                {
                    type: "selection",

                    align: "center"

                },

                {

                    label: "姓名",
                    prop: "name"
                },
@@ -103,7 +107,7 @@

        // crud 加载
        function onLoad({ ctx, app }: CrudLoad) {
            console.log(service);
            console.log("service", service);


            // 绑定 service
            ctx.service(service.huaneng.huaneng).done();

 src/cool/modules/immediateTask/components/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/immediateTask/directives/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/immediateTask/index.ts

New file
@@ -0,0 +1,15 @@
import components from "./components";
import directives from "./directives";
import service from "./service";
import store from "./store";
import pages from "./pages";
import views from "./views";

export default {
    components,
    directives,
    service,
    store,
    pages,
    views
};

 src/cool/modules/immediateTask/pages/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/immediateTask/service/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/immediateTask/store/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/immediateTask/views/immediateTask.vue

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

  <div>

    即时任务

  </div>

</template>

 src/cool/modules/immediateTask/views/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/index.ts

@@ -17,5 +17,6 @@
      }
    }
  },
  "huaneng"
  "huaneng",
  "device"
];

 src/cool/modules/userInfo/components/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/userInfo/directives/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/userInfo/index.ts

New file
@@ -0,0 +1,15 @@
import components from "./components";
import directives from "./directives";
import service from "./service";
import store from "./store";
import pages from "./pages";
import views from "./views";

export default {
    components,
    directives,
    service,
    store,
    pages,
    views
};

 src/cool/modules/userInfo/pages/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/userInfo/service/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/userInfo/store/index.ts

New file
@@ -0,0 +1 @@
export default {};

 src/cool/modules/userInfo/views/index.ts

New file
@@ -0,0 +1 @@
export default [];

 src/cool/modules/userInfo/views/userInfo.vue

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

  <div>

    用户管理页面

  </div>

</template>