diff --git a/src/pages/Customer/Card/CustomerDms.vue b/src/pages/Customer/Card/CustomerDms.vue
new file mode 100644
index 000000000..350ee3429
--- /dev/null
+++ b/src/pages/Customer/Card/CustomerDms.vue
@@ -0,0 +1,28 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import VnDmsList from 'src/components/common/VnDmsList.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+const arrayData = useArrayData('Customer');
+const { t } = useI18n();
+</script>
+<template>
+    <VnDmsList
+        v-if="arrayData?.store?.data"
+        model="ClientDms"
+        update-model="Clients"
+        default-dms-code="paymentsLaw"
+        filter="clientFk"
+        :description="
+            t('ClientFileDescription', {
+                clientId: $route.params.id,
+                clientName: arrayData.store.data.socialName,
+            })
+        "
+    />
+</template>
+<i18n>
+    en:
+        ClientFileDescription: Payment law from client {clientName} ID {clientId}
+    es:
+        ClientFileDescription: Ley de pagos del cliente {clientName} ID {clientId}
+</i18n>