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