Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
8340c88d by zhangmeng
Options

票务

1 parent 400b300a
Inline Side-by-side
Showing 1 changed file with 93 additions and 86 deletions
src/viewsPc/center/myInfo.vue
...@@ -2,26 +2,29 @@ ...@@ -2,26 +2,29 @@
2 <div class="mb20"> 2 <div class="mb20">
3 <el-card :body-style="{'padding':'0'}"> 3 <el-card :body-style="{'padding':'0'}">
4 <div class="indexTitle"> 4 <div class="indexTitle">
5 <h3 class="leftboderTT" v-if="user.utype=='2'"> 5 <h3 v-if="user.utype=='2'" class="leftboderTT">
6 {{ language == 0 ? '机构基础信息' : 'ORGANIZATION BASIC INFORMATION' }}</h3> 6 {{ language == 0 ? '机构基础信息' : 'ORGANIZATION BASIC INFORMATION' }}
7 <h3 class="leftboderTT" v-if="user.utype=='1'">{{ 7 </h3>
8 language == 0 ? '个人基础信息' : 'Personal Basic Information' 8 <h3 v-if="user.utype=='1'" class="leftboderTT">
9 }}</h3> 9 {{ language == 0 ? '个人基础信息' : 'Personal Basic Information' }}
10 </h3>
10 </div> 11 </div>
11 <!-- uType字段 1 是个人 2是团体--> 12 <!-- uType字段 1 是个人 2是团体-->
12 <!-- {{user}}--> 13 <!-- {{user}}-->
13 <team-info :form="myform" v-if="user.utype=='2'"/> 14 <team-info v-if="user.utype=='2'" :form="myform" />
14 <div class="pd20" v-else> 15 <div v-else class="pd20">
15 <div class="d-form-border" style="margin-top: 0"> 16 <div class="d-form-border" style="margin-top: 0">
16 <el-form class="d-form" label-width="120" :rules="rules" ref="formref" 17 <el-form
17 :label-position="language==0?'left':'top'" style="max-width: 500px;margin: auto"> 18 ref="formref" :label-position="language==0?'left':'top'" :rules="rules" class="d-form"
19 label-width="120" style="max-width: 500px;margin: auto"
20 >
18 <el-form-item :label="language==0?'用户名':'Account'"> 21 <el-form-item :label="language==0?'用户名':'Account'">
19 {{ user.userName }} 22 {{ user.userName }}
20 </el-form-item> 23 </el-form-item>
21 <el-form-item :label="language==0?'姓名':'Real Name'" required prop="realName" v-if="user.utype=='1'"> 24 <el-form-item v-if="user.utype=='1'" :label="language==0?'姓名':'Real Name'" prop="realName" required>
22 <el-input v-model="myform.realName" disabled/> 25 <el-input v-model="myform.realName" disabled />
23 </el-form-item> 26 </el-form-item>
24 <el-form-item :label="language==0?'性别':'Gender'" required > 27 <el-form-item :label="language==0?'性别':'Gender'" required>
25 <el-radio-group v-model="myform.sex"> 28 <el-radio-group v-model="myform.sex">
26 <el-radio value="0">{{ language == 0 ? '女' : 'female' }}</el-radio> 29 <el-radio value="0">{{ language == 0 ? '女' : 'female' }}</el-radio>
27 <el-radio value="1">{{ language == 0 ? '男' : 'male' }}</el-radio> 30 <el-radio value="1">{{ language == 0 ? '男' : 'male' }}</el-radio>
...@@ -29,86 +32,91 @@ ...@@ -29,86 +32,91 @@
29 </el-form-item> 32 </el-form-item>
30 <el-form-item :label="language==0?'出生日期':'Date of Birth'"> 33 <el-form-item :label="language==0?'出生日期':'Date of Birth'">
31 <el-date-picker 34 <el-date-picker
32 v-model="myform.birth" 35 v-model="myform.birth"
33 style="width: 100%;" 36 format="YYYY-MM-DD"
34 type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD" 37 style="width: 100%;" type="date" value-format="YYYY-MM-DD"
35 /> 38 />
36 </el-form-item> 39 </el-form-item>
37 <el-form-item :label="language==0?'代表':'Representing'" required v-if="user.utype=='1'"> 40 <el-form-item v-if="user.utype=='1'" :label="language==0?'代表':'Representing'" required>
38 <el-input v-model="myform.representing" disabled/> 41 <el-input v-model="myform.representing" disabled />
39 </el-form-item> 42 </el-form-item>
40 <el-form-item :label="language==1?'Age group':'年龄组'" required v-if="user.utype=='1'"> 43 <el-form-item v-if="user.utype=='1'" :label="language==1?'Age group':'年龄组'" required>
41 <el-input v-model="myform.ageGroup" disabled/> 44 <el-input v-model="myform.ageGroup" disabled />
42 </el-form-item> 45 </el-form-item>
43 <el-form-item :label="language==0?'舞种':'Division'" required v-if="user.utype=='1'"> 46 <el-form-item v-if="user.utype=='1'" :label="language==0?'舞种':'Division'" required>
44 <el-input v-model="myform.division" disabled/> 47 <el-input v-model="myform.division" disabled />
45 </el-form-item> 48 </el-form-item>
46 <el-form-item :label="language==0?'状态':'Status'" required v-if="user.utype=='1'"> 49 <el-form-item v-if="user.utype=='1'" :label="language==0?'状态':'Status'" required>
47 <el-input v-model="myform.wdsfStatus" disabled/> 50 <el-input v-model="myform.wdsfStatus" disabled />
48 </el-form-item> 51 </el-form-item>
49 <el-form-item :label="language==0?'证件号':'Passport number'" required v-if="user.utype=='1'"> 52 <el-form-item v-if="user.utype=='1'" :label="language==0?'证件号':'Passport number'" required>
50 <el-input v-model="myform.passportNumber" disabled/> 53 <el-input v-model="myform.passportNumber" disabled />
51 </el-form-item> 54 </el-form-item>
52 <el-form-item :label="language==0?'有效证件':'Valid Passport'" required v-if="user.utype=='1'"> 55 <el-form-item v-if="user.utype=='1'" :label="language==0?'证件姓名':'Name on Document'" required>
53 <image-upload v-model="myform.passportUrl" :limit="1" :is-show-tip="false" 56 <el-input v-model="myform.passportNumber" disabled />
54 :button-text="language==0?'上传':'Upload'"/>
55 </el-form-item> 57 </el-form-item>
56 <el-form-item :label="language==0?'WDSF会员号':'WDSF MIN'" prop="wdsfMin" v-if="user.utype=='1'"> 58 <el-form-item v-if="user.utype=='1'" :label="language==0?'有效证件':'Valid Passport'" required>
57 {{myform.wdsfMin}} 59 <image-upload
60 v-model="myform.passportUrl" :button-text="language==0?'上传':'Upload'" :is-show-tip="false"
61 :limit="1"
62 />
63 </el-form-item>
64 <el-form-item v-if="user.utype=='1'" :label="language==0?'WDSF会员号':'WDSF MIN'" prop="wdsfMin">
65 {{ myform.wdsfMin }}
58 </el-form-item> 66 </el-form-item>
59 <!-- <el-form-item :label="language==0?'证件类型':'ID type'" required prop="idcType">--> 67 <!-- <el-form-item :label="language==0?'证件类型':'ID type'" required prop="idcType">-->
60 <!-- <el-select v-model="myform.idcType" style="width: 100%">--> 68 <!-- <el-select v-model="myform.idcType" style="width: 100%">-->
61 <!-- <el-option--> 69 <!-- <el-option-->
62 <!-- v-for="item in certificates"--> 70 <!-- v-for="item in certificates"-->
63 <!-- :key="item.value"--> 71 <!-- :key="item.value"-->
64 <!-- :label="item.label"--> 72 <!-- :label="item.label"-->
65 <!-- :value="item.value"--> 73 <!-- :value="item.value"-->
66 <!-- />--> 74 <!-- />-->
67 <!-- </el-select>--> 75 <!-- </el-select>-->
68 <!-- </el-form-item>--> 76 <!-- </el-form-item>-->
69 <!-- <el-form-item :label="language==0?'证件号码':'ID NO'" prop="idcCode">--> 77 <!-- <el-form-item :label="language==0?'证件号码':'ID NO'" prop="idcCode">-->
70 <!-- <el-input v-model="myform.idcCode" @blur="checkCode"/>--> 78 <!-- <el-input v-model="myform.idcCode" @blur="checkCode"/>-->
71 <!-- </el-form-item>--> 79 <!-- </el-form-item>-->
72 <!-- <el-form-item :label="language==0?'类型':'Type'" required>--> 80 <!-- <el-form-item :label="language==0?'类型':'Type'" required>-->
73 <!-- <el-select v-model="myform.type" style="width: 100%;">--> 81 <!-- <el-select v-model="myform.type" style="width: 100%;">-->
74 <!-- <el-option :label="language==0?'业余':'amateur'" value="0"/>--> 82 <!-- <el-option :label="language==0?'业余':'amateur'" value="0"/>-->
75 <!-- <el-option :label="language==0?'专业':'Professional'" value="1"/>--> 83 <!-- <el-option :label="language==0?'专业':'Professional'" value="1"/>-->
76 <!-- <el-option :label="language==0?'大专院校':'Colleges and universities'" value="2"/>--> 84 <!-- <el-option :label="language==0?'大专院校':'Colleges and universities'" value="2"/>-->
77 <!-- <el-option :label="language==0?'其他':'Other'" value="3"/>--> 85 <!-- <el-option :label="language==0?'其他':'Other'" value="3"/>-->
78 <!-- </el-select>--> 86 <!-- </el-select>-->
79 <!-- </el-form-item>--> 87 <!-- </el-form-item>-->
80 <!-- <el-form-item :label="language==0?'邮箱':'Email'" required prop="email">--> 88 <!-- <el-form-item :label="language==0?'邮箱':'Email'" required prop="email">-->
81 <!-- <el-input v-model="myform.email" type="email" :placeholder="language==0?'请输入内容':''"/>--> 89 <!-- <el-input v-model="myform.email" type="email" :placeholder="language==0?'请输入内容':''"/>-->
82 <!-- </el-form-item>--> 90 <!-- </el-form-item>-->
83 </el-form> 91 </el-form>
84 <div class="text-center" v-if="user.utype=='1'||user.utype=='2'"> 92 <div v-if="user.utype=='1'||user.utype=='2'" class="text-center">
85 <el-button type="primary" class="btn-lineG" round @click="save"> 93 <el-button class="btn-lineG" round type="primary" @click="save">
86 {{language == 0 ? '确定修改' : 'Save'}} 94 {{ language == 0 ? '确定修改' : 'Save' }}
87 </el-button> 95 </el-button>
88 </div> 96 </div>
89 97
90 </div> 98 </div>
91 </div> 99 </div>
92 </el-card> 100 </el-card>
93 101
94 </div> 102 </div>
95 </template> 103 </template>
96 104
97 <script setup> 105 <script setup>
98 import {ref} from 'vue' 106 import { ref } from 'vue'
99 import {useRouter} from 'vue-router' 107 import { useRouter } from 'vue-router'
100 import {getCurrentInstance, onMounted} from '@vue/runtime-core' 108 import { getCurrentInstance, onMounted } from '@vue/runtime-core'
101 import * as match from '@/apiPc/match' 109 import * as match from '@/apiPc/match'
102 import {ElMessage, ElMessageBox} from 'element-plus' 110 import { ElMessage, ElMessageBox } from 'element-plus'
103 import {nationList} from '@/assets/js/data' 111 import { nationList } from '@/assets/js/data'
104 import {getGroupInfo} from "@/apiPc/match"; 112 import { getGroupInfo } from '@/apiPc/match'
105 import TeamInfo from "@/viewsPc/center/teamInfo"; 113 import TeamInfo from '@/viewsPc/center/teamInfo'
106 import useUserStore from "@/store/modules/user"; 114 import useUserStore from '@/store/modules/user'
107 import {useStorage} from "@vueuse/core/index"; 115 import { useStorage } from '@vueuse/core/index'
108 116
109 const language= useStorage('language',0) 117 const language = useStorage('language', 0)
110 const router = useRouter() 118 const router = useRouter()
111 const {proxy} = getCurrentInstance() 119 const { proxy } = getCurrentInstance()
112 const props = defineProps({ 120 const props = defineProps({
113 user: { 121 user: {
114 type: Object, 122 type: Object,
...@@ -116,13 +124,13 @@ const props = defineProps({ ...@@ -116,13 +124,13 @@ const props = defineProps({
116 } 124 }
117 }) 125 })
118 const rules = ref({ 126 const rules = ref({
119 realName: [{required: true, message: '必填', trigger: 'blur'}], 127 realName: [{ required: true, message: '必填', trigger: 'blur' }],
120 sex: [{required: true, message: '必填', trigger: 'change'}], 128 sex: [{ required: true, message: '必填', trigger: 'change' }],
121 idcType: [{required: true, message: '必填', trigger: 'change'}], 129 idcType: [{ required: true, message: '必填', trigger: 'change' }],
122 type: [{required: true, message: '必填', trigger: 'change'}], 130 type: [{ required: true, message: '必填', trigger: 'change' }],
123 idcCode: [{required: true, message: '必填', trigger: 'blur'}], 131 idcCode: [{ required: true, message: '必填', trigger: 'blur' }],
124 email: [{required: true, message: '必填', trigger: 'blur'}], 132 email: [{ required: true, message: '必填', trigger: 'blur' }]
125 133
126 }) 134 })
127 const activeName = ref('first') 135 const activeName = ref('first')
128 const myform = ref({ 136 const myform = ref({
...@@ -158,18 +166,17 @@ function getData() { ...@@ -158,18 +166,17 @@ function getData() {
158 if (user.utype == '1') { 166 if (user.utype == '1') {
159 match.getMyPersonInfo().then(res => { 167 match.getMyPersonInfo().then(res => {
160 myform.value = res.data 168 myform.value = res.data
161 if(language.value=='1'){ 169 if (language.value == '1') {
162 myform.value.type = '1' 170 myform.value.type = '1'
163 } 171 }
164 }) 172 })
165 } 173 }
166
167 } 174 }
168 175
169 function save() { 176 function save() {
170 match.saveMyBaseInfo(myform.value).then(res => { 177 match.saveMyBaseInfo(myform.value).then(res => {
171 ElMessage.success(language.value==0?'保存成功':'Save successfully') 178 ElMessage.success(language.value == 0 ? '保存成功' : 'Save successfully')
172 }) 179 })
173 } 180 }
174 181
175 function checkCode() { 182 function checkCode() {
...@@ -187,7 +194,7 @@ function checkCode() { ...@@ -187,7 +194,7 @@ function checkCode() {
187 tmpStr = tmpStr.substring(0, 4) + '-' + tmpStr.substring(4, 6) + '-' + tmpStr.substring(6) 194 tmpStr = tmpStr.substring(0, 4) + '-' + tmpStr.substring(4, 6) + '-' + tmpStr.substring(6)
188 } 195 }
189 myform.value.birth = tmpStr 196 myform.value.birth = tmpStr
190 197
191 const res = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/ 198 const res = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/
192 if (myform.value.idcCode && res.test(myform.value.idcCode)) { 199 if (myform.value.idcCode && res.test(myform.value.idcCode)) {
193 const genderCode = myform.value.idcCode.charAt(16) 200 const genderCode = myform.value.idcCode.charAt(16)
...@@ -204,12 +211,12 @@ function checkCode() { ...@@ -204,12 +211,12 @@ function checkCode() {
204 211
205 </script> 212 </script>
206 213
207 <style scoped lang="scss"> 214 <style lang="scss" scoped>
208 .indexTitle { 215 .indexTitle {
209 margin: 20px 0 12px; 216 margin: 20px 0 12px;
210 padding: 0 20px 15px; 217 padding: 0 20px 15px;
211 border-bottom: 1px solid #e5e5e5; 218 border-bottom: 1px solid #e5e5e5;
212 219
213 h3 { 220 h3 {
214 font-size: 16px; 221 font-size: 16px;
215 color: var(--el-color-primary); 222 color: var(--el-color-primary);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!