Skip to content

kaisa / SopWeb

Go to a project
Commit 2b2ac9d9 by kaisa
Options

feat:更新

parent a345f7c1
Inline Side-by-side
Showing with 46 additions and 27 deletions
index.html
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title></title> <title></title>
<script src="http://app.ixiulive.com/static/js/fsize.js"></script> <script src="https://app.ixiulive.com/static/js/fsize.js"></script>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script type="text/javascript" src="http://app.ixiulive.com/static/js/webAppComm.js"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js"></script>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>
</body> </body>
......
src/views/activity/recruitment/components/sign/index.vue
<script setup lang="ts"> <script setup lang="ts">
/* 主播信息表單 */ /* 主播信息表單 */
const platform = ref(''); const formData = ref({
const idNum = ref(''); platform: '',
const userName = ref(''); idNum: '',
userName: '',
uid: ''
})
const formRef = ref();
const isShowWriteId = ref(false)
const showPlatformPicker = ref(false); const showPlatformPicker = ref(false);
const pickerValue = ref([]) const pickerValue = ref([])
const columns = [ const columns = [
...@@ -10,21 +16,26 @@ const columns = [ ...@@ -10,21 +16,26 @@ const columns = [
]; ];
// 进度条 // 进度条
const currentProgress = ref(33.33); // 默认显示第一阶段
const stages = [ const stages = [
{ label: '試合作', value: 33.33 }, { label: '試合作', value: 33.33, time: "15天" },
{ label: '中期合作', value: 66.66 }, { label: '中期合作', value: 66.66, time: "180天或收穫200w螢火" },
{ label: '長期合作', value: 100 } { label: '長期合作', value: 100, time: "365天" }
]; ];
const onConfirm = ({ selectedValues }: any) => { const stageIndex = ref(0)
console.log(selectedValues, '~'); const currentProgress = ref(33.33); // 默认显示第一阶段
pickerValue.value = selectedValues; const onConfirm = ({ selectedValues }: any) => {
formData.value.platform = selectedValues;
showPlatformPicker.value = false; showPlatformPicker.value = false;
isShowWriteId.value = true;
}; };
const onSubmit = (values: any) => { const onSubmit = async () => {
console.log('submit', values); try {
await formRef.value.validate();
console.log('表单验证通过', formData.value);
} catch (error) {
}
}; };
</script> </script>
...@@ -112,7 +123,7 @@ const onSubmit = (values: any) => { ...@@ -112,7 +123,7 @@ const onSubmit = (values: any) => {
<div class="cooperation-wrap"> <div class="cooperation-wrap">
<div class="cooperation-time">合作期限</div> <div class="cooperation-time">合作期限</div>
<div class="cooperation-content"> <div class="cooperation-content">
<div class="time">365天</div> <div class="time">{{ stages[stageIndex].time }}</div>
<span class="cooperation-tips">自簽約生效之日起計算</span> <span class="cooperation-tips">自簽約生效之日起計算</span>
</div> </div>
</div> </div>
...@@ -223,24 +234,27 @@ const onSubmit = (values: any) => { ...@@ -223,24 +234,27 @@ const onSubmit = (values: any) => {
</div> </div>
<div class="info-form"> <div class="info-form">
<van-config-provider theme="dark"> <van-config-provider theme="dark">
<van-form @submit="onSubmit"> <van-form ref="formRef">
<van-cell-group inset> <van-cell-group inset>
<van-field v-model="platform" name="platform" label="合作平臺：" placeholder="選擇平臺" is-link <van-field v-model="formData.platform" name="platform" label="合作平臺：" placeholder="選擇平臺"
@click="showPlatformPicker = true" is-link @click="showPlatformPicker = true"
:rules="[{ required: true, message: '请選擇平臺' }]" /> :rules="[{ required: true, message: '请選擇平臺' }]" />
<van-field v-model="userName" name="id" label="FIREFLY ID： " placeholder="請輸入" <van-field v-show="isShowWriteId" v-model="formData.uid" name="id" label="FIREFLY ID： "
:rules="[{ required: true, message: '请輸入FIREFLY ID' }]" /> placeholder="請輸入" :rules="[{ required: true, message: '请輸入FIREFLY ID' }]" />
<span class="platform-tips">主播僅允許選定一個合作平台，多平台合作模式後續開放，敬請期待 </span>
<span v-show="isShowWriteId" class="platform-tips">主播僅允許選定一個合作平台，多平台合作模式後續開放，敬請期待
</span>
<van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom"> <van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom">
<van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm" <van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm"
@cancel="showPlatformPicker = false" /> @cancel="showPlatformPicker = false" />
</van-popup> </van-popup>
<van-field v-model="userName" name="userName" label="姓名:" placeholder="請輸入" <van-field v-model="formData.userName" name="userName" label="姓名:" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入姓名' }]" /> :rules="[{ required: true, message: '请輸入姓名' }]" />
<van-field v-model="idNum" name="idNum" label="身份證號碼:" placeholder="請輸入"
<van-field v-model="formData.idNum" name="idNum" label="身份證號碼:" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入身份證號碼' }]" /> :rules="[{ required: true, message: '请輸入身份證號碼' }]" />
</van-cell-group> </van-cell-group>
</van-form> </van-form>
...@@ -250,7 +264,7 @@ const onSubmit = (values: any) => { ...@@ -250,7 +264,7 @@ const onSubmit = (values: any) => {
</div> </div>
<div class="confirm"> <div class="confirm">
<span class="message">我們希望能和您開啟第一階段「試合作」，讓我們與你一起經營直播間。 </span> <span class="message">我們希望能和您開啟第一階段「試合作」，讓我們與你一起經營直播間。 </span>
<img src="../../image/btn.png" alt=""> <img src="../../image/btn.png" alt="" @click="onSubmit">
<span class="tips">簽約將在24小時內完成審核</span> <span class="tips">簽約將在24小時內完成審核</span>
</div> </div>
</div> </div>
...@@ -846,7 +860,6 @@ const onSubmit = (values: any) => { ...@@ -846,7 +860,6 @@ const onSubmit = (values: any) => {
:deep(.van-form) { :deep(.van-form) {
width: 601px; width: 601px;
height: 388px;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
margin-left: 24px; margin-left: 24px;
...@@ -899,14 +912,20 @@ const onSubmit = (values: any) => { ...@@ -899,14 +912,20 @@ const onSubmit = (values: any) => {
.van-cell__right-icon { .van-cell__right-icon {
color: #00225B; color: #00225B;
position: relative; position: absolute;
left: -32px; right: 20px;
} }
} }
.van-cell::after { .van-cell::after {
display: none; display: none;
} }
.van-cell--clickable {
.van-field__label {
width: 240px;
}
}
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment