| | |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <Ui-Dialog :isVisible.sync="isVisibleDialog"> |
|---|
| | | <Ui-Dialog |
|---|
| | | :isVisible.sync="isVisibleDialog" |
|---|
| | | :width="width" |
|---|
| | | > |
|---|
| | | <h5 class="subTitle text--center mb-30">預約成功</h5> |
|---|
| | | <p class="smTxt">今天 10:00</p> |
|---|
| | | <div class="dialogInfo"> |
|---|
| | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator'; |
|---|
| | | import { Agents } from '~/plugins/api/home'; |
|---|
| | | import { isMobileDevice } from '~/assets/ts/device'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class ConsultantCard extends Vue { |
|---|
| | | @Prop() agentInfo!: Agents; |
|---|
| | | isVisibleDialog = false; |
|---|
| | | width: string = ''; |
|---|
| | | |
|---|
| | | get contactTxt() { |
|---|
| | | if (this.agentInfo.contactStatus === 'contacted') { |
|---|
| | |
|---|
| | | if (this.agentInfo.contactStatus === 'picked') { |
|---|
| | | this.$router.push('/communication/myDemand') |
|---|
| | | } else { |
|---|
| | | this.width = isMobileDevice() ? '80%' : ''; |
|---|
| | | this.isVisibleDialog = true; |
|---|
| | | } |
|---|
| | | } |
|---|
