From 6e3901a0d646c2e5a661968441d943783e515d3e Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Wed, 1 May 2024 06:34:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=A1=E7=94=A8=E5=8D=A1=E8=B4=A6?=
 =?UTF-8?q?=E5=8D=95=E4=BF=AE=E6=94=B9=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/invest/creditCardBill/index.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/views/invest/creditCardBill/index.vue b/src/views/invest/creditCardBill/index.vue
index d04ce1a..afee5d7 100644
--- a/src/views/invest/creditCardBill/index.vue
+++ b/src/views/invest/creditCardBill/index.vue
@@ -11,6 +11,11 @@
             <el-option v-for="creditCard in creditCardList" :key="creditCard.id" :label="creditCard.nameCode" :value="creditCard.id" />
           </el-select>
         </el-form-item>
+        <el-form-item label="账单状态" prop="billState">
+          <el-select v-model="queryParams.billState" placeholder="请选择账单状态" clearable>
+            <el-option v-for="dict in bill_state" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
       </el-form>
       <div class="search-btn-con">
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -38,6 +43,11 @@
           </el-table-column>
           <el-table-column label="账单周期" align="center" prop="billDatePeriod" />
           <el-table-column label="账单金额" align="center" prop="billAmount" />
+          <el-table-column label="账单状态" align="center" prop="billState">
+            <template #default="scope">
+              <dict-tag :options="bill_state" :value="scope.row.billState" />
+            </template>
+          </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template v-slot="scope">
               <div class="ctrl-btn d-flex">
@@ -65,6 +75,11 @@
         <el-form-item label="账单金额" prop="billAmount">
           <el-input v-model="form.billAmount" placeholder="请输入账单金额" />
         </el-form-item>
+        <el-form-item label="账单状态" prop="billState">
+          <el-select v-model="form.billState" placeholder="请选择账单状态">
+            <el-option v-for="dict in bill_state" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <template v-if="title !== '查看信用卡账单'" #footer>
         <div class="dialog-footer">
@@ -82,7 +97,7 @@ import { listBankcardLend } from '@/api/invest/bankcardlend'
 // eslint-disable-next-line no-unused-vars
 import { require } from '@/utils/require'
 const { proxy } = getCurrentInstance()
-
+const { bill_state } = proxy.useDict('bill_state')
 const creditCardBillList = ref([])
 const open = ref(false)
 const loading = ref(true)
@@ -105,7 +120,7 @@ const data = reactive({
     pageSize: 10,
     name: null,
     creditCardId: null,
-    billState: '1'
+    billState: null
   },
   queryCreditCardParams: {
     pageNum: 1,
@@ -114,6 +129,7 @@ const data = reactive({
   },
   rules: {
     billDate: [{ required: true, message: '账单日不能为空', trigger: 'blur' }],
+    billState: [{ required: true, message: '账单状态不能为空', trigger: 'blur' }],
     creditCardId: [{ required: true, message: '信用卡不能为空', trigger: 'blur' }],
     billAmount: [{ required: true, message: '账单金额不能为空', trigger: 'blur' }]
   }
@@ -173,7 +189,7 @@ function reset() {
     createTime: null,
     updateBy: null,
     updateTime: null,
-    billState: '1',
+    billState: null,
     delFlag: null
   }
   proxy.resetForm('creditCardBillRef')