| | |
| | | <template> |
| | | <div class="detail-view"> |
| | | <el-drawer :visible.sync="detailConfig.visible" size="80%" :before-close="handleClose" :wrapperClosable="false"> |
| | | <el-drawer :visible.sync="detailConfig.visible" size="80%" :before-close="handleClose"> |
| | | <template slot="title"> |
| | | <div class="header"> |
| | | <span class="header-label">产品详情</span> |
| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="business_scope"> |
| | | <!-- <div class="business_scope"> |
| | | <div class="content-title">{{ "图片:" }}</div> |
| | | <div class="bigImg-div"> |
| | | <i class="el-icon-picture-outline icon" v-if="!valueUrl"></i> |
| | | <img class="bigImg" :src="valueUrl" v-if="valueUrl" /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <div class="business_scope"> |
| | | <div class="content-title">{{ "备注信息:" }}</div> |
| | | <div class="content-data">{{ record ? record : "--" }}</div> |
| | | <div class="content-data">{{ remark ? remark : "--" }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | record: "", // 最新进展 |
| | | noContactDays: 0, |
| | | newContactDays: "", |
| | | valueUrl: "" |
| | | valueUrl: "", |
| | | remark: this.commonDetail.infomation.remark |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }, |
| | | { |
| | | leftStr: "产品类别", |
| | | leftValue: item.contact_name, |
| | | leftValue: item.productType, |
| | | rightStr: "供应商", |
| | | rightValue: item.contact_position |
| | | rightValue: item.supplier.name |
| | | }, |
| | | { |
| | | leftStr: "规格", |
| | | leftValue: item.contact_phone, |
| | | leftValue: item.specifications, |
| | | rightStr: "型号", |
| | | rightValue: "18513375588" |
| | | rightValue: item.modelNumber |
| | | }, |
| | | { |
| | | leftStr: "单位", |
| | | leftValue: item.sales_resources, |
| | | leftValue: item.unit, |
| | | rightStr: "价格", |
| | | rightValue: item.member_name |
| | | rightValue: item.purchasePrice |
| | | }, |
| | | { |
| | | leftStr: "最低库存", |
| | | leftValue: item.sales_resources, |
| | | leftValue: item.minimumStock, |
| | | rightStr: "最高库存", |
| | | rightValue: "" |
| | | rightValue: item.maximumStock |
| | | } |
| | | ] |
| | | }, |
| | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style lang="scss" scoped> |
| | | .detail-view { |
| | | z-index: 9999; |
| | | .header { |
| | | height: 56px; |
| | | display: flex; |