UNION_NSI/target/classes/views/platform/projectfunding/myDeclare.html

<!--#
layout("/layouts/platform.html"){
#-->
<style>
    .inline-flex {
        display: inline-flex;
    }

    .flexbox {
        display: flex;
    }

    .flexbox .el-form-item {
        width: 33.3%;
    }

    .el-form .el-select, .el-form .el-date-editor {
        width: 100%;
    }

    .el-divider {
        background-color: #409EFF;
    }

    .el-divider__text {
        color: #409EFF;
    }

    .w-e-text-container {
        height: 250px !important;
    }
</style>
<div id="app" v-cloak>
    <guava ref="guava">
        <el-card shadow="never">
            <div class="search">
                <div class="search-item">
                    <div class="search-item-label">年度：</div>
                    <div class="search-item-option">
                        <el-date-picker
                                placeholder="选择年度"
                                type="year"
                                @change="doSearch"
                                style="width: 100%"
                                v-model="pageForm.year"
                                value-format="yyyy">
                        </el-date-picker>
                    </div>
                </div>
                <div class="search-item">
                    <div class="search-item-label">项目名称：</div>
                    <div class="search-item-option">
                        <el-select v-model="pageForm.projectId" placeholder="请选择项目名称"
                                   style="width: 100%;"
                                   clearable
                                   @change="doSearch();"
                                   filterable="true">
                            <el-option v-for="o in projectList"
                                       :label="o.projectName"
                                       :value="o.id"></el-option>
                        </el-select>
                    </div>
                </div>
                <div class="search-item">
                    <div class="search-item-label">申报人：</div>
                    <div class="search-item-option">
                        <el-input v-model="pageForm.searchKeyword" clearable placeholder="请输入内容" @keyup.enter.native="doSearch">
                            <el-select slot="prepend" v-model="pageForm.searchName" placeholder="查询类型"
                                       style="width: 120px;">
                                <el-option label="申报人姓名" value="u.username"></el-option>
                                <el-option label="申报人工号" value="u.loginname"></el-option>
                            </el-select>
                        </el-input>
                    </div>
                </div>
                <div class="search-item">
                    <div class="search-item-label">申报工会：</div>
                    <div class="search-item-option">
                        <el-select placeholder="请选择所属工会" v-model="pageForm.unionId"
                                   style="width: 100%;"
                                   clearable
                                   @change="doSearch();"
                                   filterable="true">
                            <el-option v-for="item in unions" :label="item.unionname"
                                       :value="item.id"></el-option>
                        </el-select>
                    </div>
                </div>
                <div class="search-query">
                    <el-button @click="doSearch" icon="el-icon-search" type="primary">搜索</el-button>
                </div>
            </div>

        </el-card>

        <el-card class="mt10" shadow="never">
            <table-tool :app="this" label="申报列表">
                <template #func></template>
            </table-tool>

            <el-table :data="tableData" :size="tableSize">
                <el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
                                 width="80px"></el-table-column>
                <el-table-column
                        :label="column.label"
                        :prop="column.prop"
                        :width="column.width"
                        :sortable="column.sortable"
                        align="center"
                        header-align="center"
                        show-overflow-tooltip
                        v-for="column in tableColumns"
                >
                </el-table-column>
                <el-table-column label="操作" width="300px">
                    <template scope="{row}">
                        <el-button size="mini" type="primary" @click="doExport(row)">导出</el-button>
                        <el-button @click="openView(row)" size="mini" type="primary">查看</el-button>
                        <el-button v-if="row.state<=1700" @click="openEdit(row)" size="mini" type="primary">编辑</el-button>
                        <el-button @click="doDelete(row.id)" size="mini" type="danger">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <!--#include("/layouts/pagination.html"){}#-->
        </el-card>

        <template #view>
            <project-funding-info ref="viewInfo"></project-funding-info>
        </template>

    </guava>
</div>

<script>
    var vue = new Vue({
        el: '#app',
        mixins: [initTableMixins],
        data() {
            return {
                unions:[],
                pageForm:{
                    year:moment().format('YYYY'),
                },
                tableColumns:[
                    {label: '项目名称', prop: 'projectName', sortable: true},
                    {label: '申报工会', prop: 'unionName', sortable: true},
                    {label: '工会人数', prop: 'unionPeoNum', sortable: true},
                    {label: '工会主席', prop: 'unionLeader', sortable: true},
                    {label: '申报人', prop: 'username', sortable: true},
                    {label: '申报金额', prop: 'subsidyAmount', sortable: true},
                    {label: '审批金额', prop: 'auditAmount', sortable: true},
                    {label: '状态', prop: 'stateName', sortable: true},
                    {label: '申报日期', prop: 'auditTime', sortable: true},
                ],
                projectList:[],
            }
        },
        methods: {
            openView(row){
                this.$refs.guava.view()
                this.$refs.viewInfo.showInfo(row.id)
            },
            openEdit(row){
                sublime.jumpPagePjax('/platform/projectfunding/declare?id=' + row.id)
            },
            async doDelete(id) {
                const confirm = await this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                if (confirm === 'confirm') {
                    const resp = await $.post('/platform/projectfunding/myDeclare/doDelete', {id: id})
                    if (resp.code === 0) {
                        this.$notify.success(resp.msg);
                        this.pageData();
                    }else {
                        this.$notify.warning(resp.msg);
                    }
                }
            },
            async getProjectFunding(){
                const resp = await $.get('/platform/projectfunding/manage/getProjectFunding')
                if (resp.code === 0){
                    this.projectList = resp.data
                    this.pageForm.projectId=this.projectList[0].id
                }
            },
            doExport(row){
                window.open('/platform/projectfunding/multifunctionQuery/doExport?id=' + row.id)
            },
        },
        async created() {
            this.unions = await getUnions();
            await this.getProjectFunding();
            this.pageData();
        },
        components:{
            'project-funding-info': httpVueLoader('/components/projectfunding/projectInfo.vue'),
        }
    })
</script>
<!--#
}
#-->