提交

src/view/setSail/index.vue

@@ -8,48 +8,21 @@
     <br />
     <div class="main">
       <van-cell-group inset>
-        <van-nav-bar title="活动介绍" />
-        <p
-          style="
-            text-indent: 2em;
-            padding: 8px 8px 0 8px;
-            text-align: justify;
-            line-height: 1.5em;
-            font-size: 16px;
-            color: #a73832;
-          "
-        >
-          2023年是改革开放45周年，更是全面贯彻党的二十大精神的开局之年和全党深入开展学习贯彻习近平新时代中国特色社会主义思想主题教育之年。5月17日，习近平总书记在西安主持中国－中亚峰会前夕，专门听取了陕西省委和省政府工作汇报，强调陕西在推进中国式现代化建设中要有勇立潮头、争当时代弄潮儿的志向和气魄，奋力追赶、敢于超越，在西部地区发挥示范作用。习近平总书记掷地有声的话语为奋力谱写中国式现代化建设的陕西篇章指明了方向，提供了根本遵循。
+        <van-nav-bar title="大赛介绍" />
+        <p class="paragraph">
+          由“学习强国”陕西学习平台及各省级学习平台主办，西部网承办，“学习强国”西安、宝鸡、咸阳、铜川、渭南、榆林、延安、汉中、安康、商洛学习平台协办的“春潮激荡正扬帆”2023年全国短视频大赛于即日起正式启动。
         </p>
-        <p
-          style="
-            text-indent: 2em;
-            padding: 8px 8px 0 8px;
-            text-align: justify;
-            line-height: 1.5em;
-            font-size: 16px;
-            color: #a73832;
-          "
-        >
+        <!-- <p class="paragraph">
           陕西省外参赛作品发送至邮箱xxqgzhengji@163.com，邮件标题注明【春潮激荡正扬帆】，来稿须附带视频名称、作品简介、主创信息（参赛者姓名、联系电话、所在单位）；或下载“闪视频”APP，通过首页置顶专题进行投稿。
         </p>
-        <p
-          style="
-            text-indent: 2em;
-            padding: 8px 8px 0 8px;
-            text-align: justify;
-            line-height: 1.5em;
-            font-size: 16px;
-            color: #a73832;
-          "
-        >
+        <p class="paragraph">
           陕西省内参赛作品可通过“学习强国”供稿链路报送，加标签【春潮激荡正扬帆】，并完善信息页作品简介、作者姓名、单位、电话等信息；也可发送至邮箱
-        </p>
+        </p> -->
       </van-cell-group>
       <br />
       <van-form @submit="onSubmit">
         <van-cell-group inset>
-          <van-nav-bar title="报名信息" />
+          <van-nav-bar title="投稿信息" />
           <van-field
             required
             v-model="from.name"
@@ -57,24 +30,10 @@
             placeholder="请输入用户名"
             :rules="[{ validator: isString, message: '请输入正确内容' }]"
           />
-          <van-field
-            name="radio"
-            label="参赛方式"
-            required
-            :rules="[{ validator: isString, message: '请输入正确内容' }]"
-          >
-            <template #input>
-              <van-radio-group v-model="from.type" direction="horizontal">
-                <van-radio name="团队" checked-color="#ff2c2c">单位</van-radio>
-                <van-radio name="个人" checked-color="#ff2c2c">个人</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
           <van-field
             required
             v-model="from.university"
             label="所在单位"
-            v-if="from.type === '团队'"
             placeholder="请输入所在单位"
             :rules="[{ validator: isString, message: '请输入正确内容' }]"
           />
@@ -141,8 +100,9 @@
       </van-form>
       <br />
 
-      <div class="guize" @click="showGuize">参赛要求</div>
-      <div class="guize" style="top: 5em" @click="showRongyu">奖项设置</div>
+      <div class="guize" @click="showZhuti">大赛主题</div>
+      <div class="guize" style="top: 5em" @click="showGuize">参赛须知</div>
+      <div class="guize" style="top: 8em" @click="showRongyu">奖项设置</div>
 
       <div
         class="Preview"
@@ -183,7 +143,6 @@ const from = reactive({
       ? shanshipin.Phone
       : '',
   introduction: '',
-  type: '个人',
   file: [],
   university: '',
   workTitle: '',
@@ -217,22 +176,21 @@ const closePreview = () => {
 
 const showRongyu = () => {
   showDialog({
-    title: '荣誉奖励',
+    title: '奖项设置',
     messageAlign: 'left',
     confirmButtonText: '关闭',
     message: () => (
       <div class='art'>
-        <p>奖励</p>
         <p>
-          一等奖(3名)：5000元奖金+证书
+          一等奖 3名 奖金5000元 + 证书
           <br />
-          二等奖(8名)：3000元奖金+证书
+          二等奖 8名 奖金3000元 + 证书
           <br />
-          三等奖(15名)：1000元奖金+证书
+          三等奖 15名 奖金1000元 + 证书
           <br />
-          最佳单项奖(20名)：500元奖金+证书
+          最佳单项奖 20名 奖金500元 + 证书
           <br />
-          优秀组织奖(20名)：奖牌+证书
+          优秀组织奖 20名 奖牌 + 证书
           <br />
         </p>
       </div>
@@ -242,7 +200,7 @@ const showRongyu = () => {
 
 const showGuize = () => {
   showDialog({
-    title: '参赛要求',
+    title: '参赛须知',
     messageAlign: 'left',
     confirmButtonText: '关闭',
     message: () => (
@@ -267,6 +225,47 @@ const showGuize = () => {
   });
 };
 
+const showZhuti = () => {
+  showDialog({
+    title: '大赛主题',
+    messageAlign: 'left',
+    confirmButtonText: '关闭',
+    message: () => (
+      <div class='art'>
+        <p>大赛以“改革开放45周年”为主题，设置7个板块，具体内容可包括：</p>
+        <p>
+          1、
+          “学习正当时”：展示各地各单位坚持政治引领，结合工作实际开展学习贯彻习近平新时代中国特色社会主义思想主题教育，在以学铸魂、以学增智、以学正风、以学促干上下功夫求实效，以新担当新作为推动高质量发展取得新成效的生动实践。
+        </p>
+        <p>
+          2、
+          “高质量发展新图景”：以新时代各行各业、各条战线的企事业单位等为主体，通过讲述其发展历史、改革开放建设成就，透视行业脉动与社会发展，展示改革开放45年来的中国高质量发展成果。
+        </p>
+        <p>
+          3、
+          “宜居宜业新乡村”：以改革开放以来乡村人居环境明显改善、农村改革向纵深推进、农村社会保持和谐稳定为主要内容，展示农业高质高效、乡村宜居宜业、农民富裕富足的新华章。
+        </p>
+        <p>
+          4、
+          “科教谱新篇”：展示各地科技与教育事业不断塑造发展新动能新优势的蓬勃景象。讲述各地科教事业的发展成就和各学校及相关行业单位砥砺前行的奋斗故事。
+        </p>
+        <p>
+          5、
+          “文旅正当时”：立足于当下全国文化和旅游事业繁荣兴盛的生动景象，展现改革开放以来各地文旅事业发展成果，讲述具有民族凝聚力和中华文化影响力的生动故事。
+        </p>
+        <p>
+          6、
+          “有梦想谁都了不起”：表现“追梦新时代”主题，讲述个人、家庭、集体在改革开放的时代浪潮中实现价值、追求梦想，不负伟大时代、勇于筑梦追梦的精彩故事。
+        </p>
+        <p>
+          7、
+          “秀出新生活”：主题积极向上、凸显奋进改革开放新时代的音乐MV、舞蹈、快闪、Vlog、动漫、沙画、手语舞等作品。
+        </p>
+      </div>
+    ),
+  });
+};
+
 const isString = v => {
   return !!v && typeof v == 'string' && isNaN(v);
 };
@@ -289,7 +288,6 @@ const onSubmit = () => {
   oriData.append('phone', from.tel);
   //   oriData.append('isOnline', true);
   oriData.append('introduction', from.introduction);
-  oriData.append('type', from.type);
   oriData.append('university', from.university);
   oriData.append('workTitle', from.workTitle);
   oriData.append('file', from.file[0].file);
@@ -316,14 +314,26 @@ const onSubmit = () => {
     .then(() => {
       closeToast();
       showDialog({
-        title: '报名成功',
+        title: '',
         messageAlign: 'left',
         confirmButtonText: '关闭',
         message: () => (
           <div style='padding: 1em;text-align:center;font-size: 24px;line-height:1.5em'>
-            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M512.465455 0.116364C230.609455 0.116364 1.210182 229.492364 1.210182 511.371636S230.586182 1022.650182 512.465455 1022.650182s511.278545-229.376 511.278545-511.278546C1023.720727 229.492364 794.344727 0.116364 512.465455 0.116364z m286.091636 413.230545L466.013091 754.222545a42.519273 42.519273 0 0 1-30.254546 12.753455h-0.232727a42.589091 42.589091 0 0 1-30.114909-12.427636l-178.711273-178.827637a42.565818 42.565818 0 0 1 0-60.253091 42.565818 42.565818 0 0 1 60.253091 0l148.363637 148.247273 302.312727-310.062545a42.682182 42.682182 0 0 1 60.253091-0.698182 42.821818 42.821818 0 0 1 0.674909 60.392727z m0 0" p-id="3621" fill="#2aae67"></path></svg>
+            <svg
+              viewBox='0 0 1024 1024'
+              version='1.1'
+              xmlns='http://www.w3.org/2000/svg'
+              width='64'
+              height='64'
+            >
+              <path
+                d='M512.465455 0.116364C230.609455 0.116364 1.210182 229.492364 1.210182 511.371636S230.586182 1022.650182 512.465455 1022.650182s511.278545-229.376 511.278545-511.278546C1023.720727 229.492364 794.344727 0.116364 512.465455 0.116364z m286.091636 413.230545L466.013091 754.222545a42.519273 42.519273 0 0 1-30.254546 12.753455h-0.232727a42.589091 42.589091 0 0 1-30.114909-12.427636l-178.711273-178.827637a42.565818 42.565818 0 0 1 0-60.253091 42.565818 42.565818 0 0 1 60.253091 0l148.363637 148.247273 302.312727-310.062545a42.682182 42.682182 0 0 1 60.253091-0.698182 42.821818 42.821818 0 0 1 0.674909 60.392727z m0 0'
+                p-id='3621'
+                fill='#2aae67'
+              ></path>
+            </svg>
             <br />
-            恭喜你投稿成功
+            恭喜您投稿成功
             <br />
             更多活动动态请关注闪视频app
           </div>
@@ -344,6 +354,15 @@ const onSubmit = () => {
   font-weight: 400;
 }
 
+.setSail .paragraph {
+  text-indent: 2em;
+  padding: 8px 8px 0 8px;
+  text-align: justify;
+  line-height: 1.5em;
+  font-size: 16px;
+  color: #a73832;
+}
+
 .setSail .art {
   padding: 8px 8px 0 8px;
   text-align: justify;