mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-07 18:25:45 +08:00
Adjust the product information pop-up window. (#1025)
Co-authored-by: elsiosanchez <elsiossanches@gmail.com>
This commit is contained in:
parent
632e7623dd
commit
8a54f46df9
@ -139,16 +139,16 @@
|
||||
<template slot-scope="scope">
|
||||
<el-popover
|
||||
v-if="!isEmptyValue(listOrderLine)"
|
||||
placement="top-start"
|
||||
placement="right-start"
|
||||
trigger="click"
|
||||
:title="$t('form.productInfo.productInformation')"
|
||||
>
|
||||
<el-form
|
||||
label-position="top"
|
||||
style="float: right; display: flex; line-height: 30px;"
|
||||
style="float: right;display: contents;line-height: 30px;"
|
||||
>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="3">
|
||||
<el-col :span="4">
|
||||
<div>
|
||||
<el-avatar v-if="isEmptyValue(scope.row.product.imageUrl)" shape="square" :size="100" src="https://#" @error="true">
|
||||
<el-image>
|
||||
@ -165,12 +165,12 @@
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-col :span="12">
|
||||
{{ $t('form.productInfo.code') }}: <b>{{ scope.row.product.value }}</b><br>
|
||||
{{ $t('form.productInfo.name') }}: <b>{{ scope.row.product.name }}</b><br>
|
||||
{{ $t('form.productInfo.description') }}: <b>{{ scope.row.product.description }}</b><br>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-col :span="8">
|
||||
<div style="float: right">
|
||||
{{ $t('form.productInfo.price') }}:
|
||||
<b>{{ formatPrice(scope.row.product.priceStandard, pointOfSalesCurrency.iSOCode) }}</b>
|
||||
@ -1048,3 +1048,11 @@ export default {
|
||||
right: 5%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.el-popper {
|
||||
margin-left: 12px;
|
||||
max-width: 65%;
|
||||
min-width: 50%;
|
||||
}
|
||||
</style>
|
||||
|
Loading…
x
Reference in New Issue
Block a user