Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
8a457508 by zhangmeng
Options

官网

1 parent bb4a4e9e
Inline Side-by-side
Showing 2 changed files with 159 additions and 141 deletions
src/viewsPc/components/querybackNumber.vue
...@@ -11,88 +11,93 @@ ...@@ -11,88 +11,93 @@
11 <div class="rItem" @click="type='0'">{{ language == 0 ? '个人查询' : 'Personal Query' }}</div> 11 <div class="rItem" @click="type='0'">{{ language == 0 ? '个人查询' : 'Personal Query' }}</div>
12 <div class="rItem" @click="type='1'">{{ language == 0 ? '团队查询' : 'Team Query' }}</div> 12 <div class="rItem" @click="type='1'">{{ language == 0 ? '团队查询' : 'Team Query' }}</div>
13 </div> 13 </div>
14 14 <div class="searchBox">
15 <div v-if="type=='0'"> 15 <div v-if="type=='0'">
16 <div class="flex mt30"> 16 <div class="flex mt30">
17 <el-input 17 <el-input
18 v-model="query" :placeholder="language==0?'输入会员号 / 姓名查询':'Enter WDSF MIN / Name to Query'" 18 v-model="query" :placeholder="language==0?'输入会员号 / 姓名查询':'Enter WDSF MIN / Name to Query'"
19 clearable 19 clearable
20 @blur="search" @empty="search" @enter="search" 20 @blur="search" @empty="search" @enter="search"
21 /> 21 />
22 <el-button class="btn-lineG" style="color: #fff" @click="search">{{ 22 <el-button class="btn-lineG" style="color: #fff" @click="search">{{
23 language == 0 ? '查询' : 'Search' 23 language == 0 ? '查询' : 'Search'
24 }} 24 }}
25 </el-button> 25 </el-button>
26 </div> 26 </div>
27 27
28 <div v-if="list.length>0"> 28 <div v-if="list.length>0">
29 <div v-for="(form, index) in list" :key="index" class="nowteamItem"> 29 <div v-for="(form, index) in list" :key="index" class="nowteamItem">
30 <div class="info"> 30 <div class="info">
31 <div class="nowName text-center"> 31 <div class="nowName text-center">
32 <span class="text-primary">{{ form.number }}</span> 32 <span class="text-primary">{{ form.number }}</span>
33 </div> 33 </div>
34 <div> 34 <div>
35 <label>{{ language == 0 ? '选手1' : 'Name1' }}：</label>{{ form.maleName }} 35 <label>{{ language == 0 ? '选手1' : 'Name1' }}：</label>{{ form.maleName }}
36 <span v-if="form.maleWdsf"> - {{ form.maleWdsf }}</span> 36 <span v-if="form.maleWdsf"> - {{ form.maleWdsf }}</span>
37 </div> 37 </div>
38 <div> 38 <div>
39 <label>{{ language == 0 ? '选手2' : 'Name2' }}：</label>{{ form.femaleName }} 39 <label>{{ language == 0 ? '选手2' : 'Name2' }}：</label>{{ form.femaleName }}
40 <span v-if="form.femaleWdsf"> - {{ form.femaleWdsf }}</span> 40 <span v-if="form.femaleWdsf"> - {{ form.femaleWdsf }}</span>
41 </div> 41 </div>
42 <div> 42 <div>
43 <label>{{ language == 0 ? '代表队' : 'Represent' }}：</label> 43 <label>{{ language == 0 ? '代表队' : 'Represent' }}：</label>
44 {{ form.groupName }} 44 {{ form.groupName }}
45 </div> 45 </div>
46 <div v-if="form.zuInfo"> 46 <div v-if="form.zuInfo">
47 <label> {{ language == 0 ? '组别' : 'Event' }}：</label>{{ form.zuInfo }} 47 <label> {{ language == 0 ? '组别' : 'Event' }}：</label>{{ form.zuInfo }}
48 </div>
48 </div> 49 </div>
49 </div> 50 </div>
50 </div> 51 </div>
52 <div v-else>
53 <el-empty />
54 </div>
51 </div> 55 </div>
52 <div v-else> 56 <div v-if="type=='1'">
53 <el-empty /> 57 <div class="flex mt20">
54 </div> 58 <el-input
55 </div> 59 v-model="query2"
56 <div v-if="type=='1'"> 60 :placeholder="language==0?'请输入代表队名称至少两字符':'Enter the representing team name,At least two characters'"
57 <div class="flex mt20"> 61 clearable
58 <el-input 62 @blur="searchTeam" @empty="searchTeam" @enter="searchTeam"
59 v-model="query2" 63 />
60 :placeholder="language==0?'请输入代表队名称至少两字符':'Enter the representing team name,At least two characters'" 64 <el-button class="btn-lineG" style="color: #fff" @click="searchTeam">
61 clearable 65 {{ language == 0 ? '查询' : 'Search' }}
62 @blur="searchTeam" @empty="searchTeam" @enter="searchTeam" 66 </el-button>
63 /> 67 </div>
64 <el-button class="btn-lineG" style="color: #fff" @click="searchTeam"> 68 <span class="tip">*{{ language == 0 ? '模糊查询' : 'Fuzzy query' }}</span>
65 {{ language == 0 ? '查询' : 'Search' }} 69 <div v-if="showGroupList" class="text-danger text-center">
66 </el-button> 70 {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }}
67 </div> 71 </div>
68 <span class="tip">*{{ language == 0 ? '模糊查询' : 'Fuzzy query' }}</span> 72 <div v-if="showGroupList" class="groupList">
69 <div v-if="showGroupList" class="text-danger text-center"> 73 <ul>
70 {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} 74 <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }}
71 </div> 75 <el-icon class="fr">
72 <div v-if="showGroupList" class="groupList"> 76 <ArrowRight />
73 <ul> 77 </el-icon>
74 <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} 78 </li>
75 <el-icon class="fr"> 79 </ul>
76 <ArrowRight /> 80 </div>
77 </el-icon> 81 <div v-if="teamlist.length>0" class="temell mt20">
78 </li> 82 <el-collapse v-model="activeNames" accordion>
79 </ul> 83 <el-collapse-item
80 </div> 84 v-for="(team,index) in teamlist" :key="index" :name="index"
81 <div v-if="teamlist.length>0" class="temell mt20"> 85 :title="team[0][0].groupName"
82 <el-collapse v-model="activeNames" accordion> 86 >
83 <el-collapse-item v-for="(team,index) in teamlist" :key="index" :name="index" :title="team[0][0].groupName"> 87 <div v-for="(p,jndex) in team" :key="jndex" class="nowteamItem">
84 <div v-for="(p,jndex) in team" :key="jndex" class="nowteamItem"> 88 <div class="fontSize14 text-bold">{{ p[0].zuInfo }}</div>
85 <div class="fontSize14 text-bold">{{ p[0].zuInfo }}</div> 89 <div v-for="f in p" :key="f.id">
86 <div v-for="f in p" :key="f.id"> 90 <span class="nowName text-primary">{{ f.number }}</span>
87 <span class="nowName text-primary">{{ f.number }}</span> 91 <span class="mr10">{{ language == 0 ? '选手1' : 'Name1' }}：{{ f.maleName }} </span>
88 <span class="mr10">{{ language == 0 ? '选手1' : 'Name1' }}：{{ f.maleName }} </span> 92 <span>{{ language == 0 ? '选手2' : 'Name2' }}：{{ f.femaleName }} </span>
89 <span>{{ language == 0 ? '选手2' : 'Name2' }}：{{ f.femaleName }} </span> 93 </div>
90 </div> 94 </div>
91 </div> 95 </el-collapse-item>
92 </el-collapse-item> 96 </el-collapse>
93 </el-collapse> 97 </div>
94 </div> 98 </div>
95 </div> 99 </div>
100
96 </div> 101 </div>
97 </el-dialog> 102 </el-dialog>
98 </template> 103 </template>
...@@ -277,4 +282,9 @@ function showDetail(name) { ...@@ -277,4 +282,9 @@ function showDetail(name) {
277 cursor: pointer; 282 cursor: pointer;
278 } 283 }
279 } 284 }
285
286 .searchBox {
287 height: 50vh;
288 overflow: hidden;
289 }
280 </style> 290 </style>
......
src/viewsPc/components/schSearch.vue
...@@ -49,37 +49,70 @@ ...@@ -49,37 +49,70 @@
49 <el-empty /> 49 <el-empty />
50 </div> 50 </div>
51 </div> 51 </div>
52 <div v-if="type=='1'"> 52 <div class="searchBox">
53 <div class="flex mt20"> 53 <div v-if="type=='1'">
54 <el-input 54 <div class="flex mt20">
55 v-model="query2" 55 <el-input
56 :placeholder="language==0?'请输入代表队名称至少两字符':'Enter the representing team name,At least two characters'" 56 v-model="query2"
57 clearable 57 :placeholder="language==0?'请输入代表队名称至少两字符':'Enter the representing team name,At least two characters'"
58 @blur="searchTeam" @empty="searchTeam" @enter="searchTeam" 58 clearable
59 /> 59 @blur="searchTeam" @empty="searchTeam" @enter="searchTeam"
60 <el-button class="btn-lineG" style="color: #fff" @click="searchTeam"> 60 />
61 {{ language == 0 ? '查询' : 'Search' }} 61 <el-button class="btn-lineG" style="color: #fff" @click="searchTeam">
62 </el-button> 62 {{ language == 0 ? '查询' : 'Search' }}
63 </div> 63 </el-button>
64 <span class="tip">*{{ language == 0 ? '模糊查询' : 'Fuzzy query' }}</span> 64 </div>
65 <div v-if="showGroupList" class="text-danger text-center"> 65 <span class="tip">*{{ language == 0 ? '模糊查询' : 'Fuzzy query' }}</span>
66 {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} 66 <div v-if="showGroupList" class="text-danger text-center">
67 {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }}
68 </div>
69 <div v-if="showGroupList" class="groupList">
70 <ul>
71 <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }}
72 <el-icon class="fr">
73 <ArrowRight />
74 </el-icon>
75 </li>
76 </ul>
77 </div>
78 <div v-if="teamlist.length>0" class="temell mt20">
79 <el-collapse accordion>
80 <el-collapse-item v-for="(team,index) in teamlist" :key="index" :name="index" :title="team[0].title">
81 <el-timeline>
82 <el-timeline-item v-for="(form, index) in team" :key="index" placement="top">
83
84 <div class="text-primary" style="position: relative;top:-15px">
85 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }}
86 <span v-if="form.lunEn"> / {{ form.lunEn }}</span>
87 <span v-else-if="form.lun"> / {{ form.lun }}</span>
88 <span v-if="form.changCi "> / {{ language == 0 ? '场次' : 'Session' }}：{{ form.changCi }}</span>
89 </div>
90 <div v-if="form.projectNameEn" class="tname">{{ form.projectNameEn }}</div>
91 <div v-if="form.projectName" class="tname">{{ form.projectName }}</div>
92 <div>{{ form.danceType }}</div>
93 </el-timeline-item>
94 </el-timeline>
95 </el-collapse-item>
96 </el-collapse>
97 </div>
67 </div> 98 </div>
68 <div v-if="showGroupList" class="groupList"> 99
69 <ul> 100 <div v-if="type=='2'">
70 <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} 101 <div class="flex mt30">
71 <el-icon class="fr"> 102 <el-input
72 <ArrowRight /> 103 v-model="query3"
73 </el-icon> 104 :placeholder="language==0?'输入选手姓名查询':'Enter the name of the player to Query'" clearable
74 </li> 105 @blur="personalSearch" @empty="personalSearch" @enter="personalSearch"
75 </ul> 106 />
76 </div> 107 <el-button class="btn-lineG" style="color: #fff" @click="personalSearch">{{
77 <div v-if="teamlist.length>0" class="temell mt20"> 108 language == 0 ? '查询' : 'Search'
78 <el-collapse accordion> 109 }}
79 <el-collapse-item v-for="(team,index) in teamlist" :key="index" :name="index" :title="team[0].title"> 110 </el-button>
80 <el-timeline> 111 </div>
81 <el-timeline-item v-for="(form, index) in team" :key="index" placement="top"> 112 <div v-if="list.length>0" class="temell mt20">
82 113 <el-timeline>
114 <el-timeline-item v-for="(team,j) in list" :key="j" placement="top">
115 <div v-for="(form, index) in team" v-show="index==0" :key="index">
83 <div class="text-primary" style="position: relative;top:-15px"> 116 <div class="text-primary" style="position: relative;top:-15px">
84 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }} 117 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }}
85 <span v-if="form.lunEn"> / {{ form.lunEn }}</span> 118 <span v-if="form.lunEn"> / {{ form.lunEn }}</span>
...@@ -89,50 +122,20 @@ ...@@ -89,50 +122,20 @@
89 <div v-if="form.projectNameEn" class="tname">{{ form.projectNameEn }}</div> 122 <div v-if="form.projectNameEn" class="tname">{{ form.projectNameEn }}</div>
90 <div v-if="form.projectName" class="tname">{{ form.projectName }}</div> 123 <div v-if="form.projectName" class="tname">{{ form.projectName }}</div>
91 <div>{{ form.danceType }}</div> 124 <div>{{ form.danceType }}</div>
92 </el-timeline-item> 125 </div>
93 </el-timeline> 126 <div v-for="(form, index) in team" v-show="index>0" :key="index" style="margin: 8px 0 0">
94 </el-collapse-item>
95 </el-collapse>
96 </div>
97 </div>
98
99 <div v-if="type=='2'">
100 <div class="flex mt30">
101 <el-input
102 v-model="query3"
103 :placeholder="language==0?'输入选手姓名查询':'Enter the name of the player to Query'" clearable
104 @blur="personalSearch" @empty="personalSearch" @enter="personalSearch"
105 />
106 <el-button class="btn-lineG" style="color: #fff" @click="personalSearch">{{
107 language == 0 ? '查询' : 'Search'
108 }}
109 </el-button>
110 </div>
111 <div v-if="list.length>0" class="temell mt20">
112 <el-timeline>
113 <el-timeline-item v-for="(team,j) in list" :key="j" placement="top">
114 <div v-for="(form, index) in team" v-show="index==0" :key="index">
115 <div class="text-primary" style="position: relative;top:-15px">
116 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }} 127 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }}
117 <span v-if="form.lunEn"> / {{ form.lunEn }}</span> 128 <span v-if="form.lunEn"> / {{ form.lunEn }}</span>
118 <span v-else-if="form.lun"> / {{ form.lun }}</span> 129 <span v-else-if="form.lun"> / {{ form.lun }}</span>
119 <span v-if="form.changCi "> / {{ language == 0 ? '场次' : 'Session' }}：{{ form.changCi }}</span> 130 <span v-if="form.changCi "> / {{ language == 0 ? '场次' : 'Session' }}：{{ form.changCi }}</span>
120 </div> 131 </div>
121 <div v-if="form.projectNameEn" class="tname">{{ form.projectNameEn }}</div> 132 </el-timeline-item>
122 <div v-if="form.projectName" class="tname">{{ form.projectName }}</div> 133 </el-timeline>
123 <div>{{ form.danceType }}</div> 134 </div>
124 </div>
125 <div v-for="(form, index) in team" v-show="index>0" :key="index" style="margin: 8px 0 0">
126 {{ form.date + ' ' + form.timeStr + ' / ' + form.address }}
127 <span v-if="form.lunEn"> / {{ form.lunEn }}</span>
128 <span v-else-if="form.lun"> / {{ form.lun }}</span>
129 <span v-if="form.changCi "> / {{ language == 0 ? '场次' : 'Session' }}：{{ form.changCi }}</span>
130 </div>
131 </el-timeline-item>
132 </el-timeline>
133 </div> 135 </div>
134 </div> 136 </div>
135 137
138
136 </div> 139 </div>
137 </el-dialog> 140 </el-dialog>
138 </template> 141 </template>
...@@ -353,4 +356,9 @@ function showDetail(name) { ...@@ -353,4 +356,9 @@ function showDetail(name) {
353 cursor: pointer; 356 cursor: pointer;
354 } 357 }
355 } 358 }
359
360 .searchBox {
361 height: 50vh;
362 overflow: hidden;
363 }
356 </style> 364 </style>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!