fj-dc-ui/.svn/pristine/eb/eb68f3ecc483dc597bd264fac8c11ae20342d95e.svn-base

<template>
    <el-dialog class="customs_dialog" :visible.sync="dialogVisible" :before-close="handleClose" title="水闸督查批量填报">
        <template slot="title">
            水闸督查批量填报
            <span style="margin-left:2px;">(<b style="color:red;">注意：Excel文件导入操作会覆盖本页所有数据，请谨慎操作。</b>)</span>
        </template>
        <shui-zha-tian-bao :show="show" :nmStr="nmStr" :heightStr="heightStr" :widthStr="widthStr" :dxdcMainHeightStr="dxdcMainHeightStr"
        ></shui-zha-tian-bao>
        <span slot="footer" class="dialog-footer">
    </span>
    </el-dialog>
</template>
<script>

    import request from '../../utils/gw_ajax_request.js'
    import shuiZhaTianBao from '../duChaDuiXiang/reportTb/shuiZhaTianBao.vue'
    export default {
        props: [],
        components: {
            shuiZhaTianBao:shuiZhaTianBao,
        },
        data(){
            return{
                dialogVisible:true,
                fileList:[],
                uuid:1,
                actionUrl:'',
                socket:null,
                showShuiKuTianBaoPlVer:false,
                filePath:'',
                tableData:[],
                showButton:false,
                show:false,
                nmStr: 'non',
                dxdcMainHeightStr: window.innerHeight - 300,
                heightStr: window.innerHeight,                
                widthStr: window.innerWidth,
            }
        },
        mounted:function(){

        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        methods:{
            handleClose(done) {
                this.$emit("closePlDialog");
            },
        },
        watch:{

        },

    }
</script>
<style>
    .title{
        font-size: 16px;
    }
    .el-icon-edit{
        margin-right: 10px;
    }
    .customs_dialog .el-dialog{
        width: 80% !important;
    }

    .customs_dialog .el-dialog__body {
        padding: 30px 20px;
        color: #606266;
        font-size: 14px;
        height: 60vh;
        overflow: auto;
    }

    .upload_div {
        text-align: center;

    }

    .upload_div_left {
        border:1px solid red;
        width:50%;
        height:100px;
        float:left;

    }

    .upload_div_right {
        border:1px solid red;
        width:50%;
        height:100%;
        float:right;

    }

</style>