feat(custom): 新增记录

src/views/business/mer_list/index.vue

@@ -153,6 +153,39 @@
         </n-form>
       </n-drawer-content>
     </n-drawer>
+    <!-- 退积分 -->
+    <n-modal v-model:show="showModalJf">
+      <n-card
+        style="width: 600px"
+        title="退积分"
+        :bordered="false"
+        size="huge"
+        role="dialog"
+        aria-modal="true"
+      >
+        <n-form ref="formRefJf" :model="model" :rules="rulesJf" label-placement="left">
+          <n-grid :cols="24" :x-gap="24">
+            <n-form-item-gi :span="12" label="商家名称:">
+              <n-input v-model:value="model.name" disabled placeholder="商家名称" />
+            </n-form-item-gi>
+            <n-form-item-gi :span="24" label="退积分:" path="number">
+              <n-input-number
+                v-model:value="model.number"
+                placeholder="请输入积分"
+                clearable
+                :precision="3"
+              />
+            </n-form-item-gi>
+            <n-form-item-gi span="24">
+              <n-button class="w-100" attr-type="button" type="primary" @click="handleOutClick">
+                提交
+              </n-button>
+              <n-button class="ml-10 w-100" @click="handleClearOutClick">取消</n-button>
+            </n-form-item-gi>
+          </n-grid>
+        </n-form>
+      </n-card>
+    </n-modal>
   </CommonPage>
 </template>
 
@@ -165,12 +198,67 @@ const vPerms = resolveDirective('perms')
 
 const isEdit = computed(() => drawerTitle.value === '编辑商户')
 
+const showModalJf = ref(false)
+
+const formRefJf = ref(null)
+
+const model = ref({
+  name: '',
+  bid: null,
+  number: null,
+})
+
+const rulesJf = ref({
+  number: {
+    required: true,
+    type: 'number',
+    message: '请输入退积分',
+    trigger: 'blur',
+  },
+})
+
+const handleOutClick = (e) => {
+  e.preventDefault()
+  formRefJf.value?.validate(async (errors) => {
+    if (!errors) {
+      try {
+        await api.outJf({
+          bid: model.value.bid,
+          number: model.value.number,
+        })
+        $message.success('成功')
+        handleClearOutClick()
+        await getMertype()
+        await getList()
+        showModalJf.value = false
+      } catch (error) {
+        $message.error(error.msg)
+      }
+    } else {
+      $message.error('Invalid')
+    }
+  })
+}
+
+const handleClearOutClick = () => {
+  formRefJf.value?.restoreValidation()
+  model.value = {
+    number: null,
+  }
+  showModalJf.value = false
+}
+
 const columns = ref([
   {
     title: '商户名称',
     align: 'center',
     key: 'name',
   },
+  {
+    title: '电话',
+    align: 'center',
+    key: 'phone',
+  },
   {
     title: '状态',
     align: 'center',
@@ -179,6 +267,16 @@ const columns = ref([
       return h('span', row.status === 1 ? '正常' : '禁用')
     },
   },
+  {
+    title: '积分',
+    align: 'center',
+    key: 'integral',
+  },
+  {
+    title: '创建时间',
+    align: 'center',
+    key: 'add_time',
+  },
   {
     title: '操作',
     align: 'center',
@@ -202,6 +300,24 @@ const columns = ref([
           ),
           [[vPerms, ['/admin/store/edit']]]
         ),
+        withDirectives(
+          h(
+            NButton,
+            {
+              class: 'ml-10',
+              type: 'primary',
+              text: true,
+              size: 'small',
+              onClick: () => {
+                model.value.name = row.name
+                model.value.bid = row.bid
+                showModalJf.value = true
+              },
+            },
+            () => '退积分'
+          ),
+          [[vPerms, ['/admin/store/set/integral']]]
+        ),
         withDirectives(
           h(
             NButton,