lw_test/app/home/view/ai_exam/index.html

{extend name="public/base_el"/}
{block name="css"}
<style>
    .box {
        margin: 0 auto;
        width: 1200px;
    }

    .countdown {
        text-align: right;
        color: red;
    }

    .title {
        margin-top: 50px;
    }

    .title p {
        margin: 10px auto;
        padding: 0 20px;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
    }

    .font-bold {
        font-weight: bold;
    }

    .exam-title {
        font-family: "黑体";
    }

    .content, .exam-title {
        text-indent: 2em;
        line-height: 28px;
        font-size: 18px;
        font-family: "仿宋_GB2312";
    }
</style>
{/block}
{block name="body"}
<div class="box">
    <div class="countdown">结束倒计时 {{second_text}}</div>
    <div class="title">
        <p>2025年晋江市AI政务应用技能竞赛</p>
        <p>决赛考题</p>
    </div>
    <div class="exam-title font-bold">
        题目：利用AI工具设计“晋青拼搏”年轻干部培养品牌宣传作品
    </div>
    <div class="content">
        年轻干部是党的事业薪火相传的生力军，肩负着时代赋予的重任。近年来，晋江市委组织部、市直机关工委深入学习贯彻习近平总书记关于年轻干部工作的重要论述，抓实后继有人根本大计，聚焦抓学习、比业务、重实践等方面，搭建多元载体，打造了“晋青拼搏”年轻干部培养品牌，努力锻造一支政治过硬、作风扎实、本领高强的年轻干部队伍。
    </div>
    <div class="content">
        请围绕“晋青拼搏”年轻干部培养品牌，运用AI技术设计一份具有创新性和吸引力的宣传作品，展现晋江市委组织部、市直机关工委在年轻干部教育培养路径的探索和实践，突出在思想淬炼、本领锤炼、实践历练等方面的系列举措，如，开设“青马成才”训练营，常态化开展辩论赛、诵读比赛、政务技能竞赛等活动，组建应急先锋队、强企先锋队等等，助推营造“晋青拼搏”的干事创业氛围。
    </div>
    <div class="content">具体要求：</div>
    <div class="content">
        <span class="font-bold">1.设计宣传作品：</span>
        <span>（1）请利用AI技术，创作一份针对“晋青拼搏”主题的宣传作品，要求内容积极向上，能够准确传达“晋青拼搏”的品牌理念和价值。（2）作品格式限定为图片、动图或短视频（其中，①图片为JPG格式，色彩模式为RGB，分辨率不低于300dpi；②动图为GIF格式，时长不低于5秒，不超过15秒，分辨率不低于1242px*2208px；③短视频格式不限，清晰度不低于1080P，时长不低于30秒，不超过3分钟），选手根据自身AI工具运用水平自行选择，应保证作品原创。</span>
    </div>
    <div class="content">
        <span class="font-bold">2.生成创作思路PPT：</span>
        <span>（1）制作一个PPT，阐述创作思路、操作过程及作品亮点，展现AI工具在提升设计效率与创意实现方面的作用。（2）PPT控制在5页以内，内容精炼，条理清晰。</span>
    </div>
    <div class="content">
        <span class="font-bold">3.命名要求：</span>
        <span>作品完成后，将宣传作品文件命名为“单位+选手姓名+作品”，将创作思路PPT文件命名为“单位+选手姓名+思路PPT”，上传至考试指定页面，并点击“交卷”按钮完成提交。</span>
    </div>
    <div style="margin-top:50px;">
        <el-upload
                v-model:file-list="fileList"
                class="upload-demo"
                action="{:url('upload')}"
                :before-remove="removeFile"
                multiple
        >
            <el-button type="success">点击上传文件</el-button>
        </el-upload>
    </div>
    <div style="margin-top:50px;text-align: center;">
        <el-button type="primary" @click="toSuccess">交卷</el-button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.fileList = Vue.ref([]);
        base.removeFile = (res) => {
            postJson("{:url('ai_exam/deleteFile')}", {name: res.name}).then(() => {
                ElementPlus.ElMessage.success('删除成功');
            });
        }

        base.toSuccess = () => {
            location.href = "{:url('examSuccess')}";
        }

        base.second = Vue.ref({$second});
        base.second_text = Vue.ref('');
        base.set = setInterval(function () {
            base.dealTime();
            base.second.value--;
            if (base.second.value < 0) {
                clearInterval(base.set);
            }
        }, 1000);
        base.dealTime = () => {
            if (base.second.value < 0) {
                return;
            }
            const hour = Math.floor(base.second.value / 3600);
            const minute = Math.floor((base.second.value - 3600 * hour) / 60);
            const second = base.second.value - 3600 * hour - minute * 60;
            base.second_text.value = String(hour).padStart(2,'0') + '：' + String(minute).padStart(2,'0') + '：' + String(second).padStart(2,'0')
        }

        Vue.onMounted(() => {
            base.dealTime();
        });
        Vue.onUnmounted(()=> {
            clearInterval(base.set);
        })

        return base;
    }
</script>
{/block}