250825

src/views/think/thinkCard/index.vue

@@ -28,6 +28,8 @@
               <a-space>
                 <span>{{ record.username }}</span>
                 <a-divider type="vertical" />
+                <a @click="openLog(record)">使用记录</a>
+                <a-divider type="vertical" />
                 <a-popconfirm
                   title="确定要解除绑定吗？"
                   @confirm="unBindCard(record)"
@@ -43,6 +45,8 @@
                 >
                   <a class="ele-text-danger">注销</a>
                 </a-popconfirm>
+                <a-divider type="vertical" />
+                <a @click="onInvoice(record)" v-if="record.isInvoice === 2">开票</a>
               </a-space>
             </template>
             <template v-if="column.key === 'sid'">
@@ -91,7 +95,9 @@
         @done="reload"
       />
       <MakeICCard v-model:visible="showMakeCard" @done="reload" />
+      <ThinkCardLog v-model:visible="showLog" :data="current" />
     </div>
+    <Invoice v-model:visible="showInvoice" :data="current" @done="reload" />
   </div>
 </template>
 
@@ -115,6 +121,8 @@ import {
 } from "@/api/think/thinkCard";
 import type { ThinkCard, ThinkCardParam } from "@/api/think/thinkCard/model";
 import MakeICCard from "@/views/think/thinkCard/components/makeICCard.vue";
+import ThinkCardLog from "./components/thinkCardLog.vue";
+import Invoice from "./components/invoice.vue";
 
 // 表格实例
 const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -143,7 +151,9 @@ const payTypes = ref<string[]>([
   "支付宝支付",
   "现金",
   "POS机刷卡",
-  "平安健康卡"
+  "平安健康卡",
+  "免费",
+  "抖音支付",
 ]);
 const isIntegral = ref<string[]>(["", "赠送", "不赠送"]);
 
@@ -169,12 +179,12 @@ const datasource: DatasourceFunction = ({
 // 表格列配置
 const columns = ref<ColumnItem[]>([
   {
-    title: "姓名",
+    title: "操作",
     dataIndex: "username",
     key: "username",
     align: "center",
     fixed: "left",
-    width: 280
+    width: 400
   },
   {
     title: "卡号",
@@ -346,110 +356,6 @@ const columns = ref<ColumnItem[]>([
     width: 180,
     customRender: ({ text }) => toDateString(text, "yyyy-MM-dd HH:mm:ss")
   }
-  // {
-  //   title: '微信订单号',
-  //   dataIndex: 'wechatOrder',
-  //   key: 'wechatOrder',
-  //   align: 'center'
-  // },
-  // {
-  //   title: '手机号码',
-  //   dataIndex: 'phone',
-  //   key: 'phone',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '会员卡介绍',
-  //   dataIndex: 'desc',
-  //   key: 'desc',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '会员卡说明',
-  //   dataIndex: 'info',
-  //   key: 'info',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '续费累加次数',
-  //   dataIndex: 'number',
-  //   key: 'number',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '付款状态,1已付款，2未付款',
-  //   dataIndex: 'status',
-  //   key: 'status',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '卡类型：1成人卡，2儿童卡',
-  //   dataIndex: 'cardType',
-  //   key: 'cardType',
-  //   align: 'center',
-  // },
-  // {
-  //   title: 'vip卡等级类型：1特殊vip卡，2普通vip卡',
-  //   dataIndex: 'vipType',
-  //   key: 'vipType',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '特殊卡开发凭证图',
-  //   dataIndex: 'pic',
-  //   key: 'pic',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '价格组',
-  //   dataIndex: 'prices',
-  //   key: 'prices',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '卡号',
-  //   dataIndex: 'cardNum',
-  //   key: 'cardNum',
-  //   align: 'center'
-  // }
-  // {
-  //   title: '密码',
-  //   dataIndex: 'password',
-  //   key: 'password',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '使用时间',
-  //   dataIndex: 'useTime',
-  //   key: 'useTime',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '',
-  //   dataIndex: 'updateTime',
-  //   key: 'updateTime',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '身份证号码',
-  //   dataIndex: 'idcard',
-  //   key: 'idcard',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '备注',
-  //   dataIndex: 'remark',
-  //   key: 'remark',
-  //   align: 'center',
-  // },
-  // {
-  //   title: '操作',
-  //   key: 'action',
-  //   width: 180,
-  //   fixed: 'right',
-  //   align: 'center',
-  //   hideInSetting: true
-  // }
 ]);
 
 /* 搜索 */
@@ -541,6 +447,18 @@ const query = () => {
   loading.value = true;
 };
 
+const showLog = ref(false)
+const openLog = (row: ThinkCard) => {
+  showLog.value = true
+  current.value = row
+}
+
+const showInvoice = ref(false)
+const onInvoice = (row?: ThinkCard) => {
+  current.value = row ?? null;
+  showInvoice.value = true;
+};
+
 /* 自定义行属性 */
 const customRow = (record: ThinkCard) => {
   return {