From abc1e8353491b3abf7d638cc11b48b137816382d Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期六, 22 一月 2022 16:01:12 +0800 Subject: [PATCH] fixed: TODO#134588 約訪時間/約訪記錄顯示必填「*」 --- PAMapp/components/Interview/InterviewAdd.vue | 21 +++++++++++++++++---- 1 files changed, 17 insertions(+), 4 deletions(-) diff --git a/PAMapp/components/Interview/InterviewAdd.vue b/PAMapp/components/Interview/InterviewAdd.vue index 5106383..91961c7 100644 --- a/PAMapp/components/Interview/InterviewAdd.vue +++ b/PAMapp/components/Interview/InterviewAdd.vue @@ -5,7 +5,9 @@ <span>{{interviewRecord.lastModifiedDate | formatDate}} ��</span> </div> <el-row class="mdTxt mb-10"> - <el-col :xs="16" :sm="20">蝝赤����</el-col> + <el-col :xs="16" :sm="20"> + <span :class="{'required': !interviewId || isEdit}">蝝赤����</span> + </el-col> <el-col :xs="8" :sm="4" class="text--right" v-if="interviewId"> <span v-if="!isEdit" @@ -26,12 +28,12 @@ ></DateTimePicker> </template> <template v-else> - <div class="mdTxt lighter mt-20"> + <div class="fs-20 mt-20"> {{formatInterviewDate}} </div> </template> - <div class="mdTxt mb-10 mt-30">蝝赤蝝����</div> + <div class="mdTxt mb-10 mt-30" :class="{'required': !interviewId || isEdit}">蝝赤蝝����</div> <template v-if="!interviewId || isEdit"> <el-input type="textarea" @@ -43,7 +45,7 @@ </el-input> </template> <template v-else> - <div class="mdTxt lighter mt-20"> + <div class="fs-20 mt-20"> {{content}} </div> </template> @@ -249,5 +251,16 @@ font-size: 20px; } } +.required { + position: relative; + + &::before { + content: '*'; + position: absolute; + color: #FF0000; + transform: translate(-12px, 0); + z-index: 5; + } + } </style> -- Gitblit v1.8.0