| | |
|---|
| | | <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">{{ remark ? remark : "--" }}</div> |
|---|
| | |
|---|
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .detail-view { |
|---|
| | | z-index: 9999; |
|---|
| | | .header { |
|---|
| | | height: 56px; |
|---|
| | | display: flex; |
|---|
