<template>
  <div class="taoBaoCSV">
        <el-card shadow="never">
            <div slot="header" class="clearfix">
                <span>淘宝CSV上传</span>
            </div>
            <div class="danger">
                尽量在服务器空闲时间来操作，会占用大量内存与带宽，在获取过程中，请不要进行任何操作!
            </div>
            <el-card shadow="never">
                <div slot="header" class="clearfix">
                    <span>淘宝CSV上传上传助手</span>
                </div>
                <div style="margin-bottom:6px">
                    <span>功能介绍：</span>
                    <span>可将<span class="blue">淘宝助理</span>以及其他途径获取的淘宝商品CSV文件快速上传至商城,节约您的大量时间!</span>
                </div>
                <div flex="dir:left box:first"><div>使用方法：</div> <div><span> 1. 将您获取到的CSV文件转存为Excel格式,否则将无法识别</span> <br> <span>2. 将配套的图片文件包压缩为Zip格式压缩包并且导入(图片需在压缩包根目录下) </span> <br> <span>3. 确认上传即可</span></div></div>
                <div style="margin-top:6px">
                    <span>Excel示例文件:</span>
                    <span class="f12 blue">Excel示例文件</span>
                </div>
                <div style="margin:6px 0">
                    <span>Zip示例文件:</span>
                    <span class="f12 blue">Zip示例文件</span>
                </div>
                <div style="color: rgb(255, 69, 68);">注意：导入的商品尽量控制在10个以内</div>
            </el-card>
            <el-form class="smallForm" style="margin-top:24px" ref="form" :model="form" label-width="120px">
                <el-form-item label="EXCEL">
                    <el-button size="mini" type="primary">点击上传</el-button>
                </el-form-item>
                <el-form-item label="ZIP">
                    <el-button size="mini" type="primary">点击上传</el-button>
                </el-form-item>
                <el-form-item>
                    <el-button size="small" type="primary">确认导入</el-button>
                </el-form-item>
            </el-form>  
        </el-card>
  </div>
</template>

<script>
export default {
    name: "taoBaoCSV",
    data(){
        return{

        }
    },
    created(){

    },
    methods:{},
};
</script>

<style>
.taoBaoCSV .smallForm .el-form-item{
    margin-bottom: 18px!important;
}
.taoBaoCSV .danger{
    background-color: #fce9e6;
    width: 100%;
    border-color: #edd7d4;
    color: #e55640;
    border-radius: 2px;
    padding: 15px;
    margin-bottom: 20px;
}   
</style>
