|
|
@@ -1,214 +1,231 @@
|
|
|
<template>
|
|
|
- <div class="edit-smart-report-page">
|
|
|
- <!-- 顶部操作栏 -->
|
|
|
- <editHeader
|
|
|
- :reportInfo="{Title: reportInfo.title}"
|
|
|
- @handleClearContent="handleClearContent"
|
|
|
- @openBaseInfo="showReportBaseInfo=true"
|
|
|
- @handleRefreshAllChart="handleRefreshAllChart"
|
|
|
- @handlePreviewReport="handlePreviewReport"
|
|
|
- @handleSaveContent="handleSaveContent"
|
|
|
- @handlePublishOpt="handlePublishOpt"
|
|
|
- />
|
|
|
-
|
|
|
- <div class="main-wrap">
|
|
|
- <div class="report-action-wrap">
|
|
|
- <ul class="top-type-list">
|
|
|
- <li class="item" v-for="item in topTypeList" :key="item.name" @click="handleShowRight(item)">
|
|
|
- <img class="icon" :src="item.icon" alt="">
|
|
|
- <span>{{item.name}}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 公共组件 -->
|
|
|
- <draggable
|
|
|
- :list="compList"
|
|
|
- :group="{ name: 'component', pull: 'clone', put: false }"
|
|
|
- class="report-comp-wrap"
|
|
|
- animation="300"
|
|
|
- :sort="false"
|
|
|
- tag="ul"
|
|
|
- filter='.unDrag'
|
|
|
- >
|
|
|
- <li class="comp-item" :comp-data="JSON.stringify(comp)" v-for="comp in compList" :key="comp.id">
|
|
|
- <img :src="comp.icon">
|
|
|
- </li>
|
|
|
- <li class="comp-item unDrag" style="cursor: pointer;">
|
|
|
- <el-color-picker v-model="bgColor" @change="handleBgColorChange"></el-color-picker>
|
|
|
- </li>
|
|
|
- </draggable>
|
|
|
-
|
|
|
- <div class="report-content-box" id="report-content-box" :style="{backgroundColor:bgColor}">
|
|
|
- <div class="html-head-img-box">
|
|
|
- <div class="opt-btn-box" style="display: none;">
|
|
|
- <div class="del-btn" @click.stop="deleteLayoutPic(1)"></div>
|
|
|
- </div>
|
|
|
- <img :src="headImg" alt="" style="display:block;width:100%">
|
|
|
- <div class="head-layout-item" v-for="item in headImgStyle" :key="item.value"
|
|
|
- :style="{fontFamily:item.family,fontSize:(item.size*2)+'px',fontWeight:item.weight,textAlign:item.align,color:item.color,
|
|
|
- width:item.width,height:item.height,left:item.left,top:item.top
|
|
|
- }">
|
|
|
- {{ layoutBaseInfo[item.value] }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="edit-smart-box">
|
|
|
+ <!-- 章节编辑区 -->
|
|
|
+ <div class="left-wrap">
|
|
|
+ <chapterWrapper
|
|
|
+ v-show="isLeftWrapShow"
|
|
|
+ />
|
|
|
+
|
|
|
+ <span
|
|
|
+ class="slide-btn-icon"
|
|
|
+ :class="{'slide-left':isLeftWrapShow,'slide-right':!isLeftWrapShow}"
|
|
|
+ @click="isLeftWrapShow = !isLeftWrapShow"
|
|
|
+ >
|
|
|
+ <i :class="{'el-icon-d-arrow-left':isLeftWrapShow,'el-icon-d-arrow-right':!isLeftWrapShow}"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="edit-smart-report-page">
|
|
|
+ <!-- 顶部操作栏 -->
|
|
|
+ <editHeader
|
|
|
+ :reportInfo="{Title: reportInfo&&reportInfo.title}"
|
|
|
+ @handleClearContent="handleClearContent"
|
|
|
+ @openBaseInfo="showReportBaseInfo=true"
|
|
|
+ @handleRefreshAllChart="handleRefreshAllChart"
|
|
|
+ @handlePreviewReport="handlePreviewReport"
|
|
|
+ @handleSaveContent="handleSaveContent"
|
|
|
+ @handlePublishOpt="handlePublishOpt"
|
|
|
+ />
|
|
|
+
|
|
|
+ <div class="main-wrap">
|
|
|
+ <div class="report-action-wrap">
|
|
|
+ <ul class="top-type-list">
|
|
|
+ <li class="item" v-for="item in topTypeList" :key="item.name" @click="handleShowRight(item)">
|
|
|
+ <img class="icon" :src="item.icon" alt="">
|
|
|
+ <span>{{item.name}}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- 公共组件 -->
|
|
|
<draggable
|
|
|
- :list="conList"
|
|
|
- :group="{ name: 'component', pull: true, put: true }"
|
|
|
- class="report-html-wrap"
|
|
|
- id="report-html-content"
|
|
|
+ :list="compList"
|
|
|
+ :group="{ name: 'component', pull: 'clone', put: false }"
|
|
|
+ class="report-comp-wrap"
|
|
|
animation="300"
|
|
|
- tag="div"
|
|
|
- handle=".drag-btn_p"
|
|
|
- @add="handleParentAdd"
|
|
|
- @remove="handleParentRemove"
|
|
|
- :move="handleParentMove"
|
|
|
+ :sort="false"
|
|
|
+ tag="ul"
|
|
|
+ filter='.unDrag'
|
|
|
>
|
|
|
- <div
|
|
|
- :class="[
|
|
|
- 'report-drag-item-wrap',
|
|
|
- activeId===item.id?'blue-bg':'',
|
|
|
- item.child&&!item.child.length?'report-drag-item-out':''
|
|
|
- ]"
|
|
|
- v-for="item,index in conList"
|
|
|
- :key="item.id"
|
|
|
- :comp-type="item.compType"
|
|
|
- @click="handleChoose(item,index)"
|
|
|
- :style="item.style"
|
|
|
- >
|
|
|
- <!-- 缩放的盒子 -->
|
|
|
- <div class="resize-drag-box" @mousedown.stop="handleResizeP($event,index)"></div>
|
|
|
+ <li class="comp-item" :comp-data="JSON.stringify(comp)" v-for="comp in compList" :key="comp.id">
|
|
|
+ <img :src="comp.icon">
|
|
|
+ </li>
|
|
|
+ <li class="comp-item unDrag" style="cursor: pointer;">
|
|
|
+ <el-color-picker v-model="bgColor" @change="handleBgColorChange"></el-color-picker>
|
|
|
+ </li>
|
|
|
+ </draggable>
|
|
|
+
|
|
|
+ <div class="report-content-box" id="report-content-box" :style="{backgroundColor:bgColor}">
|
|
|
+ <div class="html-head-img-box">
|
|
|
<div class="opt-btn-box" style="display: none;">
|
|
|
- <div class="drag-btn drag-btn_p"></div>
|
|
|
- <div class="del-btn" @click.stop="handleDelItem(index,-1)"></div>
|
|
|
+ <div class="del-btn" @click.stop="deleteLayoutPic(1)"></div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="item.child&&!item.child.length"
|
|
|
- class="report-drag-item-wrap_content"
|
|
|
- style="width:100%;height:100%"
|
|
|
- :data-id="item.id"
|
|
|
- >
|
|
|
- <component :is="getComponentName(item)" :compData="item"/>
|
|
|
+ <img :src="headImg" alt="" style="display:block;width:100%">
|
|
|
+ <div class="head-layout-item" v-for="item in headImgStyle" :key="item.value"
|
|
|
+ :style="{fontFamily:item.family,fontSize:(item.size*2)+'px',fontWeight:item.weight,textAlign:item.align,color:item.color,
|
|
|
+ width:item.width,height:item.height,left:item.left,top:item.top
|
|
|
+ }">
|
|
|
+ {{ layoutBaseInfo[item.value] }}
|
|
|
</div>
|
|
|
- <draggable
|
|
|
- :list="item.child"
|
|
|
- :group="{ name: 'component', pull: true, put: item.child&&item.child.length<3?true:false }"
|
|
|
- animation="300"
|
|
|
- tag="div"
|
|
|
- class="report-drag-item-wrap_child-wrap"
|
|
|
- @add="handleChildAdd($event,item,index)"
|
|
|
- @remove="handleChildRemove($event,item.child)"
|
|
|
- handle=".drag-btn_c"
|
|
|
- style="display: flex;gap: 3px;align-items: flex-start;"
|
|
|
+ </div>
|
|
|
+ <draggable
|
|
|
+ :list="conList"
|
|
|
+ :group="{ name: 'component', pull: true, put: true }"
|
|
|
+ class="report-html-wrap"
|
|
|
+ id="report-html-content"
|
|
|
+ animation="300"
|
|
|
+ tag="div"
|
|
|
+ handle=".drag-btn_p"
|
|
|
+ @add="handleParentAdd"
|
|
|
+ @remove="handleParentRemove"
|
|
|
+ :move="handleParentMove"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'report-drag-item-wrap',
|
|
|
+ activeId===item.id?'blue-bg':'',
|
|
|
+ item.child&&!item.child.length?'report-drag-item-out':''
|
|
|
+ ]"
|
|
|
+ v-for="item,index in conList"
|
|
|
+ :key="item.id"
|
|
|
+ :comp-type="item.compType"
|
|
|
+ @click="handleChoose(item,index)"
|
|
|
+ :style="item.style"
|
|
|
>
|
|
|
+ <!-- 缩放的盒子 -->
|
|
|
+ <div class="resize-drag-box" @mousedown.stop="handleResizeP($event,index)"></div>
|
|
|
+ <div class="opt-btn-box" style="display: none;">
|
|
|
+ <div class="drag-btn drag-btn_p"></div>
|
|
|
+ <div class="del-btn" @click.stop="handleDelItem(index,-1)"></div>
|
|
|
+ </div>
|
|
|
<div
|
|
|
- :class="['report-drag-item-wrap_child_content',activeId===child.id?'blue-bg':'']"
|
|
|
- v-for="child,cindex in item.child"
|
|
|
- :key="child.id"
|
|
|
- :comp-type="child.compType"
|
|
|
- :data-id="child.id"
|
|
|
- @click.stop="handleChoose(child,index,cindex)"
|
|
|
- style="flex:1"
|
|
|
- :style="child.style"
|
|
|
+ v-if="item.child&&!item.child.length"
|
|
|
+ class="report-drag-item-wrap_content"
|
|
|
+ style="width:100%;height:100%"
|
|
|
+ :data-id="item.id"
|
|
|
>
|
|
|
- <div class="opt-btn-box2" style="display: none;">
|
|
|
- <div class="drag-btn drag-btn_c"></div>
|
|
|
- <div class="del-btn" @click.stop="handleDelItem(index,cindex)"></div>
|
|
|
- </div>
|
|
|
- <!-- 拖动按钮 -->
|
|
|
- <div class="resize-drag-box_lb" @mousedown.stop="handleResizeC($event,index,cindex,'lb')"></div>
|
|
|
- <div class="resize-drag-box_rb" @mousedown.stop="handleResizeC($event,index,cindex,'rb')"></div>
|
|
|
- <component :is="getComponentName(child)" :compData="child"/>
|
|
|
- <!-- -->
|
|
|
- <div class="mark-box" v-if="isDragResize" style="position: absolute;left:0;right:0;top:0;bottom: 0;z-index: 10;"></div>
|
|
|
+ <component :is="getComponentName(item)" :compData="item"/>
|
|
|
</div>
|
|
|
- </draggable>
|
|
|
- </div>
|
|
|
- </draggable>
|
|
|
+ <draggable
|
|
|
+ :list="item.child"
|
|
|
+ :group="{ name: 'component', pull: true, put: item.child&&item.child.length<3?true:false }"
|
|
|
+ animation="300"
|
|
|
+ tag="div"
|
|
|
+ class="report-drag-item-wrap_child-wrap"
|
|
|
+ @add="handleChildAdd($event,item,index)"
|
|
|
+ @remove="handleChildRemove($event,item.child)"
|
|
|
+ handle=".drag-btn_c"
|
|
|
+ style="display: flex;gap: 3px;align-items: flex-start;"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ :class="['report-drag-item-wrap_child_content',activeId===child.id?'blue-bg':'']"
|
|
|
+ v-for="child,cindex in item.child"
|
|
|
+ :key="child.id"
|
|
|
+ :comp-type="child.compType"
|
|
|
+ :data-id="child.id"
|
|
|
+ @click.stop="handleChoose(child,index,cindex)"
|
|
|
+ style="flex:1"
|
|
|
+ :style="child.style"
|
|
|
+ >
|
|
|
+ <div class="opt-btn-box2" style="display: none;">
|
|
|
+ <div class="drag-btn drag-btn_c"></div>
|
|
|
+ <div class="del-btn" @click.stop="handleDelItem(index,cindex)"></div>
|
|
|
+ </div>
|
|
|
+ <!-- 拖动按钮 -->
|
|
|
+ <div class="resize-drag-box_lb" @mousedown.stop="handleResizeC($event,index,cindex,'lb')"></div>
|
|
|
+ <div class="resize-drag-box_rb" @mousedown.stop="handleResizeC($event,index,cindex,'rb')"></div>
|
|
|
+ <component :is="getComponentName(child)" :compData="child"/>
|
|
|
+ <!-- -->
|
|
|
+ <div class="mark-box" v-if="isDragResize" style="position: absolute;left:0;right:0;top:0;bottom: 0;z-index: 10;"></div>
|
|
|
+ </div>
|
|
|
+ </draggable>
|
|
|
+ </div>
|
|
|
+ </draggable>
|
|
|
|
|
|
- <div class="html-end-img-box">
|
|
|
- <div class="opt-btn-box" style="display: none;">
|
|
|
- <div class="del-btn" @click.stop="endImg=''"></div>
|
|
|
- </div>
|
|
|
- <img :src="endImg" alt="" style="display:block;width:100%">
|
|
|
- <div class="head-layout-item" v-for="item in endImgStyle" :key="item.value"
|
|
|
- :style="{fontFamily:item.family,fontSize:(item.size*2)+'px',fontWeight:item.weight,textAlign:item.align,color:item.color,
|
|
|
- width:item.width,height:item.height,left:item.left,top:item.top
|
|
|
- }">
|
|
|
- {{ layoutBaseInfo[item.value] }}
|
|
|
+ <div class="html-end-img-box">
|
|
|
+ <div class="opt-btn-box" style="display: none;">
|
|
|
+ <div class="del-btn" @click.stop="endImg=''"></div>
|
|
|
+ </div>
|
|
|
+ <img :src="endImg" alt="" style="display:block;width:100%">
|
|
|
+ <div class="head-layout-item" v-for="item in endImgStyle" :key="item.value"
|
|
|
+ :style="{fontFamily:item.family,fontSize:(item.size*2)+'px',fontWeight:item.weight,textAlign:item.align,color:item.color,
|
|
|
+ width:item.width,height:item.height,left:item.left,top:item.top
|
|
|
+ }">
|
|
|
+ {{ layoutBaseInfo[item.value] }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="right-action-wrap" v-show="showRight">
|
|
|
- <div class="close-icon" @click="handleCloseRight">
|
|
|
- <img src="~@/assets/img/smartReport/icon14.png" alt="">
|
|
|
- </div>
|
|
|
- <div style="overflow-x:auto;height:calc(100% + 12px);">
|
|
|
- <div style="min-width:800px;height: 100%;">
|
|
|
- <TextEdit
|
|
|
- v-if="rightType==='text'"
|
|
|
- :key="activeId"
|
|
|
- :content="activeContent"
|
|
|
- @textChange="handleTextChange"
|
|
|
- />
|
|
|
- <ImgEdit
|
|
|
- v-if="rightType==='img'"
|
|
|
- :key="activeId"
|
|
|
- :content="activeContent"
|
|
|
- @imgChange="handleTextChange"
|
|
|
- />
|
|
|
- <!-- 图库插入 -->
|
|
|
- <ETAChart
|
|
|
- v-if="rightType==='etaChart'"
|
|
|
- @handleImportMyChart="handleImportMyChart"
|
|
|
- />
|
|
|
- <!-- ETA表格 -->
|
|
|
- <ETASheet v-if="rightType==='etaSheet'"/>
|
|
|
- <!-- 统计分析 -->
|
|
|
- <StatisticAnalysis v-if="rightType==='statisticAnalysis'"/>
|
|
|
- <!-- 商品价格曲线 -->
|
|
|
- <ETAPriceChart v-if="rightType==='etaPriceChart'"/>
|
|
|
- <!-- 沙盘图 -->
|
|
|
- <ETASandBox v-if="rightType==='etaSandBox'"/>
|
|
|
- <!-- 语义分析 -->
|
|
|
- <SemanticAnalysis v-if="rightType==='semanticAnalysis'"/>
|
|
|
- <!-- 版图资源库 -->
|
|
|
- <ImgSource v-if="rightType==='imgSource'" @change="handleInsertImgSource" @close="handleCloseRight"/>
|
|
|
- </div>
|
|
|
+ <div class="right-action-wrap" v-show="showRight">
|
|
|
+ <div class="close-icon" @click="handleCloseRight">
|
|
|
+ <img src="~@/assets/img/smartReport/icon14.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div style="overflow-x:auto;height:calc(100% + 12px);">
|
|
|
+ <div style="min-width:800px;height: 100%;">
|
|
|
+ <TextEdit
|
|
|
+ v-if="rightType==='text'"
|
|
|
+ :key="activeId"
|
|
|
+ :content="activeContent"
|
|
|
+ @textChange="handleTextChange"
|
|
|
+ />
|
|
|
+ <ImgEdit
|
|
|
+ v-if="rightType==='img'"
|
|
|
+ :key="activeId"
|
|
|
+ :content="activeContent"
|
|
|
+ @imgChange="handleTextChange"
|
|
|
+ />
|
|
|
+ <!-- 图库插入 -->
|
|
|
+ <ETAChart
|
|
|
+ v-if="rightType==='etaChart'"
|
|
|
+ @handleImportMyChart="handleImportMyChart"
|
|
|
+ />
|
|
|
+ <!-- ETA表格 -->
|
|
|
+ <ETASheet v-if="rightType==='etaSheet'"/>
|
|
|
+ <!-- 统计分析 -->
|
|
|
+ <StatisticAnalysis v-if="rightType==='statisticAnalysis'"/>
|
|
|
+ <!-- 商品价格曲线 -->
|
|
|
+ <ETAPriceChart v-if="rightType==='etaPriceChart'"/>
|
|
|
+ <!-- 沙盘图 -->
|
|
|
+ <ETASandBox v-if="rightType==='etaSandBox'"/>
|
|
|
+ <!-- 语义分析 -->
|
|
|
+ <SemanticAnalysis v-if="rightType==='semanticAnalysis'"/>
|
|
|
+ <!-- 版图资源库 -->
|
|
|
+ <ImgSource v-if="rightType==='imgSource'" @change="handleInsertImgSource" @close="handleCloseRight"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 报告基础信息 -->
|
|
|
- <BaseInfo v-model="showReportBaseInfo" :id="$route.query.id" @save="handleReportEdit" />
|
|
|
-
|
|
|
- <!-- 定时发布弹窗 -->
|
|
|
- <el-dialog
|
|
|
- v-dialogDrag
|
|
|
- :append-to-body="true"
|
|
|
- :visible.sync="showDSFB"
|
|
|
- width="500px"
|
|
|
- :title="$t('ReportManage.ReportList.scheduled_publish_btn')"
|
|
|
- >
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <span>{{$t('ReportManage.ReportList.publish_time')}}</span>
|
|
|
- <el-date-picker
|
|
|
- v-model="taskTime"
|
|
|
- type="datetime"
|
|
|
- :placeholder="$t('ReportManage.ReportList.select_date_and_time')"
|
|
|
- value-format="yyyy-MM-dd HH:mm"
|
|
|
- :picker-options="timePickerOpt"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <p style="margin:15px 0">{{$t('ReportManage.ReportList.the_report_will_be_posted_on_time')}}</p>
|
|
|
- <div style="text-align:right;margin:20px 0">
|
|
|
- <el-button type="primary" plain @click="showDSFB=false">{{$t('Dialog.cancel_btn')}}</el-button>
|
|
|
- <el-button type="primary" @click="handleSetReportPrepublish">{{$t('Dialog.confirm_btn')}}</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
+ <!-- 报告基础信息 -->
|
|
|
+ <BaseInfo v-model="showReportBaseInfo" :id="$route.query.id" @save="handleReportEdit" />
|
|
|
+
|
|
|
+ <!-- 定时发布弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ v-dialogDrag
|
|
|
+ :append-to-body="true"
|
|
|
+ :visible.sync="showDSFB"
|
|
|
+ width="500px"
|
|
|
+ :title="$t('ReportManage.ReportList.scheduled_publish_btn')"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <span>{{$t('ReportManage.ReportList.publish_time')}}</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="taskTime"
|
|
|
+ type="datetime"
|
|
|
+ :placeholder="$t('ReportManage.ReportList.select_date_and_time')"
|
|
|
+ value-format="yyyy-MM-dd HH:mm"
|
|
|
+ :picker-options="timePickerOpt"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <p style="margin:15px 0">{{$t('ReportManage.ReportList.the_report_will_be_posted_on_time')}}</p>
|
|
|
+ <div style="text-align:right;margin:20px 0">
|
|
|
+ <el-button type="primary" plain @click="showDSFB=false">{{$t('Dialog.cancel_btn')}}</el-button>
|
|
|
+ <el-button type="primary" @click="handleSetReportPrepublish">{{$t('Dialog.confirm_btn')}}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -237,6 +254,7 @@ import { getUrlParams } from '@/utils/common'
|
|
|
import reportApproveConfig from "@/mixins/reportApproveConfig.js"
|
|
|
import ImgSource from './components/ImgSource.vue'
|
|
|
import editHeader from '../components/reportEditHeader.vue';
|
|
|
+import chapterWrapper from '../components/chapterEditWrapper.vue';
|
|
|
export default {
|
|
|
mixins:[reportApproveConfig],
|
|
|
name:"smartReportEdit",
|
|
|
@@ -256,7 +274,8 @@ export default {
|
|
|
ETASandBox,
|
|
|
SemanticAnalysis,
|
|
|
ImgSource,
|
|
|
- editHeader
|
|
|
+ editHeader,
|
|
|
+ chapterWrapper
|
|
|
},
|
|
|
watch:{
|
|
|
'taskTime'(){
|
|
|
@@ -343,7 +362,9 @@ export default {
|
|
|
研报标题:'',
|
|
|
研报作者:'',
|
|
|
创建时间:''
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ isLeftWrapShow: true,//展开章节区
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -502,7 +523,7 @@ export default {
|
|
|
let iframeDom = document.getElementsByClassName(`iframe${code}`);
|
|
|
// console.log(iframeDom);
|
|
|
iframeDom.forEach((ele) => {
|
|
|
- ele.height = `${height + 45}px`;
|
|
|
+ ele.height = `${height + 1}px`;
|
|
|
});
|
|
|
},
|
|
|
|
|
|
@@ -1228,10 +1249,31 @@ export default {
|
|
|
div{
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
-.edit-smart-report-page{
|
|
|
+.edit-smart-box {
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
background: var(--unnamed, #F2F6FA);
|
|
|
- min-width: 100vw;
|
|
|
+
|
|
|
+ .left-wrap {
|
|
|
+ position: relative;
|
|
|
+ .slide-btn-icon {
|
|
|
+ &.slide-left{
|
|
|
+ right:5px;
|
|
|
+ left: auto;
|
|
|
+ }
|
|
|
+ &.slide-right{
|
|
|
+ left: 0;
|
|
|
+ right: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.edit-smart-report-page{
|
|
|
+ /* min-width: 100vw; */
|
|
|
min-height: 100vh;
|
|
|
+ flex: 1;
|
|
|
+ overflow: auto;
|
|
|
.top-action-wrap{
|
|
|
position: sticky;
|
|
|
top: 0px;
|
