提交

src/view/SilkRoadShanShiPin/index.js

@@ -62,8 +62,8 @@ window.setUserSession = () => {
 
 // 分享
 window.weixin_Share_Init(
-  "战马音浪 · 校园歌手大赛",
-  "线上连麦PK报名通道已开通，火热报名中...",
+  "丝路春晚",
+  "丝路春晚",
   "https://cxzx.smcic.net/topic/highSpeed/img/logo3.png"
 );
 

src/view/SilkRoadShanShiPin/index.vue

@@ -1,348 +1,312 @@
 <template>
-  <div class="SilkRoadShanShiPin">
-    <van-image :width="topWidth" :height="topWidth / 1.7" :src="soundbyteJpg" />
-    <br />
-    <van-cell-group inset>
-      <van-nav-bar title="活动介绍" />
-      <p
-        style="
+	<div class="SilkRoadShanShiPin">
+		<van-image :width="topWidth" :height="topWidth / 1.7" :src="soundbyteJpg" />
+		<br />
+		<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;
-        "
-      >
-        由陕西广电融媒体集团(台)官方平台闪视频APP、陕西音乐广播FM98.8、战马能量型维生素饮料联合打造的校园音乐 IP-“战马音浪·校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
-        为主，结合线上线下丰富有趣的内容设置，依托省台影响力将赛事在全网曝光。
-      </p>
-      <p
-        style="
+        ">
+				由陕西广电融媒体集团(台)官方平台闪视频APP、陕西音乐广播FM98.8、战马能量型维生素饮料联合打造的校园音乐
+				IP-“战马音浪·校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
+				为主，结合线上线下丰富有趣的内容设置，依托省台影响力将赛事在全网曝光。
+			</p>
+			<p style="
           text-indent: 2em;
           padding: 0 8px 8px 8px;
           text-align: justify;
           line-height: 1.5em;
           font-size: 16px;
-        "
-      >
-        直播间不仅有暖冬定制大礼包、笔记本、U型枕、战马饮料，还有千元现金大奖、总决赛门票等你来拿！
-      </p>
-    </van-cell-group>
-    <br />
-    <van-form @submit="onSubmit">
-      <van-cell-group inset>
-        <van-nav-bar title="报名信息" />
-        <van-field
-          required
-          v-model="from.name"
-          label="选手姓名"
-          placeholder="请输入用户名"
-          :rules="[{ validator: isString, message: '请输入正确内容' }]"
-        />
-        <van-field
-          name="radio"
-          label="参赛方式"
-          required
-          :rules="[{ validator: isString, message: '请输入正确内容' }]"
-        >
-          <template #input>
-            <van-radio-group v-model="from.isOnLine" 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.tel"
-          label="联系方式"
-          type="tel"
-          placeholder="请输入手机号"
-          :rules="[{ validator: isNumber, message: '请输入正确内容' }]"
-        />
-        <van-field
-          required
-          v-model="from.university"
-          label="参赛院校"
-          placeholder="请输入院校名称"
-          :rules="[{ validator: isString, message: '请输入正确内容' }]"
-        />
-        <van-field
-          placeholder="上传作品"
-          required
-          label="上传作品"
-          :rules="[{ validator: isFile, message: '请输入正确内容' }]"
-        >
-          <template #input>
-            <van-uploader
-              accept="video/*"
-              v-model="from.file"
-              :max-count="1"
-              :max-size="524288000"
-              @oversize="filesize"
-              result-type="file"
-            >
-              <template #preview-cover>
-                <van-icon
-                  color="#fff"
-                  size="40"
-                  @click="previewClick"
-                  name="play-circle-o play"
-                />
-              </template>
-            </van-uploader>
-            <p style="font-size: 12px; color: #666">
-              支持上传MP4、MOV格式的视频，视频时长三分钟以内，视频大小500M以内
-            </p>
-          </template>
-        </van-field>
-        <div style="padding: 5px">
-          <van-button block type="danger" native-type="submit">
-            我要报名
-          </van-button>
-        </div>
-      </van-cell-group>
-    </van-form>
-    <br />
+        ">
+				直播间不仅有暖冬定制大礼包、笔记本、U型枕、战马饮料，还有千元现金大奖、总决赛门票等你来拿！
+			</p>
+		</van-cell-group>
+		<br />
+		<van-form @submit="onSubmit">
+			<van-cell-group inset>
+				<van-nav-bar title="报名信息" />
+				<van-field required v-model="from.name" label="选手姓名" 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.tel" label="联系方式" type="tel" placeholder="请输入手机号"
+					:rules="[{ validator: isNumber, message: '请输入正确内容' }]" />
+				<van-field required v-model="from.introduction" rows="2" autosize label="留言" type="textarea" maxlength="50"
+					placeholder="请输入简介" show-word-limit :rules="[{ validator: isString, message: '请输入正确内容' }]" />
+				<van-field placeholder="上传作品" required label="上传作品"
+					:rules="[{ validator: isFile, message: '请输入正确内容' }]">
+					<template #input>
+						<van-uploader accept="video/*" v-model="from.file" :max-count="1" :max-size="524288000"
+							@oversize="filesize" result-type="file">
+							<template #preview-cover>
+								<van-icon color="#fff" size="40" @click="previewClick" name="play-circle-o play" />
+							</template>
+						</van-uploader>
+						<p style="font-size: 12px; color: #666">
+							支持上传MP4、MOV格式的视频，视频大小500M以内
+						</p>
+					</template>
+				</van-field>
+				<div style="padding: 5px">
+					<van-button block type="danger" native-type="submit">
+						我要报名
+					</van-button>
+				</div>
+			</van-cell-group>
+		</van-form>
+		<br />
 
-    <div class="guize" @click="showGuize">活动规则</div>
+		<div class="guize" @click="showGuize">活动规则</div>
 
-    <div
-      class="Preview"
-      :style="preview !== '' ? '' : 'z-index: -1;opacity: 0'"
-    >
-      <van-icon
-        name="close"
-        color="#fff"
-        size="30"
-        class="close"
-        @click="closePreview"
-      />
-      <video ref="previewVideo" controls :src="preview"></video>
-    </div>
-  </div>
+		<div class="Preview" :style="preview !== '' ? '' : 'z-index: -1;opacity: 0'">
+			<van-icon name="close" color="#fff" size="30" class="close" @click="closePreview" />
+			<video ref="previewVideo" controls :src="preview"></video>
+		</div>
+	</div>
 </template>
 <script setup>
-// import { onMounted, reactive } from "vue";
-import { ref, reactive } from "vue";
-import { showToast,showLoadingToast, Dialog } from "vant";
-import axios from "axios";
-import soundbyteJpg from "../../assets/img/soundbyte.jpg";
-/**
- * window.$originData.orginParames.title 页面标题
- * window.$originData.orginParames.parameters 固定参数值
- * window.$originData.urlParames url参数
- */
-const topWidth = ref(window.$originData.orginParames.availWidth);
-const preview = ref("");
-const previewVideo = ref(null);
-const shanshipin = window.$shanshipin || {};
-const from = reactive({
-  name: shanshipin.UserName || "",
-  tel:
-    !isNaN(shanshipin.Phone) && Number(shanshipin.Phone)
-      ? shanshipin.Phone
-      : "",
-  university: "",
-  isOnLine: "个人",
-  file: [],
-});
+	// import { onMounted, reactive } from "vue";
+	import {
+		ref,
+		reactive
+	} from "vue";
+	import {
+		showToast,
+		showDialog
+	} from "vant";
+	import axios from "axios";
+	import soundbyteJpg from "../../assets/img/soundbyte.jpg";
+	/**
+	 * window.$originData.orginParames.title 页面标题
+	 * window.$originData.orginParames.parameters 固定参数值
+	 * window.$originData.urlParames url参数
+	 */
+	const topWidth = ref(window.$originData.orginParames.availWidth);
+	const preview = ref("");
+	const previewVideo = ref(null);
+	const shanshipin = window.$shanshipin || {};
+	const from = reactive({
+		name: shanshipin.UserName || "",
+		tel:
+			!isNaN(shanshipin.Phone) && Number(shanshipin.Phone) ?
+			shanshipin.Phone :
+			"",
+		introduction: "",
+		type: "个人",
+		file: [],
+	});
 
-const filesize = () => showToast("超出文件大小限制");
-const previewClick = () => {
-  let getUrl = null;
-  const file = from.file[0].file;
-  if (window.createObjectURL != undefined) {
-    //basic
-    getUrl = window.createObjectURL(file);
-  } else if (window.URL != undefined) {
-    //window.URL 标准定义
-    getUrl = window.URL.createObjectURL(file);
-  } else if (window.webkitURL != undefined) {
-    //window.webkitURL是webkit的内核
-    //webkit or chrome
-    getUrl = window.webkitURL.createObjectURL(file);
-  }
-  preview.value = getUrl;
-  previewVideo.value.play();
-};
-const closePreview = () => {
-  preview.value = "";
-};
+	const filesize = () => showToast("超出文件大小限制");
+	const previewClick = () => {
+		let getUrl = null;
+		const file = from.file[0].file;
+		if (window.createObjectURL != undefined) {
+			//basic
+			getUrl = window.createObjectURL(file);
+		} else if (window.URL != undefined) {
+			//window.URL 标准定义
+			getUrl = window.URL.createObjectURL(file);
+		} else if (window.webkitURL != undefined) {
+			//window.webkitURL是webkit的内核
+			//webkit or chrome
+			getUrl = window.webkitURL.createObjectURL(file);
+		}
+		preview.value = getUrl;
+		previewVideo.value.play();
+	};
+	const closePreview = () => {
+		preview.value = "";
+	};
 
-const showGuize = () => {
-  Dialog.alert({
-    title: "活动规则",
-    messageAlign: "left",
-    confirmButtonText: "关闭",
-    message: () => (
-      <div class="art">
-        <p>1、报名时间：即日起至2022年11月22日11时。</p>
-        <p>2、参与对象：陕西各高校学生。</p>
-        <p>3、参赛要求：曲风不限，自行准备演唱伴奏。</p>
-        <p>4、嘉宾评委：陕西广播电视台音乐类主播/西安知名音乐人/歌手。</p>
-        <p>
-          5、评比规则：唱功为基本要求，结合现场表现、演唱发挥进行综合评分，优秀选手将直接进入总决赛（决赛时间：2022年11月26日），线上将评出人气选手。
-        </p>
-        <p>
-          6、线上比赛时间：
-          <p style="text-indent: 2em;">11月16日 19:00--21:00</p>
-          <p style="text-indent: 2em;">11月23日 19:00--21:00</p>
-        </p>
-        <p>
-          7、线下比赛时间：
-          <p style="text-indent: 2em;">11月12日 14:00--16:00</p>
-          <p style="text-indent: 2em;">11月13日 14:00--16:00</p>
-          <p style="text-indent: 2em;">11月19日 14:00--16:00</p>
-          <p style="text-indent: 2em;">11月20日 14:00--16:00</p>
-        </p>
-        <p>8、线上PK赛奖品：战马定制大礼包、笔记本、U型枕、战马饮料。</p>
-        <p>
-          9、11月26日总决赛奖品：
-          <p style="text-indent: 2em;">冠军：3000元奖金 + 战马饮料4箱;</p>
-          <p style="text-indent: 2em;">亚军：2000元奖金 + 战马饮料3箱</p>
-          <p style="text-indent: 2em;">季军：1000元奖金 + 战马饮料2箱</p>
-        </p>
-      </div>
-    ),
-  });
-};
+	const showGuize = () => {
+		showDialog({
+			title: "活动规则",
+			messageAlign: "left",
+			confirmButtonText: "关闭",
+			message: () => ( <
+				div class = "art" >
+				<
+				p > 1、 报名时间： 即日起至2022年11月22日11时。 < /p> <
+				p > 2、 参与对象： 陕西各高校学生。 < /p> <
+				p > 3、 参赛要求： 曲风不限， 自行准备演唱伴奏。 < /p> <
+				p > 4、 嘉宾评委： 陕西广播电视台音乐类主播 / 西安知名音乐人 / 歌手。 < /p> <
+				p >
+				5、 评比规则： 唱功为基本要求， 结合现场表现、 演唱发挥进行综合评分， 优秀选手将直接进入总决赛（ 决赛时间： 2022 年11月26日）， 线上将评出人气选手。 <
+				/p> <
+				p >
+				6、 线上比赛时间： <
+				p style = "text-indent: 2em;" > 11 月16日 19: 00--21: 00 < /p> <
+				p style = "text-indent: 2em;" > 11 月23日 19: 00--21: 00 < /p> <
+				/p> <
+				p >
+				7、 线下比赛时间： <
+				p style = "text-indent: 2em;" > 11 月12日 14: 00--16: 00 < /p> <
+				p style = "text-indent: 2em;" > 11 月13日 14: 00--16: 00 < /p> <
+				p style = "text-indent: 2em;" > 11 月19日 14: 00--16: 00 < /p> <
+				p style = "text-indent: 2em;" > 11 月20日 14: 00--16: 00 < /p> <
+				/p> <
+				p > 8、 线上PK赛奖品： 战马定制大礼包、 笔记本、 U型枕、 战马饮料。 < /p> <
+				p >
+				9、 11 月26日总决赛奖品： <
+				p style = "text-indent: 2em;" > 冠军： 3000 元奖金 + 战马饮料4箱; < /p> <
+				p style = "text-indent: 2em;" > 亚军： 2000 元奖金 + 战马饮料3箱 < /p> <
+				p style = "text-indent: 2em;" > 季军： 1000 元奖金 + 战马饮料2箱 < /p> <
+				/p> <
+				/div>
+			),
+		});
+	};
 
-const isString = v => {
-  return !!v && typeof v == "string" && isNaN(v);
-};
-const isFile = () => {
-  return from.file && from.file.length;
-};
-const isNumber = () => {
-    console.log(from)
-    return /1[0-9]{10}/g.test(from.tel);
-}
+	const isString = v => {
+		return !!v && typeof v == "string" && isNaN(v);
+	};
+	const isFile = () => {
+		return from.file && from.file.length;
+	};
+	const isNumber = () => {
+		console.log(from)
+		return /1[0-9]{10}/g.test(from.tel);
+	}
 
-window.appLoginSuccess = () => {
-  console.log("登录");
-};
+	window.appLoginSuccess = () => {
+		console.log("登录");
+	};
 
-const onSubmit = () => {
-  if (!isFile) showToast("请上传作品");
-  const oriData = new FormData();
-  oriData.append("name", from.name);
-  oriData.append("phone", from.tel);
-  oriData.append("university", from.university);
-  oriData.append("isOnLine", from.isOnLine);
-  oriData.append("file", from.file[0].file);
+	const onSubmit = () => {
+		if (!isFile) showToast("请上传作品");
+		const oriData = new FormData();
+		oriData.append("operateId", "2");
+		oriData.append("name", from.name);
+		oriData.append("phone", from.tel);
+		oriData.append("introduction", from.introduction);
+		oriData.append("type", from.type);
+		oriData.append("file", from.file[0].file);
 
-  showLoadingToast({
-    message: "报名中...",
-    forbidClick: true,
-    duration: 0,
-  });
-  axios({
-    method: "post",
-    url: "https://topic.smcic.net/xian-song/store",
-    headers: {
-      "Content-Type": "multipart/form-data",
-    },
-    data: oriData,
-  })
-    .then(r => {
-      console.log(r);
-      showLoadingToast.clear();
-      Dialog.alert({
-        title: "报名成功",
-        messageAlign: "left",
-        confirmButtonText: "关闭",
-        message: () => (
-          <img
-            src="https://cxzx.smcic.net/topic/tool/img/er.jpg"
-            style="width: 100%"
-          />
-        ),
-      });
-    })
-    .catch(() => {
-      showToast.clear();
-      showToast("报名失败");
-    });
-};
+		axios({
+				method: "post",
+				url: "https://topic.smcic.net/xian-song/store",
+				headers: {
+					"Content-Type": "multipart/form-data",
+				},
+				data: oriData,
+			})
+			.then(r => {
+				console.log(r);
+				showDialog({
+					title: "报名成功",
+					messageAlign: "left",
+					confirmButtonText: "关闭",
+					message: () => ( <
+						img src = "https://cxzx.smcic.net/topic/tool/img/er1.jpg"
+						style = "width: 100%" /
+						>
+					),
+				});
+			})
+			.catch(() => {
+				showToast("报名失败");
+			});
+	};
 </script>
 <style>
-.SilkRoadShanShiPin {
-  width: 100vw;
-  min-height: 100vh;
-  background-color: #0c0000;
-  font-weight: 400;
-}
-.SilkRoadShanShiPin .art {
-  padding: 8px 8px 0 8px;
-  text-align: justify;
-  line-height: 1.5em;
-  font-size: 16px;
-}
-.SilkRoadShanShiPin .van-hairline--bottom:after {
-  border-bottom-width: 0px;
-}
-.SilkRoadShanShiPin .van-nav-bar__content {
-  background-image: url("../../assets/img/title.png");
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  overflow: hidden;
-}
-.SilkRoadShanShiPin .van-nav-bar__title {
-  color: #f63634;
-  font-size: 23px;
-}
-.SilkRoadShanShiPin .van-button__text {
-  font-size: 15px;
-  font-weight: 400;
-}
-.SilkRoadShanShiPin .van-uploader__preview-cover {
-  background-color: #000;
-}
-.van-uploader__preview-cover video {
-  width: 100%;
-  height: 100%;
-}
-.SilkRoadShanShiPin .play {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.SilkRoadShanShiPin .Preview {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: 10;
-}
-.SilkRoadShanShiPin .Preview video {
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 100vw;
-  max-width: 100vh;
-  background: #000;
-}
-.SilkRoadShanShiPin .Preview .close {
-  position: absolute;
-  right: 5px;
-  top: 5px;
-}
-.SilkRoadShanShiPin .guize {
-  background-color: #ff2c2c;
-  position: fixed;
-  right: 0;
-  top: 2em;
-  color: #fff;
-  font-weight: 400;
-  font-size: 16px;
-  padding: 3px 5px 3px 15px;
-  border-top-left-radius: 1em;
-  border-bottom-left-radius: 1em;
-  z-index: 11;
-}
+	.SilkRoadShanShiPin {
+		width: 100vw;
+		min-height: 100vh;
+		background-color: #0c0000;
+		font-weight: 400;
+	}
+
+	.SilkRoadShanShiPin .art {
+		padding: 8px 8px 0 8px;
+		text-align: justify;
+		line-height: 1.5em;
+		font-size: 16px;
+	}
+
+	.SilkRoadShanShiPin .van-hairline--bottom:after {
+		border-bottom-width: 0px;
+	}
+
+	.SilkRoadShanShiPin .van-nav-bar__content {
+		background-image: url("../../assets/img/title.png");
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		overflow: hidden;
+	}
+
+	.SilkRoadShanShiPin .van-nav-bar__title {
+		color: #f63634;
+		font-size: 23px;
+	}
+
+	.SilkRoadShanShiPin .van-button__text {
+		font-size: 15px;
+		font-weight: 400;
+	}
+
+	.SilkRoadShanShiPin .van-uploader__preview-cover {
+		background-color: #000;
+	}
+
+	.van-uploader__preview-cover video {
+		width: 100%;
+		height: 100%;
+	}
+
+	.SilkRoadShanShiPin .play {
+		position: relative;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+
+	.SilkRoadShanShiPin .Preview {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.3);
+		z-index: 10;
+	}
+
+	.SilkRoadShanShiPin .Preview video {
+		position: absolute;
+		left: 0;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 100vw;
+		max-width: 100vh;
+		background: #000;
+	}
+
+	.SilkRoadShanShiPin .Preview .close {
+		position: absolute;
+		right: 5px;
+		top: 5px;
+	}
+
+	.SilkRoadShanShiPin .guize {
+		background-color: #ff2c2c;
+		position: fixed;
+		right: 0;
+		top: 2em;
+		color: #fff;
+		font-weight: 400;
+		font-size: 16px;
+		padding: 3px 5px 3px 15px;
+		border-top-left-radius: 1em;
+		border-bottom-left-radius: 1em;
+		z-index: 11;
+	}
 </style>

src/view/Soundbyte/index.vue

@@ -261,7 +261,6 @@ const onSubmit = () => {
       });
     })
     .catch(() => {
-      showToast.clear();
       showToast("报名失败");
     });
 };

src/view/WorldContribution/index.vue

@@ -221,11 +221,9 @@ const onSubmit = () => {
     data: oriData,
   })
     .then(() => {
-      showToast.clear();
       showToast("报名成功");
     })
     .catch(() => {
-      showToast.clear();
       showToast("报名失败");
     });
 };