|
|
@@ -3,9 +3,8 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>Vue Demo</title>
|
|
|
- <style>
|
|
|
- </style>
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="css/main.css">
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
<script src="js/axios.min.js"></script>
|
|
|
@@ -14,7 +13,10 @@
|
|
|
<script src="js/util.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
+
|
|
|
<div class="container" id="app">
|
|
|
+
|
|
|
+ <!-- <div id="my_alert_success" class="alert alert-success hide">这是一个成功提示！</div>-->
|
|
|
<div class="col-md-12 col-md-offset-3">
|
|
|
<h1>Vue demo</h1>
|
|
|
<div>
|
|
|
@@ -75,16 +77,26 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
- <div class="form-group"><label>书名<input type="text" class="form-control" id="group"
|
|
|
- v-model="book.name"></label></div>
|
|
|
- <div class="form-group"><label>作者<input type="text" class="form-control" id="author"
|
|
|
- v-model="book.author"></label></div>
|
|
|
- <div class="form-group"><label>价格<input type="text" class="form-control" id="price"
|
|
|
- v-model="book.price"></label></div>
|
|
|
+ <form>
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label">书名</label>
|
|
|
+ <div class="col-sm-10"><input type="text" class="form-control" v-model="book.name"></div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label">作者</label>
|
|
|
+ <div class="col-sm-10"><input type="text" class="form-control" v-model="book.author"></div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label">价格</label>
|
|
|
+ <div class="col-sm-10"><input type="text" class="form-control" v-model="book.price"></div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- <div class="modal-footer">
|
|
|
- <button class="btn btn-primary btn-block" v-on:click="updatedBook()" v-if="isUpdate">修改</button>
|
|
|
- <button class="btn btn-primary btn-block" v-on:click="addBook()" v-else>添加</button>
|
|
|
+ <div class="modal-footer ">
|
|
|
+ <div class="col-sm-3 offset-9">
|
|
|
+ <button class="btn btn-primary btn-block" v-on:click="updatedBook()" v-if="isUpdate">修改</button>
|
|
|
+ <button class="btn btn-primary btn-block" v-on:click="addBook()" v-else>添加</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -128,7 +140,7 @@
|
|
|
}
|
|
|
},
|
|
|
mounted: function () {
|
|
|
- this.queryList();
|
|
|
+ // this.queryList();
|
|
|
},
|
|
|
methods: {
|
|
|
refresh_pagination: function () {
|
tianyun