markingcloud
/
stmms-proxy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>云阅卷本地代理工具</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="wp">
        <div class="hd">
            <div class="logo"><a href="index.html"><img src="img/logo.png" /></a></div>
            <span class="y"> 欢迎您，<span id="user-name"></span><span class="pipe">|</span><a href="login.html">退出</a></span>
        </div>
        <div class="cont">
            <div class="title cl">
                <span class="y"><a href="index.html">返回考试主页</a></span>
                <h2>图片下载</h2>
            </div>
            <div class="picture cl">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <th>下载内容：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="type" value="1"><span></span><em>考生原图</em></label>
                                <label><input type="radio" name="type" value="2"><span></span><em>签到表图片</em></label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>本地保存地址：</th>
                        <td>
                            <input id="path-text" type="text" style="width: 400px" class="filetext" />
                            <a href="##" id="path-select" class="filebtn">选择</a>
                        </td>
                    </tr>
                    <tr>
                        <th>图片转存规则：</th>
                        <td><input id="template-input" type="text" style="width: 600px" /></td>
                    </tr>
                    <tr id="watermark-select" style="display: none">
                        <th>添加分数水印：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="watermark" value="1"><span></span><em>是</em></label>
                                <label><input type="radio" name="watermark" value="2"><span></span><em>否</em></label>
                            </div>
                        </td>
                    </tr>
                    <tr id="message-tr" style="display: none">
                        <th></th>
                        <td>
                            <p class="error-tetx" id="message-text"></p>
                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td><a id="run-button" href="##" class="start-btn"><span>开始图片下载</span></a></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="ft">Copyright © 2011-2020 www.qmth.com.cn, All Rights Reserved</div>
    </div>

    <script>
        const $ = require('jquery')
        const env = require('../lib/env.js')
        const config = require('../lib/config.js')
        const { dialog } = require('electron').remote

        $(document).ready(() => {
            env.merge(JSON.parse(window.localStorage.getItem('env')))
            $('#user-name').html(env.user.userName)

            $('input:radio[name="type"]').change(() => {
                let type = $('input:radio:checked').val()
                if (type == '1') {
                    $('#message-text').html('范例: ' + config.imageUrl.sheet)
                    $('#message-tr').show()
                    $('#watermark-select').show()
                } else if (type == '2') {
                    $('#message-text').html('范例: ' + config.imageUrl.package)
                    $('#message-tr').show()
                    $('#watermark-select').hide()
                } else {
                    $('#message-tr').hide()
                    $('#watermark-select').hide()
                }
            })

            $('#path-select').click(() => {
                dialog.showOpenDialog({
                    title: '请选择保存目录',
                    properties: ['openDirectory']
                }, filePaths => {
                    $('#path-text').val(filePaths[0])
                })
            })

            $('#run-button').click(() => {
                let type = $('input:radio[name="type"]:checked').val()
                let watermark = $('input:radio[name="watermark"]:checked').val()
                let template = $('#template-input').val()
                let dir = $('#path-text').val()
                if (type == undefined || type == '') {
                    alert('请选择图片类型')
                    return false
                }
                if (template == undefined || template == '') {
                    alert('请填写图片转存规则')
                    return false
                }
                if (dir == undefined || dir == '') {
                    alert('请选择图片转存目录')
                    return false
                }
                if (type == '1' && (watermark == undefined || watermark == '')) {
                    alert('请选择是否添加分数水印')
                    return false
                }
                window.localStorage.setItem('image-config', JSON.stringify({
                    type: type,
                    template: template.trim(),
                    dir: dir.trim(),
                    watermark: watermark == '1'
                }))
                window.location.href = 'image-download.html'
            })
        })
    </script>
</body>

</html>