<?php /* * 管理员管理 * $Id: account_new_input.inc,v 1.1 2015/10/08 11:18:53 wanggb Exp $ * @author wanggb * @access public * @package manager.templates */ global $login; global $password; global $name; global $contact; global $comment; global $account_role_list; global $modules_list; global $error_message; global $account_role; ?> <div id="change"> <p class="edit_title">新增账号</p> <div class="edit_content"> <form id="form" method="post" action="account_new_result.php" enctype="multipart/form-data"> <input type="hidden" name="account_role"/> <input type="hidden" name="organization"/> <p>登陆帐号</p> <el-input v-model="login" name="login" class="input_200"></el-input><br /> <p>登陆密码</p> <el-input v-model="password" name="password" class="input_200"></el-input><br /> <p>账户名称</p> <el-input v-model="name" name="name" class="input_200"></el-input><br /> <p>联系方式</p> <el-input v-model="contact" name="contact" class="input_200"></el-input><br /> <p>用户角色 </p> <el-select v-model="selected" size='medium' > <el-option v-for="item in account_role" :key="item.id" :label="item.title" :value="item.id"> </el-option> </el-select> <div v-if="isShow"> <p>机构选择 </p> <el-select v-model="organization" size='medium' > <div class="el-select-dropdown__item"><input v-model="searchVal" style="border-radius: 4px;background: url(images/search_icon.png) no-repeat 150px;"type="text" autocomplete="off"></div> <el-option v-for="item in new_org_list" :key="item.id" :label="item.title" :value="item.id"> </el-option> </el-select> </div> <p>权限 <span style="color:#FF0000">※全不选即为超级管理员</span></p> <template v-for="(modules, index) in modules_list"> <input type="checkbox" name="modules[]" :value="modules.id" v-model='checked' :id="modules.id" /> <label :for="modules.id">{{ modules.module }}</label> <br> </template> <p>备注</p> <el-input v-model="comment" name="comment" class="input_300"></el-input><br /> <br/><br/> <el-button type="danger" class="edit_btn" @click="submitForm()">新增</el-button> <el-button type="danger" class="edit_btn" @Click="window.location='./account_list.php'" />返回</el-button> <br/><br/> </form> </div> </div> <script type="text/javascript"> $(document).ready(function () { var vm = new Vue({ el: '#form', data: { login: '<?=htmlspecialchars($login) ?>', password:'<?=htmlspecialchars($password) ?>', contact:'<?=htmlspecialchars($contact) ?>', name:'<?=htmlspecialchars($name) ?>', comment:'<?=htmlspecialchars($comment) ?>', modules_list:<?=json_encode($modules_list)?>, account_role:<?=json_encode($account_role_list)?>, school_list:[{id:'1',title:"aa"},{id:'2',title:"bb"}], government_list:<?=json_encode($government_list)?>, selected:1, checked:[], isShow:true, organization:'<?=$government_list[0]["id"]?>', org_list:<?=json_encode($government_list)?>, searchVal:'' }, watch:{ selected(val,oldval){ if(val > 8){ this.isShow = false; }else{ this.isShow = true; if(val >= 7){ this.org_list = this.school_list; this.organization = '2'; }else{ this.org_list = this.government_list; this.organization = '<?=$government_list[0]["id"]?>'; } } } }, methods: { submitForm() { if(!this.login){ this.$message({ type: 'error', message: '请输入登陆帐号。' }); return; } if (!isAlpaNum(this.login)) { this.$message({ type: 'error', message: '登陆帐号只能使用半角英文或数字。' }); return; } if (!this.password) { this.$message({ type: 'error', message: '请输入登陆密码。' }); return; } if (!isAlpaNum(this.password)) { this.$message({ type: 'error', message: '登陆密码只能使用半角英文或数字。' }); return; } if (!this.name) { this.$message({ type: 'error', message: '请输入账户名称。' }); return; } $("input[name='account_role']").val(this.selected); $("input[name='organization']").val(this.organization); $('#form').submit(); } }, computed: { new_org_list() { var _this = this; var new_org_list = []; _this.org_list.map(function(item) { if (item.title.search(_this.searchVal) != -1) { new_org_list.push(item); } }); if(new_org_list.length == 0){ new_org_list = _this.org_list; } return new_org_list; } } }) if(<?=$error_message?1:0 ?>){ vm.$message({ type: 'error', message: '<?=$error_message?>' }); } }) </script>