| | |
| | | <!-- 日数据 --> |
| | | <template> |
| | | <div id="Tab"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <div class="tab-scroll"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <span class="time-select">{{ timeStart }}日——{{ timeEnd }}日</span> |
| | | </div> |
| | | <div class="form-echrts"> |
| | | <div class="from-search"> |
| | | <div class="pickerMon"> |
| | | <div class="pickerData"> |
| | | <span> 开始时间:</span> |
| | | <span>开始时间:</span> |
| | | <span class="pickerTable"> |
| | | <el-date-picker type="datetime" v-model="formInline.timeStart"></el-date-picker> |
| | | </span> |
| | |
| | | <div class="detailbtn hover-bottom">查询</div> |
| | | <div class="detailbtn hover-bottom">明细表</div> |
| | | </div> |
| | | <div style="width:5rem;height:2rem;" id="echarts" ref="echartsday"> |
| | | <div style="width:5rem;height:1.5rem;" id="echarts" ref="echartsday"> |
| | | </div> |
| | | </div> |
| | | <!-- <!– 明细弹框 –>--> |
| | |
| | | timeStart: '', |
| | | timeEnd: '' |
| | | }, |
| | | timeStart: '', |
| | | timeEnd: '', |
| | | chart: null, |
| | | dataType: 1, |
| | | jcdID: 1, |
| | |
| | | }) |
| | | this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') |
| | | this.formInline.timeStart = dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss') |
| | | this.timeEnd = dayjs().format('YYYY-MM-DD') |
| | | this.timeStart = dayjs().subtract(1, 'month').format('YYYY-MM-DD') |
| | | }, |
| | | methods: { |
| | | async draw24Chart () { |
| | |
| | | }, |
| | | effChartShow (divid, title, legend, xdata, ydatas, yname, jcdID, datatype) { |
| | | this.chart = this.$echarts.init(this.$refs.echartsday) |
| | | console.log(this.chart) |
| | | // console.log(this.chart) |
| | | this.chart.clear() |
| | | var dataUnit = '' |
| | | if (datatype === 1) { |
| | |
| | | } |
| | | }, |
| | | grid: { // 网格 |
| | | top: '20%', |
| | | left: '5%' |
| | | top: '20%' |
| | | // left: '5%' |
| | | }, |
| | | legend: { |
| | | data: legend |
| | |
| | | } |
| | | } |
| | | |
| | | .tab-scroll { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | |
| | | .time-select { |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-size: 11px; |
| | | width: 280px; |
| | | } |
| | | } |
| | | |
| | | .form-echrts { |
| | | width: 100%; |
| | | border-top: 1px solid #396d83; |
| | | //margin: 10px 10px 10px 10px; |
| | | .from-search { |
| | | display: flex; |
| | | padding: 0.02rem; |
| | | padding: 15px 0; |
| | | |
| | | > div { |
| | | margin-left: 10px |
| | |
| | | display: flex; |
| | | |
| | | > span { |
| | | line-height: 22px |
| | | line-height: 22px; |
| | | margin-right: 15px; |
| | | } |
| | | |
| | | .pickerTable { |