markingcloud
/
stmms-proxy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
							<!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"><img src="img/logo.png" /></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="append-select">
                        <th>是否续传：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="append" value="1"><span></span><em>是</em></label>
                                <label><input type="radio" name="append" value="2"><span></span><em>否</em></label>
                            </div>
                        </td>
                    </tr>
                    <tr id="exception-select">
                        <th>异常处理：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="exception" value="1"><span></span><em>终止</em></label>
                                <label><input type="radio" name="exception" value="2"><span></span><em>跳过</em></label>
                            </div>
                        </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="marker-select" style="display: none">
                        <th>显示评卷员：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="showMarker" value="1"><span></span><em>是</em></label>
                                <label><input type="radio" name="showMarker" value="2"><span></span><em>否</em></label>
                            </div>
                        </td>
                    </tr>
                    <tr id="header-select" style="display: none">
                        <th>显示复核人：</th>
                        <td>
                            <div class="input-radio">
                                <label><input type="radio" name="showHeader" value="1"><span></span><em>是</em></label>
                                <label><input type="radio" name="showHeader" value="2"><span></span><em>否</em></label>
                            </div>
                        </td>
                    </tr>
                    <tr id="examNumber-select" style="display: none">
                        <th>准考证号：</th>
                        <td><input id="examNumber-input" type="text" style="width: 600px" placeholder="多个准考证号用逗号分隔" />
                        </td>
                    </tr>
                    <tr id="subjectCode-select" style="display: none">
                        <th>科目代码：</th>
                        <td><input id="subjectCode-input" type="text" style="width: 600px" /></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()
                    $('#marker-select').show()
                    $('#header-select').show()
                    $('#subjectCode-select').show()
                    $('#campusName-select').show()
                } else if (type == '2') {
                    $('#message-text').html('转存规则范例: ' + config.imageUrl.package)
                    $('#message-tr').show()
                    $('#watermark-select').hide()
                    $('#marker-select').hide()
                    $('#header-select').hide()
                    $('#examNumber-select').hide()
                    $('#subjectCode-select').hide()
                } else {
                    $('#message-tr').hide()
                    $('#watermark-select').hide()
                    $('#marker-select').hide()
                    $('#header-select').hide()
                    $('#examNumber-select').hide()
                    $('#subjectCode-select').hide()
                }
            })

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

            $('#run-button').click(() => {
                let type = $('input:radio[name="type"]:checked').val()
                let append = $('input:radio[name="append"]:checked').val()
                let exceptionHandle = $('input:radio[name="exception"]:checked').val()
                let watermark = $('input:radio[name="watermark"]:checked').val()
                let showMarker = $('input:radio[name="showMarker"]:checked').val()
                let showHeader = $('input:radio[name="showHeader"]:checked').val()
                let examNumber = $('#examNumber-input').val()
                let subjectCode = $('#subjectCode-input').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 (append == undefined || append == '') {
                    alert('请选择是否续传')
                    return false
                }
                if (exceptionHandle == undefined || exceptionHandle == '') {
                    alert('请选择异常处理方法')
                    return false
                }
                if (type == '1' && (watermark == undefined || watermark == '')) {
                    alert('请选择是否添加分数水印')
                    return false
                }
                if (type == '1' && (showMarker == undefined || showMarker == '')) {
                    alert('请选择是否显示评卷员')
                    return false
                }
                window.localStorage.setItem('image-config', JSON.stringify({
                    type: type,
                    template: template.trim(),
                    dir: dir.trim(),
                    append: append == '1',
                    failover: exceptionHandle == '1',
                    watermark: watermark == '1',
                    showMarker: showMarker == '1',
                    showHeader: showHeader == '1',
                    examNumber: examNumber,
                    subjectCode: subjectCode
                }))
                window.location.href = 'image-download.html'
            })
        })
    </script>
</body>

</html>