refactor: 视图编辑工具栏宽度扩大适配

This commit is contained in:
wangjiahao 2022-05-25 13:36:26 +08:00
parent 73a9a0bd05
commit 19d344f4df
9 changed files with 15 additions and 15 deletions

View File

@ -257,7 +257,7 @@ export default {
.item-span-style{
display: inline-block;
width: 70px;
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -245,7 +245,7 @@ export default {
.item-span-style{
display: inline-block;
width: 70px;
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -284,7 +284,7 @@ export default {
.item-span-style{
display: inline-block;
width: 70px;
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -141,7 +141,7 @@ export default {
.item-span-style{
display: inline-block;
width: 100px;
width: 115px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -149,7 +149,7 @@ export default {
.item-span-style{
display: inline-block;
width: 100px;
width: 115px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -359,7 +359,7 @@ export default {
.item-span-style{
display: inline-block;
width: 50px;
width: 80px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -355,7 +355,7 @@ export default {
.item-span-style{
display: inline-block;
width: 50px;
width: 80px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -40,7 +40,7 @@
</el-row>
<el-row class="view-panel-row">
<el-tabs :stretch="true" class="tab-header">
<el-tab-pane :label="$t('chart.chart_data')" class="padding-tab" style="width: 300px">
<el-tab-pane :label="$t('chart.chart_data')" class="padding-tab" style="width: 350px">
<div v-if="view.dataFrom==='template'" class="view-panel-Mask">
<span style="opacity: 1;">
<el-button
@ -56,7 +56,7 @@
</span>
</div>
<el-row class="view-panel">
<el-col class="theme-border-class" :span="12" style="border-right: 1px solid #E6E6E6;">
<el-col class="theme-border-class" :span="11" style="border-right: 1px solid #E6E6E6;">
<div style="display: flex;align-items: center;justify-content: center;padding: 6px;">
<el-input
v-model="searchField"
@ -145,7 +145,7 @@
</el-col>
<el-col
:span="12"
:span="13"
style="height: 100%;border-right: 1px solid #E6E6E6;"
class="theme-border-class"
>
@ -650,7 +650,7 @@
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane :label="$t('chart.chart_style')" class="padding-tab" style="width: 300px">
<el-tab-pane :label="$t('chart.chart_style')" class="padding-tab" style="width: 350px">
<chart-style
v-if="chartProperties || view.isPlugin"
:param="param"
@ -675,7 +675,7 @@
@onChangeBackgroundForm="onChangeBackgroundForm"
/>
</el-tab-pane>
<el-tab-pane :label="$t('chart.senior')" class="padding-tab" style="width: 300px;">
<el-tab-pane :label="$t('chart.senior')" class="padding-tab" style="width: 350px;">
<el-row class="view-panel">
<div
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type.includes('gauge')) || view.type === 'text'"
@ -2523,7 +2523,7 @@ export default {
position:absolute;
top:0px;
left: 0px;
width: 300px;
width: 350px;
z-index: 2;
cursor:not-allowed;
display: flex;
@ -2848,7 +2848,7 @@ span {
}
::v-deep .item-axis {
width: 128px !important;
width: 168px !important;
}
::v-deep .el-slider__input {

View File

@ -1366,7 +1366,7 @@ export default {
}
.tools-window-main {
width: 300px;
width: 350px;
background-color: #FFFFFF;
transition: 1s;
}