|
@@ -0,0 +1,141 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="filter-cont">
|
|
|
+ <el-cascader
|
|
|
+ @change="filterChange"
|
|
|
+ :options="classifyOptions"
|
|
|
+ v-model="filterForm.classifyIds"
|
|
|
+ :props="{
|
|
|
+ value: 'Id',
|
|
|
+ label: 'ClassifyName',
|
|
|
+ children: 'Child'
|
|
|
+ }"
|
|
|
+ clearable
|
|
|
+ :placeholder="$t('ReportManage.smart_type_filtering')"
|
|
|
+ style="width:240px;"
|
|
|
+ ></el-cascader>
|
|
|
+
|
|
|
+ <el-select
|
|
|
+ v-model="filterForm.reportType"
|
|
|
+ style="width: 240px"
|
|
|
+ >
|
|
|
+ <el-option label="报告" value="report"/>
|
|
|
+ <el-option label="PPT" value="ppt"/>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ <el-select
|
|
|
+ v-model="filterForm.pushStatus"
|
|
|
+ style="width: 240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="status.label"
|
|
|
+ :value="status.value"
|
|
|
+ v-for="status in pushStatusOptions"
|
|
|
+ :key="status.key"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ :data="list"
|
|
|
+ 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>{{ scope.row[item.key] }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <div slot="empty">
|
|
|
+ <tableNoData text="暂无记录" size="mini"/>
|
|
|
+ </div>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div style="height:35px;margin: 20px 0;">
|
|
|
+ <m-page
|
|
|
+ :page_no="filterForm.pageNo"
|
|
|
+ :pageSize="filterForm.pageSize"
|
|
|
+ :total="total"
|
|
|
+ @handleCurrentChange="pageChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ classifylist
|
|
|
+} from '@/api/modules/reportV2.js';
|
|
|
+import mPage from '@/components/mPage.vue'
|
|
|
+export default {
|
|
|
+ components: { mPage },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ filterForm: {
|
|
|
+
|
|
|
+ },
|
|
|
+ pushStatusOptions: [
|
|
|
+ { label: '推送成功',value: 1 },
|
|
|
+ { label: '推送失败',value: 2 },
|
|
|
+ ],
|
|
|
+
|
|
|
+ tableColums: [
|
|
|
+ { label:'报告标题',key:'Title' },
|
|
|
+ { label:'报告分类',key:'Classify' },
|
|
|
+ { label:'报告类型',key:'Type' },
|
|
|
+ { label:'操作人',key:'' },
|
|
|
+ { label:'接收人',key:'' },
|
|
|
+ { label:'推送状态',key:'' },
|
|
|
+ { label:'操作时间',key:'ModifyTime' },
|
|
|
+ ],
|
|
|
+
|
|
|
+ list: [],
|
|
|
+ total: 0,
|
|
|
+ pageSize: 10,
|
|
|
+ pageNo: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ pageChange(page) {
|
|
|
+ this.pageNo = page;
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+
|
|
|
+ filterChange() {
|
|
|
+ this.pageChange(1)
|
|
|
+ },
|
|
|
+
|
|
|
+ getList() {
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ getclassifylist() {
|
|
|
+ //获取分类列表
|
|
|
+ let params = { CurrentIndex: 0, PageSize: 1000, KeyWord: "",ClassifyType:1 };
|
|
|
+
|
|
|
+ classifylist(params).then((res) => {
|
|
|
+ if (res.Ret == 200 && Array.isArray(res.Data.List)) {
|
|
|
+ this.classifyOptions = res.Data.List||[];
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped lang='scss'>
|
|
|
+.filter-cont {
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+</style>
|