customer-admin-add.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>添加管理员</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <!-- 所有的 css & js 资源 -->
  8. <link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
  9. <link rel="stylesheet" href="../../static/sa.css">
  10. <script src="../../static/kj/vue.min.js"></script>
  11. <script src="../../static/kj/element-ui/index.js"></script>
  12. <script src="https://unpkg.com/http-vue-loader@1.4.2/src/httpVueLoader.js"></script>
  13. <script src="../../static/kj/jquery.min.js"></script>
  14. <script src="../../static/kj/layer/layer.js"></script>
  15. <script src="../../static/sa.js"></script>
  16. <script src="../../static/kj/upload-util.js"></script>
  17. </head>
  18. <body>
  19. <div class="vue-box" style="display: none;" :style="'display: block;'">
  20. <!-- 参数栏 -->
  21. <div class="c-panel">
  22. <el-form>
  23. <!-- 防止密码框被填充 -->
  24. <div style="height: 0px; overflow: hidden;">
  25. <el-input></el-input>
  26. <el-input type="password"></el-input>
  27. </div>
  28. <!-- 表单 -->
  29. <sa-item type="text" name="用户名" v-model="m.name" placeholder="请输入用户名" br></sa-item>
  30. <sa-item type="password" name="密码" v-model="m.password" placeholder="请输入密码" br></sa-item>
  31. <sa-item type="password" name="再输一次" v-model="m.againPassword" placeholder="请再输一次密码" br></sa-item>
  32. <sa-item name="" br>
  33. <el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
  34. </sa-item>
  35. </el-form>
  36. </div>
  37. </div>
  38. <script>
  39. var app = new Vue({
  40. components: {
  41. "sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue')
  42. },
  43. el: '.vue-box',
  44. data: {
  45. sa: sa, // 超级对象
  46. m: {
  47. id: 0,
  48. customerId:sa.p('customerId',''),
  49. name: '',
  50. avatar: '',
  51. password: '',
  52. againPassword:'',
  53. roleIds: []
  54. },
  55. roleList: []
  56. },
  57. methods: {
  58. // 修改
  59. ok: function(){
  60. console.log(this.m)
  61. // 表单校验
  62. let m = this.m;
  63. sa.checkNull(m.name, '请输入用户名');
  64. sa.checkNull(m.password, '请输入密码');
  65. if(m.password!==m.againPassword){
  66. sa.error('两次输入密码不一致');
  67. return ;
  68. }
  69. m.roleId=3;
  70. // 添加
  71. sa.ajax('/admin/addPartnerAdmin', m, function(res){
  72. sa.alert('增加成功', this.clean);
  73. }.bind(this));
  74. },
  75. clean(){
  76. parent.app.f5(); // 刷新父页面列表
  77. sa.closeCurrIframe(); // 关闭本页
  78. }
  79. },
  80. mounted: function(){
  81. console.log(this.m);
  82. // 加载角色
  83. sa.ajax('/role/getCustomerRoleList',{customerId:this.m.customerId}, function(res){
  84. this.roleList = res.data; // 数据
  85. }.bind(this), {msg: null});
  86. }
  87. })
  88. </script>
  89. </body>
  90. </html>