| 1 | webpackJsonp([0],{"6BxN":function(t,e){},"7eSn":function(t,e){},pQ4h:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=o("OMN4"),s=o.n(a),n={data:function(){return{todoToAdd:"",todoList:[],filterStatus:sessionStorage.getItem("filter")?sessionStorage.getItem("filter"):"all",todoTotal:0,page:sessionStorage.getItem("pagination")?Number(sessionStorage.getItem("pagination")):1}},methods:{checkHasLogin:function(){var t=this;s.a.get("/api/login/hasLogin").then(function(e){sessionStorage.username=e.data.msg,t.$emit("setUserName",{username:e.data.msg}),e.data.success?(sessionStorage.hasLogin||t.$message({message:"你好呀 "+e.data.msg+"!",type:"success",duration:1500}),sessionStorage.hasLogin=!0,t.getTodoList(t.page,t.filterStatus,!1)):t.$router.replace("/login")}).catch(function(e){console.log(e),t.$router.replace("/login")})},submitTodo:function(){var t=this;""!==this.todoToAdd.trim()&&s.a.post("/api/todo/add",{todoDetail:this.todoToAdd,todoTime:Date.now()}).then(function(e){e.data.success?t.$message({message:e.data.msg,type:"success",duration:1500}):t.$message.error({message:e.data.msg,duration:1500}),t.todoToAdd="",t.page=1,t.getTodoList(t.page,t.filterStatus,!1)}).catch(function(t){console.log(t)})},getTodoList:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.filterStatus,a=arguments[2];this.page=t,s.a.get("/api/todo/get?page="+this.page+"&filter="+o).then(function(t){t.data.todoList.forEach(function(t){t.btnShow=!1,t.inputShow=!1}),e.todoList=t.data.todoList,e.todoTotal=t.data.todoTotal,a&&(e.page=1)}).catch(function(t){console.log(t),e.$message.error({message:"获取事项列表失败",duration:1500})})},completeTodo:function(t){var e=this;s.a.post("/api/todo/done/"+t._id,t).then(function(t){if(t.data.success)return e.getTodoList(e.page,e.filterStatus,!1),e.$message({message:"操作事项成功",type:"success",duration:1500});e.$message.error({message:"操作事项失败",duration:1500})}).catch(function(t){console.log(t),e.$message.error({message:"操作事项失败",duration:1500})})},todoClick:function(t,e){var o=this;if("done"!==t.todoState&&!t.inputShow){var a=this.$refs.span[e].innerText;t.inputShow=!0,this.$nextTick(function(){o.$refs.input[e].focus(),o.$refs.input[e].value=a})}},todoInputBlur:function(t,e){var o=this,a=this.$refs.input[e].value;t.inputShow=!1,this.$nextTick(function(){o.$refs.span[e].innerText=a,t.todoDetail=a,o.updateTodoDetail(t)})},updateTodoDetail:function(t){var e=this;s.a.post("/api/todo/update",t).then(function(t){if(t.data.success)return e.getTodoList(e.page,e.filterStatus,!1),e.$message({message:"更改事项内容成功",type:"success",duration:1500});e.$message.error({message:"更改事项内容失败",duration:1500})}).catch(function(t){console.log(t),e.$message.error({message:"更改事项内容失败",duration:1500})})}},mounted:function(){this.checkHasLogin()},beforeDestroy:function(){sessionStorage.setItem("pagination",this.page),sessionStorage.setItem("filter",this.filterStatus)}},i={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"todo-container"},[o("el-input",{staticClass:"todo-input",attrs:{type:"textarea",rows:2,autofocus:"",resize:"none",placeholder:"请输入待办事项，Ctrl + Enter 添加"},nativeOn:{keyup:function(e){return("button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter"))&&e.ctrlKey?t.submitTodo(e):null}},model:{value:t.todoToAdd,callback:function(e){t.todoToAdd=e},expression:"todoToAdd"}}),t._v(" "),o("div",{staticClass:"state-btns"},[o("el-radio-group",{attrs:{size:"small","text-color":"#FFF",fill:"#66D4EB"},on:{change:function(e){t.getTodoList(void 0,void 0,!0)}},model:{value:t.filterStatus,callback:function(e){t.filterStatus=e},expression:"filterStatus"}},[o("el-radio-button",{attrs:{label:"all"}},[t._v("全部")]),t._v(" "),o("el-radio-button",{attrs:{label:"todo"}},[t._v("待完成")]),t._v(" "),o("el-radio-button",{attrs:{label:"done"}},[t._v("已完成")])],1)],1),t._v(" "),o("ul",t._l(t.todoList,function(e,a){return o("li",{key:a},[o("div",{staticClass:"item-container",on:{mouseover:function(t){e.btnShow=!0},mouseout:function(t){e.btnShow=!1}}},[o("p",{class:"todo"===e.todoState?"todo":"done",on:{click:function(o){t.todoClick(e,a)}}},[o("el-tag",{attrs:{type:"todo"===e.todoState?"warning":"success"}},[t._v(t._s(a+1))]),t._v(" "),o("span",{directives:[{name:"show",rawName:"v-show",value:!e.inputShow,expression:"!item.inputShow"}],ref:"span",refInFor:!0},[t._v(t._s(e.todoDetail))]),t._v(" "),o("input",{directives:[{name:"show",rawName:"v-show",value:e.inputShow&&"todo"===e.todoState,expression:"item.inputShow && item.todoState === 'todo'"}],ref:"input",refInFor:!0,attrs:{type:"text"},on:{keyup:function(o){if(!("button"in o)&&t._k(o.keyCode,"enter",13,o.key,"Enter"))return null;t.todoInputBlur(e,a)},blur:function(o){t.todoInputBlur(e,a)}}})],1),t._v(" "),o("transition",{attrs:{name:"fade"}},[!0===e.btnShow?o("div",{staticClass:"item-btns"},[o("el-button",{key:"delete",staticClass:"item-delete",attrs:{type:"danger",size:"mini",plain:""},on:{click:function(o){t.completeTodo(e)}}},[t._v(t._s("todo"===e.todoState?"标为完成":"标为未完成"))]),t._v(" "),o("el-button",{key:"detail",staticClass:"item-detail",attrs:{type:"primary",size:"mini",plain:""},on:{click:function(o){t.$router.push("/detail/"+e._id)}}},[t._v("详情")])],1):t._e()])],1)])})),t._v(" "),0===t.todoTotal?o("p",{staticClass:"encourage"},[t._v("空的日程列表")]):t._e(),t._v(" "),o("div",{staticClass:"pagination-container"},[0!==t.todoTotal?o("el-pagination",{attrs:{"current-page":t.page,layout:"prev, pager, next","page-size":8,total:t.todoTotal},on:{"update:currentPage":function(e){t.page=e},"current-change":t.getTodoList}}):t._e()],1)],1)},staticRenderFns:[]};var r=o("VU/8")(n,i,!1,function(t){o("6BxN"),o("7eSn")},"data-v-9cf25d08",null);e.default=r.exports}}); |