| | |
|---|
| | | <el-avatar |
|---|
| | | :size="50" |
|---|
| | | src="" |
|---|
| | | class="cursor--pointer" |
|---|
| | | class="cursor--pointer fix-chrome-click--issue" |
|---|
| | | ></el-avatar> |
|---|
| | | <!-- <div class="satisfaction"> |
|---|
| | | <i class="icon-star pam-icon icon--yellow satisfaction"></i> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </el-col> |
|---|
| | | <el-col class="flex-column contactInfo" :xs="5" :sm="6"> |
|---|
| | | <div class="smTxt_bold cursor--pointer" |
|---|
| | | <div class="smTxt_bold cursor--pointer fix-chrome-click--issue" |
|---|
| | | :class="client.communicateStatus" |
|---|
| | | >{{isReserved ? '已預約' : '已聯絡'}} |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <Ui-Dialog |
|---|
| | | :isVisible.sync="isVisibleDialog" |
|---|
| | | :width="width" |
|---|
| | | class="pam-myDemand-dialog" |
|---|
| | | > |
|---|
| | | <h5 class="subTitle text--center mb-30" |
|---|
| | | >{{isReserved ? '預約成功' : '已聯絡資訊'}}</h5> |
|---|
| | |
|---|
| | | <p>性別：{{gender}}</p> |
|---|
| | | <p>年齡：{{client.age}}</p> |
|---|
| | | <p>職業：{{client.job}}</p> |
|---|
| | | <p>需求：{{client.requirement.replace(',', '、')}}</p> |
|---|
| | | <p v-for="(item, index) in hopeContactTime" :key="index">連絡時段{{index + 1 | formatNumber}}：{{item}}</p> |
|---|
| | | <p>需求：{{client.requirement.split(',').join('、')}}</p> |
|---|
| | | <p v-for="(item, index) in hopeContactTime" :key="index">連絡時段{{index + 1 | formatNumber}}：{{ item | formatHopeContactTime}}</p> |
|---|
| | | </div> |
|---|
| | | <div class="mt-30 text--center" v-if="isReserved"> |
|---|
| | | <el-button @click="markAppointment">標註為已連絡</el-button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </Ui-Dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | const upperNumber = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'] |
|---|
| | | return upperNumber[index]; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | formatHopeContactTime(item: string): string { |
|---|
| | | if (item) { |
|---|
| | | const [hopeDay, hopeTime] = item.split('、'); |
|---|
| | | const day = hopeDay.split(',').length > 6 ? '不限日期' : hopeDay; |
|---|
| | | const time = hopeTime.split(',').length > 3 ? '不限時間' : hopeTime; |
|---|
| | | return `${day}、${time}`; |
|---|
| | | } |
|---|
| | | return ''; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | |
|---|
| | | get hopeContactTime() { |
|---|
| | | const contactList = this.client.hopeContactTime.split("'").map(item => item.slice(0, item.length)); |
|---|
| | | return contactList.filter(item => !!item) |
|---|
| | | return contactList.filter(item => !!item && item !== ",") |
|---|
| | | } |
|---|
| | | |
|---|
| | | get time() { |
|---|
| | |
|---|
| | | |
|---|
| | | .dialogTxt { |
|---|
| | | font-size: 20px; |
|---|
| | | overflow-y:scroll; |
|---|
| | | height:400px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .text-right { |
|---|
| | | text-align: right; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
