CPICXIM/car_deal_util
CPICXIM/car_deal_util
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'javaweb' of http://222.76.244.118:3000/CPICXIM/car_deal_util into javaweb

Browse Source
This commit is contained in:
Kane 2022-10-31 00:13:41 +08:00
commit ccdd94ed1a
1 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
code/web/car_dealer/vue/todo-list.html
View File

@ -2,7 +2,7 @@
* @Author: Kane * @Author: Kane
* @Date: 2022-10-21 16:36:51 * @Date: 2022-10-21 16:36:51
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2022-10-30 23:47:01 * @LastEditTime: 2022-10-31 00:13:22
* @FilePath: \car_dealer\vue\todo-list.html * @FilePath: \car_dealer\vue\todo-list.html
* @Description: * @Description:
* *
@ -28,17 +28,21 @@
<div id="message_border"> <div id="message_border">
<div class="message_box"> <div class="message_box">
<span>{{errorMessage}}</span> <span>{{errorMessage}}</span>
<button type="button" @click="closeMessageBox()">关闭</button> <button type="button" @click="closeMessageBox()">
关闭
</button>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
<h1>{{title}}</h1> <h1>{{title}}</h1>
<div class="border"> <div class="border">
<div class="add_todo"> <div class="add_todo">
<input type="text" placeholder="请输入待办事项" /> <input type="text" v-model="todo_text" placeholder="请输入待办事项" />
<button type="button" @click="showMessageBox()">添加</button> <button type="button" @click="showMessageBox()">
添加
</button>
</div> </div>
<hr> <hr />
<div class="todo_list"> <div class="todo_list">
<div v-for="(item,index) in todo_list" :key="index"> <div v-for="(item,index) in todo_list" :key="index">
<input type="checkbox" v-model="todo_list[index].selected" /> <input type="checkbox" v-model="todo_list[index].selected" />
@ -47,17 +51,18 @@
<button type="button" v-on:click="editTodo(index,event)"> <button type="button" v-on:click="editTodo(index,event)">
修改 修改
</button> </button>
<button type="button" @click="removeTodo(index)">删除</button> <button type="button" @click="removeTodo(index)">
删除
</button>
</div> </div>
</div> </div>
<hr> <hr />
<div class="tools"> <div class="tools">
<p class="summary">总计：{{todo_list.length}}</p> <p class="summary">总计：{{todo_list.length}}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<script> <script>
const app = { const app = {
@ -65,105 +70,106 @@
return { return {
title: "待办任务", title: "待办任务",
errorMessage: "奇怪的错误！", errorMessage: "奇怪的错误！",
todo_text: "",
todo_list: [{ todo_list: [{
selected: false, selected: false,
todo_text: "回家", todo_text: "回家",
edit: false edit: false,
}, },
{ {
selected: true, selected: true,
todo_text: "吃饭", todo_text: "吃饭",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "洗澡", todo_text: "洗澡",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "玩游戏", todo_text: "玩游戏",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "回家", todo_text: "回家",
edit: false edit: false,
}, },
{ {
selected: true, selected: true,
todo_text: "吃饭", todo_text: "吃饭",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "洗澡", todo_text: "洗澡",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "玩游戏", todo_text: "玩游戏",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "回家", todo_text: "回家",
edit: false edit: false,
}, },
{ {
selected: true, selected: true,
todo_text: "吃饭", todo_text: "吃饭",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "洗澡", todo_text: "洗澡",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "玩游戏", todo_text: "玩游戏",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "回家", todo_text: "回家",
edit: false edit: false,
}, },
{ {
selected: true, selected: true,
todo_text: "吃饭", todo_text: "吃饭",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "洗澡", todo_text: "洗澡",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "玩游戏", todo_text: "玩游戏",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "回家", todo_text: "回家",
edit: false edit: false,
}, },
{ {
selected: true, selected: true,
todo_text: "吃饭", todo_text: "吃饭",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "洗澡", todo_text: "洗澡",
edit: false edit: false,
}, },
{ {
selected: false, selected: false,
todo_text: "玩游戏", todo_text: "玩游戏",
edit: false edit: false,
}, },
], ],
}; };