fj-dc-ui/.svn/pristine/2e/2e5239a4d9d006bf7de47decf41b0544b126173e.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-ku-cha-xun :show="show" 
            :rsNameStr="rsNameStr" 
            :rsTypeStr="rsTypeStr"
            :pageStr="pageStr"
            :admDiv="admDiv"
            :heightStr="heightStr" :widthStr="widthStr" :dxdcMainHeightStr="dxdcMainHeightStr">
        </shui-ku-cha-xun>
        <span slot="footer" class="dialog-footer">
    </span>
    </el-dialog>
</template>
<script>

    import request from '../../../utils/gw_ajax_request.js'
    import shuiKuChaXun from '../../duChaDuiXiang/chaXun/shuiKuChaXun_sht.vue'
    export default {
        props: ['rsNameStr','rsTypeStr','pageStr','admDiv'],
        components: {
            shuiKuChaXun:shuiKuChaXun,
        },
        data(){
            return{
                dialogVisible:true,
                fileList:[],
                uuid:1,
                actionUrl:'',
                socket:null,
                showShuiKuTianBaoPlVer:false,
                filePath:'',
                tableData:[],
                showButton:false,
                show:true,
                nmStr: 'non',
                dxdcMainHeightStr: window.innerHeight - 320,
                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>