mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-10 12:01:57 +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">
|
<template slot-scope="scope">
|
||||||
<el-popover
|
<el-popover
|
||||||
v-if="!isEmptyValue(listOrderLine)"
|
v-if="!isEmptyValue(listOrderLine)"
|
||||||
placement="top-start"
|
placement="right-start"
|
||||||
trigger="click"
|
trigger="click"
|
||||||
:title="$t('form.productInfo.productInformation')"
|
:title="$t('form.productInfo.productInformation')"
|
||||||
>
|
>
|
||||||
<el-form
|
<el-form
|
||||||
label-position="top"
|
label-position="top"
|
||||||
style="float: right; display: flex; line-height: 30px;"
|
style="float: right;display: contents;line-height: 30px;"
|
||||||
>
|
>
|
||||||
<el-row :gutter="24">
|
<el-row :gutter="24">
|
||||||
<el-col :span="3">
|
<el-col :span="4">
|
||||||
<div>
|
<div>
|
||||||
<el-avatar v-if="isEmptyValue(scope.row.product.imageUrl)" shape="square" :size="100" src="https://#" @error="true">
|
<el-avatar v-if="isEmptyValue(scope.row.product.imageUrl)" shape="square" :size="100" src="https://#" @error="true">
|
||||||
<el-image>
|
<el-image>
|
||||||
@ -165,12 +165,12 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="16">
|
<el-col :span="12">
|
||||||
{{ $t('form.productInfo.code') }}: <b>{{ scope.row.product.value }}</b><br>
|
{{ $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.name') }}: <b>{{ scope.row.product.name }}</b><br>
|
||||||
{{ $t('form.productInfo.description') }}: <b>{{ scope.row.product.description }}</b><br>
|
{{ $t('form.productInfo.description') }}: <b>{{ scope.row.product.description }}</b><br>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="8">
|
||||||
<div style="float: right">
|
<div style="float: right">
|
||||||
{{ $t('form.productInfo.price') }}:
|
{{ $t('form.productInfo.price') }}:
|
||||||
<b>{{ formatPrice(scope.row.product.priceStandard, pointOfSalesCurrency.iSOCode) }}</b>
|
<b>{{ formatPrice(scope.row.product.priceStandard, pointOfSalesCurrency.iSOCode) }}</b>
|
||||||
@ -1048,3 +1048,11 @@ export default {
|
|||||||
right: 5%;
|
right: 5%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.el-popper {
|
||||||
|
margin-left: 12px;
|
||||||
|
max-width: 65%;
|
||||||
|
min-width: 50%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user