parent
6a5aca28e3
commit
2c0cf3dd46
4 changed files with 279 additions and 30 deletions
@ -0,0 +1,246 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="面料管理-详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1400' |
||||||
|
@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.typeId}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-coin"></i>编号</template> |
||||||
|
{{model.fabricNumber}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-postcard"></i>名称</template> |
||||||
|
{{model.name}} |
||||||
|
</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.pattern}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-price-tag"></i>材质</template> |
||||||
|
{{model.material}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-files"></i>厚度</template> |
||||||
|
{{model.ply}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-files"></i>单价</template> |
||||||
|
{{model.money}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-files"></i>零售价</template> |
||||||
|
{{model.money}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-files"></i>品牌</template> |
||||||
|
{{model.brandId}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-receiving"></i>单位</template> |
||||||
|
{{model.unit}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-coin"></i>密度</template> |
||||||
|
{{model.density}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-postcard"></i>名称</template> |
||||||
|
{{model.clothW}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-copy-document"></i>幅宽</template> |
||||||
|
{{model.clothW}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-copy-document"></i>销售地区</template> |
||||||
|
{{model.location}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-price-tag"></i>状态</template> |
||||||
|
{{model.status}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-location-outline"></i>供货商</template> |
||||||
|
{{model.supplierInfo}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-picture-outline"></i>图片</template> |
||||||
|
{{model.imageUrl}} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item> |
||||||
|
<template slot="label"><i class="el-icon-paperclip"></i>二维码</template> |
||||||
|
{{model.qRcode}} |
||||||
|
</el-descriptions-item> |
||||||
|
</el-descriptions></div> |
||||||
|
</div> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="面料类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="typeId">--> |
||||||
|
<!-- <j-popup--> |
||||||
|
<!-- v-model="model.typeId"--> |
||||||
|
<!-- field="id"--> |
||||||
|
<!-- org-fields="id"--> |
||||||
|
<!-- dest-fields="id"--> |
||||||
|
<!-- code="zy_fabric_type"--> |
||||||
|
<!-- :multi="false"--> |
||||||
|
<!-- @input="popupCallback"--> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricNumber">--> |
||||||
|
<!-- <a-input v-model="model.fabricNumber" placeholder="请输入编号" ></a-input>--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="花样" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pattern">--> |
||||||
|
<!-- <j-search-select-tag v-model="model.pattern" dict="pattern" />--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="材质" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="material">--> |
||||||
|
<!-- <j-search-select-tag v-model="model.material" dict="material" />--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="unit">--> |
||||||
|
<!-- <j-search-select-tag v-model="model.unit" dict="unit1" />--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-form-model-item label="密度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="density">--> |
||||||
|
<!-- <j-search-select-tag v-model="model.density" dict="density" />--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-col :span="24">--> |
||||||
|
<!-- <a-form-model-item label="状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">--> |
||||||
|
<!-- <j-search-select-tag v-model="model.status" dict="fabric_status" />--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
<!-- <a-col :span="24">--> |
||||||
|
<!-- <a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="imageUrl">--> |
||||||
|
<!-- <j-image-upload isMultiple v-model="model.imageUrl" ></j-image-upload>--> |
||||||
|
<!-- </a-form-model-item>--> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
|
||||||
|
import { httpAction, getAction } from '@/api/manage' |
||||||
|
import { validateDuplicateValue } from '@/utils/util' |
||||||
|
import OnlineCamera from './Components/OnlineCamera' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'ZyFabricFormDetailModel', |
||||||
|
components: { |
||||||
|
OnlineCamera |
||||||
|
}, |
||||||
|
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: { |
||||||
|
typeId: [ |
||||||
|
{ required: true, message: '请选择类型!'}, |
||||||
|
], |
||||||
|
color: [ |
||||||
|
{ required: true, message: '请输入颜色!'}, |
||||||
|
], |
||||||
|
pattern: [ |
||||||
|
{ required: true, message: '请输入花样!'}, |
||||||
|
], |
||||||
|
fabricNumber: [ |
||||||
|
{ required: true, message: '请输入面料编号!'}, |
||||||
|
], |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入名称!'}, |
||||||
|
], |
||||||
|
money: [ |
||||||
|
{ required: false}, |
||||||
|
{ pattern: /^\d{0,11}$/, message: '长度不能超过11位数字'}, |
||||||
|
], |
||||||
|
retailPrice: [ |
||||||
|
{ required: false}, |
||||||
|
{ pattern: /^\d{0,11}$/, message: '长度不能超过11位数字'}, |
||||||
|
], |
||||||
|
location: [ |
||||||
|
{ required: false}, |
||||||
|
{ pattern: /^.{0,30}$/, message: '长度不能超过30位字符'}, |
||||||
|
], |
||||||
|
}, |
||||||
|
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('/fabric/zyFabric/queryById?id='+id).then( |
||||||
|
res=>{ |
||||||
|
this.model = res.result |
||||||
|
|
||||||
|
} |
||||||
|
) |
||||||
|
}, |
||||||
|
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> |
||||||
|
.margin-top i{margin-right: 5px} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue