| 1 |
- "use strict";(self["webpackChunkyos_manage"]=self["webpackChunkyos_manage"]||[]).push([[1773],{71773:function(e,t,a){a.r(t),a.d(t,{default:function(){return g}});var s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("el-button",{attrs:{size:"mini",type:"primary"},on:{click:function(t){return e.onShow(e.dialogFormVisible=!0)}}},[e._v("新 建")]),a("el-drawer",{attrs:{title:"新增模板",visible:e.dialogFormVisible,size:"35%",direction:"rtl","append-to-body":""},on:{"update:visible":function(t){e.dialogFormVisible=t},close:e.onClose}},[a("div",{staticClass:"drawer__panel"},[a("el-row",{staticStyle:{"border-bottom":"1px solid #f1f2f3"},attrs:{gutter:20}},[a("el-form",{ref:"stageData",attrs:{model:e.stageData,rules:e.rules,"label-width":"110px","label-position":"right",size:"mini"}},[a("el-col",{attrs:{span:12}},[a("el-form-item",{attrs:{label:"项目模板名称:",prop:"stagetempname"}},[a("el-input",{attrs:{placeholder:"请输入项目模板名称"},model:{value:e.stageData.stagetempname,callback:function(t){e.$set(e.stageData,"stagetempname",t)},expression:"stageData.stagetempname"}})],1)],1),a("el-col",{attrs:{span:12}},[a("el-form-item",{attrs:{label:"项目类型:"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:"请选择项目类型"},model:{value:e.stageData.projecttype,callback:function(t){e.$set(e.stageData,"projecttype",t)},expression:"stageData.projecttype"}},e._l(e.sys_options,(function(e){return a("el-option",{key:e.index,attrs:{value:e.value,label:e.value}})})),1)],1)],1),a("el-col",{attrs:{span:12}},[a("el-form-item",[a("div",{staticStyle:{display:"flex"}},[a("el-checkbox",{attrs:{"true-label":1,"false-label":0,checked:"checked"},model:{value:e.stageData.isused,callback:function(t){e.$set(e.stageData,"isused",t)},expression:"stageData.isused"}},[e._v("启用")])],1)])],1)],1)],1),a("div",{staticClass:"container",staticStyle:{"font-size":"14px"}},[a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:9}},[a("div",[a("div",{staticClass:"flex-align-center flex-between normal-margin"},[a("p",[e._v("项目阶段")]),a("div",[a("el-button",{attrs:{size:"mini",type:"default"},on:{click:e.addStage}},[e._v("添加阶段")]),a("el-button",{attrs:{size:"mini",type:"default",disabled:1===e.stageData.sa_projstagetempStages.length},on:{click:e.deleteStage}},[e._v("删除阶段")])],1)]),e._l(e.stageData.sa_projstagetempStages,(function(t,s){return a("div",{key:s,attrs:{draggable:""},on:{click:function(t){e.act_stageIndex=s,e.act_workIndex=null},dragenter:function(t){return e.dragenter(t,s,e.dragover,1e3)},dragover:function(t){return e.debounce(t,s)},dragstart:function(t){return e.dragstart(s)}}},[a("div",{staticClass:"stage__panel",class:e.act_stageIndex===s?"active__stage":""},[a("div",{staticStyle:{padding:"0 10px"}},[e.act_stageIndex===s&&e.inputVisible?a("el-input",{ref:"editTagInput",refInFor:!0,staticClass:"input-new-tag",attrs:{size:"small"},model:{value:t.stagename,callback:function(a){e.$set(t,"stagename",a)},expression:"stage.stagename"}}):a("div",{staticClass:"flex-align-center flex-between"},[a("p",{staticClass:"button-new-tag",attrs:{size:"small"},on:{click:function(t){e.inputVisible=!1}}},[e._v(e._s(t.stagename))]),a("i",{staticClass:"el-icon-edit",on:{click:function(t){return t.stopPropagation(),e.editStage(s)}}},[e._v("编 辑")])])],1)])])}))],2)]),a("el-col",{attrs:{span:15}},[a("div",{staticClass:"flex-align-center flex-between normal-margin"},[a("p",[e._v("设置阶段任务")]),a("div",[a("el-button",{attrs:{size:"mini",type:"default"},on:{click:e.addNewWork}},[e._v("添加工作")]),a("el-button",{attrs:{size:"mini",type:"default",disabled:1===e.stageData.sa_projstagetempStages[e.act_stageIndex].sa_projstagetempWorks.length},on:{click:e.deleteWork}},[e._v("删除工作")])],1)]),a("div",{staticStyle:{height:"calc(100vh - 141px)","overflow-y":"scroll"}},e._l(e.stageData.sa_projstagetempStages[e.act_stageIndex].sa_projstagetempWorks,(function(t,s){return a("div",{key:s,staticClass:"work__panel",class:e.act_workIndex===s?"active__work":"",attrs:{draggable:""},on:{dragenter:function(t){return e.wdragenter(t,s,e.dragover,1e3)},dragover:function(t){return e.debounce(t,s)},dragstart:function(t){return e.dragstart(s)},click:function(t){e.act_workIndex=s}}},[a("div",{staticStyle:{"margin-top":"20px"}},[a("el-form",{staticClass:"demo-form-inline",attrs:{"label-position":"right","label-width":"80px"}},[a("el-form-item",{attrs:{label:"工作内容:"}},[a("el-input",{attrs:{type:"textarea",size:"mini",rows:3},model:{value:t.workname,callback:function(a){e.$set(t,"workname",a)},expression:"work.workname"}})],1),a("el-form-item",{attrs:{label:"分值:"}},[a("el-input",{staticClass:"normal-margin",staticStyle:{width:"100px"},attrs:{size:"small"},model:{value:t.score,callback:function(a){e.$set(t,"score",a)},expression:"work.score"}})],1)],1)],1)])})),0)])],1)],1)],1),a("div",{staticClass:"fixed__btn__panel"},[a("el-button",{staticClass:"normal-btn-width",attrs:{size:"small"},on:{click:e.onClose}},[e._v("取 消")]),a("el-button",{staticClass:"normal-btn-width",attrs:{size:"small",type:"primary"},on:{click:e.saveStageData}},[e._v("确 定")])],1)])],1)},r=[],i=a(20629),o={name:"add",data(){return{dialogFormVisible:!1,isordercheck:!0,isusedcheck:!1,rules:{stagetempname:[{required:!0,message:"请输入模板名称",trigger:"blur"}],projecttype:[{required:!0,message:"请输入项目类型",trigger:"blur"}]},inputVisible:!1,act_stageIndex:0,act_workIndex:null,stageData:{sa_projstagetempid:0,stagetempname:"",remarks:"",projecttype:"",isused:"",locked:"",sa_projstagetempStages:[{sa_projstagetemp_stageid:0,stagename:"阶段一",remarks:"",sequence:0,sa_projstagetempWorks:[{sa_projstagetemp_workid:0,workname:"工作一",remarks:"",sequence:0,score:1}]}]},inputValue:"",dragIndex:"",enterIndex:""}},computed:{...(0,i.Se)({sys_options:"sys_options"})},methods:{onShow(){this.$store.dispatch("optiontypeselect","projecttype")},onClose(){console.log(this.stageData),this.$refs.stageData.resetFields(),this.stageData={sa_projstagetempid:0,stagetempname:"",remarks:"",projecttype:"",isused:"",locked:"",sa_projstagetempStages:[{sa_projstagetemp_stageid:0,stagename:"阶段一",remarks:"",sequence:0,sa_projstagetempWorks:[{sa_projstagetemp_workid:0,workname:"工作一",remarks:"",sequence:0,score:1}]}]},this.$emit("onSuccess")},saveStageData(){this.$refs["stageData"].validate((async e=>{if(!e)return!1;const t=await this.$api.requested({id:"20221020084204",content:this.stageData});this.tool.showMessage(t,(()=>{this.stageData=Object.assign({},this.stageData,t.data),this.dialogFormVisible=!1,this.onClose()}))}))},editStage(e){this.act_stageIndex=e,this.inputVisible=!0},async addStage(e){this.stageData.sa_projstagetempStages.push({sa_projstagetemp_stageid:0,stagename:"阶段一",remarks:"",sequence:0,sa_projstagetempWorks:[{sa_projstagetemp_workid:0,workname:"工作一",remarks:"",sequence:0,score:1}]})},async deleteStage(){console.log(this.act_stageIndex),console.log(this.act_stageIndex),this.stageData.sa_projstagetempStages.splice(this.act_stageIndex,1),this.act_stageIndex=0},addNewWork(e){this.form;let t=this.stageData.sa_projstagetempStages[this.act_stageIndex].sa_projstagetempWorks,a={workname:"新工作",remarks:"新工作内容",sequence:1,score:1,sa_projstagetemp_workid:0};t.push(a)},async deleteWork(){console.log(this.act_stageIndex),console.log(this.act_workIndex),console.log(this.stageData.sa_projstagetempStages[this.act_stageIndex].sa_projstagetempWorks),this.stageData.sa_projstagetempStages[this.act_stageIndex].sa_projstagetempWorks.splice(this.act_workIndex,1),this.act_workIndex=0},dragstart(e){this.dragIndex=e},dragenter(e,t){if(e.preventDefault(),this.dragIndex!==t){const e=this.stageData.sa_projstagetempStages[this.dragIndex];this.stageData.sa_projstagetempStages.splice(this.dragIndex,1),this.stageData.sa_projstagetempStages.splice(t,0,e),this.dragIndex=t,this.stageData.sa_projstagetempStages.forEach(((e,t)=>{e.sequence=t})),this.saveStageData()}},debounce(e,t,a,s){let r;return function(){clearTimeout(r),r=setTimeout(a(e,t),s)}},dragover(e,t){e.preventDefault(),console.log("end")}}},n=o,l=a(43736),c=(0,l.Z)(n,s,r,!1,null,"5bf6300f",null),g=c.exports}}]);
|
