show table while printing admit card

Shikha Mishra
1 parent e56d46b133
Showing 1 changed file with 9 additions and 11 deletions Show diff stats
src/pages/Report/admitCard.vue
@@ -144,7 +144,7 @@
               </v-btn>
             </v-flex>
           </v-layout>
-          <div class="admincardreport" id="printMe">
+          <div class="admincardreport">
             <v-card class="transparent elevation-0">
                 <v-layout>
                   <v-flex xs12 sm12 md12 class="text-xs-center">
@@ -211,7 +211,7 @@
                         icon="warning"
                     >Your search for "{{ search }}" found no results.</v-alert>
                 </v-data-table>
-                <!-- <v-flex xs12 id="printMe" v-show="hideprintAdmitReport">
+                <v-flex xs12 id="printMe" v-show="hideprintAdmitReport">
                     <v-layout>
                         <v-flex xs12 style="text-align:center;margin-bottom:10px">
                             <img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>
@@ -239,28 +239,26 @@
                         </thead>
                         <tbody 
                         style="border: 1px solid lightgrey !important;">
-                        <tr 
-                        :items="getScheduleListArray"
-                        slot="items" slot-scope="props" >
+                        <tr v-for="(scheduleData,index) in getScheduleListArray">
                             <td
                                 style="border: 1px soild lightgrey !importand;padding:6px;"
-                            >{{ props.index + 1 }}</td>
+                            >{{ index + 1 }}</td>
                             <td
                             style="border: 1px solid lightgrey !important;padding: 6px;"
-                            >{{ props.item.date }}</td>
+                            >{{ scheduleData.date }}</td>
                             <td
                             style="border: 1px solid lightgrey !important;padding: 6px;"
-                            >{{ props.item.timeFrom }}</td>
+                            >{{ scheduleData.timeFrom }}</td>
                             <td
                             style="border: 1px solid lightgrey !important;padding: 6px;"
-                            >{{ props.item.timeTo }}</td>
+                            >{{ scheduleData.timeTo }}</td>
                             <td
                             style="border: 1px solid lightgrey !important;padding: 6px;"
-                            >{{ props.item.subjectName }}</td>
+                            >{{ scheduleData.subjectName }}</td>
                         </tr>
                         </tbody>
                     </table>
-                </v-flex> -->
+                </v-flex>
             </v-card>
           </div>
         </v-flex>
...	...	@@ -144,7 +144,7 @@
144	144	</v-btn>
145	145	</v-flex>
146	146	</v-layout>
147		- <div class="admincardreport" id="printMe">
	147	+ <div class="admincardreport">
148	148	<v-card class="transparent elevation-0">
149	149	<v-layout>
150	150	<v-flex xs12 sm12 md12 class="text-xs-center">
...	...	@@ -211,7 +211,7 @@
211	211	icon="warning"
212	212	>Your search for "{{ search }}" found no results.</v-alert>
213	213	</v-data-table>
214		- <!-- <v-flex xs12 id="printMe" v-show="hideprintAdmitReport">
	214	+ <v-flex xs12 id="printMe" v-show="hideprintAdmitReport">
215	215	<v-layout>
216	216	<v-flex xs12 style="text-align:center;margin-bottom:10px">
217	217	<img :src="userData.schoolLogoUrl" width="140" alt="logo" v-if="userData.profilePicUrl"/>
...	...	@@ -239,28 +239,26 @@
239	239	</thead>
240	240	<tbody
241	241	style="border: 1px solid lightgrey !important;">
242		- <tr
243		- :items="getScheduleListArray"
244		- slot="items" slot-scope="props" >
	242	+ <tr v-for="(scheduleData,index) in getScheduleListArray">
245	243	<td
246	244	style="border: 1px soild lightgrey !importand;padding:6px;"
247		- >{{ props.index + 1 }}</td>
	245	+ >{{ index + 1 }}</td>
248	246	<td
249	247	style="border: 1px solid lightgrey !important;padding: 6px;"
250		- >{{ props.item.date }}</td>
	248	+ >{{ scheduleData.date }}</td>
251	249	<td
252	250	style="border: 1px solid lightgrey !important;padding: 6px;"
253		- >{{ props.item.timeFrom }}</td>
	251	+ >{{ scheduleData.timeFrom }}</td>
254	252	<td
255	253	style="border: 1px solid lightgrey !important;padding: 6px;"
256		- >{{ props.item.timeTo }}</td>
	254	+ >{{ scheduleData.timeTo }}</td>
257	255	<td
258	256	style="border: 1px solid lightgrey !important;padding: 6px;"
259		- >{{ props.item.subjectName }}</td>
	257	+ >{{ scheduleData.subjectName }}</td>
260	258	</tr>
261	259	</tbody>
262	260	</table>
263		- </v-flex> -->
	261	+ </v-flex>
264	262	</v-card>
265	263	</div>
266	264	</v-flex>
...	...