{extend name="public:base" /}
{block name="css"}
{/block}
{block name="content"}
<div class="page-content" id="notice">
	<div class="panel">
	    <div class="panel-heading">
			<h3 class="panel-title panel-title-blue"><i class="iconfont">&#xe6cc;</i>游戏内公告</h3>
		</div>
		<div class="panel-body">
			<form class="layui-form">
			    <div class="layui-form-item">
					<label class="col-md-2" style="text-align:right;"><font color="red">* </font>发送对象</label>
					<div class="col-md-7">
						<el-radio-group v-model="type">
							<el-radio :label="0">全部区服</el-radio>
							<el-radio :label="1">单个区服</el-radio>
						</el-radio-group>
					</div>
				</div>
				<div class="layui-form-item" v-if="type==1">
					<label class="col-md-2" style="text-align:right;">选择区服</label>
					<div class="col-md-7">
						<el-select v-model="serverid" placeholder="请选择">
							<el-option
								v-for="item in serverList"
								:key="item.server"
								:label="item.name"
								:value="item.server">
							</el-option>
						</el-select>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="col-md-2" style="text-align:right;"><font color="red">* </font>公告内容</label>
					<div class="col-md-7">
						<el-input type="textarea" :rows="3" placeholder="请输入要发送的公告内容" v-model="content" clearable>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="col-md-2" style="text-align:right;"></label>
					<div class="col-md-7">
						<el-button type="primary" @click="sendNotice()">发送</el-button>
						<el-button type="warning" plain @click="cancel()">取消</el-button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
{/block} 
{block name="javascript"}
<script type="text/javascript">
//切换右侧导航选中项
switchTab(31);
var notice = new Vue({
	el: '#notice',
	data: function() {
		return {
			row: "",/*编辑单元格：行*/
			col: "",/*编辑单元格：列*/
			tmpRow: "",/*编辑单元格：临时行数据*/
			type:0,
			content:"",
			serverList: [], 
			serverid: 10,
		}
	},
	/*初始化*/
	created: function() {
		//添加到数组里
		this.serverList = this.serverList.concat({:json_encode($serverList)});
		//默认显示第一个区服
		this.serverid = this.serverList[0].server;
	},
	methods: {
        sendNotice(){
			var that = this;
			if(that.content==""){
				that.$message({type: 'warning',message: '请输入公告内容'});
				return;
			}
			var json={
			"type":that.type,
			"serverid":that.serverid,
			"content":that.content,
			'token':'{$token}'
			};
			$.post("{$config['current_url']}",json, function (res) {
				if(res.code==1){
					toastr.success(res.msg);
				}else{
					toastr.error(res.msg);
				}
			});
		},
		cancel(){
			location.href = "{:url('@Admin/Main/index')}"; 
		},
	}
});
</script>
{/block}