parent
0c6630fe07
commit
e9dfa60227
7 changed files with 250 additions and 152 deletions
@ -0,0 +1,112 @@ |
||||
<template> |
||||
|
||||
<div> |
||||
<a-modal |
||||
title="模块管理-详情" |
||||
:visible="visible" |
||||
:confirm-loading="confirmLoading" |
||||
:width='1200' |
||||
@ok="handleOk" |
||||
@cancel="handleCancel" |
||||
style="display:flex;" |
||||
> |
||||
<div style="width: 96%;margin:0 auto 40px;padding-bottom: 30px"> |
||||
<h1 style="text-align: center;margin-bottom: 0px;padding-bottom: 20px">黄淮学院服装智能制造管理平台 - <span>模块管理</span></h1> |
||||
<div> |
||||
<el-descriptions class="margin-top" :column="4" border style="margin-top: 50px"> |
||||
<el-descriptions-item> |
||||
<template slot="label"><i class="el-icon-receiving"></i>产品名称</template> |
||||
{{model.productId}} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template slot="label"><i class="el-icon-coin"></i>模块编号</template> |
||||
{{model.styleModuleId}} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template slot="label"><i class="el-icon-postcard"></i>模块名称</template> |
||||
{{model.moduleId}} |
||||
</el-descriptions-item> |
||||
<!-- <el-descriptions-item>--> |
||||
<!-- <template slot="label"><i class="el-icon-copy-document"></i>颜色</template>--> |
||||
<!-- {{model.color}}--> |
||||
<!-- </el-descriptions-item>--> |
||||
<el-descriptions-item> |
||||
<template slot="label"><i class="el-icon-copy-document"></i>创建时间</template> |
||||
{{model.createTime}} |
||||
</el-descriptions-item> |
||||
</el-descriptions> |
||||
</div> |
||||
</div> |
||||
</a-modal> |
||||
</div> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
|
||||
export default { |
||||
name: "ProductModuleDetail.vue", |
||||
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, |
||||
|
||||
url: { |
||||
add: "/fabric/zyFabric/add", |
||||
edit: "/fabric/zyFabric/edit", |
||||
queryById: "/fabric/zyFabric/queryById" |
||||
}, |
||||
visible: false |
||||
} |
||||
}, |
||||
computed: { |
||||
formDisabled() { |
||||
return this.disabled |
||||
}, |
||||
}, |
||||
created() { |
||||
//备份model原始值 |
||||
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
||||
}, |
||||
methods: { |
||||
showModal(id) { |
||||
this.visible = true; |
||||
this.$http.get('/productModule/productModule/queryById?id=' + id).then( |
||||
res => { |
||||
this.model = res.result |
||||
console.log(this.model) |
||||
} |
||||
) |
||||
}, |
||||
handleOk() { |
||||
this.ModalText = 'The modal will be closed after two seconds'; |
||||
this.confirmLoading = true; |
||||
setTimeout(() => { |
||||
this.visible = false; |
||||
this.confirmLoading = false; |
||||
}, 1); |
||||
}, |
||||
handleCancel() { |
||||
this.visible = false; |
||||
}, |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue