记账OK

css/notepad.css

@@ -18,7 +18,8 @@
 }
 
 .name {
-	font-size: 18px;
+	font-size: 1.4rem;
+	width: calc(100vw - 5px - 85px);
 	color: black;
 	line-height: 42px;
 	padding-left: 5px;
@@ -36,18 +37,18 @@
 
 .right {
 	float: right;
+	width: 60px;	
 	margin-left: 5px;
 }
 
 .small_title,
 .created_time,
 .updated_time {
-	font-size: 0.8rem;
 	color: #BBBBBB;
 }
 
 .operation {
-	font-size: 1rem;
+	font-size: 1.2rem;
 	line-height: 42px;
 	padding-right: 10px;
 	padding-left: 10px;

js/notepad.js

@@ -20,10 +20,24 @@ const app = new Vue({
 			this.$set(this.noteData[index], 'currentDelete', false)
 		},
 		confirmDelete(index){
-			console.log("删除", this.noteData[index])
+			$.ajax({
-			// some ajax
+				url: qlgUrl("app/note/delete"),
-			mui.toast("删除")
+				method: "POST",
-			window.location.reload()
+				data: {
+					id: this.noteData[index].id,
+				},
+				dataType: "json",
+				success: (res) => {
+					if(res.status != 1){
+						mui.alert(res.msg);
+					}
+					this.loadData();
+				},
+				error: (err) => {
+					mui.alert("请求失败");
+					this.loadData();
+				}
+			})
 		},
 		edit(index){
 			mui.openWindow({
@@ -49,7 +63,7 @@ const app = new Vue({
 				url: qlgUrl("app/note/index"),
 				method: "GET",
 				dataType: 'json',
-				success: function(res){
+				success: (res) => {
 					if(res.status == 1){
 						this.noteData = res.data;
 						localStorage.setItem("LOCAL_NOTE", JSON.stringify(res.data));
@@ -68,7 +82,13 @@ const app = new Vue({
 		var localData = localStorage.getItem("LOCAL_NOTE");
 		this.loadData();
 		if(localData){
-			this.noteData = JSON.parse(localData);
+			try{
+				JSON.parse(localData);
+				this.noteData = JSON.parse(localData);
+			} catch(e) {
+				console.log(e);
+				this.noteData = [];
+			}
 		}
 	},
 })

templete/notepad.html

@@ -40,13 +40,13 @@
 			}
 		</style>
 		<div class="block" style="display: flex;width: 100vw;">
-			<div class="indicator act" data-app="app">备忘记</div>
+			<div class="indicator act" data-app="app" data-add-text="添加备忘">备忘记</div>
-			<div class="indicator" data-app="app2">信用卡</div>
+			<div class="indicator" data-app="app2" data-add-text="添加信用卡">信用卡</div>
-			<div class="indicator" data-app="app3">阅看越想</div>
+			<div class="indicator" data-app="app3" data-add-text="等待后续更新">阅看越想</div>
 		</div>
 		<div id="app" class="subPage" v-cloak>
 			<div class="row clearfix" v-for="(each, index) in noteData" :data-id="each.id">
-				<div class="left" v-if="!each.currentDelete" @click="edit(index)">
+				<div class="left" v-if="!each.currentDelete" @click="edit(each.id)">
 					<div class="name">{{each.title}}</div>
 					<div class="created_time">创建时间：{{each.create_time}}</div>
 					<div class="updated_time">更改时间：{{each.update_time}}</div>
@@ -67,17 +67,23 @@
 		</div>
 		<div id="app2" class="subPage" v-cloak>
 			<div class="row clearfix" v-for="(each, index) in creditData" :data-id="each.id">
-				<div class="left" v-if="!each.currentDelete" @click="edit(index)">
+				<div class="left" v-if="!each.currentDelete" @click="edit(each.id)">
-					<div class="name">{{each.title}}</div>
+					<div class="name">{{each.name}}</div>
-					<div class="created_time">创建时间：{{each.create_time}}</div>
+					<div class="created_time" v-if="each.huankuan">
-					<div class="updated_time">更改时间：{{each.update_time}}</div>
+					{{each.huankuan.create_time}}还款：{{each.huankuan.amount}}元
+					</div>
+					<div class="updated_time">
+						<span>余额：{{each.cur_cash}}元</span>
+						&nbsp;&nbsp;&nbsp;&nbsp;
+						<span>额度：{{each.credit_cash}}元</span>
+					</div>
 				</div>
 				<div class="left" v-else>
 					<div class="name" style="color: red;font-weight: bolder;">你确定要删除么？</div>
-					<div class="small_title">{{each.title}}</div>
+					<div class="small_title">{{each.name}}</div>
 				</div>
 				<div class="right" v-if="!each.currentDelete">
-					<div class="operation edit" @click.stop.prevent="edit(each.id)">编辑</div>
+					<div class="operation edit" @click.stop.prevent="edit(each.id)">详情</div>
 					<div class="delete operation" @click.stop.prevent="triggerDelete(index)">删除</div>
 				</div>
 				<div class="right" v-else>
@@ -113,14 +119,19 @@
 					parent.style.visibility = "visible";
 				}, 100);
 			};
-			$('.subPage').hide().eq(0).show();
+			var _index = window.localStorage.getItem('note_open');
+			if (!_index) {
+				_index = 0;
+			}
 			$('.indicator').click(function(){
 				$('.indicator').removeClass('act');
 				$('.subPage').hide();
 				$(this).addClass('act');
 				$('#'+$(this).data('app')).show();
-				$('.footer').attr('data-app', $(this).data('app'))
+				$('.footer').attr('data-app', $(this).data('app')).text($(this).data('addText'))
+				window.localStorage.setItem('note_open', $(this).index())
 			})
+			$('.indicator').eq(_index).click();
 		})
 	</script>
 </html>