|
@@ -7,7 +7,7 @@
|
|
|
<b-form-input v-model="user_id" @keydown.native="keyListener"
|
|
<b-form-input v-model="user_id" @keydown.native="keyListener"
|
|
|
placeholder="請輸入員工編號或來賓編號..."></b-form-input>
|
|
placeholder="請輸入員工編號或來賓編號..."></b-form-input>
|
|
|
<b-input-group-append>
|
|
<b-input-group-append>
|
|
|
- <b-button @click="getUserStatus" variant="info">送出</b-button>
|
|
|
|
|
|
|
+ <b-button size="sm" @click="getUserStatus" variant="info">送出</b-button>
|
|
|
</b-input-group-append>
|
|
</b-input-group-append>
|
|
|
</b-input-group>
|
|
</b-input-group>
|
|
|
</b-card>
|
|
</b-card>
|
|
@@ -21,11 +21,17 @@
|
|
|
<b-img :src="avatar(searchData.user_id)" blank-color="#ccc" fluid alt="placeholder"
|
|
<b-img :src="avatar(searchData.user_id)" blank-color="#ccc" fluid alt="placeholder"
|
|
|
onerror="this.src='/images/error.png'" />
|
|
onerror="this.src='/images/error.png'" />
|
|
|
</b-col>
|
|
</b-col>
|
|
|
|
|
+ </b-row>
|
|
|
|
|
+ </b-card>
|
|
|
|
|
+ </b-col>
|
|
|
|
|
+ <b-col md="12">
|
|
|
|
|
+ <b-card>
|
|
|
|
|
+ <b-row>
|
|
|
<b-col>
|
|
<b-col>
|
|
|
<div style="font-size: 2rem;">
|
|
<div style="font-size: 2rem;">
|
|
|
<div>
|
|
<div>
|
|
|
<span style="color: #0085DD">
|
|
<span style="color: #0085DD">
|
|
|
- 姓名
|
|
|
|
|
|
|
+ 姓 名
|
|
|
</span>
|
|
</span>
|
|
|
<span>
|
|
<span>
|
|
|
{{ searchData.user_name }}
|
|
{{ searchData.user_name }}
|
|
@@ -33,7 +39,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<span style="color: #0085DD">
|
|
<span style="color: #0085DD">
|
|
|
- 工號
|
|
|
|
|
|
|
+ 工 號
|
|
|
</span>
|
|
</span>
|
|
|
<span>
|
|
<span>
|
|
|
{{ searchData.user_id }}
|
|
{{ searchData.user_id }}
|
|
@@ -41,23 +47,32 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<span style="color: #0085DD">
|
|
<span style="color: #0085DD">
|
|
|
- 部門
|
|
|
|
|
|
|
+ 部 門
|
|
|
</span>
|
|
</span>
|
|
|
<span>
|
|
<span>
|
|
|
{{ departmentList[searchData.department_id] }}
|
|
{{ departmentList[searchData.department_id] }}
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
|
|
+ <span style="color: #0085DD">
|
|
|
|
|
+ 報到狀態
|
|
|
|
|
+ </span>
|
|
|
<span :style="statusColoer(searchData.is_checked_in)">
|
|
<span :style="statusColoer(searchData.is_checked_in)">
|
|
|
{{ checkinStatus(searchData.is_checked_in) }}
|
|
{{ checkinStatus(searchData.is_checked_in) }}
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="searchData.is_checked_in">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span style="color: #0085DD">
|
|
|
|
|
+ 中獎狀態
|
|
|
|
|
+ </span>
|
|
|
<span :style="statusColoer(searchData.is_awarded)">
|
|
<span :style="statusColoer(searchData.is_awarded)">
|
|
|
{{ awardStatus(searchData.is_awarded, searchData.prize_name) }}
|
|
{{ awardStatus(searchData.is_awarded, searchData.prize_name) }}
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="searchData.prize_name">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span style="color: #0085DD">
|
|
|
|
|
+ 領獎狀態
|
|
|
|
|
+ </span>
|
|
|
<span :style="statusColoer(searchData.is_claimed)">
|
|
<span :style="statusColoer(searchData.is_claimed)">
|
|
|
{{ claimStatus(searchData.is_claimed) }}
|
|
{{ claimStatus(searchData.is_claimed) }}
|
|
|
</span>
|
|
</span>
|
|
@@ -113,6 +128,7 @@ export default {
|
|
|
keyListener(event) {
|
|
keyListener(event) {
|
|
|
if (event.which === 13) {
|
|
if (event.which === 13) {
|
|
|
this.getUserStatus()
|
|
this.getUserStatus()
|
|
|
|
|
+ event.srcElement.blur();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
avatar(user_id) {
|
|
avatar(user_id) {
|