release(custom): i

src/views/business/mer_verify/api.js

@@ -0,0 +1,8 @@
+import { request } from '@/utils'
+
+export default {
+  // 获取入驻审核列表
+  getAuditList: (data) => request.post('/process/store', data),
+  // 通过审核/不通过
+  passAudit: (data) => request.post('/process/store/edit', data),
+}

src/views/business/mer_verify/index.vue

@@ -1,7 +1,209 @@
 <template>
-  <CommonPage show-footer :title="$route.title"></CommonPage>
+  <CommonPage show-footer :title="$route.title">
+    <n-data-table
+      :loading="loading"
+      :columns="columns"
+      :data="data"
+      :pagination="pagination"
+      :bordered="false"
+      remote
+    />
+    <!-- 详情 -->
+    <n-drawer v-model:show="active" :width="502" placement="right">
+      <n-drawer-content title="商户入驻详情">
+        <div>
+          <div>商户名称:{{ nowRow.name }}</div>
+          <div mt-10>用户姓名:{{ nowRow.username }}</div>
+          <div mt-10>联系电话:{{ nowRow.phone }}</div>
+          <div mt-10>开户行:{{ nowRow.bank }}</div>
+          <div mt-10>银行卡号:{{ nowRow.bank_card }}</div>
+          <div mt-10>商户类型:{{ atype.name }}</div>
+          <div mt-10>经营类目:{{ btype.name }}</div>
+          <div mt-10>
+            <div>营业执照:</div>
+            <n-image width="100" :src="nowRow.license" />
+          </div>
+          <div mt-10>
+            <div>法人身份证（正面）:</div>
+            <n-image width="100" :src="nowRow.front" />
+          </div>
+          <div mt-10>
+            <div>法人身份证（反面）:</div>
+            <n-image width="100" :src="nowRow.back" />
+          </div>
+          <div mt-10>
+            <div>门头照:</div>
+            <n-image-group>
+              <n-image
+                v-for="(item, index) in nowRow.img"
+                :key="index"
+                mr-10
+                width="100"
+                :src="item"
+              />
+            </n-image-group>
+          </div>
+        </div>
+        <div m-auto w-full flex justify-center>
+          <n-button mr-20 type="primary" @click="ok">通过</n-button>
+          <n-button mr-20 type="warning" @click="noOk">不通过</n-button>
+          <n-button @click="active = false">关闭</n-button>
+        </div>
+      </n-drawer-content>
+    </n-drawer>
+  </CommonPage>
 </template>
 
-<script setup></script>
+<script setup>
+import { h, withDirectives, resolveDirective } from 'vue'
+import api from './api'
+import api1 from '../mer_list/api'
+import { NButton } from 'naive-ui'
+const vPerms = resolveDirective('perms')
+
+const loading = ref(false)
+
+const nowRow = ref({})
+
+const active = ref(false)
+
+const columns = ref([
+  {
+    title: '商户名称',
+    align: 'center',
+    key: 'name',
+  },
+  {
+    title: '用户姓名',
+    align: 'center',
+    key: 'username',
+  },
+  {
+    title: '联系电话',
+    align: 'center',
+    key: 'phone',
+  },
+  {
+    title: '开户银行',
+    align: 'center',
+    key: 'bank',
+  },
+  {
+    title: '银行卡号',
+    align: 'center',
+    key: 'bank_card',
+  },
+  {
+    title: '操作',
+    align: 'center',
+    slot: 'detail',
+    render: (row) => {
+      return [
+        withDirectives(
+          h(
+            NButton,
+            {
+              type: 'primary',
+              text: true,
+              onClick: () => {
+                nowRow.value = {
+                  ...row,
+                  img: row.img.split(','),
+                }
+                active.value = true
+              },
+            },
+            {
+              default: () => '详情',
+            }
+          ),
+          [[vPerms, ['/admin/process/store/edit']]]
+        ),
+      ]
+    },
+  },
+])
+const data = ref([])
+const pagination = ref({
+  page: 1,
+  pageSize: 10,
+  itemCount: 0,
+  onChange: (page) => {
+    pagination.value.page = page
+  },
+})
+
+onMounted(() => {
+  getData()
+  getMertype()
+})
+
+const getData = async () => {
+  loading.value = true
+  const res = await api.getAuditList({
+    pageNum: pagination.value.page,
+    pageSize: pagination.value.pageSize,
+  })
+  data.value = res.data.data || []
+  pagination.value.itemCount = res.data.total
+  loading.value = false
+}
+
+const classOptions = ref([])
+const typeOptions = ref([])
+
+const getMertype = async () => {
+  const res = await api1.getMerType()
+  classOptions.value = res.data.class
+  typeOptions.value = res.data.type
+}
+
+const atype = computed(() => {
+  return typeOptions.value.find((item) => {
+    if (item.ID === nowRow.value.bType) return item
+  })
+})
+
+const btype = computed(() => {
+  return classOptions.value.find((item) => {
+    if (item.ID === nowRow.value.classId) return item
+  })
+})
+
+const ok = async () => {
+  $dialog.warning({
+    title: '提示',
+    content: '同意后无法撤销,确认同意吗?',
+    positiveText: '确定',
+    negativeText: '取消',
+    onPositiveClick: async () => {
+      const res = await api.passAudit({
+        bid: nowRow.value.bid,
+        status: 1,
+      })
+      $message.success(res.msg)
+      clear()
+    },
+    onNegativeClick: () => {
+      $message.warning('已取消操作')
+    },
+  })
+}
+
+const noOk = async () => {
+  const res = await api.passAudit({
+    bid: nowRow.value.bid,
+    status: 2,
+  })
+  $message.success(res.msg)
+  clear()
+}
+
+const clear = () => {
+  nowRow.value = {}
+  active.value = false
+  getData()
+}
+</script>
 
 <style lang="scss" scoped></style>