{{ block title }}
    数据上传教程 (Windows)
{{ endblock }}
{{ block content }}

<div class="tab">
    <p>本教程将指导您进行Windows端的软件操作，该软件已经在Windows10-11的系统上测试。</p>

    <h4>第一步：下载软件</h4>
    <p>请点击下载链接下载文件，并等待1-2分钟直到下载完成，您将下载到订单数据收集-Win.exe文件。一般来说，您将在“下载”文件夹（浏览器默认的下载地址）找到它。接着，请在任意位置新建一个文件夹，并把该文件拖入文件夹中。教程中我们把文件夹叫做"软件运行"。</p>

    <h4>第二步：打开文件夹</h4>
    <p>双击打开软件运行文件夹，您将看到在文件夹中只有一个文件，订单数据收集-Win.exe，这就是软件的主体</p>

    <h4>第三步：运行软件</h4>
    <p>双击该程序，等待10-15秒后，程序将会运行，一个浏览器的界面将会打开。这是程序的初始设置界面。程序界面上将有详细的介绍，请您阅读！</p>
    <p>初始设置界面上，您有两个地方可以设置：</p>
    <ul>
        <li>选择本次运行需要数据收集的平台：点击选择淘宝/京东/拼多多</li>
        <li>选择数据收集的日期范围：当您打开后，程序默认的日期范围是最近两天-今天，本次上传您不需要对他进行操作。</li>
    </ul>
    <p>设置完成后，点击按钮：“确认后点击我运行程序”，软件将打开一个新的界面。</p>
    
    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">下一页</button>
    </p>
</div>

<div class="tab">
    <h4>第四步：平台登录</h4>
    <p>对于不同的平台，该流程都是类似的，浏览器会自动打开平台的登录界面，请您按照您喜欢的方式进行登录。推荐使用扫码登录（软件内扫码/支付宝微信扫码）。</p>

    <h4>第五步：自动化操作</h4>
    <p>登录成功后，您将看到自己的订单页面。我们的程序会代替您的鼠标操作，自动复制您的订单内容。期间请不要进行任何鼠标和键盘操作！</p>

    <h4>第六步：完成后查看数据</h4>
    <p>当您看到界面上有结束程序和关闭的按钮，就可以点击关闭按钮，关闭该程序了。您的数据保存在“软件运行”文件夹一个叫做“数据结果”的文件夹中。</p>
    <p>其中，不同平台的数据文件是按照平台名称的拼音命名的，如taobao-xxx, jingdong-xxx, pdd-xxx。</p>

    <h4>注意</h4>
    <p>请您不要卸载该软件，直到完成整个研究问卷（共六期），谢谢！</p>

    <p>下面是视频形式的操作流程，如果您觉得文字版本不够详细，可以查看您需要的内容。</p>

    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">下一页</button>
    </p>
</div>

<div class="tab">    
    <!-- video introductions -->
    <div>
        <iframe src="//player.bilibili.com/player.html?aid=659904964&bvid=BV16h4y1S7MJ&cid=1239373009&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

        <p>打开软件</p>

        <iframe src="//player.bilibili.com/player.html?aid=489880430&bvid=BV1wN41167hf&cid=1239388906&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

        <p>初始界面的设置</p>

        <iframe src="//player.bilibili.com/player.html?aid=744940842&bvid=BV1fr4y1d7mD&cid=1239416153&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

        <p>淘宝平台操作</p>

        <iframe src="//player.bilibili.com/player.html?aid=744940842&bvid=BV1fr4y1d7mD&cid=1239416153&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

        <p>京东平台操作</p>

        <iframe src="//player.bilibili.com/player.html?aid=829958364&bvid=BV1hu4y1Q7pJ&cid=1239420202&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

        <p>拼多多平台操作</p>

        <iframe src="//player.bilibili.com/player.html?aid=317389358&bvid=BV1bP411s74e&cid=1239426392&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    </div>

    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="-1">上一页</button>
        <button class="btn btn-primary">结束阅读</button>
    </p>
</div>

<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
        }
    }
</script>


{{ endblock }}