From 702e177beea5a76936082d89d839db5cf019ad4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E7=8E=89=E5=BC=BA?= <875626088@qq.com>
Date: Wed, 27 Sep 2023 17:17:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/shop.js                               |  11 ++
 src/router/routes.js                          |  10 +
 .../organization/components/aisleInfo.vue     |  17 ++
 src/views/organization/mini_agent_detail.vue  | 187 ++++++++++++++++++
 src/views/organization/mini_organization.vue  |  11 +-
 src/views/organization/shop_list.vue          |   2 +-
 6 files changed, 235 insertions(+), 3 deletions(-)
 create mode 100644 src/views/organization/mini_agent_detail.vue

diff --git a/src/api/shop.js b/src/api/shop.js
index f84cfdd..3b530ca 100644
--- a/src/api/shop.js
+++ b/src/api/shop.js
@@ -187,3 +187,14 @@ export function updateAgency(data) {
     })
 }
 
+/**
+ * 通道进件信息
+ * @param {*} data 
+ * @returns
+ */
+export function messageChannel(userId, merchantCode) {
+    return request({
+        method: 'get',
+        url: `/merchantChannel/messageChannel/${userId}/${merchantCode}`
+    })
+}
diff --git a/src/router/routes.js b/src/router/routes.js
index a86767a..90a8e45 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -322,6 +322,16 @@ export const asyncRoutes = [
           title: '小机构',
           icon: 'SetUp'
         }
+      },
+      {
+        path: '/organization/mini_organization/mini_agent_detail',
+        name: 'mini_agent_detail',
+        component: () => import('@/views/organization/mini_agent_detail.vue'),
+        meta: {
+          title: '小机构详情',
+          isHide: true,
+          activeMenu: '/mini_organization/mini_organization'
+        }
       }
     ]
   },
diff --git a/src/views/organization/components/aisleInfo.vue b/src/views/organization/components/aisleInfo.vue
index b2fa0b6..2cdc9c8 100644
--- a/src/views/organization/components/aisleInfo.vue
+++ b/src/views/organization/components/aisleInfo.vue
@@ -66,6 +66,10 @@
 </template>
 
 <script setup>
+import { messageChannel } from '@/api/shop.js'
+import { useRoute } from 'vue-router'
+const route = useRoute()
+
 const form = reactive({
     remarkGroup: 0,
     remark: '',
@@ -73,6 +77,19 @@ const form = reactive({
     settle: '',
     authStatus: ''
 })
+
+// 通道进件信息
+async function messageChannelAjax() {
+    try {
+        const res = await messageChannel(route.query.id, route.query.merchantcode)
+    } catch (error) {
+        console.error('通道进件信息===', error)
+    }
+}
+
+onMounted(() => {
+    messageChannelAjax()
+})
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/organization/mini_agent_detail.vue b/src/views/organization/mini_agent_detail.vue
new file mode 100644
index 0000000..64d61ff
--- /dev/null
+++ b/src/views/organization/mini_agent_detail.vue
@@ -0,0 +1,187 @@
+<template>
+    <div class="card">
+        <el-form ref="formRef" :model="form" label-width="120" label-position="left">
+            <el-row :gutter="gutter">
+                <el-col :span="span">
+                    <el-form-item label="手机号">
+                        <el-input v-model="form.phone" placeholder="请输入手机号" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <div class="title_wrap">
+                <el-text>支付宝</el-text>
+            </div>
+            <el-row :gutter="gutter" class="mt15">
+                <el-col :span="span">
+                    <el-form-item label="支付宝名称">
+                        <el-input v-model="form.cashAccount.accountname" placeholder="请输入支付宝名称" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="span">
+                    <el-form-item label="支付宝账号">
+                        <el-input v-model="form.cashAccount.accountno" placeholder="请输入支付宝账号" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <div class="title_wrap">
+                <el-text>实名身份证</el-text>
+            </div>
+            <el-row :gutter="gutter" class="mt15">
+                <el-col :span="span">
+                    <el-form-item label="实名类型">
+                        <el-select style="width: 100%;" v-model="form.idCard.usertype" placeholder="请选择实名类型">
+                            <el-option value="01" label="实名人" />
+                            <el-option value="02" label="结算人" />
+                            <el-option value="03" label="法人" />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="span">
+                    <el-form-item label="证件类型">
+                        <el-select style="width: 100%;" v-model="form.idCard.certtype" placeholder="请选择证件类型">
+                            <el-option value="00" label="身份证" />
+                            <el-option value="03" label="军人证" />
+                            <el-option value="04" label="警察证" />
+                            <el-option value="05" label="港澳居民往来内地通行证" />
+                            <el-option value="06" label="台湾居民来往大陆通行证" />
+                            <el-option value="07" label="护照" />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="gutter">
+                <el-col :span="span">
+                    <el-form-item label="证件姓名">
+                        <el-input v-model="form.idCard.certname" placeholder="请输入证件姓名" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="span">
+                    <el-form-item label="证件号">
+                        <el-input v-model="form.idCard.certno" placeholder="请输入证件号" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="gutter">
+                <el-col :span="span">
+                    <el-form-item label="有效期开始时间">
+                        <el-date-picker style="width: 100%;" v-model="form.idCard.certstarttime" type="date"
+                            placeholder="请选择有效期开始时间" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="span">
+                    <el-form-item label="有效期结束时间">
+                        <el-date-picker style="width: 100%;" v-model="form.idCard.certendtime" type="date"
+                            placeholder="请选择有效期结束时间" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row :gutter="gutter">
+                <el-col :span="span">
+                    <el-form-item label="人像面">
+                        <uploadCard ref="idCardRef1" @selectFile="file => form.idCard.imgpositive = file"
+                            @removeFile="form.idCard.imgpositive = ''" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="span">
+                    <el-form-item label="国徽面">
+                        <uploadCard ref="idCardRef2" @selectFile="file => form.idCard.imgnegative = file"
+                            @removeFile="form.idCard.imgnegative = ''" />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-form-item>
+                <el-button type="primary" @click="submitHandle">立即提交</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+import { uploadOSS } from '@/api/home.js'
+import uploadCard from './components/uploadCard.vue'
+
+import { agencyInfo, updateAgency } from '@/api/shop.js'
+
+import { useRoute } from 'vue-router'
+const route = useRoute()
+
+const span = ref(10)
+const gutter = ref(50)
+
+const formRef = ref(null)
+
+const idCardRef1 = ref(null)
+const idCardRef2 = ref(null)
+
+const form = reactive({
+    id: '',
+    phone: '',
+    cashAccount: {
+        id: '',
+        userid: '',
+        accountno: '',
+        accountname: '',
+        status: '',
+        createtime: ''
+    },
+    idCard: {
+        id: '',
+        userid: '',
+        usertype: '',
+        certtype: '',
+        certno: '',
+        certname: '',
+        certstarttime: '',
+        certendtime: '',
+        certaddress: '',
+        createtime: '',
+        updatetime: '',
+        imgpositive: '',
+        imgnegative: '',
+        virtypeflag: ''
+    }
+})
+
+// 提交表单
+async function submitHandle() {
+    try {
+        if (form.idCard.imgpositive.uid) {
+            form.idCard.imgpositive = await uploadOSS(form.idCard.imgpositive.raw)
+        }
+        if (form.idCard.imgnegative.uid) {
+            form.idCard.imgnegative = await uploadOSS(form.idCard.imgnegative.raw)
+        }
+        await updateAgency(form)
+        ElMessage.success('提交成功')
+    } catch (error) {
+        console.log('提交表单===', error)
+    }
+}
+
+// 机构详情信息
+async function agencyInfoAjax() {
+    try {
+        const res = await agencyInfo({
+            userId: route.query.id
+        })
+        form.id = res.userId
+        form.phone = res.phone
+        form.cashAccount = res.cashAccount
+        form.idCard = res.idCard
+
+        idCardRef1.value.pselectFile({ url: res.idCard.imgpositive })
+        idCardRef2.value.pselectFile({ url: res.idCard.imgnegative })
+    } catch (error) {
+        console.error('agencyInfoAjax===', error)
+    }
+}
+
+onMounted(() => {
+    agencyInfoAjax()
+})
+</script>
+
+<style scoped lang="scss">
+@import './components/common.scss';
+</style>
\ No newline at end of file
diff --git a/src/views/organization/mini_organization.vue b/src/views/organization/mini_organization.vue
index 90c2b90..4921dff 100644
--- a/src/views/organization/mini_organization.vue
+++ b/src/views/organization/mini_organization.vue
@@ -41,8 +41,15 @@
                 <el-table-column prop="sumAccount" label="商家数量"></el-table-column>
                 <el-table-column label="操作">
                     <template #default="scope">
-                        <el-button size="small" type="primary" icon="DataLine"
-                            @click="checkChartHandle(scope.row.id)">详细数据</el-button>
+                        <el-space>
+                            <el-button size="small" type="primary" icon="DataLine"
+                                @click="checkChartHandle(scope.row.id)">数据</el-button>
+                            <RouterLink :to="{ name: 'mini_agent_detail', query: { id: scope.row.id } }">
+                                <el-button type="primary" size="small" icon="Search" v-permission="['MG']">
+                                    详情
+                                </el-button>
+                            </RouterLink>
+                        </el-space>
                     </template>
                 </el-table-column>
             </el-table>
diff --git a/src/views/organization/shop_list.vue b/src/views/organization/shop_list.vue
index 5b6eed3..640dbd4 100644
--- a/src/views/organization/shop_list.vue
+++ b/src/views/organization/shop_list.vue
@@ -222,7 +222,7 @@
                 <el-table-column label="操作" fixed="right">
                     <template #default="scope">
                         <RouterLink
-                            :to="{ name: 'shop_detail', query: { id: scope.row.id, name: scope.row.agencyName, account: scope.row.agencyCode, merchantcode: scope.row.merchantCode } }">
+                            :to="{ name: 'shop_detail', query: { id: scope.row.id, name: scope.row.agencyName, account: scope.row.agencyCode, merchantcode: scope.row.merchantBaseInfo.merchantCode } }">
                             <el-button type="primary" size="small" icon="Search" v-permission="['MG']">
                                 详情
                             </el-button>