From 4ba90bb262f7b42264814b5f32335e92a91242b8 Mon Sep 17 00:00:00 2001
From: Chuian <chuiantw1212@gmail.com>
Date: Sat, 11 May 2024 00:03:14 +0800
Subject: [PATCH] fix bugs

---
 components/calculator/career/government.vue | 12 +-----------
 components/calculator/career/labor.vue      | 12 ++++++++++--
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/components/calculator/career/government.vue b/components/calculator/career/government.vue
index ef93b51..bf78151 100644
--- a/components/calculator/career/government.vue
+++ b/components/calculator/career/government.vue
@@ -58,10 +58,6 @@
             </el-row>
             <el-row>
                 <el-col :span="12">
-                    <!-- <el-form-item label="本俸點" required>
-                        <econSelect v-model="career.payPoint" :options="pointOfPayOptions" @change="calculateCareer()">
-                        </econSelect>
-                    </el-form-item> -->
                 </el-col>
                 <el-col :span="12">
                     <el-form-item label="= 奉給總額">
@@ -85,9 +81,6 @@
             </el-row>
             <el-row>
                 <el-col :span="12">
-                    <!-- <el-form-item label="健保提繳工資">
-                        <el-text> {{ Number(healInsurance.salary).toLocaleString() }}</el-text>
-                    </el-form-item> -->
                 </el-col>
                 <el-col :span="12">
                     <el-form-item label="- 健保自付額">
@@ -98,14 +91,11 @@
             </el-row>
             <el-row>
                 <el-col :span="12">
-                    <!-- <el-form-item label="勞保提繳工資">
-                            <el-text> {{ Number(career.insurance.salary).toLocaleString() }}</el-text>
-                        </el-form-item> -->
                 </el-col>
                 <el-col :span="12">
                     <el-form-item :label="`- 公保自付額`">
                         <el-text>{{ Number(civilServantInsurance.expense).toLocaleString() }} (負擔率{{
-                    civilServantInsurance.employeeContributionRate }}%)</el-text>
+                            civilServantInsurance.employeeContributionRate }}%)</el-text>
                     </el-form-item>
                 </el-col>
             </el-row>
diff --git a/components/calculator/career/labor.vue b/components/calculator/career/labor.vue
index ac8a590..c3790d0 100644
--- a/components/calculator/career/labor.vue
+++ b/components/calculator/career/labor.vue
@@ -92,7 +92,7 @@
                 <el-col :span="12">
                     <el-form-item :label="`- 勞保自付額`">
                         <el-text>{{ Number(career.insurance?.expense).toLocaleString() }} (負擔率{{
-                laborInsurace.premiumRate[career.insuredUnit] }}%)</el-text>
+                            laborInsurace.premiumRate[career.insuredUnit] }}%)</el-text>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -147,7 +147,7 @@
                 </el-collapse-item>
             </el-collapse>
         </template>
-        <canvas v-show="career.monthlyBasicSalary" id="incomeChart"></canvas>
+        <canvas v-show="!isUnableToDraw" id="incomeChart"></canvas>
     </el-card>
 </template>
 <script setup lang="ts">
@@ -221,9 +221,14 @@ const props = defineProps({
         required: true,
     },
 })
+const isUnableToDraw = computed(() => {
+    const { monthlyBasicSalary } = career.value
+    return !monthlyBasicSalary
+})
 const career = computed(() => {
     return props.modelValue
 })
+// methods
 function calculateCareer(options: any = { propagate: true }) {
     const { propagate = true } = options
     try {
@@ -393,6 +398,9 @@ function calculateMonthlySaving() {
 let incomeChartInstance = ref<Chart>()
 function drawChartAndCalculateIncome(propagate = false) {
     const { monthlyBasicSalary, insuredUnit, employeeWelfareFund, insurance, pension } = career.value
+    if (isUnableToDraw.value) {
+        return
+    }
     // 繪製圖表
     let pv = 0
     let fv = 0