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