报错信息

src/views/finance_manage/RefundManager.vue

@@ -214,94 +214,99 @@
       </div>
     </div>
     <el-dialog title="退款信息" :visible.sync="dialogVisible" width="500px">
-      <span style="margin-right: 5px">可退金额：</span>
-      <el-input v-model="ktje"></el-input>
-      <p>可退商品信息</p>
-      <div class="item-info">
-        <label>物品类型：</label><span>{{ ktjeInfo.goods_type_name }}</span>
-      </div>
-      <div class="item-info">
-        <label>物品学段：</label
-        ><span>{{ ktjeInfo.goods_study_phase_name }}</span>
-      </div>
-      <div class="item-info">
-        <label>订单金额：</label
-        ><span>￥{{ ktjeInfo.order_amount | cutMoneyFiter }}</span>
-      </div>
-      <!-- 物品实体 -->
-      <template v-if="ktjeInfo.order_sale_model === 0">
-        <div class="item-info" v-if="ktjeInfo.is_reservation_order === 'true'">
-          <label>订阅期数：</label
-          ><span>{{
-            ktjeInfo.period_count === -1 ? "年刊" : ktjeInfo.period_count
-          }}</span>
-        </div>
-        <div
-          class="item-info"
-          v-if="
-            ktjeInfo.is_reservation_order === 'true' &&
-            ktjeInfo.period_count !== -1
-          "
-        >
-          <label>订阅列表：</label
-          ><span>{{ ktjeInfo.issue_no_list_reservation.join("、") }}</span>
-        </div>
-        <div
-          class="item-info"
-          v-if="
-            ktjeInfo.is_reservation_order === 'true' &&
-            ktjeInfo.period_count !== -1
-          "
-        >
-          <label>已上架：</label
-          ><span>{{ ktjeInfo.issue_no_list_my_goods.join("、") }}</span>
-        </div>
-        <div
-          class="item-info"
-          v-if="
-            ktjeInfo.is_reservation_order === 'true' &&
-            ktjeInfo.period_count === -1
-          "
-        >
-          <label>开始日期：</label
-          ><span>{{ ktjeInfo.valid_period_begin_date }}</span>
-        </div>
-        <div
-          class="item-info"
-          v-if="
-            ktjeInfo.is_reservation_order === 'true' &&
-            ktjeInfo.period_count === -1
-          "
-        >
-          <label>截止日期：</label
-          ><span>{{ ktjeInfo.valid_period_end_date }}</span>
-        </div>
-        <div
-          class="item-info"
-          v-if="
-            ktjeInfo.is_reservation_order === 'true' &&
-            ktjeInfo.period_count === -1
-          "
-        >
-          <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
-        </div>
-      </template>
-      <!-- 使用期限 -->
-      <template v-if="ktjeInfo.order_sale_model === 1">
-        <div class="item-info">
-          <label>订单日期：</label><span>{{ ktjeInfo.order_date }}</span>
-        </div>
+      <template v-if="ktjeInfo">
+        <span style="margin-right: 5px">可退金额：</span>
+        <el-input v-model="ktje"></el-input>
+        <p>可退商品信息</p>
         <div class="item-info">
-          <label>有效期天数：</label
-          ><span>{{ ktjeInfo.valid_period_day_count }}</span>
+          <label>物品类型：</label><span>{{ ktjeInfo.goods_type_name }}</span>
         </div>
         <div class="item-info">
-          <label>截止日期：</label
-          ><span>{{ ktjeInfo.valid_period_end_date }}</span>
+          <label>物品学段：</label
+          ><span>{{ ktjeInfo.goods_study_phase_name }}</span>
         </div>
         <div class="item-info">
-          <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
+          <label>订单金额：</label
+          ><span>￥{{ ktjeInfo.order_amount | cutMoneyFiter }}</span>
         </div>
+        <!-- 物品实体 -->
+        <template v-if="ktjeInfo.order_sale_model === 0">
+          <div
+            class="item-info"
+            v-if="ktjeInfo.is_reservation_order === 'true'"
+          >
+            <label>订阅期数：</label
+            ><span>{{
+              ktjeInfo.period_count === -1 ? "年刊" : ktjeInfo.period_count
+            }}</span>
+          </div>
+          <div
+            class="item-info"
+            v-if="
+              ktjeInfo.is_reservation_order === 'true' &&
+              ktjeInfo.period_count !== -1
+            "
+          >
+            <label>订阅列表：</label
+            ><span>{{ ktjeInfo.issue_no_list_reservation.join("、") }}</span>
+          </div>
+          <div
+            class="item-info"
+            v-if="
+              ktjeInfo.is_reservation_order === 'true' &&
+              ktjeInfo.period_count !== -1
+            "
+          >
+            <label>已上架：</label
+            ><span>{{ ktjeInfo.issue_no_list_my_goods.join("、") }}</span>
+          </div>
+          <div
+            class="item-info"
+            v-if="
+              ktjeInfo.is_reservation_order === 'true' &&
+              ktjeInfo.period_count === -1
+            "
+          >
+            <label>开始日期：</label
+            ><span>{{ ktjeInfo.valid_period_begin_date }}</span>
+          </div>
+          <div
+            class="item-info"
+            v-if="
+              ktjeInfo.is_reservation_order === 'true' &&
+              ktjeInfo.period_count === -1
+            "
+          >
+            <label>截止日期：</label
+            ><span>{{ ktjeInfo.valid_period_end_date }}</span>
+          </div>
+          <div
+            class="item-info"
+            v-if="
+              ktjeInfo.is_reservation_order === 'true' &&
+              ktjeInfo.period_count === -1
+            "
+          >
+            <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
+          </div>
+        </template>
+        <!-- 使用期限 -->
+        <template v-if="ktjeInfo.order_sale_model === 1">
+          <div class="item-info">
+            <label>订单日期：</label><span>{{ ktjeInfo.order_date }}</span>
+          </div>
+          <div class="item-info">
+            <label>有效期天数：</label
+            ><span>{{ ktjeInfo.valid_period_day_count }}</span>
+          </div>
+          <div class="item-info">
+            <label>截止日期：</label
+            ><span>{{ ktjeInfo.valid_period_end_date }}</span>
+          </div>
+          <div class="item-info">
+            <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
+          </div>
+        </template>
       </template>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisible = false">取 消</el-button>
@@ -648,6 +653,7 @@ export default {
     },
     // 退款
     handleRefund(row, index) {
+      this.ktjeInfo = null;
       let Mnames =
         "/ShopServer/Manager/FinanceManager/GetOrderRefundApplyKTJEInfo";
       let datas = {
@@ -908,7 +914,7 @@ export default {
 .item-info {
   display: flex;
   width: 100%;
-  margin: 5px 0;
+  margin: 10px 0;
   label {
     width: 90px;
     text-align: right;