|
@@ -67,6 +67,16 @@
|
|
|
:label="currentLang==='en'?(item.ChartNameEn||item.ChartName):item.ChartName"
|
|
|
:value="item.ChartInfoId"
|
|
|
>
|
|
|
+ <div>
|
|
|
+ <img
|
|
|
+ :src="$icons.lock_ico2"
|
|
|
+ width="18"
|
|
|
+ height="18"
|
|
|
+ style="vertical-align:middle"
|
|
|
+ v-if="!item.HaveOperaAuth"
|
|
|
+ />
|
|
|
+ {{currentLang==='en'?(item.ChartNameEn||item.ChartName):item.ChartName}}
|
|
|
+ </div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
@@ -114,6 +124,13 @@
|
|
|
}`"
|
|
|
:id="`node${data.UniqueCode}`"
|
|
|
>
|
|
|
+ <img
|
|
|
+ :src="$icons.lock_ico2"
|
|
|
+ width="18"
|
|
|
+ height="18"
|
|
|
+ style="vertical-align:middle"
|
|
|
+ v-if="!data.HaveOperaAuth&&data.ChartInfoId"
|
|
|
+ />
|
|
|
<span>{{ currentLang==='en' ? (data.ChartClassifyNameEn||data.ChartClassifyName) : data.ChartClassifyName }}</span>
|
|
|
</span>
|
|
|
<span
|
|
@@ -332,196 +349,72 @@
|
|
|
>
|
|
|
<!-- =============具体图表区域============== -->
|
|
|
<div class="chart-min-cont" v-if="tableData.length">
|
|
|
- <div class="cont-top">
|
|
|
- <div class="top-left">
|
|
|
- <!-- 默认曲线图 -->
|
|
|
- <template v-if="sameOptionType.includes(chartInfo.ChartType)">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- v-for="item in yearSelector"
|
|
|
- :key="item.value"
|
|
|
- size="medium"
|
|
|
- :plain="item.value !== year_select"
|
|
|
- class="year-btn"
|
|
|
- @click.native="changeYear(item)"
|
|
|
- >{{ item.name }}</el-button
|
|
|
- >
|
|
|
- <el-button type="text" class="btn-sty" @click="openDateDia">{{
|
|
|
- dateTip
|
|
|
- }}</el-button>
|
|
|
- </template>
|
|
|
- <!-- 季节性图选择年份区间 -->
|
|
|
- <!-- <date-picker
|
|
|
- v-else-if="chartInfo.ChartType === 2"
|
|
|
- v-model="season_year"
|
|
|
- type="month"
|
|
|
- value-type="format"
|
|
|
- range
|
|
|
- placeholder="年份日期选择"
|
|
|
- @change="seasonYearChange"
|
|
|
- /> -->
|
|
|
- <div v-else-if="chartInfo.ChartType === 2" @click="openDateDia" class="date-setting">
|
|
|
- {{ season_year && season_year.length>0 ? season_year[0]+'~'+season_year[1]:"年份日期选择" }}
|
|
|
+
|
|
|
+ <template v-if="chartInfo.HaveOperaAuth">
|
|
|
+ <div class="cont-top">
|
|
|
+ <div class="top-left">
|
|
|
+ <!-- 默认曲线图 -->
|
|
|
+ <template v-if="sameOptionType.includes(chartInfo.ChartType)">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-for="item in yearSelector"
|
|
|
+ :key="item.value"
|
|
|
+ size="medium"
|
|
|
+ :plain="item.value !== year_select"
|
|
|
+ class="year-btn"
|
|
|
+ @click.native="changeYear(item)"
|
|
|
+ >{{ item.name }}</el-button
|
|
|
+ >
|
|
|
+ <el-button type="text" class="btn-sty" @click="openDateDia">{{
|
|
|
+ dateTip
|
|
|
+ }}</el-button>
|
|
|
+ </template>
|
|
|
+ <!-- 季节性图选择年份区间 -->
|
|
|
+ <!-- <date-picker
|
|
|
+ v-else-if="chartInfo.ChartType === 2"
|
|
|
+ v-model="season_year"
|
|
|
+ type="month"
|
|
|
+ value-type="format"
|
|
|
+ range
|
|
|
+ placeholder="年份日期选择"
|
|
|
+ @change="seasonYearChange"
|
|
|
+ /> -->
|
|
|
+ <div v-else-if="chartInfo.ChartType === 2" @click="openDateDia" class="date-setting">
|
|
|
+ {{ season_year && season_year.length>0 ? season_year[0]+'~'+season_year[1]:"年份日期选择" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="cont-bottom">
|
|
|
- <el-row class="bottom-min">
|
|
|
- <el-col
|
|
|
- :span="21"
|
|
|
- style="padding-bottom: 30px;"
|
|
|
- >
|
|
|
-
|
|
|
- <div class="chartEn-mark" v-show="chartInfo.IsEnChart" style="top: 0;left: 0;">En</div>
|
|
|
- <div class="chart-show-cont" v-if="!chartInfo.WarnMsg">
|
|
|
- <div class="chartWrapper" id="chartWrapper">
|
|
|
- <h2
|
|
|
- class="chart-title"
|
|
|
- :style="`
|
|
|
- textAlign:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.align};
|
|
|
- fontSize:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.style.fontSize}px;
|
|
|
- color:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.style.color}
|
|
|
- `"
|
|
|
- >
|
|
|
- {{ currentLang==='en'?(chartInfo.ChartNameEn||chartInfo.ChartName):chartInfo.ChartName }}
|
|
|
- </h2>
|
|
|
-
|
|
|
- <Chart :options="options" :chartInfo="chartInfo" ref="chartRef"/>
|
|
|
+ <div class="cont-bottom">
|
|
|
+ <el-row class="bottom-min">
|
|
|
+ <el-col
|
|
|
+ :span="21"
|
|
|
+ style="padding-bottom: 30px;"
|
|
|
+ >
|
|
|
+
|
|
|
+ <div class="chartEn-mark" v-show="chartInfo.IsEnChart" style="top: 0;left: 0;">En</div>
|
|
|
+ <div class="chart-show-cont" v-if="!chartInfo.WarnMsg">
|
|
|
+ <div class="chartWrapper" id="chartWrapper">
|
|
|
+ <h2
|
|
|
+ class="chart-title"
|
|
|
+ :style="`
|
|
|
+ textAlign:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.align};
|
|
|
+ fontSize:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.style.fontSize}px;
|
|
|
+ color:${JSON.parse(chartInfo.ChartThemeStyle).titleOptions.style.color}
|
|
|
+ `"
|
|
|
+ >
|
|
|
+ {{ currentLang==='en'?(chartInfo.ChartNameEn||chartInfo.ChartName):chartInfo.ChartName }}
|
|
|
+ </h2>
|
|
|
|
|
|
- <!-- <div class="range-cont left" v-if="leftIndex != -1">
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.up_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[leftIndex].MaxData"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.low_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[leftIndex].MinData"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="range-cont right"
|
|
|
- v-if="rightIndex != -1"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.up_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[rightIndex].MaxData"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.low_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[rightIndex].MinData"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div class="range-cont rightTwo" v-if="rightTwoIndex != -1">
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.up_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[rightTwoIndex].MaxData"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- :placeholder="$t('Chart.low_limit')"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="tableData[rightTwoIndex].MinData"
|
|
|
- />
|
|
|
- </div> -->
|
|
|
- <template v-if="![7,10,11].includes(chartInfo.ChartType)">
|
|
|
- <div class="range-cont left" v-if="leftIndex != -1">
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="上限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.max"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="下限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.min"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="range-cont right"
|
|
|
- v-if="rightIndex != -1"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="上限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.rightMax"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="下限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.rightMin"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div class="range-cont rightTwo" v-if="rightTwoIndex != -1">
|
|
|
- <el-input
|
|
|
- style="width: 60px; display: block"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="上限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.rightTwoMax"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- <el-input
|
|
|
- class="min-data-input"
|
|
|
- size="mini"
|
|
|
- type="number"
|
|
|
- placeholder="下限"
|
|
|
- :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.rightTwoMin"
|
|
|
- @change="changeLimit"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <Chart :options="options" :chartInfo="chartInfo" ref="chartRef"/>
|
|
|
|
|
|
- <!-- 后续新图专用上下限 和其他数据依赖不公用 柱形图 截面散点-->
|
|
|
- <template v-if="[7,10,11].includes(chartInfo.ChartType)">
|
|
|
- <div class="range-cont left">
|
|
|
+ <!-- <div class="range-cont left" v-if="leftIndex != -1">
|
|
|
<el-input
|
|
|
style="width: 60px; display: block"
|
|
|
size="mini"
|
|
|
type="number"
|
|
|
:placeholder="$t('Chart.up_limit')"
|
|
|
:disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.max"
|
|
|
- @change="changeLimit"
|
|
|
+ v-model="tableData[leftIndex].MaxData"
|
|
|
/>
|
|
|
<el-input
|
|
|
class="min-data-input"
|
|
@@ -529,227 +422,356 @@
|
|
|
type="number"
|
|
|
:placeholder="$t('Chart.low_limit')"
|
|
|
:disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.min"
|
|
|
- @change="changeLimit"
|
|
|
+ v-model="tableData[leftIndex].MinData"
|
|
|
/>
|
|
|
</div>
|
|
|
- <!-- x轴上下限 -->
|
|
|
- <div class="range-cont bottom" v-if="chartLimit.x_min||chartLimit.x_max">
|
|
|
+ <div
|
|
|
+ class="range-cont right"
|
|
|
+ v-if="rightIndex != -1"
|
|
|
+ >
|
|
|
<el-input
|
|
|
- class="left"
|
|
|
+ style="width: 60px; display: block"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.up_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="tableData[rightIndex].MaxData"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
size="mini"
|
|
|
type="number"
|
|
|
:placeholder="$t('Chart.low_limit')"
|
|
|
:disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.x_min"
|
|
|
- @change="changeLimit"
|
|
|
+ v-model="tableData[rightIndex].MinData"
|
|
|
/>
|
|
|
+ </div>
|
|
|
+ <div class="range-cont rightTwo" v-if="rightTwoIndex != -1">
|
|
|
<el-input
|
|
|
- class="left"
|
|
|
+ style="width: 60px; display: block"
|
|
|
size="mini"
|
|
|
type="number"
|
|
|
:placeholder="$t('Chart.up_limit')"
|
|
|
:disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
- v-model="chartLimit.x_max"
|
|
|
+ v-model="tableData[rightTwoIndex].MaxData"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.low_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="tableData[rightTwoIndex].MinData"
|
|
|
+ />
|
|
|
+ </div> -->
|
|
|
+ <template v-if="![7,10,11].includes(chartInfo.ChartType)">
|
|
|
+ <div class="range-cont left" v-if="leftIndex != -1">
|
|
|
+ <el-input
|
|
|
+ style="width: 60px; display: block"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="上限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.max"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="下限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.min"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="range-cont right"
|
|
|
+ v-if="rightIndex != -1"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ style="width: 60px; display: block"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="上限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.rightMax"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="下限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.rightMin"
|
|
|
@change="changeLimit"
|
|
|
/>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <span class="chart-author"
|
|
|
- ><!-- 作者 -->{{$t('Chart.Detail.author')}}:{{ chartInfo.SysUserRealName || '' }}</span
|
|
|
- >
|
|
|
+ <div class="range-cont rightTwo" v-if="rightTwoIndex != -1">
|
|
|
+ <el-input
|
|
|
+ style="width: 60px; display: block"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="上限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.rightTwoMax"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ placeholder="下限"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.rightTwoMin"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- 后续新图专用上下限 和其他数据依赖不公用 柱形图 截面散点-->
|
|
|
+ <template v-if="[7,10,11].includes(chartInfo.ChartType)">
|
|
|
+ <div class="range-cont left">
|
|
|
+ <el-input
|
|
|
+ style="width: 60px; display: block"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.up_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.max"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="min-data-input"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.low_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.min"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <!-- x轴上下限 -->
|
|
|
+ <div class="range-cont bottom" v-if="chartLimit.x_min||chartLimit.x_max">
|
|
|
+ <el-input
|
|
|
+ class="left"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.low_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.x_min"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ class="left"
|
|
|
+ size="mini"
|
|
|
+ type="number"
|
|
|
+ :placeholder="$t('Chart.up_limit')"
|
|
|
+ :disabled="!permissionBtn.isShowBtn('chartLibPermission','chartLib_editLimit')"
|
|
|
+ v-model="chartLimit.x_max"
|
|
|
+ @change="changeLimit"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <span class="chart-author"
|
|
|
+ ><!-- 作者 -->{{$t('Chart.Detail.author')}}:{{ chartInfo.SysUserRealName || '' }}</span
|
|
|
+ >
|
|
|
|
|
|
- <div class="chart-bottom-insruction-info">
|
|
|
+ <div class="chart-bottom-insruction-info">
|
|
|
|
|
|
- <div class="chart-source" >
|
|
|
- <span
|
|
|
- v-if="chartInfo.SourcesFrom&&JSON.parse(chartInfo.SourcesFrom).isShow"
|
|
|
- :style="`
|
|
|
- color: ${JSON.parse(chartInfo.SourcesFrom).color};
|
|
|
- fontSize: ${ JSON.parse(chartInfo.SourcesFrom).fontSize }px;
|
|
|
+ <div class="chart-source" >
|
|
|
+ <span
|
|
|
+ v-if="chartInfo.SourcesFrom&&JSON.parse(chartInfo.SourcesFrom).isShow"
|
|
|
+ :style="`
|
|
|
+ color: ${JSON.parse(chartInfo.SourcesFrom).color};
|
|
|
+ fontSize: ${ JSON.parse(chartInfo.SourcesFrom).fontSize }px;
|
|
|
+ `"
|
|
|
+ ><!-- 来源 -->{{$t('Chart.Detail.source')}}:{{ JSON.parse(chartInfo.SourcesFrom).text}}</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 公历农历切换 只用于季节性图 -->
|
|
|
+ <el-radio-group
|
|
|
+ v-model="calendar_type"
|
|
|
+ class="calendar-cont"
|
|
|
+ v-if="chartInfo.ChartType === 2"
|
|
|
+ @change="getPreviewChartInfo"
|
|
|
+ >
|
|
|
+ <el-radio-button label="公历">{{$t('Chart.calendar_gre')}}</el-radio-button>
|
|
|
+ <el-radio-button label="农历">{{$t('Chart.calendar_lunar')}}</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+
|
|
|
+ <!-- 图表说明 -->
|
|
|
+ <div
|
|
|
+ class="chart-instruction"
|
|
|
+ v-if="chartInfo.Instructions&&JSON.parse(chartInfo.Instructions).isShow"
|
|
|
+ v-text="JSON.parse(chartInfo.Instructions).text"
|
|
|
+ :style="`
|
|
|
+ color: ${JSON.parse(chartInfo.Instructions).color};
|
|
|
+ fontSize: ${ JSON.parse(chartInfo.Instructions).fontSize }px
|
|
|
`"
|
|
|
- ><!-- 来源 -->{{$t('Chart.Detail.source')}}:{{ JSON.parse(chartInfo.SourcesFrom).text}}</span>
|
|
|
+ ></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 公历农历切换 只用于季节性图 -->
|
|
|
- <el-radio-group
|
|
|
- v-model="calendar_type"
|
|
|
- class="calendar-cont"
|
|
|
- v-if="chartInfo.ChartType === 2"
|
|
|
- @change="getPreviewChartInfo"
|
|
|
- >
|
|
|
- <el-radio-button label="公历">{{$t('Chart.calendar_gre')}}</el-radio-button>
|
|
|
- <el-radio-button label="农历">{{$t('Chart.calendar_lunar')}}</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
-
|
|
|
- <!-- 图表说明 -->
|
|
|
- <div
|
|
|
- class="chart-instruction"
|
|
|
- v-if="chartInfo.Instructions&&JSON.parse(chartInfo.Instructions).isShow"
|
|
|
- v-text="JSON.parse(chartInfo.Instructions).text"
|
|
|
- :style="`
|
|
|
- color: ${JSON.parse(chartInfo.Instructions).color};
|
|
|
- fontSize: ${ JSON.parse(chartInfo.Instructions).fontSize }px
|
|
|
- `"
|
|
|
- ></div>
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 异常显示 -->
|
|
|
- <p class="error-tip" style="min-height: 400px;" v-if="chartInfo.WarnMsg">{{chartInfo.WarnMsg}}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3" style="position: absolute;height: 100%;right: 0;min-width: 115px;">
|
|
|
- <ul class="right-actions">
|
|
|
- <li><!-- 操作 -->{{$t('Table.column_operations')}}</li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_share"
|
|
|
- class="span-item shareLink"
|
|
|
- @click="copyChartConfirm('url')"
|
|
|
- :data-clipboard-text="linkUrl"
|
|
|
- v-if="!chartInfo.Disabled"
|
|
|
- >
|
|
|
- <i class="el-icon-share"/> <!-- 分享 -->
|
|
|
- {{$t('Chart.chart_share_btn')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_addMy"
|
|
|
- class="span-item"
|
|
|
- @click="addMychartHandle(chartInfo)"
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="$icons.chart_join_ico"
|
|
|
- alt=""
|
|
|
- style="width: 13px; height: 12px; vertical-align: middle"
|
|
|
- /><!-- 加入我的图库 -->{{$t('Chart.chart_addmy_btn')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_refresh"
|
|
|
- class="span-item"
|
|
|
- @click="refreshHandle"
|
|
|
- >
|
|
|
- <span>
|
|
|
- <i class="el-icon-refresh" style="margin-left:0"/> <!-- 刷新 -->{{$t('Edb.detail_refresh_btn')}}
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_save"
|
|
|
- class="span-item"
|
|
|
- >
|
|
|
- <span @click="saveChartHandle('')">
|
|
|
- <i class="el-icon-collection" /> <!-- 保存 -->{{$t('Chart.chart_save_btn')}}
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_otherSave"
|
|
|
- class="span-item"
|
|
|
- >
|
|
|
- <span @click="saveChartOtherHandle">
|
|
|
- <i class="el-icon-document-add" /> <!-- 另存为 -->{{$t('Chart.chart_copy_btn')}}
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_edit"
|
|
|
- class="span-item"
|
|
|
- v-if="chartInfo.IsEdit"
|
|
|
- @click="editChartHandle"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="~@/assets/img/set_m/edit.png"
|
|
|
- alt=""
|
|
|
- style="width: 13px; height: 12px;"
|
|
|
- /> <!-- 编辑 -->{{$t('Chart.chart_edit_btn')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_copyOffice"
|
|
|
- class="span-item copy"
|
|
|
- @click="copyChartConfirm('office')"
|
|
|
- v-if="!chartInfo.Disabled"
|
|
|
- >
|
|
|
- <i class="el-icon-document-copy" /> <!-- 复制至office -->{{$t('Chart.chart_copyoffice')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_copyWechat"
|
|
|
- class="span-item copy"
|
|
|
- @click="copyChartConfirm('微信')"
|
|
|
- v-if="!chartInfo.Disabled"
|
|
|
- >
|
|
|
- <img style="width: 13px; height: 12px;vertical-align: middle" src="~@/assets/img/chart_m/WeChat.jpg" /> <!-- 复制至微信 -->{{$t('Chart.chart_copywx')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_enNameSetting"
|
|
|
- class="span-item copy"
|
|
|
- @click="openEnNameDia"
|
|
|
+ <!-- 异常显示 -->
|
|
|
+ <p class="error-tip" style="min-height: 400px;" v-if="chartInfo.WarnMsg">{{chartInfo.WarnMsg}}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" style="position: absolute;height: 100%;right: 0;min-width: 115px;">
|
|
|
+ <ul class="right-actions">
|
|
|
+ <li><!-- 操作 -->{{$t('Table.column_operations')}}</li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_share"
|
|
|
+ class="span-item shareLink"
|
|
|
+ @click="copyChartConfirm('url')"
|
|
|
+ :data-clipboard-text="linkUrl"
|
|
|
+ v-if="!chartInfo.Disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-share"/> <!-- 分享 -->
|
|
|
+ {{$t('Chart.chart_share_btn')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_addMy"
|
|
|
+ class="span-item"
|
|
|
+ @click="addMychartHandle(chartInfo)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ :src="$icons.chart_join_ico"
|
|
|
+ alt=""
|
|
|
+ style="width: 13px; height: 12px; vertical-align: middle"
|
|
|
+ /><!-- 加入我的图库 -->{{$t('Chart.chart_addmy_btn')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_refresh"
|
|
|
+ class="span-item"
|
|
|
+ @click="refreshHandle"
|
|
|
+ >
|
|
|
+ <span>
|
|
|
+ <i class="el-icon-refresh" style="margin-left:0"/> <!-- 刷新 -->{{$t('Edb.detail_refresh_btn')}}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_save"
|
|
|
+ class="span-item"
|
|
|
+ >
|
|
|
+ <span @click="saveChartHandle('')">
|
|
|
+ <i class="el-icon-collection" /> <!-- 保存 -->{{$t('Chart.chart_save_btn')}}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_otherSave"
|
|
|
+ class="span-item"
|
|
|
+ >
|
|
|
+ <span @click="saveChartOtherHandle">
|
|
|
+ <i class="el-icon-document-add" /> <!-- 另存为 -->{{$t('Chart.chart_copy_btn')}}
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_edit"
|
|
|
+ class="span-item"
|
|
|
+ v-if="chartInfo.IsEdit"
|
|
|
+ @click="editChartHandle"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="~@/assets/img/set_m/edit.png"
|
|
|
+ alt=""
|
|
|
+ style="width: 13px; height: 12px;"
|
|
|
+ /> <!-- 编辑 -->{{$t('Chart.chart_edit_btn')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_copyOffice"
|
|
|
+ class="span-item copy"
|
|
|
+ @click="copyChartConfirm('office')"
|
|
|
+ v-if="!chartInfo.Disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-document-copy" /> <!-- 复制至office -->{{$t('Chart.chart_copyoffice')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_copyWechat"
|
|
|
+ class="span-item copy"
|
|
|
+ @click="copyChartConfirm('微信')"
|
|
|
+ v-if="!chartInfo.Disabled"
|
|
|
+ >
|
|
|
+ <img style="width: 13px; height: 12px;vertical-align: middle" src="~@/assets/img/chart_m/WeChat.jpg" /> <!-- 复制至微信 -->{{$t('Chart.chart_copywx')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_enNameSetting"
|
|
|
+ class="span-item copy"
|
|
|
+ @click="openEnNameDia"
|
|
|
+ >
|
|
|
+ <img style="width: 16px;vertical-align: middle" :src="$icons.to_en" /> <!-- 设置英文名称 -->{{$t('Edb.detail_en_btn')}}
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_del"
|
|
|
+ class="span-item"
|
|
|
+ style="color: #ff4040"
|
|
|
+ @click="delChartHandle"
|
|
|
+ v-if="chartInfo.IsEdit"
|
|
|
+ >
|
|
|
+ <i class="el-icon-delete" style="color: #ff4040" /> <!-- 删除 -->{{$t('Chart.chart_del_btn')}}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ ref="tableRef"
|
|
|
+ highlight-current-row
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-for="item in tableColums"
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :width="item.widthsty"
|
|
|
+ :min-width="item.minwidthsty"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="item.key==='SourceName'">
|
|
|
+ {{scope.row[item.key]}}
|
|
|
+ <i
|
|
|
+ class="el-icon-tickets"
|
|
|
+ style="color:#409EFF;font-size:18px"
|
|
|
+ @click="toHistoryPage(scope.row.EdbInfoId,$route.matched)"
|
|
|
+ v-if="scope.row.EdbType===2"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <span v-else>{{ currentLang==='en' ? (scope.row[item.enKey]||scope.row[item.key]) : scope.row[item.key] }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :label="$t('Table.column_operations')"
|
|
|
+ key="Copy"
|
|
|
+ align="center"
|
|
|
+ width="110"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope" v-if="scope.row.HaveOperaAuth">
|
|
|
+ <span
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_copyData"
|
|
|
+ class="editsty" @click="copyCode(scope.row)"
|
|
|
>
|
|
|
- <img style="width: 16px;vertical-align: middle" :src="$icons.to_en" /> <!-- 设置英文名称 -->{{$t('Edb.detail_en_btn')}}
|
|
|
- </li>
|
|
|
- <li
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_del"
|
|
|
- class="span-item"
|
|
|
- style="color: #ff4040"
|
|
|
- @click="delChartHandle"
|
|
|
- v-if="chartInfo.IsEdit"
|
|
|
+ <i class="el-icon-document-copy" /> <!-- 复制数据 -->{{$t('Edb.detail_copydata_btn')}}
|
|
|
+ </span>
|
|
|
+ <span
|
|
|
+ v-permission="permissionBtn.chartLibPermission.chartLib_viewData"
|
|
|
+ class="editsty"
|
|
|
+ @click="viewTarget(scope.row)"
|
|
|
>
|
|
|
- <i class="el-icon-delete" style="color: #ff4040" /> <!-- 删除 -->{{$t('Chart.chart_del_btn')}}
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- ref="tableRef"
|
|
|
- highlight-current-row
|
|
|
- border
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- v-for="item in tableColums"
|
|
|
- :key="item.label"
|
|
|
- :label="item.label"
|
|
|
- :width="item.widthsty"
|
|
|
- :min-width="item.minwidthsty"
|
|
|
- align="center"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="item.key==='SourceName'">
|
|
|
- {{scope.row[item.key]}}
|
|
|
- <i
|
|
|
- class="el-icon-tickets"
|
|
|
- style="color:#409EFF;font-size:18px"
|
|
|
- @click="toHistoryPage(scope.row.EdbInfoId,$route.matched)"
|
|
|
- v-if="scope.row.EdbType===2"
|
|
|
- />
|
|
|
- </span>
|
|
|
- <span v-else>{{ currentLang==='en' ? (scope.row[item.enKey]||scope.row[item.key]) : scope.row[item.key] }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- :label="$t('Table.column_operations')"
|
|
|
- key="Copy"
|
|
|
- align="center"
|
|
|
- width="110"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <span
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_copyData"
|
|
|
- class="editsty" @click="copyCode(scope.row)"
|
|
|
- >
|
|
|
- <i class="el-icon-document-copy" /> <!-- 复制数据 -->{{$t('Edb.detail_copydata_btn')}}
|
|
|
- </span>
|
|
|
- <span
|
|
|
- v-permission="permissionBtn.chartLibPermission.chartLib_viewData"
|
|
|
- class="editsty"
|
|
|
- @click="viewTarget(scope.row)"
|
|
|
- >
|
|
|
- <!-- 查看数据 -->{{$t('Edb.detail_lookdata_btn')}}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <div slot="empty">
|
|
|
- <tableNoData :text="$t('Table.no_edb_msg')" size="mini"/>
|
|
|
- </div>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
+ <!-- 查看数据 -->{{$t('Edb.detail_lookdata_btn')}}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <div slot="empty">
|
|
|
+ <tableNoData :text="$t('Table.no_edb_msg')" size="mini"/>
|
|
|
+ </div>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <noDataAuth v-if="chartInfo.HaveOperaAuth===false" :text="$t('MsgPrompt.no_chart_auth')"/>
|
|
|
</div>
|
|
|
<!-- ==============图表列表展示============= -->
|
|
|
<div class="chart-public-cont" v-else>
|
|
@@ -766,12 +788,13 @@
|
|
|
<span class="text_oneLine" :style="{'padding-left':chart.IsEnChart?'24px':''}">{{ currentLang === 'en' ? (chart.ChartNameEn||chart.ChartName) : chart.ChartName }}</span>
|
|
|
</div>
|
|
|
<div class="chart-item-img" @click="detailShowHandle(chart)"
|
|
|
- :style="chart.ChartImage?{background: `no-repeat top/cover url('${chart.ChartImage}')`}:{}"></div>
|
|
|
+ :style="{background: `no-repeat top/cover url('${!chart.HaveOperaAuth ? $icons.lock_big : chart.ChartImage}')`}"></div>
|
|
|
<div class="chart-item-bottom">
|
|
|
<span><!-- 创建时间 -->{{$t('Chart.list_chart_time')}}: {{ chart.CreateTime.slice(0,10) }}</span>
|
|
|
<span v-permission="permissionBtn.chartLibPermission.chartLib_addMy"
|
|
|
class="join_txt"
|
|
|
@click="addMychartHandle(chart)"
|
|
|
+ v-if="chart.HaveOperaAuth"
|
|
|
>
|
|
|
<img
|
|
|
:src="$icons.chart_join_ico"
|
|
@@ -1651,37 +1674,15 @@ export default {
|
|
|
}
|
|
|
if (res.Ret !== 200) return;
|
|
|
this.chartInfo = res.Data.ChartInfo;
|
|
|
-
|
|
|
- //处理下历史默认来源
|
|
|
- this.setDefaultSourceFrom();
|
|
|
-
|
|
|
this.tableData = res.Data.EdbInfoList;
|
|
|
- //初始化上下限
|
|
|
- this.setLimitData(this.tableData)
|
|
|
-
|
|
|
- // 设置起始日期和最新日期
|
|
|
- this.setExtremumDate()
|
|
|
-
|
|
|
- this.setDefaultDateSelect(); //设置默认的日期选中
|
|
|
- this.setDefaultPreviewOption(); //设置默认预览配置项
|
|
|
-
|
|
|
- sessionStorage.setItem('defaultArr',JSON.stringify(res.Data.EdbInfoList));
|
|
|
|
|
|
- const chartTypeMap = {
|
|
|
- 7: this.initBarData, //柱形图
|
|
|
- 10: this.initSectionScatterData, //截面散点
|
|
|
- 11: this.initRadarData //雷达图
|
|
|
- }
|
|
|
- chartTypeMap[this.chartInfo.ChartType] && chartTypeMap[this.chartInfo.ChartType](res.Data);
|
|
|
-
|
|
|
- //将指标添加进标签列表中
|
|
|
+ // //将指标添加进标签列表中
|
|
|
const {ChartNameEn,ChartName,ChartInfoId,UniqueCode,ChartClassifyId}=res.Data.ChartInfo
|
|
|
this.addLabel({code:UniqueCode,id:ChartInfoId,classifyId:ChartClassifyId,EdbName:ChartName,EdbNameEn:ChartNameEn,chartData:res.Data.ChartInfo})
|
|
|
this.defaultShowNodes=this.findParentNodeHandle(this.treeData,ChartClassifyId).reverse();
|
|
|
this.changeTreeNode()
|
|
|
|
|
|
-
|
|
|
- //滚动到高亮节点位置
|
|
|
+ //滚动到高亮节点位置
|
|
|
this.$refs.treeRef.setCurrentKey(this.select_node);
|
|
|
setTimeout(() => {
|
|
|
let node = document.getElementById(`node${this.select_node}`);
|
|
@@ -1699,6 +1700,31 @@ export default {
|
|
|
parent.scrollTop = node.offsetTop - parent.offsetHeight/2
|
|
|
}
|
|
|
},400)
|
|
|
+
|
|
|
+
|
|
|
+ if(!this.chartInfo.HaveOperaAuth) return
|
|
|
+
|
|
|
+ //处理下历史默认来源
|
|
|
+ this.setDefaultSourceFrom();
|
|
|
+
|
|
|
+ //初始化上下限
|
|
|
+ this.setLimitData(this.tableData)
|
|
|
+
|
|
|
+ // 设置起始日期和最新日期
|
|
|
+ this.setExtremumDate()
|
|
|
+
|
|
|
+ this.setDefaultDateSelect(); //设置默认的日期选中
|
|
|
+ this.setDefaultPreviewOption(); //设置默认预览配置项
|
|
|
+
|
|
|
+ sessionStorage.setItem('defaultArr',JSON.stringify(res.Data.EdbInfoList));
|
|
|
+
|
|
|
+ const chartTypeMap = {
|
|
|
+ 7: this.initBarData, //柱形图
|
|
|
+ 10: this.initSectionScatterData, //截面散点
|
|
|
+ 11: this.initRadarData //雷达图
|
|
|
+ }
|
|
|
+ chartTypeMap[this.chartInfo.ChartType] && chartTypeMap[this.chartInfo.ChartType](res.Data);
|
|
|
+
|
|
|
},
|
|
|
|
|
|
/* 设置默认时间选中项 */
|