From 24277e82e50e3cee2f3894d7be309713489ebb9c Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 12 一月 2022 13:30:34 +0800
Subject: [PATCH] update#134171: 結案明細(頁面) - 未成交欄位

---
 PAMapp/pages/appointment/_appointmentId/close/index.vue |   87 +++++++++++++++++++++++++++++++------------
 1 files changed, 62 insertions(+), 25 deletions(-)

diff --git a/PAMapp/pages/appointment/_appointmentId/close/index.vue b/PAMapp/pages/appointment/_appointmentId/close/index.vue
index 2f3fda1..3b32a57 100644
--- a/PAMapp/pages/appointment/_appointmentId/close/index.vue
+++ b/PAMapp/pages/appointment/_appointmentId/close/index.vue
@@ -11,29 +11,55 @@
         </UiField>
       </el-row>
 
-      <el-row
-        type="flex"
-        class="pam-paragraph">
-        <UiField label="���誨蝣噗lan Code" :labelSize="20">
-          <input
-            class="appointment-client-detail-close__input"
-            v-model="appointmentCloseInfo.planCode"
-            placeholder="隢撓�"
-            type="text">
-        </UiField>
-      </el-row>
+      <template v-if="appointmentCloseInfo.selectCloseOption === 'done'">
+        <el-row
+          type="flex"
+          class="pam-paragraph">
+          <UiField label="���誨蝣噗lan Code" :labelSize="20">
+            <input
+              class="appointment-client-detail-close__input"
+              v-model="appointmentCloseInfo.planCode"
+              placeholder="隢撓�"
+              type="text">
+          </UiField>
+        </el-row>
 
-      <el-row
-        type="flex"
-        class="pam-paragraph">
-        <UiField label="�脖辣����" :labelSize="20">
-          <input
-            class="appointment-client-detail-close__input"
-            v-model="appointmentCloseInfo.planCode"
-            placeholder="TBD: ����辣"
-            type="text">
-        </UiField>
-      </el-row>
+        <el-row
+          type="flex"
+          class="pam-paragraph">
+          <UiField label="�脖辣����" :labelSize="20">
+            <input
+              class="appointment-client-detail-close__input"
+              v-model="appointmentCloseInfo.planCode"
+              placeholder="TBD: ����辣"
+              type="text">
+          </UiField>
+        </el-row>
+      </template>
+
+      <template v-if="appointmentCloseInfo.selectCloseOption === 'close'">
+        <el-row
+          class="pam-paragraph">
+          <UiField label="���漱����" :labelSize="20">
+          </UiField>
+              <select
+                class="appointment-client-detail-close__select"
+                name="failReason" id="failReason" v-model="appointmentCloseInfo.failReason">
+                <option :value="failReason.value" v-for="(failReason, index) in appointmentFailReason" :key="index">
+                  {{ failReason.key }}
+                </option>
+              </select>
+
+              <div style="display: flex" class="mt-10">
+                <input
+                  v-if="appointmentCloseInfo.failReason === 'other'"
+                  class="appointment-client-detail-close__input"
+                  v-model="appointmentCloseInfo.otherFailReason"
+                  placeholder="隢撓�������50摮��"
+                  type="text">
+              </div>
+        </el-row>
+      </template>
 
       <el-row
         type="flex"
@@ -70,10 +96,12 @@
 export default class AppointmentDetailCloseComponent extends Vue {
 
   appointmentCloseInfo = {
-    selectCloseOption: '',
-    planCode         : '',
     archivedDate     : '',
+    failReason       : 'other',
+    otherFailReason  : '',
+    planCode         : '',
     remark           : '',
+    selectCloseOption: 'done',
   };
 
   closeOptions = [
@@ -87,11 +115,20 @@
     }
   ];
 
+  appointmentFailReason = [
+    {
+      key: '�隞�',
+      value: 'other'
+    }
+  ];
+
 }
 </script>
 
 <style lang="scss" scoped>
-.appointment-close__remark, .appointment-client-detail-close__input {
+.appointment-close__remark,
+.appointment-client-detail-close__input,
+.appointment-client-detail-close__select {
   border-radius: 5px;
   border   : 1px solid #707070;
   font-size: 20px;

--
Gitblit v1.8.0