|
|
@@ -41,16 +41,12 @@
|
|
|
<el-button style="height: 28px;margin-left: 5px;" type="success" size="mini" @click="reset()">重置</el-button>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
- <!-- 头部钮区域-->
|
|
|
- <!-- <el-row :gutter="90" style="margin-right: 0px;">
|
|
|
+ <!-- 头部按钮区域-->
|
|
|
+ <el-row :gutter="90" style="margin-right: 0px;">
|
|
|
<div style="display: flex;flex-direction: row;float: right;">
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-plus" @click="add()">新增</el-button>
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-edit-outline" @click="ispublic()">发布</el-button>
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-scissors" @click="repeal()">废止</el-button>
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-delete" @click="delArray()">删除</el-button>
|
|
|
- <el-button type="primary" size="small" plain icon="el-icon-download">导出</el-button>
|
|
|
+ <el-button type="primary" size="small" plain icon="el-icon-download" @click="exportData">导出Excel</el-button>
|
|
|
</div>
|
|
|
- </el-row> -->
|
|
|
+ </el-row>
|
|
|
<!-- 表格数据区域-->
|
|
|
<el-table ref="multipleTable" :data="tableData" border stripe highlight-current-row style="width: 100%"
|
|
|
:row-style="rowStyle" :cell-style="cellStyle" @selection-change="handleSelectionChange">
|
|
|
@@ -104,6 +100,34 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ const qee = require('qf-export-excel')
|
|
|
+ const HeadersList = [{
|
|
|
+ title: '任务名称',
|
|
|
+ key: 'task_name'
|
|
|
+ }, {
|
|
|
+ title: '年度',
|
|
|
+ key: 'year'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '文件号',
|
|
|
+ key: 'filenum'
|
|
|
+ }, {
|
|
|
+ title: '开始时间',
|
|
|
+ key: 'starttime'
|
|
|
+ }, {
|
|
|
+ title: '结束时间',
|
|
|
+ key: 'endtime'
|
|
|
+ }, {
|
|
|
+ title: '创建者',
|
|
|
+ key: 'releaser'
|
|
|
+ }, {
|
|
|
+ title: '任务优先级',
|
|
|
+ key: 'level'
|
|
|
+ }, {
|
|
|
+ title: '任务状态',
|
|
|
+ key: 'ispublic'
|
|
|
+ }
|
|
|
+ ]
|
|
|
export default {
|
|
|
name: '',
|
|
|
data() {
|
|
|
@@ -366,6 +390,64 @@
|
|
|
}
|
|
|
this.gettaskList()
|
|
|
},
|
|
|
+ // 导出Excel
|
|
|
+ async exportData() {
|
|
|
+
|
|
|
+ // for (var key in this.exportInfo) {
|
|
|
+ // if (this.exportInfo[key] == '') {
|
|
|
+ // delete this.exportInfo[key]
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ let exportList = []
|
|
|
+ exportList = this.tableData
|
|
|
+
|
|
|
+ for (let i = 0; i < exportList.length; i++) {
|
|
|
+ if (exportList[i].level == '0') {
|
|
|
+ exportList[i].level = '一般'
|
|
|
+ } else if (exportList[i].level == '1') {
|
|
|
+ exportList[i].level = '紧急'
|
|
|
+ }else{
|
|
|
+ exportList[i].level = '特急'
|
|
|
+ }
|
|
|
+ if (exportList[i].ispublic == '1') {
|
|
|
+ exportList[i].ispublic = '已发布'
|
|
|
+ } else if(exportList[i].ispublic == '2') {
|
|
|
+ exportList[i].ispublic = '废止'
|
|
|
+ }else if(exportList[i].ispublic == '3') {
|
|
|
+ exportList[i].ispublic = '已结束，未完成'
|
|
|
+ }else if(exportList[i].ispublic == '4') {
|
|
|
+ exportList[i].ispublic = '已结束，已完成'
|
|
|
+ }else if(exportList[i].ispublic == '5') {
|
|
|
+ exportList[i].ispublic = '执行中'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 导出表格的表头设置
|
|
|
+ // let allColumns = exportList
|
|
|
+ var columnNames = []
|
|
|
+ var columnValues = []
|
|
|
+ // var columns = []
|
|
|
+ require.ensure([], () => {
|
|
|
+ const {
|
|
|
+ export_json_to_excel
|
|
|
+ } = require('@/vendor/Export2Excel.js')
|
|
|
+
|
|
|
+ for (var i = 0; i < HeadersList.length; i++) {
|
|
|
+ columnNames[i] = HeadersList[i].title
|
|
|
+ columnValues[i] = HeadersList[i].key
|
|
|
+ }
|
|
|
+ const tHeader = columnNames
|
|
|
+ const filterVal = columnValues
|
|
|
+ // console.log(columns)
|
|
|
+ const list = exportList
|
|
|
+ const data = this.formatJson(filterVal, list)
|
|
|
+ export_json_to_excel(tHeader, data, '例行监测任务')
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ formatJson(filterVal, jsonData) {
|
|
|
+ return jsonData.map(v => filterVal.map(j => v[j]))
|
|
|
+ },
|
|
|
|
|
|
},
|
|
|
}
|
jiangyu