fj-dc-ui/.svn/pristine/d6/d6903fd8ec16fedd1c5648f7396e3bcce8d92033.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-cha-xun :show="show" 
            :gateNameStr="gateNameStr" 
            :gateTypeStr="gateTypeStr"
            :pageStr="pageStr"
            :adCode="adCode"
            :heightStr="heightStr" :widthStr="widthStr" :dxdcMainHeightStr="dxdcMainHeightStr">
        </shui-zha-cha-xun>
        <span slot="footer" class="dialog-footer">
    </span>
    </el-dialog>
</template>
<script>

    import request from '../../../utils/gw_ajax_request.js'
    import shuiZhaChaXun from './shuiZhaChaXun_sht.vue'
    export default {
        props: ['gateNameStr','gateTypeStr','pageStr','adCode'],
        components: {
            shuiZhaChaXun:shuiZhaChaXun,
        },
        data(){
            return{
                dialogVisible:true,
                fileList:[],
                uuid:1,
                actionUrl:'',
                socket:null,
                showShuiKuTianBaoPlVer:false,
                filePath:'',
                tableData:[],
                showButton:false,
                show:true,
                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>