parent
9ddd168757
commit
53ac72043c
23 changed files with 266 additions and 1115 deletions
@ -1,129 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-spin :spinning="confirmLoading"> |
|
||||||
<j-form-container :disabled="formDisabled"> |
|
||||||
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
|
||||||
<a-row> |
|
||||||
<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="24"> |
|
||||||
<a-form-model-item label="部件名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="partsName"> |
|
||||||
<a-input v-model="model.partsName" placeholder="请输入部件名称" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="description"> |
|
||||||
<a-input v-model="model.description" placeholder="请输入描述" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pictureUrl"> |
|
||||||
<j-image-upload isMultiple v-model="model.pictureUrl" ></j-image-upload> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="模块" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="modularId"> |
|
||||||
<j-dict-select-tag type="list" v-model="model.modularId" dictCode="zy_cloths_modular,modular_name,nums" placeholder="请选择模块" /> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="企业" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enterpriseId"> |
|
||||||
<a-input v-model="model.enterpriseId" placeholder="请输入企业" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
</a-form-model> |
|
||||||
</j-form-container> |
|
||||||
</a-spin> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import { httpAction, getAction } from '@/api/manage' |
|
||||||
import { validateDuplicateValue } from '@/utils/util' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsComponentForm', |
|
||||||
components: { |
|
||||||
}, |
|
||||||
props: { |
|
||||||
//表单禁用
|
|
||||||
disabled: { |
|
||||||
type: Boolean, |
|
||||||
default: false, |
|
||||||
required: false |
|
||||||
} |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
model:{ |
|
||||||
}, |
|
||||||
labelCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 5 }, |
|
||||||
}, |
|
||||||
wrapperCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 16 }, |
|
||||||
}, |
|
||||||
confirmLoading: false, |
|
||||||
validatorRules: { |
|
||||||
}, |
|
||||||
url: { |
|
||||||
add: "/base/zyClothsComponent/add", |
|
||||||
edit: "/base/zyClothsComponent/edit", |
|
||||||
queryById: "/base/zyClothsComponent/queryById" |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
computed: { |
|
||||||
formDisabled(){ |
|
||||||
return this.disabled |
|
||||||
}, |
|
||||||
}, |
|
||||||
created () { |
|
||||||
//备份model原始值
|
|
||||||
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.edit(this.modelDefault); |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.model = Object.assign({}, record); |
|
||||||
this.visible = true; |
|
||||||
}, |
|
||||||
submitForm () { |
|
||||||
const that = this; |
|
||||||
// 触发表单验证
|
|
||||||
this.$refs.form.validate(valid => { |
|
||||||
if (valid) { |
|
||||||
that.confirmLoading = true; |
|
||||||
let httpurl = ''; |
|
||||||
let method = ''; |
|
||||||
if(!this.model.id){ |
|
||||||
httpurl+=this.url.add; |
|
||||||
method = 'post'; |
|
||||||
}else{ |
|
||||||
httpurl+=this.url.edit; |
|
||||||
method = 'put'; |
|
||||||
} |
|
||||||
httpAction(httpurl,this.model,method).then((res)=>{ |
|
||||||
if(res.success){ |
|
||||||
that.$message.success(res.message); |
|
||||||
that.$emit('ok'); |
|
||||||
}else{ |
|
||||||
that.$message.warning(res.message); |
|
||||||
} |
|
||||||
}).finally(() => { |
|
||||||
that.confirmLoading = false; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,60 +0,0 @@ |
|||||||
<template> |
|
||||||
<j-modal |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
:visible="visible" |
|
||||||
switchFullscreen |
|
||||||
@ok="handleOk" |
|
||||||
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
|
||||||
@cancel="handleCancel" |
|
||||||
cancelText="关闭"> |
|
||||||
<zy-cloths-component-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></zy-cloths-component-form> |
|
||||||
</j-modal> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsComponentForm from './ZyClothsComponentForm' |
|
||||||
export default { |
|
||||||
name: 'ZyClothsComponentModal', |
|
||||||
components: { |
|
||||||
ZyClothsComponentForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:'', |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}) |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,84 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-drawer |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
placement="right" |
|
||||||
:closable="false" |
|
||||||
@close="close" |
|
||||||
destroyOnClose |
|
||||||
:visible="visible"> |
|
||||||
<zy-cloths-component-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></zy-cloths-component-form> |
|
||||||
<div class="drawer-footer"> |
|
||||||
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button> |
|
||||||
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button> |
|
||||||
</div> |
|
||||||
</a-drawer> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsComponentForm from './ZyClothsComponentForm' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsComponentModal', |
|
||||||
components: { |
|
||||||
ZyClothsComponentForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:"操作", |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}); |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="less" scoped> |
|
||||||
/** Button按钮间距 */ |
|
||||||
.ant-btn { |
|
||||||
margin-left: 30px; |
|
||||||
margin-bottom: 30px; |
|
||||||
float: right; |
|
||||||
} |
|
||||||
.drawer-footer{ |
|
||||||
position: absolute; |
|
||||||
bottom: -8px; |
|
||||||
width: 100%; |
|
||||||
border-top: 1px solid #e8e8e8; |
|
||||||
padding: 10px 16px; |
|
||||||
text-align: right; |
|
||||||
left: 0; |
|
||||||
background: #fff; |
|
||||||
border-radius: 0 0 2px 2px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,129 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-spin :spinning="confirmLoading"> |
|
||||||
<j-form-container :disabled="formDisabled"> |
|
||||||
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
|
||||||
<a-row> |
|
||||||
<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="24"> |
|
||||||
<a-form-model-item label="模块名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="modularName"> |
|
||||||
<a-input v-model="model.modularName" placeholder="请输入模块名称" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="description"> |
|
||||||
<a-input v-model="model.description" placeholder="请输入描述" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="衣服类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="clothsTypeId"> |
|
||||||
<j-dict-select-tag type="list" v-model="model.clothsTypeId" dictCode="zy_cloths_type,type_name,nums" placeholder="请选择衣服类型" /> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="企业" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enterpriseId"> |
|
||||||
<a-input v-model="model.enterpriseId" placeholder="请输入企业" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pictureUrl"> |
|
||||||
<j-image-upload isMultiple v-model="model.pictureUrl" ></j-image-upload> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
</a-form-model> |
|
||||||
</j-form-container> |
|
||||||
</a-spin> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import { httpAction, getAction } from '@/api/manage' |
|
||||||
import { validateDuplicateValue } from '@/utils/util' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsModularForm', |
|
||||||
components: { |
|
||||||
}, |
|
||||||
props: { |
|
||||||
//表单禁用
|
|
||||||
disabled: { |
|
||||||
type: Boolean, |
|
||||||
default: false, |
|
||||||
required: false |
|
||||||
} |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
model:{ |
|
||||||
}, |
|
||||||
labelCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 5 }, |
|
||||||
}, |
|
||||||
wrapperCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 16 }, |
|
||||||
}, |
|
||||||
confirmLoading: false, |
|
||||||
validatorRules: { |
|
||||||
}, |
|
||||||
url: { |
|
||||||
add: "/base/zyClothsModular/add", |
|
||||||
edit: "/base/zyClothsModular/edit", |
|
||||||
queryById: "/base/zyClothsModular/queryById" |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
computed: { |
|
||||||
formDisabled(){ |
|
||||||
return this.disabled |
|
||||||
}, |
|
||||||
}, |
|
||||||
created () { |
|
||||||
//备份model原始值
|
|
||||||
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.edit(this.modelDefault); |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.model = Object.assign({}, record); |
|
||||||
this.visible = true; |
|
||||||
}, |
|
||||||
submitForm () { |
|
||||||
const that = this; |
|
||||||
// 触发表单验证
|
|
||||||
this.$refs.form.validate(valid => { |
|
||||||
if (valid) { |
|
||||||
that.confirmLoading = true; |
|
||||||
let httpurl = ''; |
|
||||||
let method = ''; |
|
||||||
if(!this.model.id){ |
|
||||||
httpurl+=this.url.add; |
|
||||||
method = 'post'; |
|
||||||
}else{ |
|
||||||
httpurl+=this.url.edit; |
|
||||||
method = 'put'; |
|
||||||
} |
|
||||||
httpAction(httpurl,this.model,method).then((res)=>{ |
|
||||||
if(res.success){ |
|
||||||
that.$message.success(res.message); |
|
||||||
that.$emit('ok'); |
|
||||||
}else{ |
|
||||||
that.$message.warning(res.message); |
|
||||||
} |
|
||||||
}).finally(() => { |
|
||||||
that.confirmLoading = false; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,60 +0,0 @@ |
|||||||
<template> |
|
||||||
<j-modal |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
:visible="visible" |
|
||||||
switchFullscreen |
|
||||||
@ok="handleOk" |
|
||||||
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
|
||||||
@cancel="handleCancel" |
|
||||||
cancelText="关闭"> |
|
||||||
<zy-cloths-modular-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></zy-cloths-modular-form> |
|
||||||
</j-modal> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsModularForm from './ZyClothsModularForm' |
|
||||||
export default { |
|
||||||
name: 'ZyClothsModularModal', |
|
||||||
components: { |
|
||||||
ZyClothsModularForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:'', |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}) |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,84 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-drawer |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
placement="right" |
|
||||||
:closable="false" |
|
||||||
@close="close" |
|
||||||
destroyOnClose |
|
||||||
:visible="visible"> |
|
||||||
<zy-cloths-modular-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></zy-cloths-modular-form> |
|
||||||
<div class="drawer-footer"> |
|
||||||
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button> |
|
||||||
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button> |
|
||||||
</div> |
|
||||||
</a-drawer> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsModularForm from './ZyClothsModularForm' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsModularModal', |
|
||||||
components: { |
|
||||||
ZyClothsModularForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:"操作", |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}); |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="less" scoped> |
|
||||||
/** Button按钮间距 */ |
|
||||||
.ant-btn { |
|
||||||
margin-left: 30px; |
|
||||||
margin-bottom: 30px; |
|
||||||
float: right; |
|
||||||
} |
|
||||||
.drawer-footer{ |
|
||||||
position: absolute; |
|
||||||
bottom: -8px; |
|
||||||
width: 100%; |
|
||||||
border-top: 1px solid #e8e8e8; |
|
||||||
padding: 10px 16px; |
|
||||||
text-align: right; |
|
||||||
left: 0; |
|
||||||
background: #fff; |
|
||||||
border-radius: 0 0 2px 2px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,114 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-spin :spinning="confirmLoading"> |
|
||||||
<j-form-container :disabled="formDisabled"> |
|
||||||
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
|
||||||
<a-row> |
|
||||||
<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="24"> |
|
||||||
<a-form-model-item label="类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="typeName"> |
|
||||||
<a-input v-model="model.typeName" placeholder="请输入类型名称" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
<a-col :span="24"> |
|
||||||
<a-form-model-item label="企业" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enterpriseId"> |
|
||||||
<a-input v-model="model.enterpriseId" placeholder="请输入企业" ></a-input> |
|
||||||
</a-form-model-item> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
</a-form-model> |
|
||||||
</j-form-container> |
|
||||||
</a-spin> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import { httpAction, getAction } from '@/api/manage' |
|
||||||
import { validateDuplicateValue } from '@/utils/util' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsTypeForm', |
|
||||||
components: { |
|
||||||
}, |
|
||||||
props: { |
|
||||||
//表单禁用
|
|
||||||
disabled: { |
|
||||||
type: Boolean, |
|
||||||
default: false, |
|
||||||
required: false |
|
||||||
} |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
model:{ |
|
||||||
}, |
|
||||||
labelCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 5 }, |
|
||||||
}, |
|
||||||
wrapperCol: { |
|
||||||
xs: { span: 24 }, |
|
||||||
sm: { span: 16 }, |
|
||||||
}, |
|
||||||
confirmLoading: false, |
|
||||||
validatorRules: { |
|
||||||
}, |
|
||||||
url: { |
|
||||||
add: "/base/zyClothsType/add", |
|
||||||
edit: "/base/zyClothsType/edit", |
|
||||||
queryById: "/base/zyClothsType/queryById" |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
computed: { |
|
||||||
formDisabled(){ |
|
||||||
return this.disabled |
|
||||||
}, |
|
||||||
}, |
|
||||||
created () { |
|
||||||
//备份model原始值
|
|
||||||
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.edit(this.modelDefault); |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.model = Object.assign({}, record); |
|
||||||
this.visible = true; |
|
||||||
}, |
|
||||||
submitForm () { |
|
||||||
const that = this; |
|
||||||
// 触发表单验证
|
|
||||||
this.$refs.form.validate(valid => { |
|
||||||
if (valid) { |
|
||||||
that.confirmLoading = true; |
|
||||||
let httpurl = ''; |
|
||||||
let method = ''; |
|
||||||
if(!this.model.id){ |
|
||||||
httpurl+=this.url.add; |
|
||||||
method = 'post'; |
|
||||||
}else{ |
|
||||||
httpurl+=this.url.edit; |
|
||||||
method = 'put'; |
|
||||||
} |
|
||||||
httpAction(httpurl,this.model,method).then((res)=>{ |
|
||||||
if(res.success){ |
|
||||||
that.$message.success(res.message); |
|
||||||
that.$emit('ok'); |
|
||||||
}else{ |
|
||||||
that.$message.warning(res.message); |
|
||||||
} |
|
||||||
}).finally(() => { |
|
||||||
that.confirmLoading = false; |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,60 +0,0 @@ |
|||||||
<template> |
|
||||||
<j-modal |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
:visible="visible" |
|
||||||
switchFullscreen |
|
||||||
@ok="handleOk" |
|
||||||
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
|
||||||
@cancel="handleCancel" |
|
||||||
cancelText="关闭"> |
|
||||||
<zy-cloths-type-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></zy-cloths-type-form> |
|
||||||
</j-modal> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsTypeForm from './ZyClothsTypeForm' |
|
||||||
export default { |
|
||||||
name: 'ZyClothsTypeModal', |
|
||||||
components: { |
|
||||||
ZyClothsTypeForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:'', |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}) |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,84 +0,0 @@ |
|||||||
<template> |
|
||||||
<a-drawer |
|
||||||
:title="title" |
|
||||||
:width="width" |
|
||||||
placement="right" |
|
||||||
:closable="false" |
|
||||||
@close="close" |
|
||||||
destroyOnClose |
|
||||||
:visible="visible"> |
|
||||||
<zy-cloths-type-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></zy-cloths-type-form> |
|
||||||
<div class="drawer-footer"> |
|
||||||
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button> |
|
||||||
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button> |
|
||||||
</div> |
|
||||||
</a-drawer> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
import ZyClothsTypeForm from './ZyClothsTypeForm' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'ZyClothsTypeModal', |
|
||||||
components: { |
|
||||||
ZyClothsTypeForm |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return { |
|
||||||
title:"操作", |
|
||||||
width:800, |
|
||||||
visible: false, |
|
||||||
disableSubmit: false |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
add () { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.add(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
edit (record) { |
|
||||||
this.visible=true |
|
||||||
this.$nextTick(()=>{ |
|
||||||
this.$refs.realForm.edit(record); |
|
||||||
}); |
|
||||||
}, |
|
||||||
close () { |
|
||||||
this.$emit('close'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
submitCallback(){ |
|
||||||
this.$emit('ok'); |
|
||||||
this.visible = false; |
|
||||||
}, |
|
||||||
handleOk () { |
|
||||||
this.$refs.realForm.submitForm(); |
|
||||||
}, |
|
||||||
handleCancel () { |
|
||||||
this.close() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="less" scoped> |
|
||||||
/** Button按钮间距 */ |
|
||||||
.ant-btn { |
|
||||||
margin-left: 30px; |
|
||||||
margin-bottom: 30px; |
|
||||||
float: right; |
|
||||||
} |
|
||||||
.drawer-footer{ |
|
||||||
position: absolute; |
|
||||||
bottom: -8px; |
|
||||||
width: 100%; |
|
||||||
border-top: 1px solid #e8e8e8; |
|
||||||
padding: 10px 16px; |
|
||||||
text-align: right; |
|
||||||
left: 0; |
|
||||||
background: #fff; |
|
||||||
border-radius: 0 0 2px 2px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue