Skip to content

A
alumni-show-h5
提交 0d0d7d2a authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

update

上级 b174ce76
显示空白字符变更
内嵌 并排
正在显示 包含 103 行增加 和 106 行删除
src/components/Form.vue
浏览文件 @ 0d0d7d2a
<template>
<van-form
ref="form"
class="form"
label-width="100%"
validate-trigger="onChange"
v-bind="$attrs"
v-on="$listeners"
>
<van-form ref="form" class="form" validate-trigger="onChange" v-bind="$attrs" v-on="$listeners">
<template v-for="(item, index) in fields">
<div class="form-item" :key="index">
<!-- 时间 -->
......@@ -22,10 +15,10 @@
@click="showPicker(item)"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
</van-field>
</template>
......@@ -42,10 +35,10 @@
@click="showPicker(item)"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
</van-field>
</template>
......@@ -62,10 +55,10 @@
@click="showPicker(item)"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
</van-field>
</template>
......@@ -78,10 +71,10 @@
v-model="ruleForm[item.name]"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
<template #input>
<upload v-model="ruleForm[item.name]" :max-count="1" />
</template>
......@@ -96,10 +89,10 @@
v-bind="item"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
<template #input>
<UpliadMultiple v-model="ruleForm[item.name]" />
</template>
......@@ -114,16 +107,12 @@
v-bind="item"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
<template #input>
<UploadVideo
v-on="$listeners"
v-model="ruleForm[item.name]"
accept="video/*"
/>
<UploadVideo v-on="$listeners" v-model="ruleForm[item.name]" accept="video/*" />
</template>
</van-field>
</template>
......@@ -137,21 +126,17 @@
v-model="ruleForm[item.name]"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
<template #input>
<van-radio-group
v-model="ruleForm[item.name]"
direction="horizontal"
>
<van-radio-group v-model="ruleForm[item.name]" direction="horizontal">
<van-radio
:name="item.name"
v-for="item in item.values"
:key="item.name"
>{{ item.text }}</van-radio
>
>{{ item.text }}</van-radio>
</van-radio-group>
</template>
</van-field>
......@@ -166,10 +151,10 @@
v-model="ruleForm[item.name]"
v-if="item.isShow ? item.isShow(ruleForm) : true"
>
<template #label>
<!-- <template #label>
{{ item.label }}
<span class="red" v-if="item.required">*</span>
</template>
</template>-->
</van-field>
</template>
......@@ -297,9 +282,7 @@ export default {
},
// 时间选择确定
onTimePickerConfirm(time) {
this.ruleForm[this.picker.name] = dayjs(time)
.second(0)
.format('YYYY-MM-DD HH:mm:ss')
this.ruleForm[this.picker.name] = dayjs(time).second(0).format('YYYY-MM-DD HH:mm:ss')
this.picker.visible = false
},
// 地区选择确定
......
src/views/activity/Update.vue
浏览文件 @ 0d0d7d2a
......@@ -2,12 +2,7 @@
<div class="main">
<card title="编辑活动">
<v-form ref="form" :model="formModel" :fields="fields" @submit="onSubmit">
<input
type="button"
value="提交"
class="submit-button"
@click="handleSubmit"
/>
<input type="button" value="提交" class="submit-button" @click="handleSubmit" />
</v-form>
</card>
</div>
......@@ -90,8 +85,8 @@ export default {
rules: [{ required: true, message: '请选择本活动对哪些用户组可见' }],
values: [
{ text: '所有人可见', value: '1' },
{ text: '所在组织可见', value: '2' },
{ text: '审核组织可见', value: '3' }
{ text: '所在组织可见', value: '2' }
// { text: '审核组织可见', value: '3' }
]
}
],
......
src/views/create/Activity.vue
浏览文件 @ 0d0d7d2a
......@@ -2,7 +2,7 @@
<div class="main">
<card title="创建活动">
<v-form ref="form" :model="formModel" :fields="fields" @submit="onSubmit">
<input type="button" value="确认创建，提交审核" class="submit-button" @click="handleSubmit" />
<input type="button" value="创建" class="submit-button" @click="handleSubmit" />
</v-form>
</card>
</div>
......@@ -25,32 +25,46 @@ export default {
name: 'activity_image',
label: '封面',
required: true,
placeholder: '请上传活动封面',
placeholder: '添加活动封面',
rules: [{ required: true, message: '请上传活动封面' }]
},
{
name: 'activity_name',
label: '主题',
label: '活动名称',
required: true,
placeholder: '请输入活动主题',
rules: [{ required: true, message: '请输入活动主题' }]
placeholder: '请输入活动名称',
rules: [{ required: true, message: '请输入活动名称' }]
},
{
type: 'textarea',
name: 'activity_contents',
label: '描述',
fieldType: 'select',
name: 'activity_demand_type',
label: '活动类型',
required: true,
placeholder: '请简单描述一下该活动',
autosize: { maxHeight: 120, minHeight: 120 },
rules: [{ required: true, message: '请简单描述一下该活动' }]
placeholder: '请选择活动类型',
rules: [{ required: true, message: '请选择活动类型' }],
values: [
{ text: '公益行', value: '1' },
{ text: '去游学', value: '2' },
{ text: '直播课', value: '3' },
// { text: '找工作', value: '4' },
{ text: '运动家', value: '5' }
]
},
{
fieldType: 'datetime',
name: 'activity_time',
label: '时间',
fieldType: 'select',
name: 'org_id',
label: '发起组织',
required: true,
placeholder: '请选择活动时间',
rules: [{ required: true, message: '请选择活动时间' }]
placeholder: '请选择发起组织',
rules: [{ required: true, message: '请选择发起组织' }],
labelKey: 'org_name',
valueKey: 'id',
remote: {
method: api.getJoinedGroupes,
callback(response) {
return response.filter(item => item.is_mine)
}
}
},
{
name: 'activity_city',
......@@ -61,46 +75,47 @@ export default {
},
{
name: 'activity_address',
label: '具体地址',
label: '地点',
required: true,
placeholder: '请输入活动具体地址',
rules: [{ required: true, message: '请输入活动具体地址' }]
placeholder: '请输入活动地点',
rules: [{ required: true, message: '请输入活动地点' }]
},
{
name: 'participator_limit',
label: '人数',
fieldType: 'datetime',
name: 'activity_time',
label: '时间',
required: true,
placeholder: '请输入活动人数',
rules: [{ required: true, message: '请输入活动人数' }]
placeholder: '请选择活动时间',
rules: [{ required: true, message: '请选择活动时间' }]
},
{
fieldType: 'select',
name: 'org_id',
label: '审核渠道',
name: 'participator_limit',
label: '人数上限',
required: true,
placeholder: '请选择审核本活动的上级组织',
rules: [{ required: true, message: '请选择审核本活动的上级组织' }],
labelKey: 'org_name',
valueKey: 'id',
remote: {
method: api.getJoinedGroupes,
callback(response) {
return response.filter(item => item.is_mine)
}
}
placeholder: '请输入活动人数',
rules: [{ required: true, message: '请输入活动人数' }]
},
{
fieldType: 'select',
name: 'visibility',
label: '活动可见性',
label: '对谁可见',
required: true,
placeholder: '请选择本活动对哪些用户组可见',
rules: [{ required: true, message: '请选择本活动对哪些用户组可见' }],
placeholder: '请选择本活动对谁可见',
rules: [{ required: true, message: '请选择本活动对谁可见' }],
values: [
{ text: '所有人可见', value: '1' },
{ text: '所在组织可见', value: '2' },
{ text: '审核组织可见', value: '3' }
{ text: '所在组织可见', value: '2' }
// { text: '审核组织可见', value: '3' }
]
},
{
type: 'textarea',
name: 'activity_contents',
label: '简介',
required: true,
placeholder: '请简单描述一下该活动',
autosize: { maxHeight: 120, minHeight: 120 },
rules: [{ required: true, message: '请简单描述一下该活动' }]
}
],
groups: []
......
src/views/home/Index.vue
浏览文件 @ 0d0d7d2a
......@@ -16,7 +16,7 @@
@click="handleNavClick(item)"
>
<div class="pic">
<img :src="item.url" />
<img :src="item.src" />
</div>
<div class="title">{{ item.title }}</div>
</li>
......@@ -34,16 +34,13 @@
</div>
<card title="热门推荐">
<div class="popular-list">
<div
class="popular-item"
v-for="item in popularList"
:key="item.id"
@click="$router.push({ name: 'groupItem', params: { id: item.id } })"
>
<div class="popular-item" v-for="(item, index) in popularList" :key="index">
<a :href="item.href">
<div class="popular-item-pic">
<img :src="item.logo" />
<img :src="item.src" />
</div>
<div class="popular-item-main">{{item.org_name}}</div>
<div class="popular-item-main">{{item.title}}</div>
</a>
</div>
</div>
</card>
......@@ -69,13 +66,24 @@ export default {
data() {
return {
navList: [
{ url: 'img/home_nav_01.png', title: '公益行', type: 1 },
{ url: 'img/home_nav_02.png', title: '去游学', type: 2 },
{ url: 'img/home_nav_03.png', title: '直播课', type: 3 },
// { url: 'img/home_nav_04.png', title: '找工作', type: 4 },
{ url: 'img/home_nav_04.png', title: '运动家', type: 5 }
{ src: 'img/home_nav_01.png', title: '公益行', type: 1 },
{ src: 'img/home_nav_02.png', title: '去游学', type: 2 },
{ src: 'img/home_nav_03.png', title: '直播课', type: 3 },
// { src: 'img/home_nav_04.png', title: '找工作', type: 4 },
{ src: 'img/home_nav_04.png', title: '运动家', type: 5 }
],
popularList: []
popularList: [
{
title: '紫荆-索菲亚FMBA项目',
src: 'img/home_sofia.png',
href: 'https://pages.ezijing.com/sofia-mba/mobile/channel.html?channel_num=29756'
},
{
title: '紫荆-Kelley金融硕士项目',
src: 'img/home_kelley.png',
href: 'https://pages.ezijing.com/sofia-mba/mobile/channel.html?channel_num=29756'
}
]
}
},
......@@ -88,10 +96,6 @@ export default {
this.popularList = response
})
}
},
beforeMount() {
this.getPopular()
}
}
</script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论