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
10 KiB
1 lines
10 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d21a33b"],{bb05:function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[e._m(0),l("div",{staticClass:"ele-body",staticStyle:{"padding-bottom":"71px"}},[l("el-form",{ref:"demoForm",attrs:{model:e.form,rules:e.rules,"label-width":"100px"},nativeOn:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.submit(t)},submit:function(e){e.preventDefault()}}},[l("el-card",{attrs:{shadow:"never",header:"仓库信息","body-style":"padding: 22px 22px 0 22px;"}},[l("el-row",{attrs:{gutter:15}},[l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"仓库名:",prop:"name"}},[l("el-input",{attrs:{placeholder:"请输入仓库名",clearable:""},model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}})],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"仓库域名:",prop:"url"}},[l("el-input",{attrs:{placeholder:"请输入",clearable:""},model:{value:e.form.url,callback:function(t){e.$set(e.form,"url",t)},expression:"form.url"}},[l("template",{slot:"prepend"},[e._v("http://")]),l("template",{slot:"append"},[e._v(".com")])],2)],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"仓库管理员:",prop:"administrator"}},[l("el-select",{staticClass:"ele-block",attrs:{placeholder:"请选择仓库管理员",clearable:""},model:{value:e.form.administrator,callback:function(t){e.$set(e.form,"administrator",t)},expression:"form.administrator"}},[l("el-option",{attrs:{label:"SunSmile",value:1}}),l("el-option",{attrs:{label:"Jasmine",value:2}})],1)],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"审批人:",prop:"approver"}},[l("el-select",{staticClass:"ele-block",attrs:{placeholder:"请选择审批人",clearable:""},model:{value:e.form.approver,callback:function(t){e.$set(e.form,"approver",t)},expression:"form.approver"}},[l("el-option",{attrs:{label:"SunSmile",value:1}}),l("el-option",{attrs:{label:"Jasmine",value:2}})],1)],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"生效日期:",prop:"datetime"}},[l("el-date-picker",{staticClass:"ele-fluid",attrs:{type:"daterange","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期"},model:{value:e.form.datetime,callback:function(t){e.$set(e.form,"datetime",t)},expression:"form.datetime"}})],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"仓库类型:",prop:"type"}},[l("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择仓库类型",clearable:""},model:{value:e.form.type,callback:function(t){e.$set(e.form,"type",t)},expression:"form.type"}},[l("el-option",{attrs:{label:"私密",value:1}}),l("el-option",{attrs:{label:"公开",value:2}})],1)],1)],1)],1)],1),l("el-card",{attrs:{shadow:"never",header:"任务信息","body-style":"padding: 22px 22px 0 22px;"}},[l("el-row",{attrs:{gutter:15}},[l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"任务名:",prop:"task"}},[l("el-input",{attrs:{placeholder:"请输入任务名",clearable:""},model:{value:e.form.task,callback:function(t){e.$set(e.form,"task",t)},expression:"form.task"}})],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"任务表述:",prop:"description"}},[l("el-input",{attrs:{placeholder:"请输入任务表述",clearable:""},model:{value:e.form.description,callback:function(t){e.$set(e.form,"description",t)},expression:"form.description"}})],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"执行人:",prop:"executor"}},[l("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择执行人",clearable:""},model:{value:e.form.executor,callback:function(t){e.$set(e.form,"executor",t)},expression:"form.executor"}},[l("el-option",{attrs:{label:"SunSmile",value:1}}),l("el-option",{attrs:{label:"Jasmine",value:2}})],1)],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"责任人:",prop:"officer"}},[l("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择责任人",clearable:""},model:{value:e.form.officer,callback:function(t){e.$set(e.form,"officer",t)},expression:"form.officer"}},[l("el-option",{attrs:{label:"SunSmile",value:1}}),l("el-option",{attrs:{label:"Jasmine",value:2}})],1)],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"提醒时间:",prop:"reminder"}},[l("el-time-picker",{staticClass:"ele-fluid",attrs:{placeholder:"请选择提醒时间","picker-options":{selectableRange:"00:00:00 - 23:59:59"}},model:{value:e.form.reminder,callback:function(t){e.$set(e.form,"reminder",t)},expression:"form.reminder"}})],1)],1),l("el-col",{attrs:{md:8,sm:12}},[l("el-form-item",{attrs:{label:"任务类型:",prop:"type"}},[l("el-select",{staticClass:"ele-block",attrs:{placeholder:"请选择任务类型",clearable:""},model:{value:e.form.taskType,callback:function(t){e.$set(e.form,"taskType",t)},expression:"form.taskType"}},[l("el-option",{attrs:{label:"私密",value:1}}),l("el-option",{attrs:{label:"公开",value:2}})],1)],1)],1)],1)],1),l("el-card",{attrs:{shadow:"never",header:"选择成员"}},[l("el-table",{staticStyle:{width:"100%"},attrs:{data:e.list,border:""}},[l("el-table-column",{attrs:{type:"index",width:"45",align:"center"}}),l("el-table-column",{attrs:{label:"用户名"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row,r=t.$index;return[r===e.editIndex?l("el-input",{attrs:{placeholder:"请输入用户名"},model:{value:e.editRow.name,callback:function(t){e.$set(e.editRow,"name",t)},expression:"editRow.name"}}):l("span",[e._v(e._s(a.name))])]}}])}),l("el-table-column",{attrs:{label:"工号"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row,r=t.$index;return[r===e.editIndex?l("el-input",{attrs:{placeholder:"请输入工号"},model:{value:e.editRow.number,callback:function(t){e.$set(e.editRow,"number",t)},expression:"editRow.number"}}):l("span",[e._v(e._s(a.number))])]}}])}),l("el-table-column",{attrs:{label:"所属部门"},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row,r=t.$index;return[r===e.editIndex?l("el-select",{staticClass:"ele-fluid",attrs:{placeholder:"请选择部门"},model:{value:e.editRow.department,callback:function(t){e.$set(e.editRow,"department",t)},expression:"editRow.department"}},[l("el-option",{attrs:{label:"研发部",value:"研发部"}}),l("el-option",{attrs:{label:"测试部",value:"测试部"}}),l("el-option",{attrs:{label:"产品部",value:"产品部"}})],1):l("span",[e._v(e._s(a.department))])]}}])}),l("el-table-column",{attrs:{label:"操作",width:"130px",align:"center",resizable:!1},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.row,r=t.$index;return[r===e.editIndex?l("div",[l("el-link",{attrs:{icon:"el-icon-check",type:"success",underline:!1},on:{click:function(t){return e.onSave(a,r)}}},[e._v("保存 ")]),l("el-link",{attrs:{icon:"el-icon-close",type:"warning",underline:!1},on:{click:function(t){return e.onCancel(a,r)}}},[e._v("取消 ")])],1):l("div",[l("el-link",{attrs:{icon:"el-icon-edit",type:"primary",underline:!1},on:{click:function(t){return e.onEdit(a,r)}}},[e._v("修改 ")]),l("span",{staticClass:"ele-action"},[l("el-popconfirm",{attrs:{title:"确定要删除此用户吗？"},on:{confirm:function(t){return e.onRemove(a,r)}}},[l("el-link",{attrs:{slot:"reference",icon:"el-icon-delete",type:"danger",underline:!1},slot:"reference"},[e._v("删除 ")])],1)],1)],1)]}}])})],1),l("el-button",{staticStyle:{width:"100%","margin-top":"15px"},attrs:{icon:"el-icon-plus"},on:{click:e.addRow}},[e._v("新增成员 ")])],1),l("div",{staticClass:"ele-bottom-tool"},[e.validMsg?l("div",{staticClass:"ele-text-danger"},[l("i",{staticClass:"el-icon-circle-close"}),l("span",[e._v(e._s(e.validMsg))])]):e._e(),l("div",{staticClass:"ele-bottom-tool-actions"},[l("el-button",{attrs:{type:"primary",loading:e.loading},on:{click:e.submit}},[e._v("提交 ")])],1)])],1)],1)])},r=[function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"ele-page-header"},[l("div",{staticClass:"ele-page-title"},[e._v("复杂表单")]),l("div",{staticClass:"ele-page-desc"},[e._v("复杂表单常见于一次性输入和提交大批量数据的场景。")])])}],s=(l("b64b"),l("a434"),l("b0c0"),{name:"FormAdvanced",data:function(){return{loading:!1,form:{weight:0,publicType:1},rules:{name:[{required:!0,message:"请输入仓库名",trigger:"blur"}],url:[{required:!0,message:"请输入仓库域名",trigger:"blur"}],datetime:[{required:!0,message:"请选择生效日期",trigger:"blur"}],administrator:[{required:!0,message:"请选择仓库管理员",trigger:"blur"}],approver:[{required:!0,message:"请选择审批人",trigger:"blur"}],type:[{required:!0,message:"请选择仓库类型",trigger:"blur"}],task:[{required:!0,message:"请输入任务名",trigger:"blur"}],description:[{required:!0,message:"请输入任务表述",trigger:"blur"}],executor:[{required:!0,message:"请选择执行人",trigger:"blur"}],officer:[{required:!0,message:"请选择责任人",trigger:"blur"}],reminder:[{required:!0,message:"请选择提醒时间",trigger:"blur"}],taskType:[{required:!0,message:"请选择任务类型",trigger:"blur"}]},list:[{name:"John Brown",number:"00001",department:"研发部"},{name:"Jim Green",number:"00002",department:"产品部"},{name:"Joe Black",number:"00003",department:"产品部"}],validMsg:"",editIndex:null,editRow:{}}},methods:{submit:function(){var e=this;this.$refs["demoForm"].validate((function(t,l){if(!t)return e.validMsg=" 共有校验 ".concat(Object.keys(l).length," 项不通过"),!1;e.validMsg="",e.loading=!0,setTimeout((function(){e.loading=!1,e.$message({type:"success",message:"提交成功"})}),1500)}))},addRow:function(){this.list[this.list.length-1].__is_add||(this.list.push({__is_add:!0}),this.editRow={},this.editIndex=this.list.length-1)},onEdit:function(e,t){this.editIndex=t,this.editRow=Object.assign({},e)},onRemove:function(e,t){console.log(e),this.list.splice(t,1)},onSave:function(e,t){return this.editRow.name?this.editRow.number?this.editRow.department?(this.list[t]=Object.assign({},this.editRow,{__is_add:!1}),this.editIndex=null,void(this.editRow={})):this.$message.error("请选择部门"):this.$message.error("请输入工号"):this.$message.error("请输入用户")},onCancel:function(e,t){console.log(e),e.__is_add&&this.list.splice(t,1),this.editIndex=null,this.editRow={}}}}),o=s,i=l("2877"),n=Object(i["a"])(o,a,r,!1,null,"aa9ff7de",null);t["default"]=n.exports}}]);
|