${Styles.htmlOverflowHidden()}
${Scripts.src("/zinc/js/global_2019010801.js")}
${yangcai_calc_Left_width_height(400, 70)}

${zhiqim_manager_content()}

<script>

function doSendSalary(operatorCode,operatorStatus,usableMoney){
	if (operatorStatus == 1){
		var dialog = new Z.Dialog();
	    dialog.url = "/sendSalary.htm?operatorCode="+operatorCode+"&operatorStatus="+operatorStatus+"&usableMoney="+usableMoney;
	    dialog.width = 600;
	    dialog.height = 400;
	    dialog.execute();
	} else {
    	Z.alert("该账户目前是停用状态！", 
		function(){
		window.location.reload();
		window.Z.Dialog.close();
		});
    };
}
function doFreezeSalary(operatorCode,operatorStatus,usableMoney){
	if (operatorStatus == 1){
		var dialog = new Z.Dialog();
	    dialog.url = "/freezeSalary.htm?operatorCode="+operatorCode+"&operatorStatus="+operatorStatus+"&usableMoney="+usableMoney;
	    dialog.width = 600;
	    dialog.height = 400;
	    dialog.execute();
	} else {
    	Z.alert("该账户目前是停用状态！", 
		function(){
		window.location.reload();
		window.Z.Dialog.close();
		});
    };
}
function goSwitch(obj,operatorCode){
 	var span=Z(obj).parent().find('span')
 	var ajax = new Z.Ajax();
    ajax.setClassName("VirtualAccountAction");
    ajax.setMethodName("updateStatus");
    var num=obj.checked?1:0;
 	if(obj.checked){
   	span.htmlc('正常').attr('class','normal')
 	}else{
	   	span.htmlc('禁用').attr('class','forbidden')
 	}
 	ajax.addParam(num);
	ajax.addParam(operatorCode);
	ajax.setFailureAlert();
	ajax.setSuccess(function(){
        Z.success("修改成功",function(){
        window.location.reload();
        window.Z.Dialog.close();});
    });
	ajax.setLoading("goSwitch", '正在修改', {disabled:true});
	ajax.execute();
}
</script>
<style>
.switch-box{ position: relative; width: 80px;}
.switch-box span{ transition: left 0.5s;}
.normal{position: absolute; top:6px; left:16px; color:#fff;}
.forbidden{ position: absolute; top:6px; left:38px;}
.switch{
            -webkit-appearance: none;
            width: 80px;
            height:32px!important;
            border:1px solid #dfdfdf!important;
            border-radius: 30px;
            position: relative;
            outline: none;
            transition: linear 0.2s;
        }
        /*伪类*/
        .switch:before{
            content: '';
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #d7d7d7;
            position: absolute;
            top: 1px;
            left: 1px;
            transition: linear 0.2s;
        }
        .switch:checked{
            box-shadow: 0 0 16px 16px #00a9f2 inset; background: #00a9f2;
            transition: linear 0.2s;
        }
        .switch:checked:before{
            left: 48px;
            background: #fff;
            transition: linear 0.2s;
        }
        .switch-label {
	        display: block;
	        overflow: hidden;
	        cursor: pointer;
	        border: 1px solid #white;
    	}
</style>
<#-- 导航 -->
<div data-role="z-tabnav" class="z-tabnav-main z-mg-b20 ${zmr_color_class}">
<nav>
<ul>
   	<li onclick="Z.L.href('designerManage.htm');">设计师管理</li>
    <li onclick="Z.L.href('onlineLog.htm');">在线设计师</li>
    <li onclick="Z.L.href('workSearchLog.htm');">工作日志</li>
    <li onclick="Z.L.href('desOnlineTimeLog.htm');">接单时长</li>
    <li onclick="Z.L.href('designerReg.htm');">注册审核</li>
    <li class="z-active">资金账户</li>
</ul>
</nav>
</div>
    <#-- 查询条件 -->
    ${zhiqim_manager_title("查询条件")}
    <form name="theForm" action="virtualAccount.htm" method="post">
    <table class="z-table z-bordered z-pd6 z-bg-white" >
    <tr class="z-h40">
       	<td>&nbsp;设计师:
			 <input type="operatorCode" name="operatorCode" class="z-input z-w180 ${zmr_color_class}" value="${operatorCode}">
       	</td>
        <td width="1000px">
		<button class="z-button z-blue z-large"><i class="z-font z-query"></i>查询</button>&nbsp;
		<button class="z-button z-large" type="button" onclick="Z.FM.clearForm(this.form);">清空</button>
        </td>
    </tr>
    </table>
    </form>
 <div class="z-table z-bordered z-h70-tr z-pd5 z-bg-white z-text-center" style="width:100%" >
    <#-- 分页列表-->
    <div class="z-overflow-auto z-bd-r">
    <table class="z-table z-bordered zi-bd-r-none z-bg-white z-pd6" >
    <tr class="z-text-center z-h40" bgcolor="${zmr_thead_bgcolor}" data-layoutCode="virtualAccountDetailsAction.zml">
        <td width="8%">设计师账户</td>
        <td width="16%">账户状态</td>
        <td width="18%">总金额(元)</td>
        <td width="18%">冻结金额(元)</td>
        <td width="18%">可用金额(元)</td>
        <td width="20%">操作</td>
    </tr>
    <#if pageResult.size() == 0>
    ${zhiqim_manager_no_record(26,"暂不存在资金账户列表")}
    </#if>
    <#for item : pageResult.list()>
    <tr align="center" class="z-h40 ">
        <td>${item.getOperatorCode()}</td>
       	<td><div class='switch-box'>
       	  <input style="cursor: pointer;" id="${item.getOperatorCode()}" type="checkbox" <#if item.getOperatorStatus() == 1>checked</#if> onclick='goSwitch(this,"${item.getOperatorCode()}");' class="switch" />
       	  <label class="switch-label" for="${item.getOperatorCode()}"><#if item.getOperatorStatus() == 1><span class="normal">正常</span><#else><span class="forbidden">禁用</span></#if></label>
       	</div></td>
       	<td><a style="color:#1299ec" href="/virtualAccountTransactionDetails.htm?status=0&operatorCode=${item.getOperatorCode()}">${Amounts.toYuan(item.getSumMoney())}</a></td>
       	<td><a style="color:#1299ec" href="/virtualAccountTransactionDetails.htm?status=4&operatorCode=${item.getOperatorCode()}">${Amounts.toYuan(item.getFreezeMoney())}</a></td>
       	<td><a style="color:#1299ec" href="/virtualAccountTransactionDetails.htm?status=999&operatorCode=${item.getOperatorCode()}">${Amounts.toYuan(item.getUsableMoney())}</a></td>
       	<td>
       		<button class="z-button z-large z-blue" onclick="doSendSalary('${item.getOperatorCode()}','${item.getOperatorStatus()}','${Amounts.toYuan(item.getUsableMoney())}');">发工资</button>&nbsp;&nbsp;&nbsp;&nbsp;
       		<button class="z-button z-large z-red" onclick="doFreezeSalary('${item.getOperatorCode()}','${item.getOperatorStatus()}','${Amounts.toYuan(item.getUsableMoney())}');">冻结资金</button>
       	</td>
    </tr>
    </#for>
    </table>
    </div>
    ${zhiqim_manager_paging(pageResult, "/virtualAccount.htm")}
</div>
${zhiqim_manager_content_end()}