|
@@ -15,7 +15,7 @@
|
|
|
:disabled="chartInfo.ChartType === 5 && tableData.length !== 2"
|
|
|
><!-- 保存 -->{{$t('Dialog.confirm_save_btn')}}</el-button>
|
|
|
<el-button v-permission="permissionBtn.chartLibPermission.chartLib_otherSave"
|
|
|
- type="primary" @click="saveChartOtherHandle">另存为</el-button>
|
|
|
+ type="primary" @click="saveChartOtherHandle"><!-- 另存为 -->{{$t('Table.save_as')}}</el-button>
|
|
|
<el-button type="primary" plain @click="$router.replace({
|
|
|
path: '/chartsetting',
|
|
|
query: {
|
|
@@ -32,7 +32,7 @@
|
|
|
:model="chartInfo"
|
|
|
:rules="chartRules"
|
|
|
>
|
|
|
- <el-form-item label="生成图表类型" prop="ChartType">
|
|
|
+ <el-form-item :label="$t('EtaChartAddPage.label_chart_type')" prop="ChartType">
|
|
|
<el-select
|
|
|
v-model="chartInfo.ChartType"
|
|
|
placeholder="请选择生成样式"
|
|
@@ -49,7 +49,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="图表主题" prop="Theme">
|
|
|
+ <el-form-item :label="$t('EtaChartAddPage.label_chart_theme')" prop="Theme">
|
|
|
<el-select
|
|
|
v-model="chartInfo.ChartThemeId"
|
|
|
placeholder="请选择图表主题"
|
|
@@ -69,10 +69,10 @@
|
|
|
<el-form-item label="">
|
|
|
<div class="search-cont" v-if="chartInfo.ChartType!==10">
|
|
|
<div>
|
|
|
- <label>选择指标:</label>
|
|
|
+ <label><!-- 选择指标 -->{{$t('Edb.choose_edb')}}:</label>
|
|
|
<el-radio-group v-model="edbFromType">
|
|
|
- <el-radio :label="0" style="margin-right: 15px">ETA指标</el-radio>
|
|
|
- <el-radio :label="1">ETA预测指标</el-radio>
|
|
|
+ <el-radio :label="0" style="margin-right: 15px"><!-- ETA指标 -->{{$t('Edb.eta_name')}}</el-radio>
|
|
|
+ <el-radio :label="1"><!-- ETA预测指标 -->{{$t('Edb.eta_predictor_name')}}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
<el-select
|
|
@@ -82,7 +82,7 @@
|
|
|
:filterable="!search_txt"
|
|
|
remote
|
|
|
clearable
|
|
|
- placeholder="指标ID/指标名称"
|
|
|
+ :placeholder="$t('Edb.InputHolderAll.input_name_orid')"
|
|
|
style="width:90%;margin-top: 10px;display: block;"
|
|
|
:remote-method="searchHandle"
|
|
|
@click.native="inputFocusHandle"
|
|
@@ -103,24 +103,24 @@
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="图表名称" prop="ChartName">
|
|
|
+ <el-form-item :label="$t('Chart.Detail.chart_name')" prop="ChartName">
|
|
|
<el-input
|
|
|
v-model="chartInfo.ChartName"
|
|
|
style="width: 90%"
|
|
|
- placeholder="必填项"
|
|
|
+ :placeholder="$t('Dialog.require_vaild')"
|
|
|
clearable
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="图表分类" prop="classify">
|
|
|
+ <el-form-item :label="$t('Chart.Detail.chart_classify')" prop="classify">
|
|
|
<el-cascader
|
|
|
v-model="chartInfo.classify"
|
|
|
:options="classifyOptions"
|
|
|
:props="levelProps"
|
|
|
style="width: 90%"
|
|
|
- placeholder="请选择所属分类"
|
|
|
+ :placeholder="$t('Chart.InputHolderAll.input_classify')"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="图表单位" prop="Unit" v-if="[7,11].includes(chartInfo.ChartType)">
|
|
|
+ <el-form-item :label="$t('Chart.Detail.chart_unit')" prop="Unit" v-if="[7,11].includes(chartInfo.ChartType)">
|
|
|
<el-select
|
|
|
v-model="chartInfo.Unit"
|
|
|
filterable
|
|
@@ -128,7 +128,7 @@
|
|
|
default-first-option
|
|
|
clearable
|
|
|
@change="changeUnit"
|
|
|
- placeholder="请输入图表单位">
|
|
|
+ :placeholder="$t('Chart.InputHolderAll.input_common',{label:$t('Chart.Detail.chart_unit')})">
|
|
|
<el-option
|
|
|
v-for="item in UnitOptions"
|
|
|
:key="item"
|
|
@@ -142,12 +142,10 @@
|
|
|
<div class="xaxis-range-cont" v-if="chartInfo.ChartType===2 && tableData && tableData.length>0">
|
|
|
<!-- 仅用于季节性图配置 -->
|
|
|
<div style="margin-bottom: 12px;" class="xaxis-range-tip">
|
|
|
- 横坐标显示范围
|
|
|
+ {{$t('EtaChartAddPage.label_xserie_range')}}<!-- 横坐标显示范围 -->
|
|
|
<el-tooltip>
|
|
|
<div slot="content">
|
|
|
- <p class="hint-message">配置横坐标显示的时间刻度</p>
|
|
|
- <p class="hint-message">1、若开始日期小于结束日期,则默认不跨年,允许勾选跨年</p>
|
|
|
- <p class="hint-message">2、若开始日期大于等于结束日期,则跨年,不允许取消勾选</p>
|
|
|
+ {{$t('EtaChartAddPage.xserie_range_tip')}}
|
|
|
</div>
|
|
|
<img src="~@/assets/img/icons/question_mark_black.png" style="height: 16px;cursor: pointer;margin-left: 6px;" />
|
|
|
</el-tooltip>
|
|
@@ -158,7 +156,7 @@
|
|
|
value-format="MM-dd"
|
|
|
popper-class="x-range-picker-date"
|
|
|
format="MM-dd"
|
|
|
- placeholder="开始日期"
|
|
|
+ :placeholder="$t('Common.ph_time_start')"
|
|
|
@change="xAxisChange"
|
|
|
:clearable="false"
|
|
|
></el-date-picker>
|
|
@@ -168,15 +166,20 @@
|
|
|
value-format="MM-dd"
|
|
|
popper-class="x-range-picker-date"
|
|
|
format="MM-dd"
|
|
|
- placeholder="结束日期"
|
|
|
+ :placeholder="$t('Common.ph_time_end')"
|
|
|
@change="xAxisChange"
|
|
|
:clearable="false"
|
|
|
></el-date-picker>
|
|
|
- <el-checkbox label="跨年" v-model="isSpanYear" :disabled="isSpanYearDisable"
|
|
|
- style="margin-top: 12px;" @change="changeIsSpanYear"></el-checkbox>
|
|
|
+ <el-checkbox
|
|
|
+ :label="$t('EtaChartAddPage.label_cross_year')"
|
|
|
+ v-model="isSpanYear"
|
|
|
+ :disabled="isSpanYearDisable"
|
|
|
+ style="margin-top: 12px;"
|
|
|
+ @change="changeIsSpanYear"
|
|
|
+ ></el-checkbox>
|
|
|
<br />
|
|
|
<div class="legend-set-text" @click="openLegendEditDia">
|
|
|
- <span>图例名称设置</span>
|
|
|
+ <span>{{$t('EtaChartAddPage.label_legend_set')}}<!-- 图例名称设置 --></span>
|
|
|
<img src="~@/assets/img/icons/edit-blue.png" />
|
|
|
</div>
|
|
|
</div>
|
|
@@ -185,7 +188,7 @@
|
|
|
<!-- 仅用于散点图配置提出 -->
|
|
|
<div class="scatter-setting" v-if="chartInfo.ChartType === 5 && tableData.length">
|
|
|
<div style="display: flex;margin-right: 15px;">
|
|
|
- <span style="margin-right: 3px">散点颜色:</span>
|
|
|
+ <span style="margin-right: 3px"><!-- 散点颜色: -->{{$t('Chart.Detail.scatter_color')}}:</span>
|
|
|
<el-color-picker
|
|
|
v-model="tableData[0].ChartColor"
|
|
|
size="mini"
|
|
@@ -193,7 +196,7 @@
|
|
|
:predefine="predefineColors"
|
|
|
></el-color-picker>
|
|
|
</div>
|
|
|
- <el-checkbox v-model="tableData[0].IsOrder">逆序</el-checkbox>
|
|
|
+ <el-checkbox v-model="tableData[0].IsOrder"><!-- 逆序 -->{{$t('Chart.Detail.re_order')}}</el-checkbox>
|
|
|
</div>
|
|
|
|
|
|
<el-collapse v-model="activeNames" class="target-list" v-if="tableData.length&&![7,10,11].includes(chartInfo.ChartType)">
|
|
@@ -206,12 +209,12 @@
|
|
|
<!-- 堆叠图 或组合图中的堆叠类型 非第一项隐藏配置 -->
|
|
|
<template v-if="showYOptionsHandle(item,index)">
|
|
|
<li>
|
|
|
- <el-checkbox v-model="item.IsOrder">逆序</el-checkbox>
|
|
|
+ <el-checkbox v-model="item.IsOrder"><!-- 逆序 -->{{$t('Chart.Detail.re_order')}}</el-checkbox>
|
|
|
</li>
|
|
|
<li>
|
|
|
<el-radio-group v-model="item.IsAxis" size="mini">
|
|
|
- <el-radio-button :label="1">左轴</el-radio-button>
|
|
|
- <el-radio-button :label="0">右轴</el-radio-button>
|
|
|
+ <el-radio-button :label="1"><!-- 左轴 -->{{$t('Chart.Detail.l_axis')}}</el-radio-button>
|
|
|
+ <el-radio-button :label="0"><!-- 右轴 -->{{$t('Chart.Detail.r_axis')}}</el-radio-button>
|
|
|
<!-- 指标有右轴时才可以选右2轴 不然没有右2这个概念的意义 -->
|
|
|
<el-radio-button
|
|
|
v-if="[1,6].includes(chartInfo.ChartType)"
|
|
@@ -219,7 +222,7 @@
|
|
|
:disabled="(tableData.findIndex(_ => _.IsAxis===0) === -1)
|
|
|
|| (tableData.findIndex(_ => _.IsAxis===0) === index
|
|
|
&& tableData.filter(_ => _.IsAxis===0).length === 1)"
|
|
|
- >右2轴</el-radio-button>
|
|
|
+ ><!-- 右2轴 -->{{$t('Chart.Detail.rtwo_axis')}}</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</li>
|
|
|
</template>
|
|
@@ -228,7 +231,7 @@
|
|
|
v-model="item.EdbInfoType"
|
|
|
:label="1"
|
|
|
@change="getPreviewSplineInfo"
|
|
|
- >标准指标</el-radio
|
|
|
+ ><!-- 标准指标 -->{{$t('Chart.Detail.stand_lead')}}</el-radio
|
|
|
>
|
|
|
<div style="margin-top: 15px">
|
|
|
<el-radio
|
|
@@ -236,10 +239,10 @@
|
|
|
:label="0"
|
|
|
style="margin-right: 10px"
|
|
|
@change="getPreviewSplineInfo"
|
|
|
- >领先指标</el-radio
|
|
|
+ ><!-- 领先指标 -->{{$t('Chart.Detail.leading_lead')}}</el-radio
|
|
|
>
|
|
|
<template v-if="item.EdbInfoType === 0">
|
|
|
- 领先
|
|
|
+ <!-- 领先 -->{{$t('EtaChartAddPage.label_lead')}}
|
|
|
<el-input
|
|
|
style="width: 60px"
|
|
|
size="mini"
|
|
@@ -269,20 +272,29 @@
|
|
|
</li>
|
|
|
<li>
|
|
|
<div style="display: flex">
|
|
|
- <span style="margin-right: 3px">线条颜色:</span>
|
|
|
+ <span style="margin-right: 3px"><!-- 线条颜色 -->{{$t('Chart.Detail.line_color')}}:</span>
|
|
|
<el-color-picker
|
|
|
v-model="item.ChartColor"
|
|
|
size="mini"
|
|
|
show-alpha
|
|
|
:predefine="predefineColors"
|
|
|
></el-color-picker>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;margin-top: 12px" v-if="item.EdbInfoCategoryType === 1">
|
|
|
+ <span style="margin-right: 3px"><!-- 预测值颜色 -->{{$t('Chart.Detail.predict_color')}}:</span>
|
|
|
+ <el-color-picker
|
|
|
+ v-model="item.PredictChartColor"
|
|
|
+ size="mini"
|
|
|
+ show-alpha
|
|
|
+ :predefine="predefineColors"
|
|
|
+ ></el-color-picker>
|
|
|
</div>
|
|
|
<div
|
|
|
style="margin-top: 12px"
|
|
|
v-if="chartInfo.ChartType === 1
|
|
|
|| (chartInfo.ChartType === 6 &&item.ChartStyle==='spline')"
|
|
|
>
|
|
|
- 线条粗细:
|
|
|
+ <!-- 线条粗细 -->{{$t('Chart.Detail.line_size')}}:
|
|
|
<el-input
|
|
|
style="width: 60px"
|
|
|
size="mini"
|
|
@@ -294,7 +306,7 @@
|
|
|
</li>
|
|
|
<li v-if="chartInfo.ChartType === 6">
|
|
|
<div style="display: flex">
|
|
|
- <span style="margin-right: 3px">生成样式:</span>
|
|
|
+ <span style="margin-right: 3px"><!-- 生成样式 -->{{$t('Chart.label_create_sty')}}:</span>
|
|
|
<el-select
|
|
|
v-model="item.ChartStyle"
|
|
|
placeholder="请选择生成样式"
|
|
@@ -508,7 +520,7 @@
|
|
|
color: ${JSON.parse(chartInfo.SourcesFrom).isShow ? JSON.parse(chartInfo.SourcesFrom).color : '#999'};
|
|
|
fontSize: ${ JSON.parse(chartInfo.SourcesFrom).fontSize }px;
|
|
|
`"
|
|
|
- >来源:{{ JSON.parse(chartInfo.SourcesFrom).text}}</span>
|
|
|
+ ><!-- 来源 -->{{$t('Chart.Detail.source')}}:{{ JSON.parse(chartInfo.SourcesFrom).text}}</span>
|
|
|
<el-switch
|
|
|
v-if="chartInfo.SourcesFrom"
|
|
|
v-model="chartInfo.SourcesFromVisable"
|
|
@@ -517,7 +529,7 @@
|
|
|
style="margin:0 15px;"
|
|
|
@change="changeSourceVisable"
|
|
|
/>
|
|
|
- <span class="editsty" @click="isShowSourceDialog=true">编辑</span>
|
|
|
+ <span class="editsty" @click="isShowSourceDialog=true"><!-- 编辑 -->{{$t('Chart.chart_edit_btn')}}</span>
|
|
|
</div>
|
|
|
|
|
|
<!-- 公历农历切换 只用于季节性图 -->
|
|
@@ -527,8 +539,8 @@
|
|
|
v-if="chartInfo.ChartType === 2"
|
|
|
@change="getPreviewSplineInfo"
|
|
|
>
|
|
|
- <el-radio-button label="公历" />
|
|
|
- <el-radio-button label="农历" />
|
|
|
+ <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>
|
|
|
|
|
|
<!-- 图表说明 -->
|
|
@@ -543,7 +555,7 @@
|
|
|
></div>
|
|
|
</div>
|
|
|
|
|
|
- <span class="chart-author">作者:{{ chartInfo.SysUserRealName }}</span>
|
|
|
+ <span class="chart-author"><!-- 作者 -->{{$t('Chart.Detail.author')}}:{{ chartInfo.SysUserRealName }}</span>
|
|
|
</div>
|
|
|
|
|
|
<!-- 异常显示 -->
|
|
@@ -576,31 +588,31 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="操作"
|
|
|
+ :label="$t('Table.column_operations')"
|
|
|
key="Copy"
|
|
|
align="center"
|
|
|
width="140"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <span @click="delTarget(scope.row)" class="deletesty">删除 </span>
|
|
|
+ <span @click="delTarget(scope.row)" class="deletesty"><!-- 删除 -->{{$t('Table.delete_btn')}} </span>
|
|
|
<span v-permission="permissionBtn.chartLibPermission.chartLib_copyData"
|
|
|
class="editsty" @click="copyCode(scope.row)">
|
|
|
- <i class="el-icon-document-copy" /> 复制数据</span
|
|
|
+ <i class="el-icon-document-copy" /> <!-- 复制数据 -->{{$t('Edb.detail_copydata_btn')}}</span
|
|
|
><br>
|
|
|
<span v-permission="permissionBtn.chartLibPermission.chartLib_viewData"
|
|
|
class="editsty"
|
|
|
@click="viewTarget(scope.row)"
|
|
|
- >查看数据</span>
|
|
|
+ ><!-- 查看数据 -->{{$t('Edb.detail_lookdata_btn')}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<div slot="empty">
|
|
|
- <tableNoData text="暂无指标" size="mini"/>
|
|
|
+ <tableNoData :text="$t('Table.no_edb_msg')" size="mini"/>
|
|
|
</div>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="nodata" v-else>
|
|
|
- <tableNoData text="暂无信息"/>
|
|
|
+ <tableNoData :text="$t('Common.no_info_msg')"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
|