| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>添加</title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link href="../../css/mui.min.css" rel="stylesheet" />
- <link rel="stylesheet" href="../../css/animate.min.css" />
- <style>
- .mui-bar-nav~.mui-content{padding-top: 54px;}
- .bg{padding: 20px;text-align: center;}
- input{height: 50px!important;}
- .m_box {padding: 10px 10px 25px 10px;box-shadow: 0 1px 6px #dbdbdb;}
- .btn{width: 230px;margin-top: -21px;}
- </style>
- </head>
- <body>
- <div id="app">
- <header class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
- <h1 class="mui-title">添加或编辑</h1>
- </header>
- <div class="mui-content animated fadeInUp" id="app" style="margin-top: 10px;">
- <div class="bg">
- <div class="m_box">
- <div class="input-group">
- <input type="text" placeholder="输入分类名称" v-model="item.mName"/>
- </div>
- </div>
- <button class="btn" @click="ok()">确认</button>
- </div>
- </div>
- </div>
- <script src="../../js/mui.min.js"></script>
- <script src="../../js/app.js"></script>
- <script src="../../js/vue.min.js"></script>
- <script>
- var vm=new Vue({
- el: "#app",
- data: {
- item: {id: '',userId:getUser().id,mName:''},
- },
- mounted:function() {
- mui.plusReady(function() {
- if(plus.webview.currentWebview().param!=null){
- vm.item=plus.webview.currentWebview().param;
- }
- })
- },
- methods: {
- //编辑
- ok: function() {
- if(vm.item.mName==''){
- mui.alert('输入职位类型');
- return;
- }
- request(urls().position_type_add,this.item, function(res) {
- if(res.result == true) {
- mui.toast("操作成功");
- plus.webview.getWebviewById("position_type_list").reload(true);
- } else {
- mui.toast(res.msg);
- }
- plus.nativeUI.closeWaiting();
- })
- }
- }
- })
- </script>
- </body>
- </html>
|
