服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
4.2 KiB
131 lines
4.2 KiB
<template> |
|
<!-- 辅料组件--> |
|
<div style="width: 96%;margin:0 auto 30px;border: 1px solid #e8e8e8;"> |
|
<h2>工序辅料</h2> |
|
<div style="padding:15px 20px" v-if="tableModel.length == 0"> |
|
暂无数据! |
|
</div> |
|
<div style="padding: 20px 20px 0 20px;" v-for="(item,index) in tableModel" :key="index" v-else> |
|
<p style="font-size: 16px;margin-bottom: 0">辅料信息</p> |
|
<el-descriptions class="margin-top" :column="3" border style="margin: 20px 0"> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-receiving"></i>类型id</template> |
|
{{item.typeId}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-coin"></i>编号</template> |
|
{{item.nums}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-postcard"></i>名称</template> |
|
{{item.contents}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-copy-document"></i>图片</template> |
|
<img v-if="item.picture" :src="item.picture"><span v-if="!item.picture">暂无图片</span> |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-price-tag"></i>材质</template> |
|
{{item.material}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-files"></i>规格</template> |
|
{{item.specs}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-takeaway-box"></i>库存量</template> |
|
{{item.store}} |
|
</el-descriptions-item> |
|
<el-descriptions-item> |
|
<template slot="label"><i class="el-icon-location-outline"></i>供货商</template> |
|
{{item.supplierInfo}} |
|
</el-descriptions-item> |
|
</el-descriptions> |
|
</div> |
|
</div> |
|
<!-- </div>--> |
|
</template> |
|
<script> |
|
export default { |
|
name: 'processFabric', |
|
// props:['model','fabricId'], |
|
props:{ |
|
model:{ |
|
type: Array, |
|
default: function () { |
|
return [ |
|
{ |
|
contents: "MZN600-287-800", |
|
createBy: null, |
|
createTime: null, |
|
id: "1458996032118022146", |
|
material: "厚", |
|
nums: "MZN600-287-800", |
|
picture: "12", |
|
specs: "21", |
|
store: 21, |
|
supplierInfo: "河南驻马店", |
|
typeId: "12", |
|
updateBy: null, |
|
updateTime: null,} |
|
] |
|
} |
|
} |
|
}, |
|
data () { |
|
return { |
|
img:'',//图片地址 |
|
img1:require('@/assets/9-2.png'),// 默认图片 |
|
mp4:'',//视频地址 |
|
tableModel:[], |
|
id:'', |
|
visible: false, |
|
confirmLoading: false, |
|
validatorRules: { |
|
}, |
|
}}, |
|
created() { |
|
console.log(this.id) |
|
}, |
|
watch: { |
|
//正确给 cData 赋值的 方法 |
|
model: function(newVal,oldVal){ |
|
this.tableModel= newVal |
|
console.log('this.tableModel') |
|
console.log(this.tableModel) |
|
// 设置默认值 |
|
if(newVal == null){ |
|
this.tableModel = [ |
|
{ |
|
contents: "MZN600-287-800", |
|
createBy: null, |
|
createTime: null, |
|
id: "1458996032118022146", |
|
material: "厚", |
|
nums: "MZN600-287-800", |
|
picture: "12", |
|
specs: "21", |
|
store: 21, |
|
supplierInfo: "河南驻马店", |
|
typeId: "12", |
|
updateBy: null, |
|
updateTime: null,} |
|
] |
|
} |
|
}, |
|
}, |
|
methods: { |
|
getTableModel(){ |
|
//执行其他逻辑 |
|
} |
|
}, |
|
} |
|
</script> |
|
<style scoped> |
|
.table{border-color:#d9d9d9;border-radius: 3px} |
|
.table td{padding: 10px 20px;max-width: 380px;} |
|
.table td span{color: #333} |
|
/deep/ .ant-modal-body{min-height: 450px;} |
|
.margin-top i{margin-right: 5px} |
|
h2{text-align: left;border-bottom: 1px solid #e8e8e8;padding: 20px;background: rgba(247,247,247,1);margin: 0;} |
|
</style> |