|
|
@@ -14,38 +14,38 @@
|
|
|
<div class="pl-10 d-flex f-w-w">
|
|
|
<el-button class="mb-25 ml-10 w-80" @click="addCustoms({
|
|
|
name: `id-${generateSecureRandomString()}`,
|
|
|
- label: '身份证', type: '1', required: '0', readonly: '0',
|
|
|
+ label: '身份证', type: '1', required: '1', readonly: '0',
|
|
|
pattern: '^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$'
|
|
|
})">身份证</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `birth-${generateSecureRandomString()}`, readonly: '0', required: '0',
|
|
|
+ name: `birth-${generateSecureRandomString()}`, readonly: '0', required: '1',
|
|
|
label: '出生日期', type: '3'
|
|
|
})">出生日期</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
name: `sex-${generateSecureRandomString()}`,
|
|
|
- label: '性别', type: '4', required: '0', readonly: '0',
|
|
|
+ label: '性别', type: '4', required: '1', readonly: '0',
|
|
|
options: [
|
|
|
- { label: '男', value: '' }, { label: '女', value: '' }
|
|
|
+ { label: '男', value: '男' }, { label: '女', value: '女' }
|
|
|
]
|
|
|
})">性别</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `old-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `old-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '年龄', type: '1',
|
|
|
})">年龄</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `edu-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `edu-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '学历', type: '1',
|
|
|
})">学历</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `uni-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `uni-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '大学', type: '1',
|
|
|
})">大学</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `pro-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `pro-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '专业', type: '1',
|
|
|
})">专业</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `ind-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `ind-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '行业', type: '1',
|
|
|
})">行业</el-button>
|
|
|
</div>
|
|
|
@@ -53,20 +53,20 @@
|
|
|
<div class="pd-10 f-s-16">联系方式</div>
|
|
|
<div class="pl-10 d-flex f-w-w">
|
|
|
<el-button class="mb-25 ml-10 w-80" @click="addCustoms({
|
|
|
- name: `wx-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `wx-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '微信号', type: '1',
|
|
|
})">微信号</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `qq-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `qq-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: 'QQ号', type: '1',
|
|
|
})">QQ号</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `eml-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `eml-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '邮箱', type: '1',
|
|
|
pattern: '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$'
|
|
|
})">邮箱</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `add-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
+ name: `add-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
label: '地址', type: '1',
|
|
|
})">地址</el-button>
|
|
|
</div>
|
|
|
@@ -74,40 +74,40 @@
|
|
|
<div class="pd-10 f-s-16">选择</div>
|
|
|
<div class="pl-10 d-flex f-w-w">
|
|
|
<el-button class="mb-25 ml-10 w-80" @click="addCustoms({
|
|
|
- name: `rad-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
- label: '', type: '4', options: [
|
|
|
- { label: '', value: '' }, { label: '', value: '' }, { label: '', value: '' }
|
|
|
+ name: `rad-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
+ label: '请输入标题', type: '4', options: [
|
|
|
+ { label: '选项一', value: '选项一' }, { label: '选项二', value: '选项二' }, { label: '选项三', value: '选项三' }
|
|
|
]
|
|
|
})">单选</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `che-${generateSecureRandomString()}`, required: '0', readonly: '0',
|
|
|
- label: '', type: '5', options: [
|
|
|
- { label: '', value: '' }, { label: '', value: '' }, { label: '', value: '' }
|
|
|
+ name: `che-${generateSecureRandomString()}`, required: '1', readonly: '0',
|
|
|
+ label: '请输入标题', type: '5', options: [
|
|
|
+ { label: '选项一', value: '选项一' }, { label: '选项二', value: '选项二' }, { label: '选项三', value: '选项三' }
|
|
|
]
|
|
|
})">多选</el-button>
|
|
|
</div>
|
|
|
<div class="pd-10 f-s-16">文本输入</div>
|
|
|
<div class="pl-10 d-flex f-w-w">
|
|
|
<el-button class="mb-25 ml-10 w-80" @click="addCustoms({
|
|
|
- name: `text1-${generateSecureRandomString()}`, type: '1', required: '0', readonly: '0',
|
|
|
+ name: `text1-${generateSecureRandomString()}`, type: '1', required: '1', readonly: '0', label: '请输入标题',
|
|
|
})">单行文本</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `text2-${generateSecureRandomString()}`, type: '7', required: '0', readonly: '0',
|
|
|
+ name: `text2-${generateSecureRandomString()}`, type: '7', required: '1', readonly: '0', label: '请输入标题',
|
|
|
})">多行文本</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `desc1-${generateSecureRandomString()}`, type: '10', readonly: '1', required: '0', label: '文本描述'
|
|
|
+ name: `desc1-${generateSecureRandomString()}`, type: '10', readonly: '1', required: '0', label: '文本描述', defValue: '请输入内容',
|
|
|
})">文本描述</el-button>
|
|
|
</div>
|
|
|
<div class="pd-10 f-s-16">其他</div>
|
|
|
<div class="pl-10 d-flex f-w-w">
|
|
|
<el-button class="mb-25 ml-10 w-80" @click="addCustoms({
|
|
|
- name: `pic1-${generateSecureRandomString()}`, type: '8', required: '0', readonly: '0',
|
|
|
+ name: `pic1-${generateSecureRandomString()}`, type: '8', required: '1', readonly: '0', label: '请输入标题'
|
|
|
})">图片</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `file1-${generateSecureRandomString()}`, type: '6', required: '0', readonly: '0',
|
|
|
+ name: `file1-${generateSecureRandomString()}`, type: '6', required: '1', readonly: '0', label: '请输入标题'
|
|
|
})">文件</el-button>
|
|
|
<el-button class="mb-25 w-80" @click="addCustoms({
|
|
|
- name: `pic2-${generateSecureRandomString()}`, type: '9', required: '0', readonly: '0',
|
|
|
+ name: `pic2-${generateSecureRandomString()}`, type: '9', required: '0', readonly: '0', label: '请输入内容'
|
|
|
})">图文描述</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -117,12 +117,12 @@
|
|
|
<div class="pt-10 f-s-20 f-w-6 d-flex j-c a-c flex-cln ">
|
|
|
报名信息
|
|
|
</div>
|
|
|
- <div class="f-s-12 f-w-4 d-flex j-start c-#BBBBBB">此页面为意向人报名时所见页面：</div>
|
|
|
+ <div class="f-s-12 f-w-4 d-flex j-start c-red">此页面为意向人报名时所见页面：</div>
|
|
|
</div>
|
|
|
<template v-for="(item, index) in fixedField" :key="index">
|
|
|
<div class="pd-15 border1 c-#D7D7D7 d-flex j-sb">
|
|
|
<span>{{ item.label }}</span>
|
|
|
- <span>(不可编辑)</span>
|
|
|
+ <span>(固定字段，不可编辑)</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
<VueDraggable ref="el" v-model="fields">
|
|
|
@@ -130,9 +130,7 @@
|
|
|
<div class="meeting-custom-wrapper" :class="{ 'active-border': activeField === field }"
|
|
|
@click="setActive(field)">
|
|
|
<MeetingCustom :field="field" ref="childRef" v-if="field" />
|
|
|
- <el-button class="delete-btn" type="danger" text @click.stop="removeField(index)">
|
|
|
- 删除
|
|
|
- </el-button>
|
|
|
+ <img class="ml-10 delete-btn" :src="shanchu" @click.stop="removeField(index)">
|
|
|
</div>
|
|
|
</template>
|
|
|
</VueDraggable>
|
|
|
@@ -148,16 +146,16 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup name="lmmeeting-meeting-add" lang="ts">
|
|
|
+import shanchu from '@/assets/images/shanchu.png'
|
|
|
import { VueDraggable } from 'vue-draggable-plus'
|
|
|
import { ref, reactive, onMounted, watch } from 'vue';
|
|
|
-import { debounce } from 'lodash';
|
|
|
import { useRouter } from 'vue-router';
|
|
|
// 需要添加以下导入
|
|
|
import MeetingCustom from './meeting-custom.vue'
|
|
|
import { propTypes } from '@/utils/propTypes';
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
const { dm_training_join_type, yes_no, lm_training_cert, vip_level } = toRefs<any>(proxy?.useDict('dm_training_join_type', 'yes_no', 'lm_training_cert', 'vip_level'));
|
|
|
-import { FieldDefinition, FieldType } from './type'
|
|
|
+import { FieldDefinition } from './type'
|
|
|
const props = defineProps<{
|
|
|
field?: any; // 使用 any 简化类型（实际应替换为具体类型，如 FieldDefinition）
|
|
|
show?: boolean; // 可选参数，默认 false
|
|
|
@@ -296,7 +294,7 @@ watch(
|
|
|
|
|
|
.delete-btn {
|
|
|
position: absolute;
|
|
|
- top: 5px;
|
|
|
+ top: 15px;
|
|
|
right: 5px;
|
|
|
padding: 0 5px;
|
|
|
font-size: 12px;
|
