@{
    ViewBag.Title = "敏捷开发向导";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<div style="position:relative;width:100%;height:100%;padding:10px;">
    <div style="position:relative;width:100%;height:100%;background:#fff;border:1px solid #ccc;padding:60px;">
        <div style="position:relative;width:100%;height:70%;min-height:400px; border-bottom:1px solid #ccc;">
            <div style="font-size: 36px;color: #333333;position:absolute;top:0;left:0;">敏捷开发向导</div>
            <div id="logosetting" style="cursor:pointer;position:absolute;top:50%;left:20px;margin-top:-100px;width:150px;height:200px;text-align:center;z-index:1;">
                <div style="height:150px;width:150px;overflow:hidden;position:relative;"><img src="~/img/guide/dev.icon.png" style="position:absolute;top:-30px;left:-39px;" /></div>
                <span style="font-size: 24px;color:#333;">logo设置</span>
            </div>

            <div id="desktop" style="cursor:pointer;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-75px;width:150px;height:200px;text-align:center;z-index:1;">
                <div style="height:150px;width:150px;overflow:hidden;position:relative;"><img src="~/img/guide/dev.icon.png" style="position:absolute;top:-30px;right:-49px;" /></div>
                <span style="font-size: 24px;color:#333;">首页设置</span>
            </div>

            <div id="codecreate" style="cursor:pointer;position:absolute;top:50%;right:20px;margin-top:-187px;width:80px;height:112px;text-align:center;z-index:1;">
                <div style="height:80px;width:80px;overflow:hidden;position:relative;"><img src="~/img/guide/dev.icon.png" style="position:absolute;bottom:-16px;left:-36px;" /></div>
                <span style="font-size: 16px;color:#282E3B;">功能生成</span>
            </div>

            <div id="formRelease" style="cursor:pointer;position:absolute;top:50%;right:20px;margin-top:35px; width:80px;height:112px;text-align:center;z-index:1;">
                <div style="height:80px;width:80px;overflow:hidden;position:relative;"><img src="~/img/guide/dev.icon.png" style="position:absolute;bottom:-16px;left:-416px;" /></div>
                <span style="font-size: 16px;color:#282E3B;">表单发布</span>
            </div>

            <div style="position:absolute;height:100%;width:50%;top:0;left:0;padding:0 75px 0 170px;">
                <img src="~/img/guide/arrow.png" style="position:relative;height:15px;width:100%;top:50%;margin-top:-77px;left:0;" />
            </div>
            <div style="position:absolute;height:100%;width:50%;top:0;right:0;padding:0 60px 0 75px;margin-top:-30px;">
                <div style="position:relative;width:100%;height:50%;">
                    <img src="~/img/guide/arrow2.png" style="position:absolute;width:100%;height:55px;bottom:0;left:0;" />
                </div>
                <div style="position:relative;width:100%;height:50%;">
                    <img src="~/img/guide/arrow1.png" style="position:absolute;width:100%;height:55px;top:0;left:0;" />
                </div>
            </div>
        </div>
        <div style="position:relative;width:100%;height:30%;min-height:150px;max-height:300px;padding:100px 0;">
            <div style="position:relative;width:100%;height:100%">
                <div style="position:absolute;bottom:15px;left:0;width:25%;height:80px;">
                    <div id="dataItem" style="cursor:pointer;position:relative;width:180px;height:100%;color:#fff;text-align:center; border-radius:3px;margin:auto;background:#46BBE7;background: linear-gradient(-180deg, #46BBE7 0%, #3398DC 100%);">
                        <i class="fa fa-book" style="position:absolute;display:block;top:17px;left:20px;font-size:45px;"></i><span style="font-size:16px;display:block;border-left:1px solid #fff;padding-left:18px;position:absolute;top:29px;left:78px;">数据字典</span>
                    </div>
                </div>
                <div style="position:absolute;bottom:15px;left:25%;width:25%;height:80px;">
                    <div id="dataSource" style="cursor:pointer;position:relative;width:180px;height:100%;color:#fff;text-align:center; border-radius:3px;margin:auto;background:#46BBE7;background: linear-gradient(-180deg, #46BBE7 0%, #3398DC 100%);">
                        <i class="fa fa-bullseye" style="position:absolute;display:block;top:17px;left:20px;font-size:45px;"></i><span style="font-size:16px;display:block;border-left:1px solid #fff;padding-left:18px;position:absolute;top:29px;left:78px;">数据源</span>
                    </div>
                </div>
                <div style="position:absolute;bottom:15px;left:50%;width:25%;height:80px;">
                    <div id="formDesign" style="cursor:pointer;position:relative;width:180px;height:100%;color:#fff;text-align:center; border-radius:3px;margin:auto;background:#46BBE7;background: linear-gradient(-180deg, #46BBE7 0%, #3398DC 100%);">
                        <i class="fa fa-puzzle-piece" style="position:absolute;display:block;top:17px;left:20px;font-size:45px;"></i><span style="font-size:16px;display:block;border-left:1px solid #fff;padding-left:18px;position:absolute;top:29px;left:78px;">表单设计</span>
                    </div>
                </div>
                <div style="position:absolute;bottom:15px;left:75%;width:25%;height:80px;">
                    <div id="workflow" style="cursor:pointer;position:relative;width:180px;height:100%;color:#fff;text-align:center; border-radius:3px;margin:auto;background:#46BBE7;background: linear-gradient(-180deg, #46BBE7 0%, #3398DC 100%);">
                        <i class="fa fa-share-alt" style="position:absolute;display:block;top:17px;left:20px;font-size:45px;"></i><span style="font-size:16px;display:block;border-left:1px solid #fff;padding-left:18px;position:absolute;top:29px;left:78px;">流程设计</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
var bootstrap = function ($, learun) {
    "use strict";
    var page = {
        init: function () {
            $('#dataItem').on('click', function () {//数据字典
                top.learun.frameTab.open({ F_ModuleId: '4efd37bf-e3ef-4ced-8248-58eba046d78b', F_FullName: '数据字典', F_UrlAddress: '/LR_SystemModule/DataItem/Index' });
            });
            $('#dataSource').on('click', function () {//数据源
                top.learun.frameTab.open({ F_ModuleId: 'd967ce5c-1bdf-4bbf-967b-876abc3ea245', F_FullName: '数据源', F_UrlAddress: '/LR_SystemModule/DataSource/Index' });
            });

            $('#formDesign').on('click', function () {//表单设计
                top.learun.frameTab.open({ F_ModuleId: 'a57993fa-5a94-44a8-a330-89196515c1d9', F_FullName: '表单设计', F_UrlAddress: '/LR_FormModule/Custmerform/Index' });
            });

            $('#workflow').on('click', function () {//流程设计
                top.learun.frameTab.open({ F_ModuleId: 'f63a252b-975f-4832-a5be-1ce733bc8ece', F_FullName: '流程设计', F_UrlAddress: '/LR_WorkFlowModule/WfScheme/Index' });
            });

            $('#codecreate').on('click', function () {//代码生成器
                learun.layerForm({
                    id: 'CustmerCodeIndex',
                    title: '在线代码生成器 并自动创建代码(自定义开发模板)',
                    url: top.$.rootUrl + '/LR_CodeGeneratorModule/TemplatePC/CustmerCodeIndex',
                    width: 1100,
                    height: 700,
                    maxmin: true,
                    btn: null
                });
            });

            $('#formRelease').on('click', function () {//表单功能发布
                top.learun.frameTab.open({ F_ModuleId: '8a6ed6e1-e3ba-4c4e-b3fe-e4d8dd8e2618', F_FullName: '表单中心', F_UrlAddress: '/LR_FormModule/FormRelation/Index' });
            });

            $('#desktop').on('click', function () {//首页设置
                top.learun.frameTab.open({ F_ModuleId: 'f68d920f-dd86-4020-945f-f86b47b4f5d8', F_FullName: '首页设置', F_UrlAddress: '/LR_Desktop/DTSetting/PcIndex' });
            });
            $('#logosetting').on('click', function () {//logo设置
                top.learun.frameTab.open({ F_ModuleId: '12d27d7e-c682-470b-ad2e-38d0d09f2ace', F_FullName: 'logo设置', F_UrlAddress: '/LR_SystemModule/LogoImg/PCIndex' });
            });
        }
    };
    page.init();
}
</script>