|
|
@@ -0,0 +1,1119 @@
|
|
|
+<template>
|
|
|
+ <div id="editreport">
|
|
|
+ <div class="leftitems" :class="{'full':!isRightFormShow,'block':isRightFormShow}">
|
|
|
+ <div class="overview" :style="{marginBottom:value?'20px':'0'}">
|
|
|
+ <p @click="value=!value">Overview
|
|
|
+ <span><i :class="value?'el-icon-arrow-down':'el-icon-arrow-up'"></i></span>
|
|
|
+ </p>
|
|
|
+ <div id="leftoverview" v-show="value">
|
|
|
+ <froala :id="`overview-editor`" :style="{display:'none'}"
|
|
|
+ :ref="`overviewEditor`"
|
|
|
+ :tag="'textarea'"
|
|
|
+ :config="overviewConfig" v-model="aeForm.overview">
|
|
|
+ </froala>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ id="leftfroala"
|
|
|
+ v-loading="importChartNum>0"
|
|
|
+ :element-loading-text="$t('ReportManage.ReportList.chart_insertion_progress')"
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
+ element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
+ >
|
|
|
+ <froala
|
|
|
+ id="froala-editor"
|
|
|
+ ref="froalaEditor"
|
|
|
+ :tag="'textarea'"
|
|
|
+ :config="{...froalaConfig,quickInsertEnabled: false,}"
|
|
|
+ v-model="aeForm.content"
|
|
|
+ ></froala>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="rightitems" v-show="isRightFormShow">
|
|
|
+ <div v-if="!pageLoading"
|
|
|
+ style="
|
|
|
+ text-align: right;
|
|
|
+ padding: 0px 0 15px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div v-show="lastsavetime" style="color: #666; margin-bottom: 15px">
|
|
|
+ {{$t('ReportManage.ReportList.last_save_time')}}：{{ lastsavetime }}
|
|
|
+ </div>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="medium"
|
|
|
+ plain
|
|
|
+ @click.native="refreshReport"
|
|
|
+ >
|
|
|
+ {{$t('ReportManage.ReportList.click_refresh_btn')}}
|
|
|
+ </el-button>
|
|
|
+ <el-button v-permission="permissionBtn.enReportManageBtn.enReport_reportView"
|
|
|
+ type="primary"
|
|
|
+ size="medium"
|
|
|
+ plain
|
|
|
+ @click.native="clickreportadd('yl')"
|
|
|
+ >{{$t('ReportManage.ReportList.preview_btn')}}</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="medium"
|
|
|
+ plain
|
|
|
+ @click.native="clickreportadd('cg')"
|
|
|
+ >{{$t('ReportManage.ReportList.save_draft_btn')}}</el-button
|
|
|
+ >
|
|
|
+ <template v-if="!isApprove||!hasApproveFlow">
|
|
|
+ <el-button v-permission="permissionBtn.enReportManageBtn.enReport_publish"
|
|
|
+ type="primary"
|
|
|
+ size="medium"
|
|
|
+ :disabled="checkLoading"
|
|
|
+ @click.native="clickreportadd('dsfb')"
|
|
|
+ >{{$t('ReportManage.ReportList.scheduled_publish_btn')}}</el-button
|
|
|
+ >
|
|
|
+ <el-button v-permission="permissionBtn.enReportManageBtn.enReport_publish"
|
|
|
+ type="primary"
|
|
|
+ size="medium"
|
|
|
+ :disabled="checkLoading"
|
|
|
+ @click.native="clickreportadd('fb')"
|
|
|
+ :loading="isPublishloading"
|
|
|
+ >{{$t('ReportManage.ReportList.publish_btn')}}</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <template v-if="isApprove&&hasApproveFlow">
|
|
|
+ <el-button v-permission="permissionBtn.enReportManageBtn.enReport_publish"
|
|
|
+ :disabled="checkLoading"
|
|
|
+ type="primary" size="medium" @click="clickreportadd('submit')">{{$t('ReportManage.ReportList.submission_btn')}}</el-button>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="margin: 0px 0 0 20px;padding: 10px 20px;box-sizing: border-box;background: #fff;border: 1px solid #3464e0;"
|
|
|
+ >
|
|
|
+ <el-tabs v-model="tabsactive">
|
|
|
+ <el-tab-pane :label="tab.label" :name="tab.key" v-for="tab in panelTabs" :key="tab.key"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <div
|
|
|
+ v-if="tabsactive == '基础信息'"
|
|
|
+ style="height: calc(100vh - 315px); overflow-y: auto"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ :model="aeForm"
|
|
|
+ :rules="formRules"
|
|
|
+ ref="aeForm"
|
|
|
+ label-position="right"
|
|
|
+ label-width="90px"
|
|
|
+ class="demo-aeForm"
|
|
|
+ id="login-container"
|
|
|
+ @submit.native.prevent
|
|
|
+ >
|
|
|
+ <el-form-item prop="add_type" :label="$t('ReportManage.ReportList.new_method_btn')">
|
|
|
+ <el-select
|
|
|
+ v-model="aeForm.add_type"
|
|
|
+ @change="userclassidreportdetail"
|
|
|
+ :placeholder="$t('ReportManage.CategoryList.please_select')"
|
|
|
+ size="medium"
|
|
|
+ :disabled="report_id?true:false"
|
|
|
+ style="width: 270px"
|
|
|
+ >
|
|
|
+ <el-option :label="$t('ReportManage.ReportList.new_report_radio')" :value="1"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.ReportList.inherit_report_radio')" :value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="classifynameArr" :label="$t('ReportManage.ReportList.classificiation_selest')">
|
|
|
+ <el-cascader
|
|
|
+ @change="userclassidreportdetail"
|
|
|
+ :options="optionsArr"
|
|
|
+ :props="{
|
|
|
+ children:'Child'
|
|
|
+ }"
|
|
|
+ v-model="aeForm.classifynameArr"
|
|
|
+ :placeholder="$t('ReportManage.smart_type_filtering')"
|
|
|
+ size="medium"
|
|
|
+ style="width: 270px"
|
|
|
+ ></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="title" :label="$t('ReportManage.ReportList.title_ipt')">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"
|
|
|
+ :placeholder="$t('ReportManage.CategoryList.please_input')"
|
|
|
+ v-model="aeForm.title"
|
|
|
+ size="medium"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="abstract" label="摘要">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"
|
|
|
+ :placeholder="$t('ReportManage.CategoryList.please_input')"
|
|
|
+ v-model="aeForm.abstract"
|
|
|
+ size="medium"
|
|
|
+ ></el-input>
|
|
|
+ <span class="limit">{{aeForm.abstract.length}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t('ReportManage.ReportList.author_select')">
|
|
|
+ <el-select
|
|
|
+ v-model="aeForm.author"
|
|
|
+ multiple
|
|
|
+ :placeholder="$t('ReportManage.CategoryList.please_select')"
|
|
|
+ size="medium"
|
|
|
+ style="width: 270px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, i) in authorlist"
|
|
|
+ :key="i"
|
|
|
+ :label="item.ReportAuthor"
|
|
|
+ :value="item.ReportAuthor"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t('ReportManage.ReportList.frequency_select')">
|
|
|
+ <el-select
|
|
|
+ v-model="aeForm.frequency"
|
|
|
+ :placeholder="$t('ReportManage.CategoryList.please_select')"
|
|
|
+ size="medium"
|
|
|
+ style="width: 270px"
|
|
|
+ >
|
|
|
+ <el-option :label="$t('ReportManage.smart_annually')" :value="$t('ReportManage.smart_annually')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_semi_annually')" :value="$t('ReportManage.smart_semi_annually')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_quarterly')" :value="$t('ReportManage.smart_quarterly')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_monthly')" :value="$t('ReportManage.smart_monthly')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_bi_weekly')" :value="$t('ReportManage.smart_bi_weekly')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_weekly')" :value="$t('ReportManage.smart_weekly')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_daily')" :value="$t('ReportManage.smart_daily')"></el-option>
|
|
|
+ <el-option :label="$t('ReportManage.smart_irregularly')" :value="$t('ReportManage.smart_irregularly')"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t('ReportManage.ReportList.creation_time_select')">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="aeForm.create_time"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :placeholder="$t('ReportManage.ReportList.select_date')"
|
|
|
+ size="medium"
|
|
|
+ :clearable="false"
|
|
|
+ style="width: 270px"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsactive == '图表插入'">
|
|
|
+ <el-input
|
|
|
+ :placeholder="$t('ReportManage.ReportList.chart_name')"
|
|
|
+ v-model="key_word"
|
|
|
+ size="medium"
|
|
|
+ prefix-icon="el-icon-search"
|
|
|
+ @input="() => {search_page=1;$refs.chartListRef.scrollTop = 0;getreportlist(key_word)}"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-radio-group v-model="chart_source" @change="() => {search_page=1;$refs.chartListRef.scrollTop = 0;getreportlist()}" style="margin-top: 10px;">
|
|
|
+ <el-radio :label="1">{{$t('ReportManage.ReportList.chart_inventory_radio')}}</el-radio>
|
|
|
+ <el-radio :label="2">{{$t('ReportManage.ReportList.price_curve_radio')}}</el-radio>
|
|
|
+ <el-radio :label="3">{{$t('ReportManage.ReportList.related_charts_radio')}}</el-radio>
|
|
|
+ <el-radio :label="6">{{$t('ReportManage.ReportList.curve_fitting_radio')}}</el-radio>
|
|
|
+ <el-radio :label="7">{{$t('ReportManage.ReportList.statistical_feature_radio')}}</el-radio>
|
|
|
+ <el-radio :label="10">{{$t('ReportManage.ReportList.intercommodity_analysis_radio')}}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <div style="margin: 10px 0">
|
|
|
+ <el-checkbox v-model="isShowMe" @change="() => {search_page=1;$refs.chartListRef.scrollTop = 0;getreportlist(key_word)}">只看我的</el-checkbox>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="height: calc(100vh - 370px);overflow-x: hidden;overflow-y: auto;"
|
|
|
+ v-infinite-scroll="loadReportHandle"
|
|
|
+ :infinite-scroll-immediate="false"
|
|
|
+ ref="chartListRef"
|
|
|
+ >
|
|
|
+ <template v-if="newreportlist.length">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in newreportlist"
|
|
|
+ :key="item.ChartInfoId"
|
|
|
+ :style="item.Disabled && 'cursor: not-allowed;'"
|
|
|
+ class="liststy"
|
|
|
+ >
|
|
|
+ <div class="chartEn-mark" style="top: 0;left:0;" @click="setEnHandle(item)">
|
|
|
+ <span v-if="item.IsEnChart">En</span>
|
|
|
+ <i class="el-icon-edit" v-else style="font-size:18px"/>
|
|
|
+ </div>
|
|
|
+ <p class="color_primary">{{ chart_source===1 ? (item.ChartNameEn||item.ChartName) : item.ChartName }}</p>
|
|
|
+ <img
|
|
|
+ :src="item.ChartImage"
|
|
|
+ :id="'listnode' + index"
|
|
|
+ @click="insertHtml(item)"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <tableNoData text="暂无图表" size="mini" v-else/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsactive == '沙盘插入'">
|
|
|
+ <el-input
|
|
|
+ :placeholder="$t('ReportManage.ReportList.no_reports_msg')"
|
|
|
+ v-model="sandTabelQuery.Keyword"
|
|
|
+ size="medium"
|
|
|
+ prefix-icon="el-icon-search"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <div
|
|
|
+ id="sandTable-container"
|
|
|
+ ref="sandTable"
|
|
|
+ style="
|
|
|
+ height: calc(100vh - 370px);
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ "
|
|
|
+ @scroll="sandTableHandleScroll"
|
|
|
+ >
|
|
|
+ <template v-if="sandTableList.length">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in sandTableList"
|
|
|
+ :key="item.SandboxId"
|
|
|
+ class="liststy"
|
|
|
+ >
|
|
|
+ <p class="color_primary">{{ item.Name }}</p>
|
|
|
+ <img
|
|
|
+ :src="item.PicUrl"
|
|
|
+ :id="'sandTable' + index"
|
|
|
+ @click="insertHtml(item,'image')"
|
|
|
+ />
|
|
|
+ <!-- <p class="source-identification">来源：弘则研究</p> -->
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <tableNoData :text="$t('Table.prompt_slogan')" size="mini" v-else/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsactive == '表格插入'">
|
|
|
+ <el-input
|
|
|
+ :placeholder="$t('ReportManage.ReportList.table_name_tabs')"
|
|
|
+ v-model="sheetSearchObj.Keyword"
|
|
|
+ size="medium"
|
|
|
+ prefix-icon="el-icon-search"
|
|
|
+ @input="getSheetList"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ height: calc(100vh - 320px);
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <template v-if="sheetSearchList.length">
|
|
|
+ <div
|
|
|
+ v-for="item in sheetSearchList"
|
|
|
+ :key="item.ExcelInfoId"
|
|
|
+ class="liststy"
|
|
|
+ >
|
|
|
+ <p class="color_primary">{{ item.ExcelName }}</p>
|
|
|
+ <img
|
|
|
+ :src="item.ExcelImage"
|
|
|
+ :id="'sheet' + item.ExcelInfoId"
|
|
|
+ style="object-fit: contain;height: 250px;"
|
|
|
+ @click="insertHtml(item,'sheet')"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <tableNoData :text="$t('Table.prompt_slogan')" size="mini" v-else/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsactive == 'MyETA批量插入'">
|
|
|
+ <importMyChart @handleImportMyChart="handleImportMyChart" :showEnMark="true" />
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsactive == '语义分析插入'">
|
|
|
+ <importSemantics @handleImportSemantic="(item)=>insertHtml(item,'image')"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ class="slide-icon"
|
|
|
+ :class="{'slide-left':!isRightFormShow,'slide-right':isRightFormShow}"
|
|
|
+ @click="isRightFormShow = !isRightFormShow"
|
|
|
+ >
|
|
|
+ <i :class="{'el-icon-d-arrow-left':!isRightFormShow,'el-icon-d-arrow-right':isRightFormShow}"></i>
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <!-- 设置英文信息弹窗 -->
|
|
|
+ <set-en-name-dia
|
|
|
+ :isOpenDialog="setEnName"
|
|
|
+ :formData="formItemArray"
|
|
|
+ @cancel="setEnName=false"
|
|
|
+ @updateEnName="updateEnName"
|
|
|
+ :chartType="enChartInfo.ChartType"
|
|
|
+ :datainfo="enChartInfo.ChartType===10?JSON.parse(enChartInfo.ExtraConfig):null"
|
|
|
+ :edblist="enChartInfo.ChartType===10?enEdblist:[]"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 定时发布弹窗 -->
|
|
|
+ <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="handleConfirmDSFB">{{$t('Dialog.confirm_btn')}}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ reportauthor,
|
|
|
+ dataBaseInterface,
|
|
|
+ sandInterface
|
|
|
+} from 'api/api.js';
|
|
|
+import {authorEn} from '@/api/modules/reportAuthorApi.js';
|
|
|
+import * as reportEnInterface from '@/api/modules/reportEnApi';
|
|
|
+import {approveInterence} from '@/api/modules/approve.js';
|
|
|
+import http from '@/api/http.js';
|
|
|
+import mixinMsg from '../mixins/messagePush'
|
|
|
+import reportMixin from '../mixins/reportMixin';
|
|
|
+import reportApproveConfig from "@/mixins/reportApproveConfig.js"
|
|
|
+import importMyChart from '../components/importMyChart.vue'
|
|
|
+import setEnNameDia from '@/views/dataEntry_manage/components/setEnNameDia.vue'
|
|
|
+import importSemantics from '../components/importSemantics.vue';
|
|
|
+export default {
|
|
|
+ mixins:[mixinMsg,reportMixin,reportApproveConfig],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ //批量导入图表
|
|
|
+ importChartNum:0,//批量导入图表的数量 如果大于0则说明在加载
|
|
|
+ report_id: this.$route.query.id || '',
|
|
|
+ tabsactive: '基础信息',
|
|
|
+ optionsArr: [],
|
|
|
+ key_word: '',
|
|
|
+ // 沙盘插入 ----------start
|
|
|
+ sandTabelQuery:{
|
|
|
+ PageSize: 13,
|
|
|
+ CurrentIndex: 1,
|
|
|
+ Keyword: '',
|
|
|
+ }, // 沙盘图查询参数
|
|
|
+ sandTableLoading:false,
|
|
|
+ sandTableTotal:0,//沙盘总共条数
|
|
|
+ sandTableList:[],
|
|
|
+ isRequesting:false,
|
|
|
+ loadedText:'', // 全部加载完的文字提示
|
|
|
+ // 沙盘插入 ------------- end
|
|
|
+ originreportlist: [],
|
|
|
+ newreportlist: [],
|
|
|
+ authorlist: [],
|
|
|
+ aeForm: {
|
|
|
+ add_type: 1,
|
|
|
+ classify_name: 1,
|
|
|
+ classifynameArr: [],
|
|
|
+ title: '',
|
|
|
+ abstract: '',
|
|
|
+ author: ['Horizon Insights FICC Team'],
|
|
|
+ frequency: '日度',
|
|
|
+ create_time: http.dateFormatter(new Date(), false),
|
|
|
+ content: '',
|
|
|
+ },
|
|
|
+ formRules: {
|
|
|
+ add_type: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ classifynameArr: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ title: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ abstract: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ lastEditRange: null,
|
|
|
+ reportloadding: false,
|
|
|
+ lastsavetime: '',
|
|
|
+ timer: null,
|
|
|
+ ischange: false,
|
|
|
+ isPublishloading: false,
|
|
|
+ value:true,
|
|
|
+ overviewConfig:{
|
|
|
+ toolbarButtons: [
|
|
|
+ 'textColor',
|
|
|
+ 'bold',
|
|
|
+ 'italic',
|
|
|
+ 'underline',
|
|
|
+ 'strikeThrough',
|
|
|
+ 'subscript',
|
|
|
+ 'superscript',
|
|
|
+ 'fontFamily',
|
|
|
+ 'fontSize',
|
|
|
+ 'color',
|
|
|
+ 'inlineClass',
|
|
|
+ 'inlineStyle',
|
|
|
+ 'paragraphStyle',
|
|
|
+ 'lineHeight',
|
|
|
+ 'paragraphFormat',
|
|
|
+ 'align',
|
|
|
+ 'outdent',
|
|
|
+ 'indent',
|
|
|
+ 'quote',
|
|
|
+ 'specialCharacters',
|
|
|
+ 'insertHR',
|
|
|
+ 'selectAll',
|
|
|
+ 'clearFormatting',
|
|
|
+ 'undo',
|
|
|
+ 'redo',
|
|
|
+ ],
|
|
|
+ fontSize: ["12", "14", "16", "18", "20", "24", "28", "32", "36", "40"],
|
|
|
+ height:300,
|
|
|
+ fontSizeDefaultSelection: "16",
|
|
|
+ quickInsertEnabled: false,
|
|
|
+ theme: "dark", //主题
|
|
|
+ placeholderText:'请输入overview',
|
|
|
+ language: "zh_cn",
|
|
|
+ //允许粘贴的样式
|
|
|
+ pasteAllowedStyleProps: ['font-family', 'font-size', 'color']
|
|
|
+ },
|
|
|
+
|
|
|
+ showDSFB:false,//显示定时发布弹窗
|
|
|
+ taskTime:'',//定时发布的时间
|
|
|
+ timePickerOpt:{
|
|
|
+ disabledDate(e){
|
|
|
+ return e.getTime()< new Date().getTime()-24 * 60 * 60 * 1000
|
|
|
+ },
|
|
|
+ selectableRange:'00:00:00 - 23:59:59'
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ beforeRouteEnter(to, from, next) {
|
|
|
+ if(to.query.id){
|
|
|
+ to.matched[1].name= this.$t('ReportManage.ReportList.edit_en_report')
|
|
|
+ }else{
|
|
|
+ to.matched[1].name= this.$t('ReportManage.ReportList.add_ch_report')
|
|
|
+ }
|
|
|
+ next()
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.$route.query.id && this.getreportdetail();
|
|
|
+ this.getclassifylist();
|
|
|
+ this.getreportlist('');
|
|
|
+ this.getreportauthor();
|
|
|
+ this.getSandTable();
|
|
|
+ this.getSheetList();
|
|
|
+ this.timer = setInterval(() => {
|
|
|
+ this.autoSave();
|
|
|
+ }, 6000);
|
|
|
+
|
|
|
+ window.addEventListener('message',this.reInitIframe)
|
|
|
+ },
|
|
|
+ updated() {
|
|
|
+ // const height = this.value?(screen.height - 642):(screen.height - 400)
|
|
|
+ $('#leftfroala').find('p').css({ fontSize: '16px' });
|
|
|
+ $('#leftoverview').find('p').css({ fontSize: '16px' });
|
|
|
+ // $('#leftfroala .fr-wrapper').css({height:height+'px'})
|
|
|
+ // $('#leftfroala .fr-element').css({minHeight:height+'px'})
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ window.removeEventListener('message',this.reInitIframe)
|
|
|
+ if (this.timer) {
|
|
|
+ clearInterval(this.timer);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'sandTabelQuery.Keyword'(newval,oldval){
|
|
|
+ this.$refs.sandTable.scrollTop=0
|
|
|
+ this.sandTabelQuery.CurrentIndex = 1
|
|
|
+ this.getSandTable()
|
|
|
+ },
|
|
|
+ 'taskTime'(){
|
|
|
+ const date = this.$moment(this.taskTime).startOf('day').format('x');
|
|
|
+ const nowDate = this.$moment().startOf('day').format('x');
|
|
|
+ // 如果选择的是今天 则需要禁用已经过去的时间节点
|
|
|
+ if (date <= nowDate) {
|
|
|
+ // 默认选择的最新时间 是当前时间的两分钟后 （留出2分钟的富裕时间）
|
|
|
+ this.timePickerOpt.selectableRange = (
|
|
|
+ `${this.$moment().add(2,'m').format('HH:mm:ss')} - 23:59:59`
|
|
|
+ );
|
|
|
+ }else {
|
|
|
+ // 如果是以后的日期，则不需要禁用时间节点
|
|
|
+ this.timePickerOpt.selectableRange = '00:00:00 - 23:59:59';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 每十秒自动保存
|
|
|
+ autoSave() {
|
|
|
+ console.log(this.ischange);
|
|
|
+ if (this.report_id&&this.autoSaveFlag) {
|
|
|
+ //如果富文本中有未上传完成的图片,去除这个dom
|
|
|
+ $('#leftfroala .fr-element').find('img.fr-uploading').length&&$('#leftfroala .fr-element').find('img.fr-uploading').remove()
|
|
|
+ reportEnInterface.reportAutoSave({
|
|
|
+ ReportId: Number(this.report_id),
|
|
|
+ Content: $('#leftfroala .fr-element').html(),
|
|
|
+ NoChange:this.ischange?0:1
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.Ret !== 200) return
|
|
|
+ this.lastsavetime = http.dateFormatter(new Date(), true);
|
|
|
+ });
|
|
|
+ this.ischange = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ userclassidreportdetail() {
|
|
|
+ //检查classifynameArr是否有审批流
|
|
|
+ let classify = this.aeForm.classifynameArr.map(i=>{
|
|
|
+ return JSON.parse(i).v||0
|
|
|
+ })
|
|
|
+ this.checkClassifyNameArr(2,classify)
|
|
|
+ // console.log(this.aeForm.classifynameArr,'this.aeForm.classifynameArr');
|
|
|
+ if (this.aeForm.add_type == 1) {
|
|
|
+ if (this.aeForm.classifynameArr.length == 3) {
|
|
|
+ this.aeForm.title = JSON.parse(this.aeForm.classifynameArr[2]).l;
|
|
|
+ }else{
|
|
|
+ this.aeForm.title = ''
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (this.aeForm.classifynameArr.length == 0) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ ClassifyIdFirst: JSON.parse(this.aeForm.classifynameArr[1]).v,
|
|
|
+ };
|
|
|
+ if (this.aeForm.classifynameArr.length === 3) {
|
|
|
+ params.ClassifyIdSecond = JSON.parse(
|
|
|
+ this.aeForm.classifynameArr[2]
|
|
|
+ ).v;
|
|
|
+ } else {
|
|
|
+ params.ClassifyIdSecond = 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ reportEnInterface.reportDetailByclassify(params).then((res) => {
|
|
|
+ if (res.Ret == 200) {
|
|
|
+ if (res.Data == null) {
|
|
|
+ this.$message.error(this.$t('ReportManage.ReportList.no_reports_msg'));
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.aeForm = {
|
|
|
+ add_type: 2,
|
|
|
+ classify_name: 1,
|
|
|
+ classifynameArr:[
|
|
|
+ JSON.stringify({
|
|
|
+ l: res.Data.ClassifyNameRoot,
|
|
|
+ v: parseInt(res.Data.ClassifyIdRoot),
|
|
|
+ }),
|
|
|
+ JSON.stringify({
|
|
|
+ l: res.Data.ClassifyNameFirst,
|
|
|
+ v: parseInt(res.Data.ClassifyIdFirst),
|
|
|
+ }),
|
|
|
+ JSON.stringify({
|
|
|
+ l: res.Data.ClassifyNameSecond,
|
|
|
+ v: parseInt(res.Data.ClassifyIdSecond),
|
|
|
+ })],
|
|
|
+ title: res.Data.Title,
|
|
|
+ abstract: res.Data.Abstract,
|
|
|
+ author: res.Data.Author ? res.Data.Author.split(',') : '',
|
|
|
+ frequency: res.Data.Frequency,
|
|
|
+ create_time: res.Data.CreateTime,
|
|
|
+ content: res.Data.Content,
|
|
|
+ overview:res.Data.Overview||''
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getreportauthor() {
|
|
|
+ authorEn({}).then((res) => {
|
|
|
+ if (res.Ret == 200) {
|
|
|
+ this.authorlist = res.Data.List || [];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ //报告详情
|
|
|
+ getreportdetail() {
|
|
|
+ reportEnInterface.reportDetail({ ReportId: parseInt(this.report_id) }).then((res) => {
|
|
|
+ if (res.Ret === 200 && res.Data) {
|
|
|
+ let data = res.Data;
|
|
|
+ this.aeForm = {
|
|
|
+ add_type: parseInt(data.AddType),
|
|
|
+ classify_name: 1,
|
|
|
+ classifynameArr:[
|
|
|
+ JSON.stringify({
|
|
|
+ l: data.ClassifyNameRoot,
|
|
|
+ v: parseInt(data.ClassifyIdRoot),
|
|
|
+ }),
|
|
|
+ JSON.stringify({
|
|
|
+ l: data.ClassifyNameFirst,
|
|
|
+ v: parseInt(data.ClassifyIdFirst),
|
|
|
+ }),
|
|
|
+ JSON.stringify({
|
|
|
+ l: data.ClassifyNameSecond,
|
|
|
+ v: parseInt(data.ClassifyIdSecond),
|
|
|
+ })],
|
|
|
+ title: data.Title,
|
|
|
+ abstract: data.Abstract,
|
|
|
+ author: data.Author ? data.Author.split(',') : '',
|
|
|
+ frequency: data.Frequency,
|
|
|
+ create_time: data.CreateTime,
|
|
|
+ content: data.Content,
|
|
|
+ overview:data.Overview||''
|
|
|
+ };
|
|
|
+ // 回显定时发布时间
|
|
|
+ if(data.PrePublishTime){
|
|
|
+ this.taskTime=data.PrePublishTime
|
|
|
+ }
|
|
|
+ let classify = [data.ClassifyIdRoot,data.ClassifyIdFirst,data.ClassifyIdSecond]
|
|
|
+ this.checkClassifyNameArr(2,classify)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async clickreportadd(tp) {
|
|
|
+ if (
|
|
|
+ !this.aeForm.classifynameArr ||
|
|
|
+ this.aeForm.classifynameArr.length == 0
|
|
|
+ ) {
|
|
|
+ this.$message.warning(this.$t('ReportManage.ReportList.please_select_category'));
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (!this.aeForm.title) {
|
|
|
+ this.$message.warning(this.$t('ReportManage.ReportList.input_title_please'));
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(!this.aeForm.overview){
|
|
|
+ this.$message.warning(this.$t('ReportManage.smart_msg.please_enter')+'overview')
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(!this.aeForm.content){
|
|
|
+ this.$message.warning(this.$t('ReportManage.smart_msg.please_enter')+'content')
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(!this.aeForm.abstract){
|
|
|
+ this.$message.warning(this.$t('ReportManage.ReportList.please_input_abstract'))
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(!this.autoSaveFlag){
|
|
|
+ this.$message.error(this.$t('ReportManage.smart_msg.img_wait'))
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ //如果富文本中有未上传完成的图片,去除这个dom
|
|
|
+ $('#leftfroala .fr-element').find('img.fr-uploading').length&&$('#leftfroala .fr-element').find('img.fr-uploading').remove()
|
|
|
+ let params = {
|
|
|
+ AddType: this.aeForm.add_type,
|
|
|
+ ClassifyIdFirst: JSON.parse(this.aeForm.classifynameArr[1]).v,
|
|
|
+ ClassifyNameFirst: JSON.parse(this.aeForm.classifynameArr[1]).l,
|
|
|
+ Title: this.aeForm.title,
|
|
|
+ Abstract: this.aeForm.abstract,
|
|
|
+ Author:
|
|
|
+ this.aeForm.author.length > 0
|
|
|
+ ? this.aeForm.author.join(',')
|
|
|
+ : '',
|
|
|
+ Frequency: this.aeForm.frequency,
|
|
|
+ Content: $('#leftfroala .fr-element').html(),
|
|
|
+ CreateTime: this.aeForm.create_time,
|
|
|
+ State: 1,
|
|
|
+ ReportVersion: 2,
|
|
|
+ Overview:this.aeForm.overview.replace(/<p data-f-id=\"pbf\".*?<\/p>/g,'')
|
|
|
+ };
|
|
|
+ if (this.aeForm.classifynameArr.length == 3) {
|
|
|
+ params.ClassifyIdSecond = JSON.parse(
|
|
|
+ this.aeForm.classifynameArr[2]
|
|
|
+ ).v;
|
|
|
+ params.ClassifyNameSecond = JSON.parse(
|
|
|
+ this.aeForm.classifynameArr[2]
|
|
|
+ ).l;
|
|
|
+ }
|
|
|
+
|
|
|
+ const res = this.report_id
|
|
|
+ ? await reportEnInterface.reportEdit({ReportId: parseInt(this.report_id),...params})
|
|
|
+ : await reportEnInterface.reportAdd(params)
|
|
|
+
|
|
|
+ if(res.Ret !== 200) return
|
|
|
+
|
|
|
+ this.$message.success(res.Msg);
|
|
|
+ this.report_id = res.Data.ReportId;
|
|
|
+
|
|
|
+ if (tp === "yl") {
|
|
|
+ let { href } = this.$router.resolve({
|
|
|
+ name: "预览报告",
|
|
|
+ query: { id: this.report_id,fromPage:'en' },
|
|
|
+ });
|
|
|
+ window.open(href, "_blank");
|
|
|
+ } else if (tp === "fb") {
|
|
|
+ this.$confirm(this.$t('ReportManage.smart_msg.report_publish_immediately'),this.$t('Confirm.prompt'),{type: 'warning'}).then(()=>{
|
|
|
+ this.publishreport(this.report_id);
|
|
|
+ })
|
|
|
+ }else if(tp==='dsfb'){
|
|
|
+ //定时发布
|
|
|
+ this.showDSFB=true
|
|
|
+ }else if(tp==='submit'){
|
|
|
+ this.submitReport()
|
|
|
+ }
|
|
|
+ // if (tp == 'yl') { //预览
|
|
|
+ // sessionStorage.setItem('reportdtl', JSON.stringify(params));
|
|
|
+ // let { href } = this.$router.resolve({ name: '预览报告' });
|
|
|
+ // window.open(href, '_blank');
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ // if (tp == 'fb') {
|
|
|
+ // this.isPublishloading = true;
|
|
|
+ // }else { //存草稿
|
|
|
+ // this.reporteditMsg(params,tp)
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ submitReport(){
|
|
|
+ this.$confirm(this.$t('ReportManage.smart_msg.submit_approval'),this.$t('Confirm.prompt'),{
|
|
|
+ confirmButtonText: this.$t('Dialog.confirm_btn'),
|
|
|
+ cancelButtonText: this.$t('Dialog.cancel_btn'),
|
|
|
+ type:'warning',
|
|
|
+ }).then(()=>{
|
|
|
+ approveInterence.reportEnSubmit({
|
|
|
+ ReportId:Number(this.report_id)
|
|
|
+ }).then(res=>{
|
|
|
+ if(res.Ret!==200) return
|
|
|
+ this.$message.success(this.$t('ReportManage.smart_msg.submit_success'))
|
|
|
+ this.$router.push({ path: '/reportEnList' });
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ publishreport(id) {
|
|
|
+ //发布报告
|
|
|
+ reportEnInterface.reportPublish({ ReportIds: String(id) }).then((res) => {
|
|
|
+ if (res.Ret !== 200) return
|
|
|
+ this.isPublishloading = false;
|
|
|
+ this.$router.push({ path: '/reportEnList' });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ //定时发布报告
|
|
|
+ handleConfirmDSFB(){
|
|
|
+ if(!this.taskTime){
|
|
|
+ this.$message.warning(this.$t('ReportManage.smart_msg.select_push_time'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const now=this.$moment().format('YYYY-MM-DD HH:mm:ss')
|
|
|
+ console.log(now);
|
|
|
+ console.log(this.taskTime);
|
|
|
+ if(this.$moment(this.taskTime).isBefore(now,'second')){
|
|
|
+ this.$message.warning(this.$t('ReportManage.smart_msg.than_current_time'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+ reportEnInterface.enReportPrepblish({
|
|
|
+ ReportId:this.report_id,
|
|
|
+ PrePublishTime:this.taskTime
|
|
|
+ }).then(res=>{
|
|
|
+ if(res.Ret===200){
|
|
|
+ this.$message.success(this.$t('ReportManage.smart_msg.timed_success'))
|
|
|
+ this.$router.push({ path: '/reportEnList' });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ //批量插入我的图表
|
|
|
+ handleImportMyChart(data){
|
|
|
+ //设置编辑器获取焦点
|
|
|
+ this.editor.events.focus();
|
|
|
+ // 获取选定对象
|
|
|
+ const selection = getSelection();
|
|
|
+ // 判断是否有最后光标对象存在
|
|
|
+ if (this.lastEditRange) {
|
|
|
+ // 存在最后光标对象，选定对象清除所有光标并添加最后光标还原之前的状态
|
|
|
+ selection.removeAllRanges();
|
|
|
+ selection.addRange(this.lastEditRange);
|
|
|
+ }
|
|
|
+ //插入内容
|
|
|
+ let htmlStr=''
|
|
|
+ const LINK_CHART_URL = this.$setting.dynamicOutLinks.ChartViewUrl+'/chartshow';
|
|
|
+ let fromPage = this.$route.path === '/reportEnEditor' ? 'en' :'';
|
|
|
+
|
|
|
+ data.forEach(item=>{
|
|
|
+ const t=new Date().getTime()
|
|
|
+ item.domId=item.UniqueCode+t //避免多次添加同一图表 id相同
|
|
|
+ htmlStr=htmlStr+`<p style='text-align:left; margin-top:10px;'>
|
|
|
+ <iframe id='${item.domId}' src='${LINK_CHART_URL}?code=${item.UniqueCode}&fromPage=${fromPage}' width='100%' height='350' style='border-width:0px; min-height:350px;'></iframe>
|
|
|
+ </p>`
|
|
|
+ })
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ console.log('import start',data);
|
|
|
+ this.importChartNum=data.length
|
|
|
+ this.editor.html.insert(htmlStr)
|
|
|
+ this.handleListenIframeLoad(data)
|
|
|
+ })
|
|
|
+
|
|
|
+ this.lastEditRange = selection.getRangeAt(0);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 监听批量导入的iframe是否加载完
|
|
|
+ handleListenIframeLoad(list){
|
|
|
+ list.forEach(item=>{
|
|
|
+ let ifm=document.getElementById(item.domId)
|
|
|
+ ifm.onload=(e)=>{
|
|
|
+ this.importChartNum--
|
|
|
+ console.log('一个iframe加载了',e.path[0]);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取沙盘图列表 分页
|
|
|
+ getSandTable(){
|
|
|
+ this.sandTableLoading = true
|
|
|
+ this.isRequesting = true
|
|
|
+ sandInterface.sandlistByQuote(this.sandTabelQuery).then(({Data:{List,Paging}})=>{
|
|
|
+ if(this.sandTabelQuery.CurrentIndex>1){
|
|
|
+ this.sandTableList = [...this.sandTableList,...List]
|
|
|
+ }else{
|
|
|
+ this.sandTableList = List
|
|
|
+ this.sandTableTotal = Paging.Totals
|
|
|
+ if(this.sandTableList.length ==0){
|
|
|
+ this.loadedText = this.$t('Table.prompt_slogan')
|
|
|
+ }else if(this.sandTableList.length>=this.sandTableTotal){
|
|
|
+ this.loadedText=this.$t('ReportManage.smart_msg.all_loaded_have')
|
|
|
+ }else{
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(()=>{
|
|
|
+ this.sandTableLoading = false
|
|
|
+ this.isRequesting = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 沙盘列表滚动事件，触底加载下一页数据 防抖
|
|
|
+ sandTableHandleScroll:_.debounce(function (e) {
|
|
|
+ if(this.sandTableList.length>=this.sandTableTotal){
|
|
|
+ this.loadedText = this.$t('ReportManage.smart_msg.all_loaded_have')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(e.target.scrollHeight-e.target.clientHeight-e.target.scrollTop<10 && !this.isRequesting){
|
|
|
+ this.sandTabelQuery.CurrentIndex++
|
|
|
+ this.getSandTable()
|
|
|
+ }
|
|
|
+ },100),
|
|
|
+
|
|
|
+ getclassifylist() {
|
|
|
+ //获取分类列表
|
|
|
+ let params = { CurrentIndex: 1, PageSize: 1000, KeyWord: '' };
|
|
|
+ reportEnInterface.classifyList(params).then((res) => {
|
|
|
+ if (res.Ret == 200 && Array.isArray(res.Data.List)) {
|
|
|
+ this.optionsArr = res.Data.List|| []
|
|
|
+ // res.Data.List.forEach(item => {
|
|
|
+ // let newitem = {
|
|
|
+ // label: item.ClassifyName,
|
|
|
+ // value: JSON.stringify({
|
|
|
+ // l: item.ClassifyName,
|
|
|
+ // v: parseInt(item.Id),
|
|
|
+ // }),
|
|
|
+ // HasTeleconference:item.HasTeleconference
|
|
|
+ // };
|
|
|
+ // if (item.Child&&item.Child.length > 0) {
|
|
|
+ // let childnode = [];
|
|
|
+ // item.Child.forEach((itemchild, i) => {
|
|
|
+ // childnode.push({
|
|
|
+ // label: itemchild.ClassifyName,
|
|
|
+ // value: JSON.stringify({
|
|
|
+ // l: itemchild.ClassifyName,
|
|
|
+ // v: parseInt(itemchild.Id),
|
|
|
+ // }),
|
|
|
+ // HasTeleconference:itemchild.HasTeleconference
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ // newitem.children = childnode;
|
|
|
+ // } else {
|
|
|
+ // newitem.children = undefined;
|
|
|
+ // newitem.disabled=true
|
|
|
+ // }
|
|
|
+ // this.optionsArr.push(newitem);
|
|
|
+ // });
|
|
|
+ this.optionsArr.map(itemOne =>{
|
|
|
+ itemOne.label = itemOne.ClassifyName
|
|
|
+ itemOne.value = JSON.stringify({
|
|
|
+ l: itemOne.ClassifyName,
|
|
|
+ v: parseInt(itemOne.Id),
|
|
|
+ })
|
|
|
+ itemOne.disabled = !(itemOne.Child && itemOne.Child.length>0)
|
|
|
+ if(itemOne.Child){
|
|
|
+ itemOne.Child.map(itemTwo =>{
|
|
|
+ itemTwo.label = itemTwo.ClassifyName
|
|
|
+ itemTwo.value = JSON.stringify({
|
|
|
+ l: itemTwo.ClassifyName,
|
|
|
+ v: parseInt(itemTwo.Id),
|
|
|
+ })
|
|
|
+ itemTwo.disabled = !(itemTwo.Child && itemTwo.Child.length>0)
|
|
|
+ if(itemTwo.Child){
|
|
|
+ itemTwo.Child.map(itemThree =>{
|
|
|
+ itemThree.label = itemThree.ClassifyName
|
|
|
+ itemThree.value = JSON.stringify({
|
|
|
+ l: itemThree.ClassifyName,
|
|
|
+ v: parseInt(itemThree.Id),
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ components: {importMyChart,setEnNameDia,importSemantics},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+#editreport {
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 20px 30px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ececec;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
|
|
|
+ box-sizing: border-box;
|
|
|
+ .leftitems{
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ &.full{
|
|
|
+ max-width: calc(100vw - 200px - 120px);
|
|
|
+ }
|
|
|
+ &.block{
|
|
|
+ max-width: calc(100vw - 200px - 120px - 500px);
|
|
|
+ }
|
|
|
+ .overview{
|
|
|
+ overflow: hidden;
|
|
|
+ p{
|
|
|
+ margin-bottom: 35px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #leftfroala{
|
|
|
+ overflow: hidden;
|
|
|
+ flex: 1;
|
|
|
+ #froala-editor{
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /* #leftfroala {
|
|
|
+ flex: 1;
|
|
|
+ max-width: calc(100vw - 750px);
|
|
|
+ } */
|
|
|
+ #rightitems {
|
|
|
+ width: 500px;
|
|
|
+ flex: 500px 0 0;
|
|
|
+ overflow: hidden;
|
|
|
+ position: fixed;
|
|
|
+ right: 70px;
|
|
|
+ /* bottom:30px; */
|
|
|
+ #tabs {
|
|
|
+ padding: 0px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ overflow: hidden;
|
|
|
+ > p {
|
|
|
+ /* display: inline-block; */
|
|
|
+ float: left;
|
|
|
+ width: 25%;
|
|
|
+ font-size: 18px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #1f2e4d;
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ > p.active {
|
|
|
+ border-bottom: 2px solid #3464e0;
|
|
|
+ color: #3464e0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .liststy {
|
|
|
+ width: 100%;
|
|
|
+ margin: 20px 0;
|
|
|
+ padding: 30px 20px 20px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #eaeaea;
|
|
|
+ border-radius: 10px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ > p {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ > img {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ // .source-identification{
|
|
|
+ // text-align: left;
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ .loaded-text{
|
|
|
+ height: 20px;
|
|
|
+ text-align: center;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .limit{
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ bottom: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #C0C4CC;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .slide-icon {
|
|
|
+ padding: 20px 0;
|
|
|
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #fff;
|
|
|
+ cursor: pointer;
|
|
|
+ position: fixed;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ z-index: 99;
|
|
|
+ &:hover {
|
|
|
+ background-color: #e0e0e0;
|
|
|
+ }
|
|
|
+ &.slide-left {
|
|
|
+ right: 30px;
|
|
|
+ }
|
|
|
+ &.slide-right {
|
|
|
+ right: 540px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style lang="scss">
|
|
|
+#editreport {
|
|
|
+ .el-tabs__nav-wrap::after {
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+ .el-tabs__item { font-size: 16px; }
|
|
|
+}
|
|
|
+</style>
|
bding