<?xml version="1.0" encoding="UTF-8"?>

<!--wjw
     $Author:Think
    $Date: 2018/8/2
    $Revision: 1.0
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <!--<meta name="_csrf" content="${/session/@_csrf.token}"/>-->
        <!--<meta name="_csrf_header" content="X-CSRF-TOKEN" />-->
        <a:link id="hls_bp_get_layout_code_link_id" model="cont.CON500.con_contract_get_layout_code"
                modelaction="update"/>
        <a:link id="we_hls_bp_master_modify_link"
                url="${/request/@context_path}/modules/hls/HLS214N/hls_bp_master_modify.lview"/>
        <a:link id="bgfl_bp_master_authorize_pkg_link_id" model="hls.HLS214N.bgfl_bp_master_authorize_pkg"
                modelaction="execute"/>
        <a:link id="hls_bp_master_add_link_id"
                url="${/request/@context_path}/modules/hls/HLS213N/hls_bp_master_create_entrance.lview"/>
        <style>
            html, body {
                width: 241px;
                height: 261px;
                margin: 0;
                padding: 0;
            }

            .widget-leaf-personal-office {
                width: 241px;
                height: 261px;
                background: #FFFFFF;
                /*border: 1px solid #F0F0F3;*/
            }
            .widget-leaf-personal-office .personal-office-desc{
                padding: 28px 0px 0px 26px;
                font-family: NotoSansHans-Regular;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #333333;
            }
            .widget-leaf-personal-office .personal-office-line{
                width: 29px;
                height: 5px;
                background-color: #657efe;
                margin: 4px 0 0 26px;
            }
            .widget-leaf-personal-office .manage-avatar{
                width: 84px;
                margin: 20px 0 0 76px;
            }
            .widget-leaf-personal-office #leaf-preview-image {
                position: absolute;
                left: 60px;
                width: 120px;
                /*height: 136px;*/
                display: none;
                top: 53px;
                z-index: 1003;
            }
            .widget-leaf-personal-office .wfl-messag{
                display: inline-block;
                border-radius: 1px;
                border: 1px solid #dcdcdc;
                width: 64px;
                height: 26px;
                font-family: NotoSansHans-Regular;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #999999;
                margin: 18px 0px 0 12px;
                text-align: center;
                line-height: 26px;
            }
            .widget-leaf-personal-office .wfl-messag .wfl-desc{
                font-size: 14px;
                color: #333333;
                margin-left: 2px;
            }
            .widget-leaf-personal-office #leafUserName{
                font-family: NotoSansHans-Regular;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #666666;
                margin-bottom: 12px;
                text-align: center;
                margin-top: 8px;
            }
        </style>
        <script><![CDATA[
        jQuery(function(){
            initThemeImage();
        })
        function initThemeImage(){

            var theme='${/session/@theme}';
            if(theme=='hap-leaf'){
                document.getElementById('leaf-show-theme-black').style.display='none'
            }else if(theme=='hap-leaf-ice-pink'){
                document.getElementById('leaf-show-theme-ice-pink').style.display='none'
            }else if(theme=='hap-leaf-amber-yellow'){
                document.getElementById('leaf-show-theme-amber-yellow').style.display='none'
            }else if(theme=='hap-leaf-brook-green'){
                document.getElementById('leaf-show-theme-brook-green').style.display='none'
            }else if(theme=='hap-leaf-lushan-blue'){
                document.getElementById('leaf-show-theme-lushan-blue').style.display='none'
            }else if(theme=='hap-leaf-lychee-green'){
                document.getElementById('leaf-show-theme-lychee-green').style.display='none'
            }
        }
        function preview_them_image(dom){

            document.getElementById("leaf-preview-image").style.display='block'
            document.getElementById("leaf-preview-image").src=dom
        }
        function hidden_theme_image(){
            document.getElementById("leaf-preview-image").style.display='none'
        }

        //切换主题皮肤
        function theme_select_ds_query(ds,para) {
            para['user_id'] = '${/session/@user_id}';
        }
        function saveD(theme){
            Leaf.setTheme(theme);
            //alert(theme)
            //

            if($("theme_select_ds").getAll().length == 0){
                $("theme_select_ds").create({
                    "user_id":'${/session/@user_id}',
                    "theme":theme
                });
            }else if($("theme_select_ds").getAll().length == 1){
                $("theme_select_ds").getAt(0).set("theme",theme);
            }

            $("theme_select_ds").submit();
        }
        function leafUnapprove(ds){
            var list_count=ds.data[0].data['list_count'];
            jQuery("#leaf-unapprove").text(list_count);
        }
        function leafNotice(ds){
            var list_count=ds.data[0].data['list_count'];
            jQuery("#leaf-notice").text(list_count);
        }
        (function () {
            Leaf.request({
                url: "${/request/@context_path}/autocrud/sys.sys_user/query",
                para: {},
                scope: this,
                success: function (res) {
                    if (res.success) {
                        var userName = '';
                        res.result.record.forEach(function (value) {
                            if (value.user_id == ${/session/@user_id}) {
                                userName = value.user_name;
                            }
                        });
                        document.getElementById('leafUserName').innerHTML = "账号："+userName;
                    }
                }
            })
        })();
        ]]>

        </script>
        <a:dataSets>
            <a:dataSet id="leaf-wfl-unapprove-ds" autoQuery="true" model="zjwfl.ZJWFL5110.sdic_wfl_to_do_list_count">
                <a:fields>
                    <a:field name="list_count"/>
                </a:fields>
                <a:events>
                    <a:event name="load" handler="leafUnapprove"/>
                </a:events>
            </a:dataSet>
            <a:dataSet id="leaf-wfl-notice-ds" autoQuery="true" model="sys.SYS100.sys_notice_msg_count">
                <a:fields>
                    <a:field name="list_count"/>
                </a:fields>
                <a:events>
                    <a:event name="load" handler="leafNotice"/>
                </a:events>
            </a:dataSet>
            <!--<a:dataSet id="leafuserDs" autoQuery="true" model="sys.SYS8210.login_account_query" pageSize="100">-->
                <!--<a:events>-->
                    <!--<a:event name="load" handler="userDsHandler"/>-->
                <!--</a:events>-->
            <!--</a:dataSet>-->
        </a:dataSets>
        <div class="widget-leaf-personal-office">
                <img id="leaf-preview-image" src=""/>
                <div class="personal-office-desc">个人办公</div>
                <div class="personal-office-line"></div>
                <img  class="manage-avatar"  src="${/request/@context_path}/leafresource/images/widget/asset-manage@2x.png"/>
                <div id="leafUserName" ></div>
                <div style="margin-left:38px;height:28px">
                    <div onclick="saveD(&apos;hap-leaf-ice-pink&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-ice-pink@2x.png&apos;)" id="leaf-show-theme-ice-pink" style="background-color: #4a413c;width:28px;height:28px;float:left;margin-right:6px;padding-left: 0px;margin-top: 0px;cursor: pointer;"></div>
                    <div onclick="saveD(&apos;hap-leaf-lushan-blue&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-lushan-blue@2x.png&apos;)" id="leaf-show-theme-lushan-blue" style="	background-color: #5774a0;width:28px;height:28px;float:left;margin-right:6px;padding-left: 0px;margin-top: 0px;cursor: pointer;"></div>
                    <div onclick="saveD(&apos;hap-leaf-amber-yellow&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-amber-yellow@2x.png&apos;)" id="leaf-show-theme-amber-yellow" style="background-color: #f5c173;padding-left: 0px;margin-top: 0px;width:28px;height:28px;float:left;margin-right:6px;cursor: pointer;"></div>
                    <div onclick="saveD(&apos;hap-leaf-lychee-green&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-lychee-green@2x.png&apos;)" id="leaf-show-theme-lychee-green" style="background-color: #6e8e7d;padding-left: 0px;margin-top: 0px;width:28px;height:28px;float:left;margin-right:6px;cursor: pointer;"></div>
                    <div onclick="saveD(&apos;hap-leaf-brook-green&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-brook-green@2x.png&apos;)" id="leaf-show-theme-brook-green" style="background-color: #87ccd3;padding-left: 0px;margin-top: 0px;width:28px;height:28px;float:left;margin-right:6px;cursor: pointer;"></div>
                    <div onclick="saveD(&apos;hap-leaf&apos;)" onmouseleave="hidden_theme_image()" onmouseover="preview_them_image(&apos;${/request/@context_path}/lib/assets/layouts/layout4/img/theme-gray@2x.png&apos;)" id="leaf-show-theme-black" style="background-color: #333333;opacity: 0.95;padding-left: 0px;margin-top: 0px;width:28px;height:28px;float:left;"></div>
                </div>
                <div class="wfl-messag"><span>通知</span><span id="leaf-notice" class="wfl-desc"></span></div>
                <div class="wfl-messag"><span>待办</span><span id="leaf-unapprove" class="wfl-desc"></span></div>
                <div class="wfl-messag"><span>已办</span><span id="leaf-approve" class="wfl-desc"></span></div>
            </div>
        <a:screenBody style="display:none">

        </a:screenBody>
        <!--<a:screen-include
                screen="modules/cont/CON500/con_contract_authority_list_validate.lview?document_category=BP&amp;function_code=HLS214"/>
        <a:screen-include screen="modules/cont/CON500/con_contract_get_layout_code.lview"/>-->
    </a:view>
</a:screen>