You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
11 KiB
1 lines
11 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0bfb8479"],{af90:function(e,t,a){},b0f2:function(e,t,a){"use strict";a("af90")},b774:function(e,t,a){"use strict";a.r(t);var s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"ele-body"},[a("el-card",{attrs:{shadow:"never"}},[a("el-row",[a("el-col",{attrs:{sm:8}},[a("div",{staticClass:"top-text-item"},[a("div",{staticClass:"top-text-title"},[e._v("进行中的任务")]),a("div",{staticClass:"top-text-content"},[e._v("10 个任务")])])]),a("el-col",{attrs:{sm:8}},[a("div",{staticClass:"top-text-item"},[a("div",{staticClass:"top-text-title"},[e._v("剩余任务")]),a("div",{staticClass:"top-text-content"},[e._v("3 个任务")])])]),a("el-col",{attrs:{sm:8}},[a("div",{staticClass:"top-text-item"},[a("div",{staticClass:"top-text-title"},[e._v("任务总耗时")]),a("div",{staticClass:"top-text-content"},[e._v("120 个小时")])])])],1)],1),a("el-card",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],attrs:{shadow:"never"}},[a("div",{staticClass:"ele-table-tool"},[a("h6",{staticClass:"ele-table-tool-title"},[e._v("复杂列表")]),a("div",{staticClass:"ele-table-tool-right"},[a("div",{staticClass:"ele-inline-block"},[a("el-radio-group",{attrs:{size:"small"},on:{change:e.query},model:{value:e.search.state,callback:function(t){e.$set(e.search,"state",t)},expression:"search.state"}},[a("el-radio-button",{attrs:{label:0}},[e._v("全部")]),a("el-radio-button",{attrs:{label:1}},[e._v("进行中")]),a("el-radio-button",{attrs:{label:2}},[e._v("已完成")])],1)],1),a("div",{staticClass:"ele-inline-block adv-list-search-group hidden-xs-only"},[a("el-input",{attrs:{placeholder:"请输入...",size:"small",clearable:""},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.query(t)}},model:{value:e.search.keyword,callback:function(t){e.$set(e.search,"keyword",t)},expression:"search.keyword"}},[a("el-button",{attrs:{slot:"append",icon:"el-icon-search"},on:{click:e.query},slot:"append"})],1)],1),a("div",{staticClass:"ele-inline-block"},[a("el-button",{staticClass:"ele-btn-icon",staticStyle:{"font-size":"15px"},attrs:{icon:"el-icon-_retrieve",size:"mini",title:"高级查询"},on:{click:function(t){e.showSearch=!0}}})],1)])]),a("el-button",{staticClass:"ele-fluid",staticStyle:{"margin-bottom":"10px"},attrs:{icon:"el-icon-plus"},on:{click:function(t){e.showEdit=!0}}},[e._v("添加 ")]),e._l(e.data,(function(t,s){return a("div",{key:s},[a("div",{staticClass:"basic-list-item"},[a("div",{staticClass:"ele-cell"},[a("el-avatar",{attrs:{shape:"square",size:60,src:t.cover}}),a("div",{staticClass:"ele-cell-content"},[a("div",{staticClass:"ele-cell-title"},[e._v(e._s(t.title))]),a("div",{staticClass:"ele-cell-desc"},[e._v(e._s(t.content))])])],1),a("div",{staticClass:"basic-list-item-owner"},[a("div",[e._v("发布人")]),a("div",{staticClass:"ele-text-secondary"},[e._v(e._s(t.user))])]),a("div",{staticClass:"basic-list-item-time"},[a("div",[e._v("开始时间")]),a("div",{staticClass:"ele-text-secondary"},[e._v(e._s(t.time))])]),a("div",{staticClass:"basic-list-item-progress"},[a("el-progress",{attrs:{percentage:t.progress,status:t.status}})],1),a("div",{staticClass:"basic-list-item-tool"},[a("el-link",{attrs:{icon:"el-icon-edit",type:"primary",underline:!1},on:{click:function(a){return e.edit(t)}}},[e._v("编辑 ")]),a("el-dropdown",{on:{command:function(a){return e.dropClick(a,t)}}},[a("el-link",{attrs:{type:"primary",underline:!1}},[e._v(" 更多"),a("i",{staticClass:"el-icon-arrow-down"})]),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"share"}},[e._v("分享")]),a("el-dropdown-item",{attrs:{command:"remove"}},[e._v("删除")])],1)],1)],1)]),a("el-divider")],1)})),a("el-pagination",{staticClass:"ele-pagination-circle",attrs:{"current-page":e.page.page,"page-size":e.page.limit,total:e.count,background:!0,layout:"total, prev, pager, next, jumper","pager-count":5},on:{"size-change":function(t){return(e.page.limit=t)&&e.query()},"current-change":function(t){return(e.page.page=t)&&e.query()}}})],2),a("el-dialog",{attrs:{title:e.form.id?"任务编辑":"任务添加",visible:e.showEdit,width:"400px","destroy-on-close":!0,"lock-scroll":!1},on:{"update:visible":function(t){e.showEdit=t},closed:function(t){e.form={}}}},[a("el-form",{ref:"editForm",attrs:{model:e.form,rules:e.rules,"label-width":"82px"}},[a("el-form-item",{attrs:{label:"任务名称:",prop:"title"}},[a("el-input",{attrs:{placeholder:"请输入任务名称",clearable:""},model:{value:e.form.title,callback:function(t){e.$set(e.form,"title",t)},expression:"form.title"}})],1),a("el-form-item",{attrs:{label:"开始时间:",prop:"time"}},[a("el-date-picker",{staticClass:"ele-fluid",attrs:{type:"datetime",placeholder:"请选择开始时间",format:"yyyy-MM-dd HH:mm","value-format":"yyyy-MM-dd HH:mm"},model:{value:e.form.time,callback:function(t){e.$set(e.form,"time",t)},expression:"form.time"}})],1),a("el-form-item",{attrs:{label:"负责人:",prop:"user"}},[a("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择负责人",clearable:""},model:{value:e.form.user,callback:function(t){e.$set(e.form,"user",t)},expression:"form.user"}},[a("el-option",{attrs:{label:"SunSmile",value:"SunSmile"}}),a("el-option",{attrs:{label:"你的名字很好听",value:"你的名字很好听"}}),a("el-option",{attrs:{label:"全村人的希望",value:"林东东"}}),a("el-option",{attrs:{label:"Jasmine",value:"Jasmine"}}),a("el-option",{attrs:{label:"酷酷的大叔",value:"酷酷的大叔"}})],1)],1),a("el-form-item",{attrs:{label:"任务描述:"}},[a("el-input",{attrs:{placeholder:"请输入任务描述",rows:4,type:"textarea"},model:{value:e.form.content,callback:function(t){e.$set(e.form,"content",t)},expression:"form.content"}})],1)],1),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.showEdit=!1}}},[e._v("取消")]),a("el-button",{attrs:{type:"primary",loading:e.editLoading},on:{click:e.save}},[e._v("保存 ")])],1)],1),a("el-drawer",{attrs:{title:"高级查询",visible:e.showSearch,size:"340px","append-to-body":!0},on:{"update:visible":function(t){e.showSearch=t}}},[a("div",{staticStyle:{padding:"22px 22px 22px 10px"}},[a("el-form",{ref:"searchForm",attrs:{model:e.searchForm,"label-width":"82px"}},[a("el-form-item",{attrs:{label:"任务名称:"}},[a("el-input",{attrs:{placeholder:"请输入任务名称",clearable:""},model:{value:e.searchForm.title,callback:function(t){e.$set(e.searchForm,"title",t)},expression:"searchForm.title"}})],1),a("el-form-item",{attrs:{label:"开始时间:"}},[a("el-date-picker",{staticClass:"ele-fluid",attrs:{type:"datetime",placeholder:"请选择开始时间",format:"yyyy-MM-dd HH:mm","value-format":"yyyy-MM-dd HH:mm"},model:{value:e.searchForm.time,callback:function(t){e.$set(e.searchForm,"time",t)},expression:"searchForm.time"}})],1),a("el-form-item",{attrs:{label:"负责人:",prop:"user"}},[a("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择负责人",clearable:""},model:{value:e.searchForm.user,callback:function(t){e.$set(e.searchForm,"user",t)},expression:"searchForm.user"}},[a("el-option",{attrs:{label:"SunSmile",value:"SunSmile"}}),a("el-option",{attrs:{label:"你的名字很好听",value:"你的名字很好听"}}),a("el-option",{attrs:{label:"全村人的希望",value:"林东东"}}),a("el-option",{attrs:{label:"Jasmine",value:"Jasmine"}}),a("el-option",{attrs:{label:"酷酷的大叔",value:"酷酷的大叔"}})],1)],1),a("el-form-item",{attrs:{label:"任务描述:"}},[a("el-input",{attrs:{placeholder:"请输入任务描述",rows:4,type:"textarea"},model:{value:e.searchForm.content,callback:function(t){e.$set(e.searchForm,"content",t)},expression:"searchForm.content"}})],1)],1),a("div",{staticClass:"ele-text-center"},[a("el-button",{attrs:{type:"primary"},on:{click:e.query}},[e._v("搜索")]),a("el-button",{on:{click:function(t){e.showSearch=!1}}},[e._v("关闭")])],1)],1)])],1)},l=[],i=(a("4de4"),a("a434"),a("c740"),{name:"ListAdvanced",data:function(){return{loading:!1,data:[{id:1,title:"ElementUI",time:"2020-06-13 08:33",user:"SunSmile",progress:87,content:"Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。",cover:"https://cdn.eleadmin.com/20200609/c184eef391ae48dba87e3057e70238fb.jpg"},{id:2,title:"Vue.js",time:"2020-06-13 06:40",user:"Pojin",progress:100,status:"success",content:"Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。",cover:"https://cdn.eleadmin.com/20200609/b6a811873e704db49db994053a5019b2.jpg"},{id:3,title:"Vuex",time:"2020-06-13 04:40",user:"SuperWill",progress:75,content:"Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。",cover:"https://cdn.eleadmin.com/20200609/948344a2a77c47a7a7b332fe12ff749a.jpg"},{id:4,title:"Vue Router",time:"2020-06-13 02:40",user:"Jasmine",progress:65,content:"Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。",cover:"https://cdn.eleadmin.com/20200609/f6bc05af944a4f738b54128717952107.jpg"},{id:5,title:"Sass",time:"2020-06-13 00:40",user:"Vast",progress:45,status:"exception",content:"Sass 是世界上最成熟、稳定、强大的专业级 CSS 扩展语言。",cover:"https://cdn.eleadmin.com/20200609/2d98970a51b34b6b859339c96b240dcd.jpg"}],search:{state:0},page:{page:1,limit:5},count:100,showEdit:!1,form:{},rules:{title:[{required:!0,message:"请输入任务名称",trigger:"blur"}],time:[{required:!0,message:"请选择开始时间",trigger:"blur"}],user:[{required:!0,message:"请选择负责人",trigger:"blur"}]},editLoading:!1,showSearch:!1,searchForm:{}}},methods:{query:function(){var e=this;this.loading=!0,setTimeout((function(){e.loading=!1}),300)},edit:function(e){this.form=Object.assign({},e),this.showEdit=!0},save:function(){var e=this;this.$refs["editForm"].validate((function(t){if(!t)return!1;e.editLoading=!0,setTimeout((function(){e.editLoading=!1,e.showEdit=!1,e.$message({type:"success",message:"保存成功"}),e.form.id?Object.assign(e.data.filter((function(t){return t.id===e.form.id}))[0],e.form):e.data.push(Object.assign({id:(new Date).getTime(),cover:"https://cdn.eleadmin.com/20200610/RZ8FQmZfHkcffMlTBCJllBFjEhEsObVo.jpg"},e.form))}),300)}))},dropClick:function(e,t){var a=this;"remove"===e?this.$confirm("确定删除该任务吗？","删除任务",{type:"warning"}).then((function(){a.data.splice(a.data.findIndex((function(e){return e.id===t.id})),1),a.$message({type:"success",message:"删除成功"})})).catch((function(){return 0})):"share"===e&&this.$message("点击了分享")}}}),o=i,r=(a("b0f2"),a("2877")),n=Object(r["a"])(o,s,l,!1,null,"ee4e898e",null);t["default"]=n.exports}}]);
|