web/WebMvc/wwwroot/productjs/configure/ProjectOverview.js

let action = null;
layui.config({
    base: "/js/",
    version: 1
}).use(['system',"vue"], function () {
    var form = layui.form,
        $ = layui.jquery,
        element = layui.element,
        table = layui.table,
        system = layui.system,
        sysU = new system.u(),
        sendDataWhere = null,
        sendDataDescWhere = null,
        areaName = "configure",
        controllerName = "BaseProject",
        projectKeys = null,
        projectName = "",
        vueApp=null,
        app = null;
    action = {
    }
    app = {
        data: {
        },
        methods: {
            /**
              * 初始化vue
              */
            initVue: function () {
                vueApp = new Vue({
                    el: '.vueApp',
                    data: {
                        head: {
                            projectName: 0
                        },
                        body: {
                            eqCount: 0,
                            eqOnline: 0,
                            eqStandBy: 0,
                            eqOffline: 0,
                            eqOnlineRate:0,
                        },
                    },
                    methods: {
                    },
                    ready: function () {
                        this.head.projectName = `${projectName}`;
                    }
                });
            },
            /**
              * vue 集合赋值 result.Result.eqCount
              */
            initVueDataValue: function (result) {
                var res = result.Result;
                vueApp.body.eqCount = res.eqSumCount;
                vueApp.body.eqOnline = res.eqOnLineCount;
                vueApp.body.eqStandBy = res.eqStandByCount;
                vueApp.body.eqOnlineRate = res.runningRate;
            },
            getUrlParam: function () {
                projectKeys = localStorage.getItem("projectMapKeys");
                projectName = localStorage.getItem("projectMapName");
            },
            getEquipmentDataList() {
                var ajaxConfig = {
                    data: { pageRequest: null, entity: { flag: "projectMapList", keys: projectKeys } },
                    url: `/configure/BaseProject/LoadProjectOverview`,
                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        app.methods.initVueDataValue(result);
                    }
                };
                sysU.ajax(ajaxConfig);
            },
            init: function () {
                var tempElem = $(".sys-a-det");
                tempElem.attr("href", tempElem.data("scr") + `?projectKeys=${projectKeys}`)
                app.methods.getEquipmentDataList();
            }
        },
        registerEvent: function () {
        },
        init: function () {
            app.methods.getUrlParam();
            app.methods.initVue();
            app.methods.init();
        }
    };
    app.init();
});