|
|
|
|
@ -1,11 +1,12 @@ |
|
|
|
|
<template> |
|
|
|
|
<a-spin :spinning="confirmLoading"> |
|
|
|
|
<j-form-container :disabled="formDisabled"> |
|
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail" :layout="horizontal"> |
|
|
|
|
<!-- <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail" :layout="horizontal">--> |
|
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="企业" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="enterpriseId"> |
|
|
|
|
<j-select-depart v-model="model.enterpriseId" multi /> |
|
|
|
|
<j-select-depart v-model="model.enterpriseId" multi/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
@ -13,8 +14,8 @@ |
|
|
|
|
<j-popup |
|
|
|
|
v-model="model.typeName" |
|
|
|
|
field="type_name" |
|
|
|
|
org-fields="type_name,id" |
|
|
|
|
dest-fields="typeName,typeId" |
|
|
|
|
org-fields="type_name,nums" |
|
|
|
|
dest-fields="typeName,styleId" |
|
|
|
|
code="cloths_type" |
|
|
|
|
:multi="false" |
|
|
|
|
@input="popupCallback" |
|
|
|
|
@ -26,49 +27,48 @@ |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="形式" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="shape"> |
|
|
|
|
<j-dict-select-tag type="radio" v-model="model.shape" dictCode="style_shape" placeholder="请输入形式" ></j-dict-select-tag> |
|
|
|
|
<j-dict-select-tag type="radio" v-model="model.shape" dictCode="style_shape" |
|
|
|
|
placeholder="请输入形式"></j-dict-select-tag> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="nums">--> |
|
|
|
|
<!-- <a-input v-model="model.nums" placeholder="请输入编号" ></a-input>--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
|
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="款式名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="styleNames"> |
|
|
|
|
<a-input v-model="model.styleNames" placeholder="请输入款式名称" ></a-input> |
|
|
|
|
<a-input v-model="model.styleNames" placeholder="请输入款式名称"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
|
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="规格" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="specification"> |
|
|
|
|
<a-input v-model="model.specification" placeholder="请输入规格" ></a-input> |
|
|
|
|
<a-form-model-item label="编号" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="nums"> |
|
|
|
|
<a-input v-model="model.nums" placeholder="请输入编号" disabled=""></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
|
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="定额用料" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="quotaMaterials"> |
|
|
|
|
<a-input v-model="model.quotaMaterials" placeholder="请输入定额用料" ></a-input> |
|
|
|
|
<a-input v-model="model.quotaMaterials" placeholder="请输入定额用料"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
|
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="风格" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="characteristic"> |
|
|
|
|
<a-input v-model="model.characteristic" placeholder="请输入风格" ></a-input> |
|
|
|
|
<a-form-model-item label="规格" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="specification"> |
|
|
|
|
<a-input v-model="model.specification" placeholder="请输入规格"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="测体余量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="error"> |
|
|
|
|
<a-input v-model="model.error" placeholder="请输入测体余量" ></a-input> |
|
|
|
|
<a-input v-model="model.error" placeholder="请输入测体余量"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="结构" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="structure"> |
|
|
|
|
<a-input v-model="model.structure" placeholder="请输入结构" ></a-input> |
|
|
|
|
<a-form-model-item label="风格" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="characteristic"> |
|
|
|
|
<a-input v-model="model.characteristic" placeholder="请输入风格"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
@ -76,33 +76,45 @@ |
|
|
|
|
<j-dict-select-tag v-model="model.sewingForm" placeholder="请选择缝纫形式" dict-code="sewingForm"/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
|
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="结构" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="structure"> |
|
|
|
|
<a-input v-model="model.structure" placeholder="请输入结构"></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
|
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="12"> |
|
|
|
|
<a-form-model-item label="折叠搭配及包装" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="foldingPackaging"> |
|
|
|
|
<j-dict-select-tag v-model="model.foldingPackaging" placeholder="请选择折叠搭配及包装" dict-code="foldingPackaging" /> |
|
|
|
|
<j-dict-select-tag v-model="model.foldingPackaging" placeholder="请选择折叠搭配及包装" |
|
|
|
|
dict-code="foldingPackaging"/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col > |
|
|
|
|
<a-col> |
|
|
|
|
<a-form-model-item label="产品概述" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="productOverview"> |
|
|
|
|
<a-textarea v-model="model.productOverview" placeholder="请输入产品概述" /> |
|
|
|
|
<a-textarea v-model="model.productOverview" placeholder="请输入产品概述"/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col> |
|
|
|
|
<a-form-model-item label="销售地区" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="salesTerritory" :labelAlign="left"> |
|
|
|
|
<a-textarea v-model="model.salesTerritory" placeholder="请输入销售地区" /> |
|
|
|
|
<!-- <a-form-model-item label="销售地区" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="salesTerritory" :labelAlign="left">--> |
|
|
|
|
<!-- <a-textarea v-model="model.salesTerritory" placeholder="请输入销售地区" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<a-form-model-item label="销售地区" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="salesTerritory"> |
|
|
|
|
<a-textarea v-model="model.salesTerritory" placeholder="请输入销售地区"/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col> |
|
|
|
|
<a-form-model-item label="制衣参数" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="measuringMethod"> |
|
|
|
|
<a-textarea v-model="model.measuringMethod" placeholder="请输入制衣参数" ></a-textarea> |
|
|
|
|
<a-textarea v-model="model.measuringMethod" placeholder="请输入制衣参数"></a-textarea> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
@ -110,19 +122,19 @@ |
|
|
|
|
<a-row> |
|
|
|
|
<a-col> |
|
|
|
|
<a-form-model-item label="配件及标志" :labelCol="labelCol1" :wrapperCol="wrapperCol1" prop="accLogos"> |
|
|
|
|
<a-textarea v-model="model.accLogos" placeholder="请输入配件及标志" /> |
|
|
|
|
<a-textarea v-model="model.accLogos" placeholder="请输入配件及标志"/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="8"> |
|
|
|
|
<a-form-model-item label="效果" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="designSketch"> |
|
|
|
|
<j-image-upload isMultiple v-model="model.designSketch" ></j-image-upload> |
|
|
|
|
<j-image-upload isMultiple v-model="model.designSketch"></j-image-upload> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="8"> |
|
|
|
|
<a-form-model-item label="主图" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mainMap"> |
|
|
|
|
<j-image-upload isMultiple v-model="model.mainMap" ></j-image-upload> |
|
|
|
|
<j-image-upload isMultiple v-model="model.mainMap"></j-image-upload> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
</a-row> |
|
|
|
|
@ -234,17 +246,6 @@ |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
</a-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <a-row>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="企业" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enterpriseId">--> |
|
|
|
|
@ -355,13 +356,13 @@ |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
import { httpAction, getAction } from '@/api/manage' |
|
|
|
|
import { validateDuplicateValue } from '@/utils/util' |
|
|
|
|
import {httpAction, getAction} from '@/api/manage' |
|
|
|
|
import {validateDuplicateValue} from '@/utils/util' |
|
|
|
|
import store from '@/store' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
export default { |
|
|
|
|
name: 'ZyClothsStyleForm', |
|
|
|
|
components: { |
|
|
|
|
}, |
|
|
|
|
components: {}, |
|
|
|
|
props: { |
|
|
|
|
//表单禁用 |
|
|
|
|
disabled: { |
|
|
|
|
@ -370,69 +371,72 @@ |
|
|
|
|
required: false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
typeId : "", |
|
|
|
|
typeName:"", |
|
|
|
|
model:{ |
|
|
|
|
shape:1 |
|
|
|
|
typeId: "", |
|
|
|
|
typeName: "", |
|
|
|
|
model: { |
|
|
|
|
nums: '', |
|
|
|
|
shape: 1 |
|
|
|
|
}, |
|
|
|
|
labelCol: { |
|
|
|
|
xs: { span: 24 }, |
|
|
|
|
sm: { span: 5 }, |
|
|
|
|
xs: {span: 24}, |
|
|
|
|
sm: {span: 5}, |
|
|
|
|
}, |
|
|
|
|
wrapperCol: { |
|
|
|
|
xs: { span: 24 }, |
|
|
|
|
sm: { span: 16 }, |
|
|
|
|
xs: {span: 24}, |
|
|
|
|
sm: {span: 16}, |
|
|
|
|
}, |
|
|
|
|
labelCol1: { |
|
|
|
|
xs: { span: 24 }, |
|
|
|
|
sm: { span: 3 }, |
|
|
|
|
xs: {span: 24}, |
|
|
|
|
sm: {span: 3}, |
|
|
|
|
}, |
|
|
|
|
wrapperCol1: { |
|
|
|
|
xs: { span: 24 }, |
|
|
|
|
sm: { span: 18 }, |
|
|
|
|
xs: {span: 24}, |
|
|
|
|
sm: {span: 18}, |
|
|
|
|
}, |
|
|
|
|
confirmLoading: false, |
|
|
|
|
validatorRules: { |
|
|
|
|
typeId: [ |
|
|
|
|
{ required: true, message: '请选择服装类型!'}, |
|
|
|
|
{required: true, message: '请选择服装类型!'}, |
|
|
|
|
], |
|
|
|
|
// nums: [ |
|
|
|
|
// { required: true, message: '请输入编号!'}, |
|
|
|
|
// ], |
|
|
|
|
styleNames: [ |
|
|
|
|
{ required: true, message: '请输入名称!'}, |
|
|
|
|
{required: true, message: '请输入名称!'}, |
|
|
|
|
], |
|
|
|
|
positionid: [ |
|
|
|
|
{ required: true, message: '请选择组委会职务！'}, |
|
|
|
|
{required: true, message: '请选择组委会职务！'}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
url: { |
|
|
|
|
add: "/zyclothsstyle/zyClothsStyle/add", |
|
|
|
|
edit: "/zyclothsstyle/zyClothsStyle/edit", |
|
|
|
|
queryById: "/zyclothsstyle/zyClothsStyle/queryById" |
|
|
|
|
queryById: "/zyclothsstyle/zyClothsStyle/queryById", |
|
|
|
|
//getAction的url |
|
|
|
|
sort:"/base/zyProcess/sort" |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
formDisabled(){ |
|
|
|
|
formDisabled() { |
|
|
|
|
return this.disabled |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
created () { |
|
|
|
|
created() { |
|
|
|
|
//备份model原始值 |
|
|
|
|
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
add () { |
|
|
|
|
add() { |
|
|
|
|
this.edit(this.modelDefault); |
|
|
|
|
}, |
|
|
|
|
edit (record) { |
|
|
|
|
edit(record) { |
|
|
|
|
this.model = Object.assign({}, record); |
|
|
|
|
this.visible = true; |
|
|
|
|
}, |
|
|
|
|
submitForm () { |
|
|
|
|
submitForm() { |
|
|
|
|
const that = this; |
|
|
|
|
// 触发表单验证 |
|
|
|
|
this.$refs.form.validate(valid => { |
|
|
|
|
@ -440,18 +444,18 @@ |
|
|
|
|
that.confirmLoading = true; |
|
|
|
|
let httpurl = ''; |
|
|
|
|
let method = ''; |
|
|
|
|
if(!this.model.id){ |
|
|
|
|
httpurl+=this.url.add; |
|
|
|
|
if (!this.model.id) { |
|
|
|
|
httpurl += this.url.add; |
|
|
|
|
method = 'post'; |
|
|
|
|
}else{ |
|
|
|
|
httpurl+=this.url.edit; |
|
|
|
|
} else { |
|
|
|
|
httpurl += this.url.edit; |
|
|
|
|
method = 'put'; |
|
|
|
|
} |
|
|
|
|
httpAction(httpurl,this.model,method).then((res)=>{ |
|
|
|
|
if(res.success){ |
|
|
|
|
httpAction(httpurl, this.model, method).then((res) => { |
|
|
|
|
if (res.success) { |
|
|
|
|
that.$message.success(res.message); |
|
|
|
|
that.$emit('ok'); |
|
|
|
|
}else{ |
|
|
|
|
} else { |
|
|
|
|
that.$message.warning(res.message); |
|
|
|
|
} |
|
|
|
|
}).finally(() => { |
|
|
|
|
@ -461,14 +465,26 @@ |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
popupCallback(value,row){ |
|
|
|
|
popupCallback(value, row) { |
|
|
|
|
console.log("1222346584" + "++++++") |
|
|
|
|
var n = 8; |
|
|
|
|
this.model = Object.assign(this.model, row); |
|
|
|
|
}, |
|
|
|
|
getAction(this.url.sort, {id: this.model.styleId}).then((res) => { |
|
|
|
|
console.log("aaaaaa"+res.result); |
|
|
|
|
var num = parseInt(res.result, 10) + 1 |
|
|
|
|
num = num.toString() |
|
|
|
|
while (num.length < n) { |
|
|
|
|
num = "0" + num |
|
|
|
|
} |
|
|
|
|
this.model.nums = this.model.styleId + num; |
|
|
|
|
// console.log(this.model.processCode) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style scoped> |
|
|
|
|
.ant-form-item{ |
|
|
|
|
.ant-form-item { |
|
|
|
|
margin-bottom: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
lenovo
2 years ago