fj-dc-ui/.svn/pristine/d9/d91812ae089b8f8cac36ba4951b7796d44ca752d.svn-base

<template>
    <el-main class="gcyxgl_list">
        <!--<el-row class="m10">-->
            <!--<el-input v-model="projectName" placeholder="请输入工程名称" class="w200"></el-input>-->
            <!--<el-button type="primary" @click="addProject">添加工程</el-button>-->
        <!--</el-row>-->
        <el-table
                v-loading="loading"
                border
                ref="multipleTable"
                :data="tableDataList"
                :height="tableHeight"
                tooltip-effect="dark"
                style="width: 100%">
            <el-table-column align="center" type="index" label="序号" min-width="40">
                <template slot-scope="scope">
                    {{  (pageNum - 1)  * pageSize + (scope.$index + 1) }}
                </template>
            </el-table-column>
            <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="adName"
                    label="调研地点（乡）"
                    show-overflow-tooltip>
            </el-table-column>
            <!--<el-table-column-->
                    <!--header-align="center"-->
                    <!--align="center"-->
                    <!--min-width="140"-->
                    <!--prop="sour"-->
                    <!--label="项目来源（建设部门）"-->
                    <!--show-overflow-tooltip>-->
                <!--<template slot-scope="scope">{{scope.row.sour == '1' ? '水利' : scope.row.sour == '2' ? '国土' : scope.row.sour == '3' ? '发改' : scope.row.sour == '4' ? '农业' : scope.row.sour == '5' ? '财政（原农发）' : scope.row.sour == '6' ? '烟草' : scope.row.sour == '7' ? '其他 ' : '' }}</template>-->
            <!--</el-table-column>-->
            <!--<el-table-column-->
                    <!--prop="compDate"-->
                    <!--label="建成时间"-->
                    <!--sortable-->
                    <!--align="center"-->
                    <!--min-width="100"-->
                    <!--show-overflow-tooltip>-->
            <!--</el-table-column>-->
            <el-table-column
                    align="center"
                    prop
                    min-width="100"
                    label="操作"
                    show-overflow-tooltip
                    fixed="right">
                <template slot-scope="scope">
                    <el-button icon="el-icon-edit" type="text" @click="editTianBao(scope.row.id)" v-if="ownPriv('manage')"></el-button>
                    <!--<el-button icon="el-icon-delete" type="text" v-if="ownPriv('manage')" @click="removeRow(scope.row.id)"></el-button>-->
                </template>
            </el-table-column>
        </el-table>
        <!-- 分页 -->
        <div class="paginationWarpper">
            <el-pagination
                    class="paginationCenter"
                    background
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="pageNum"
                    :page-sizes="[10, 20, 50, 100]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
            </el-pagination>
        </div>
        <el-dialog :title="titleText + name" :visible.sync="dialogProjectVisible" :close-on-click-modal="false"
            width="50%"
            :modal-append-to-body="true"
            :append-to-body="true">
            <component
                v-if="dialogProjectVisible"
                :is="componentId"
                @addShuiKuSuccess="closeDialog"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentResCode="currentResCode" 
                :currentObjectName="currentObjectName"
                :currentObjectId="currentObjectId"
                :rowId="rowId">
            </component>
        </el-dialog>

    </el-main>
</template>
<script>
    import request from "@util/gw_ajax_request.js";
    import {getEngineeringOperationListApi} from '@api/duChaTianBao.js'
    import { dateFormat }  from '@util/gw_date'

    export default {
        components: {
            upload: resolve => {
                require(["@widget/uploadPdf.vue"], resolve);
            },
            villagesExchange: resolve => {
                require(["./villagesExchange.vue"], resolve);
            },
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData', 'type', 'name'],

        data() {
            return {
                tableHeight: 400,
                tableDataList: [],
                loading: false,
                currentPage: 1,
                pageSize: 10,
                pageNum: 1,
                total: 0,
                dialogProjectVisible: false,
                titleText: "添加",
                componentId: 'villagesExchange',  //当前弹窗加载的组件
                rowId: "",
                projectName: ""
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
            }
        },
        created() {
            // this.findItemByType()
        },
        mounted() {
            this.getTableDataList();
        },
        methods: {
            getTableDataList() {
                let _self = this;
                let obj = {
                    "rgstrId": _self.currentObjectRgstrId,
                    "pageSize": _self.pageSize,
                    "pageNum": _self.pageNum,
                    "name": _self.projectName
                }
                getEngineeringOperationListApi(obj).then(res => {
                    if (res.success) {
                        _self.tableDataList = res.data.list;
                        _self.total = res.data.total;
                    } else {
                        this.$message.error(res.message)
                    }
                });
            },
            cancelHandler() {
                this.$emit("cancelHandler");
            },
            handleSizeChange(val) {
                this.pageSize = val;
                this.getTableDataList();
            },
            handleCurrentChange(val) {
                this.pageNum = val;
                this.getTableDataList();
            },
            search() {
                this.getTableDataList();
            },
            editTianBao(rowId) {
                this.rowId = rowId;
                this.titleText = "编辑";
                this.dialogProjectVisible = true;
            },
            getMoveRow(rowId,url){
                this.$confirm('确定要删除该工程, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.get(url + rowId)
                        .then(res =>{
                            if(res.success){
                                this.$message.success("删除成功");
                                this.getTableDataList();
                            }else{
                                this.$message.warning(res.message);
                            }
                        })
                        .catch(err =>{
                            console.log(err);
                        })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });


            },
            //添加工程
            addProject() {
                this.rowId = "";
                this.titleText = "添加";
                this.dialogProjectVisible = true;
            },
            closeDialog() {
                this.dialogProjectVisible = false;
                this.getTableDataList();
            }
        },
        watch: {
            // currentObjectRgstrId(n, o) {
            //     this.getformList();
            // }
            projectName(){
                this.getTableDataList();
            }
        }
    };
</script>

<style lang="scss">
    .gcyxgl_list {
        margin-left: 5px;
        padding: 0;
        .m10 {
            margin: 10px;
            text-align: right;
        }
        .w200{
            width: 200px;
        }
        .paginationWarpper {
            margin-top: 10px;
        }
    }
</style>