|
@@ -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>
|
|
|
+ <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"/>
|
|
|
+ <Chart :options="options" :chartInfo="chartInfo" ref="chartRef"/>
|
|
|
|
|
|
- <!-- <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>
|
|
|
-
|
|
|
- <!-- 后续新图专用上下限 和其他数据依赖不公用 柱形图 截面散点-->
|
|
|
- <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;
|
|
|
+ `"
|
|
|
+ ><!-- 来源 -->{{$t('Chart.Detail.source')}}:{{ JSON.parse(chartInfo.SourcesFrom).text}}</span>
|
|
|
+ </div>
|
|
|
|
|
|
- <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;
|
|
|
+ <!-- 公历农历切换 只用于季节性图 -->
|
|
|
+ <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-else text="暂无图表权限,如需权限请联系管理员!"/>
|
|
|
</div>
|
|
|
<!-- ==============图表列表展示============= -->
|
|
|
<div class="chart-public-cont" v-else>
|