#@base("平台身份认证")

#define content()
	<div class="body-box">
		<blockquote>
		<li>您的微哨账号已经认证通过；</li>
		<li>请输入您的业务账号，实现与微哨账号的绑定；</li>
		<li>该操作每账号只绑定一次，下次将直接登录；</li>
		</blockquote>
		<div class="form-container"></div>
	</div>
#end

#define after()
<script>
require(['kit', 'ez-form', 'ez-mask'], function(Kit, Form, Mask){
	
	var form = Form('.form-container', {
		title: '平台身份认证',
		action: ATTR.ctrl + '/bindEvent',
		ajax: true,
		columns: [
			{
				field: 'caption',
				title: '用户姓名',
				defaultValue: '#(caption)',
				enable: false,
				required: true
			}, {
				field: 'domain',
				title: '选择子站',
				type: 'select',
				options: #(comps),
				optionsKey: 'domain',
				optionsValue: 'caption',
				required: true
			}, {
				field: 'loginName',
				title: '登录名称',
				autocomplete: false,
				required: true
			}, {
				field: 'loginPass',
				title: '登录密码',
				type: 'password',
				autocomplete: false,
				required: true
			}, {
				field: 'uid',
				defaultValue: '#(uid)',
				visible: false
			}, {
				field: 'code',
				defaultValue: '#(code)',
				visible: false
			}, {
				field: 'memType',
				defaultValue: '#(memType)',
				visible: false
			}, {
				field: 'sourceCode',
				defaultValue: '#(sourceCode)',
				visible: false
			}, {
				field: 'sourceName',
				defaultValue: '#(sourceName)',
				visible: false
			}
		],
		callback: function(ret, res){
			if(res.state){
				Mask().alert({
					content: '微哨账号与平台账号绑定成功，下次将直接登录！<br>点击确定进入平台首页。',
					callback: function(){
						Kit.go(res.data.url);
					}
				});
			}else{
				Mask().alert(res.msg);
			}
		},
		btns: {
			back: { used: false }
		}
	}).load({});
	
});
</script>
#end

#define before()
<style>
body { background: #F1F1F1; width: 100%; height: 100vh !important; display: flex; justify-content: center; align-items: center; }
@media (max-width: 991px) {
	body { padding: 30px; align-items: flex-start; }
	.body-box { width: 100%; }
}
@media (min-width: 992px) {
	.body-box { width: 600px; }
}
</style>
#end