| | |
| | | :clearable="false" |
| | | @change="getRataLists()" |
| | | :value-format="dateType === 'month' ? 'yyyy-MM' : 'yyyy'" |
| | | style="margin-left: 20px; width: 130px;" |
| | | style="margin-left: 10px; width: 120px;" |
| | | placeholder="请选择"> |
| | | </el-date-picker> |
| | | </div> |
| | |
| | | :clearable="false" |
| | | @change="getReportLists()" |
| | | :value-format="radio === 'month' ? 'yyyy-MM' : 'yyyy'" |
| | | style="margin-left: 20px; width: 130px;" |
| | | style="margin-left: 10px; width: 120px;" |
| | | placeholder="请选择"> |
| | | </el-date-picker> |
| | | </div> |
| | | <el-button type="primary" style="margin-left: 20px;" icon="el-icon-upload2" @click="daochu">导出</el-button> |
| | | </div> |
| | | <template v-if="column.length > 0"> |
| | | <div class="list_head"> |
| | | <div class="list_head_item" v-for="(item, index) in column" :key="index">{{item}}</div> |
| | | </div> |
| | |
| | | <div class="list_head_item" v-for="(child, i) in item" :key="i">{{child}}</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <div class="list_wu" v-else>暂无数据</div> |
| | | </div> |
| | | <div class="main_table_list1"> |
| | | <div class="title"> |
| | |
| | | getReportLists() { |
| | | getReportList({ dateStr: this.date1, isGroupBy: this.isGroupBy, type: 0 }) |
| | | .then(res => { |
| | | if (res.length === 0) return |
| | | if (res.length === 0) { |
| | | this.column = [] |
| | | this.list = [] |
| | | return |
| | | } |
| | | |
| | | this.column = res[0] |
| | | this.list = res.slice(1, res.length); |
| | |
| | | |
| | | let option = { |
| | | tooltip: { |
| | | trigger: 'item' |
| | | trigger: 'axis', |
| | | axisPointer: { |
| | | type: 'line' |
| | | } |
| | | }, |
| | | legend: { |
| | | show: false, |
| | |
| | | type: 'value', |
| | | axisLine: { |
| | | show: true |
| | | }, |
| | | axisLabel: { |
| | | formatter: function (value) { |
| | | // 四舍五入到最近的整数 |
| | | return Math.round(value); |
| | | } |
| | | } |
| | | }, |
| | | series: [ |
| | |
| | | labelLine: { |
| | | normal: { |
| | | length: 30, |
| | | length2: 100, |
| | | length2: 70, |
| | | } |
| | | }, |
| | | label: { |
| | |
| | | color: #222222; |
| | | } |
| | | } |
| | | .list_wu { |
| | | width: 100%; |
| | | height: 100px; |
| | | line-height: 100px; |
| | | text-align: center; |
| | | font-size: 16px; |
| | | color: #222222; |
| | | } |
| | | .list_head { |
| | | width: 100%; |
| | | height: 50px; |
| | |
| | | } |
| | | .main_table_list1 { |
| | | margin-left: 10px; |
| | | width: 520px; |
| | | width: 420px; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | flex-shrink: 0; |
| | |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: #222222; |
| | | } |
| | | .list_wu { |
| | | width: 100%; |
| | | height: 100px; |
| | | line-height: 100px; |
| | | text-align: center; |
| | | font-size: 16px; |
| | | color: #222222; |
| | | } |
| | | .list_head { |
| | |
| | | } |
| | | |
| | | .dept_wrap { |
| | | width: 520px; |
| | | width: 420px; |
| | | flex-shrink: 0; |
| | | height: 100%; |
| | | background-color: #ffffff; |