From ffcf1c449974fffad5e827ab0dd2d3bb21327d5f Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期六, 05 八月 2023 17:46:45 +0800 Subject: [PATCH] Fixed: [弱掃] p13.2 Bad use of null-like value --- PAMapp/components/Interview/InterviewMsg.vue | 114 ++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 80 insertions(+), 34 deletions(-) diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue index be1e0ce..ac9f657 100644 --- a/PAMapp/components/Interview/InterviewMsg.vue +++ b/PAMapp/components/Interview/InterviewMsg.vue @@ -17,26 +17,15 @@ ></DateTimePicker> </div> - <div class="send-msg-nav mt-10" style="justify-content: flex-start; align-items: center"> - <div class="mdTxt">��摰�</div> - <div class="ml-10"> - <label for="addContactInfo" style="color: #ED1B2E; font-size: 18px; cursor: pointer"> - <input - style="display: none" - type="checkbox" - id="addContactInfo" - @click="interviewContent.addContactInfo = !interviewContent.addContactInfo" - value="addContactInfo"> - <i class="pr-5" :class="interviewContent.addContactInfo ?'icon-checkbox-1': 'icon-checkbox'"></i>銝�雿萄�蝜怨��� - </label> - </div> + <div class="send-msg-nav mt-10" style="justify-content: flex-start; align-items: center ;"> + <div class="mdTxt">�隞��摰�</div> </div> <el-input type="textarea" - :autosize="true" - placeholder="蝝赤�" + placeholder="隢撓��摰�" resize="none" + rows="2" v-model="interviewContent.customContent"> </el-input> @@ -44,14 +33,23 @@ <div class="mdTxt">��汗��摰�</div> </div> - <el-input + <!-- <el-input type="textarea" :autosize="true" placeholder="��汗蝝赤�" resize="none" :disabled="true" - v-model="interviewTxt"> - </el-input> + v-model="interviewTxt"> --> + <!-- </el-input> --> + <div class="interviewContent"> + <div style="padding:10px;line-height:25px"> + <i class="content">�憟踝��靽���像����憿批�{loginConsultant.name}}嚗��������</i><br/> + <el-input type="textarea" :placeholder="'\{{ 憒����������ㄐ憿舐內 }}'" resize="none" v-model="interviewContent.customContent" readonly :autosize="true" ></el-input><br/> + <i class="content">{{client.phone ||defaultValue ? ("�����銝膩������蝜�"+ "\n" + (this.interviewContent.formattedInterviewTime || "(撠����赤��挾)")): ""}}</i><br/> + <i class="content">隞乩����閰梯�Ⅳ/Email嚗{loginConsultant.phoneNumber || '撠���閰梯�Ⅳ'}} / {{loginConsultant.email || '撠���� Email'}}</i><br/> + <i class="content">�甇斗���靘選����蝜恬�����</i> + </div> + </div> <div class="msg-dialog-btn"> <el-button @click="addInterview" :disabled="isBtnDisabled">���</el-button> @@ -119,15 +117,28 @@ interviewTxt = ''; @Watch('interviewContent', { immediate: true, deep: true }) - onInterviewContentChange(): void { + onInterviewContentChange() { if (this.interviewContent.addContactInfo) { if (this.interviewContent.interviewTime) { const targetDate = new Date(this.interviewContent.interviewTime); this.interviewContent.formattedInterviewTime = `${targetDate.getFullYear()}撟�${targetDate.getMonth() + 1}���${targetDate.getDate()}� ${targetDate.getHours()}���${targetDate.getMinutes()}��; } - this.interviewTxt = this.interviewContent.customContent + "\n" + ( this.client.phone || this.defaultValue ? ("�����銝膩������蝜�"+ "\n" + (this.interviewContent.formattedInterviewTime || "(撠����赤��挾)")): "") + "\n" +"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + (this.loginConsultant.phoneNumber || '(撠���閰梯�Ⅳ)') + "\n" + (this.loginConsultant.email|| '撠���� Email') + "\n" +"�甇斗���靘選����蝜恬�����"; + if(this.loginConsultant.phoneNumber){ + let temp = ''; + for (var i=0;i<this.loginConsultant.phoneNumber.length;i++) { + let charCode = this.loginConsultant.phoneNumber.charCodeAt(i); + if(charCode <=126 && charCode>= 33) { + charCode += 65248; + } else if (charCode ===32) { + charCode =12288; + } + temp = temp + String.fromCharCode(charCode); + } + this.interviewTxt = "�憟踝��靽���像����憿批��"+this.loginConsultant.name+"嚗��������"+"\n"+this.interviewContent.customContent+ "\n" ��+ ( this.client.phone || this.defaultValue ? ("�����銝膩������蝜�"+ "\n" + (this.interviewContent.formattedInterviewTime || "(撠����赤��挾)")): "") + "\n" +"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + ( temp || '(撠���閰梯�Ⅳ)') + "\n" + (this.loginConsultant.email|| '撠���� Email') + "\n" +"�甇斗���靘選����蝜恬�����"; + } } else { - this.interviewTxt = this.interviewContent.customContent; + // this.interviewTxt = this.interviewContent.customContent; + this.interviewTxt = "�憟踝��靽���像����憿批��"+this.loginConsultant.name+"嚗��������"+"\n"+this.interviewContent.customContent+ "\n" ��+ ( this.client.phone || this.defaultValue ? ("�����銝膩������蝜�"+ "\n" + (this.interviewContent.formattedInterviewTime || "(撠����赤��挾)")): "") + "\n" +"隞乩����mail嚗�"+"\n" + (this.loginConsultant.email|| '撠���� Email') + "\n" +"�甇斗���靘選����蝜恬�����"; } } @@ -141,21 +152,22 @@ ////////////////////////////////////////////////////////////////////// mounted() { - this.interviewContent.customContent = `�憟踝��靽���像����憿批��${this.loginConsultant.name}嚗�������; + this.interviewContent.customContent =''; } - addInterview() { - const appointmentInformation: ToInformAppointment = { - appointmentId: this.client.id, - email : this.client?.email, - interviewDate: this.defaultValue, - message : this.interviewTxt, - phone : this.client?.phone, - }; - appointmentService.informAppointment(appointmentInformation).then((_) => { - this.isShowSuccessAlert = true ; - }); - } + addInterview() { + const appointmentInformation: ToInformAppointment = { + appointmentId: this.client?.id || 0, + email: this.client?.email || '', + interviewDate: this.interviewContent.interviewTime, + message: this.interviewTxt, + phone: this.client?.phone || '', + }; + appointmentService.informAppointment(appointmentInformation).then((_) => { + this.isShowSuccessAlert = true; + }); + } + closeAllDialog() { this.isShowSuccessAlert = false ; @@ -204,6 +216,7 @@ padding:10px; text-align: justify; font-weight: 600; + } .msg-dialog-btn{ margin-top: 30px; @@ -215,5 +228,38 @@ flex-direction: column; align-items: center; } + + .interviewContent { + border: 1px solid #D0D0CE; + border-radius: 4px; + overflow-y: auto; + height: 180px; + background-color:#F8F9FA; + textarea { + outline:none !important; + border: none; + background-color:transparent; + color: red; + } + ::placeholder { + color: red; + } + } + .content{ + font-size: 18px; + font-weight: bold; + color: #CCCCCC; + } + + .el-input__inner { + border:1px solid #707070; + border-radius:4px; + } + .interview-other-msg { + max-height: 80px; + overflow-y: auto; + margin-bottom: 5px; + margin-top: 5px; + } } </style> -- Gitblit v1.8.0