1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-d0904d92"],{ab3a:function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"product-container"},[a("el-form",{ref:"productForm",attrs:{model:e.productForm,rules:e.rules,"label-width":"100px"}},[a("el-tabs",{model:{value:e.activeTab,callback:function(t){e.activeTab=t},expression:"activeTab"}},[a("el-tab-pane",{attrs:{label:"产品基本信息",name:"basic"}},[a("el-form-item",{attrs:{label:"工程类别",prop:"projectType"}},[a("el-select",{attrs:{placeholder:"请选择"},model:{value:e.productForm.projectType,callback:function(t){e.$set(e.productForm,"projectType",t)},expression:"productForm.projectType"}},e._l(e.projectTypes,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"系统类别",prop:"systemType"}},[a("el-select",{attrs:{placeholder:"请选择"},model:{value:e.productForm.systemType,callback:function(t){e.$set(e.productForm,"systemType",t)},expression:"productForm.systemType"}},e._l(e.systemTypes,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"产品类别"}},[a("el-select",{attrs:{placeholder:"请选择"},model:{value:e.productForm.productType,callback:function(t){e.$set(e.productForm,"productType",t)},expression:"productForm.productType"}},e._l(e.productTypes,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"产品名称"}},[a("el-input",{attrs:{placeholder:"请输入"},model:{value:e.productForm.productName,callback:function(t){e.$set(e.productForm,"productName",t)},expression:"productForm.productName"}})],1),a("div",{staticClass:"specs-form"},[a("div",{staticClass:"specs-header"},[a("span",[e._v("产品规格及型号")]),a("div",{staticClass:"spec-tags"},[a("el-button-group",[a("el-button",{attrs:{size:"small",type:e.activeSpecs.aspectRatio?"primary":""},on:{click:function(t){return e.toggleSpec("aspectRatio")}}},[e._v("长宽比")]),a("el-button",{attrs:{size:"small",type:e.activeSpecs.refreshRate?"primary":""},on:{click:function(t){return e.toggleSpec("refreshRate")}}},[e._v("刷新率")]),a("el-button",{attrs:{size:"small",type:e.activeSpecs.resolution?"primary":""},on:{click:function(t){return e.toggleSpec("resolution")}}},[e._v("分辨率")]),a("el-button",{attrs:{size:"small",type:e.activeSpecs.material?"primary":""},on:{click:function(t){return e.toggleSpec("material")}}},[e._v("屏幕材质")]),a("el-button",{attrs:{size:"small",icon:"el-icon-plus"},on:{click:e.addNewSpec}})],1)],1)]),e.activeSpecs.aspectRatio?a("el-form-item",{attrs:{label:"长宽比:"}},[a("el-input",{staticStyle:{width:"100px"},model:{value:e.specForm.aspectRatio.width,callback:function(t){e.$set(e.specForm.aspectRatio,"width",t)},expression:"specForm.aspectRatio.width"}}),a("span",{staticClass:"ratio-separator"},[e._v(":")]),a("el-input",{staticStyle:{width:"100px"},model:{value:e.specForm.aspectRatio.height,callback:function(t){e.$set(e.specForm.aspectRatio,"height",t)},expression:"specForm.aspectRatio.height"}}),a("el-button",{attrs:{type:"text",icon:"el-icon-plus"},on:{click:e.addAspectRatio}}),a("el-button",{attrs:{type:"text",icon:"el-icon-minus"},on:{click:e.removeAspectRatio}})],1):e._e(),e.activeSpecs.refreshRate?a("el-form-item",{attrs:{label:"刷新率:"}},[a("el-select",{attrs:{placeholder:"复选等级"},model:{value:e.specForm.refreshRate,callback:function(t){e.$set(e.specForm,"refreshRate",t)},expression:"specForm.refreshRate"}},e._l(e.refreshRateOptions,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1),a("el-button",{attrs:{type:"text",icon:"el-icon-minus"},on:{click:e.removeRefreshRate}})],1):e._e(),e.activeSpecs.resolution?a("el-form-item",{attrs:{label:"分辨率:"}},[a("el-select",{attrs:{placeholder:"复选等级"},model:{value:e.specForm.resolution,callback:function(t){e.$set(e.specForm,"resolution",t)},expression:"specForm.resolution"}},e._l(e.resolutionOptions,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1),a("el-button",{attrs:{type:"text",icon:"el-icon-minus"},on:{click:e.removeResolution}})],1):e._e(),e.activeSpecs.material?a("el-form-item",{attrs:{label:"屏幕材质:"}},[a("el-select",{attrs:{placeholder:"复选等级"},model:{value:e.specForm.material,callback:function(t){e.$set(e.specForm,"material",t)},expression:"specForm.material"}},e._l(e.materialOptions,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1),a("el-button",{attrs:{type:"text",icon:"el-icon-minus"},on:{click:e.removeMaterial}})],1):e._e(),a("el-button",{attrs:{type:"primary"},on:{click:e.generateSpec}},[e._v("生成")])],1),a("el-table",{staticStyle:{width:"100%","margin-top":"20px"},attrs:{data:e.specsList,border:""}},[a("el-table-column",{attrs:{prop:"oaNumber",label:"OA编号"}}),a("el-table-column",{attrs:{prop:"productCode",label:"产品编号"}}),a("el-table-column",{attrs:{prop:"productName",label:"产品名称"}}),a("el-table-column",{attrs:{prop:"description",label:"产品描述"}}),a("el-table-column",{attrs:{prop:"model",label:"产品型号"}}),a("el-table-column",{attrs:{prop:"aspectRatio",label:"长宽比"}}),a("el-table-column",{attrs:{prop:"refreshRate",label:"刷新率"}}),a("el-table-column",{attrs:{prop:"material",label:"屏幕材质"}}),a("el-table-column",{attrs:{label:"操作",width:"150"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){return e.handleAdd(t.row)}}},[e._v("添加")]),a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){return e.handleDelete(t.$index)}}},[e._v("删除")])]}}])})],1),a("div",{staticClass:"button-group"},[a("el-button",{attrs:{type:"primary"},on:{click:e.batchAdd}},[e._v("批量添加")])],1)],1),a("el-tab-pane",{attrs:{label:"规格及型号",name:"specs"}})],1)],1)],1)},o=[],s=a("5530"),r=(a("99af"),a("14d9"),a("a434"),{name:"NewProduct",data:function(){return{activeTab:"basic",productForm:{projectType:"",systemType:"",productType:"",productName:""},specs:{aspectRatio:{width:"",height:""},refreshRate:"",resolution:"",material:""},specsList:[],rules:{projectType:[{required:!0,message:"请选择工程类别",trigger:"change"}],systemType:[{required:!0,message:"请选择系统类别",trigger:"change"}]},activeSpecs:{aspectRatio:!1,refreshRate:!1,resolution:!1,material:!1},specForm:{aspectRatio:{width:"19",height:"6"},refreshRate:"",resolution:"",material:""},refreshRateOptions:[{value:"60Hz",label:"60Hz"},{value:"120Hz",label:"120Hz"},{value:"144Hz",label:"144Hz"}],resolutionOptions:[{value:"1080p",label:"1080p"},{value:"2K",label:"2K"},{value:"4K",label:"4K"}],materialOptions:[{value:"LED",label:"LED"},{value:"LCD",label:"LCD"},{value:"OLED",label:"OLED"}]}},computed:{hasAspectRatio:function(){return this.specs.aspectRatio.width||this.specs.aspectRatio.height}},methods:{addSpec:function(e){"aspectRatio"===e&&(this.specs.aspectRatio={width:"19",height:"6"})},removeSpec:function(e){"aspectRatio"===e&&(this.specs.aspectRatio={width:"",height:""})},addToList:function(e){this.specsList.push(Object(s["a"])({oaNumber:"12345668",productCode:"DLP11443",productName:"DLP高级拼接屏"},e))},removeFromList:function(e){this.specsList.splice(e,1)},batchAdd:function(){},saveAll:function(){var e=this;this.$refs.productForm.validate((function(t){t&&console.log("保存数据",e.productForm,e.specsList)}))},toggleSpec:function(e){this.activeSpecs[e]=!this.activeSpecs[e]},addNewSpec:function(){},generateSpec:function(){var e={oaNumber:"12345668",productCode:"DLP11443",productName:"DLP高级拼接屏",aspectRatio:"".concat(this.specForm.aspectRatio.width,":").concat(this.specForm.aspectRatio.height),refreshRate:this.specForm.refreshRate,resolution:this.specForm.resolution,material:this.specForm.material};this.specsList.push(e)},handleAdd:function(e){},handleDelete:function(e){this.specsList.splice(e,1)}}}),c=r,i=(a("fe49"),a("2877")),p=Object(i["a"])(c,l,o,!1,null,"0fd9a368",null);t["default"]=p.exports},cdcc:function(e,t,a){},fe49:function(e,t,a){"use strict";a("cdcc")}}]);
|