Pārlūkot izejas kodu

修改左侧菜单内容和代理商信息,用户信息整理

first@qq.com123 1 gadu atpakaļ
vecāks
revīzija
3d4f96425c

+ 3 - 0
admin/src/assets/styles/index.scss

@@ -224,6 +224,9 @@ aside {
 .el-menu--vertical .el-menu-item.is-active {
   // 菜单选中
   background: #f1f1f1;
+  .i-icon{
+    color: red !important;
+  }
 }
 
 .el-menu--vertical .el-sub-menu.is-active .el-sub-menu__title {

+ 5 - 6
admin/src/layout/components/Sidebar/Logo.vue

@@ -13,9 +13,8 @@
         </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title" :style="{color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor}">
-          {{ $t('message.sysTitle') }}
+        <h1 class="sidebar-title" style="">
+          信⻜通管理系统
         </h1>
       </router-link>
     </transition>
@@ -74,10 +73,10 @@ const sideTheme = computed(() => settingsStore.sideTheme)
     & .sidebar-title {
       display: inline-block;
       margin: 0;
-      color: #fff;
-      font-weight: 600;
+      color: #0080ff;
+      font-weight: 900;
       line-height: 50px;
-      font-size: 14px;
+      font-size: 18px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
     }

+ 1 - 0
admin/src/layout/components/Sidebar/SidebarItem.vue

@@ -5,6 +5,7 @@
         <el-menu-item class="menu_l_first" :index="resolvePath(onlyOneChild.path)" :class="{'sub-menu-title-noDropdown': !isNest}">
           <!-- <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" /> -->
 
+          <!-- 左侧菜单icon -->
           <ii-home v-if="onlyOneChild.meta?.icon" class="mr-2" theme="outline" size="27" fill="#333" strokeLinejoin="bevel" strokeLinecap="square" />
 
           <!-- {{ onlyOneChild.meta.icon ? 'ii-home' : item.meta?.icon }} -->

+ 395 - 149
admin/src/views/dls-manage/dls-info/index.vue

@@ -1,59 +1,203 @@
 <template>
   <div class="prowler-info">
     <!-- 客户详情 -->
-    <el-descriptions border title="代理商详情">
-      <el-descriptions-item label="代理商流水号">{{ state.userMessage.agentsid }}</el-descriptions-item>
-      <el-descriptions-item label="关联客户id">{{ state.userMessage.agentscustomerid }}</el-descriptions-item>
-      <el-descriptions-item label="代理商企业码">{{ state.userMessage.agentsqym }}</el-descriptions-item>
-      <el-descriptions-item label="代理商余额">{{ state.userMessage.agentsamount }}</el-descriptions-item>
-      <el-descriptions-item label="代理商名称">{{ state.userMessage.agentsname }}</el-descriptions-item>
-      <el-descriptions-item label="代理商联系地址">{{ state.userMessage.agentsadress }}</el-descriptions-item>
-
-      <el-descriptions-item label="代理商联系电话">{{ state.userMessage.agentstel }}</el-descriptions-item>
-      <el-descriptions-item label="所属省">{{ state.userMessage.agentsprovince }}</el-descriptions-item>
-      <el-descriptions-item label="所属市">{{ state.userMessage.agentscity }}</el-descriptions-item>
-      <el-descriptions-item label="所属区">{{ state.userMessage.agentsarea }}</el-descriptions-item>
-      <el-descriptions-item label="代理商微信二维码内容">{{ state.userMessage.agentwxqymurl }}</el-descriptions-item>
-      <el-descriptions-item label="社会统一信用代码">{{ state.userMessage.agentstaxnumber }}</el-descriptions-item>
-      <!-- <el-descriptions-item label="代理商证件类型">{{ state.userMessage.agentstzjlx }}</el-descriptions-item> -->
-      <el-descriptions-item label="代理商联系电话">{{ state.userMessage.agentstel }}</el-descriptions-item>
-      <el-descriptions-item label="代理商身份">{{ state.userMessage.agentssf }}</el-descriptions-item>
-      <el-descriptions-item label="代理商法定代表人姓名">{{ state.userMessage.agentfddbrname }}</el-descriptions-item>
-      <el-descriptions-item label="法定代表人证件类型">{{ state.userMessage.agentfddbrzjlx }}</el-descriptions-item>
-      <el-descriptions-item label="法定代表人证件号码">{{ state.userMessage.agentfddbrzjcode }}</el-descriptions-item>
-      <el-descriptions-item label="更新时间">{{ state.userMessage.agentsupdate }}</el-descriptions-item>
-      <el-descriptions-item label="是否可用">
-        <el-tag size="" v-if="state.userMessage.agentssfky">可用</el-tag>
-        <el-tag size="" v-if="!state.userMessage.agentssfky">不可用</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="审核时间">{{ state.userMessage.agentsshdate }}</el-descriptions-item>
-      <el-descriptions-item label="审核人">{{ state.userMessage.agentsshuser }}</el-descriptions-item>
+    <div class="prowler-border">
+      <el-descriptions title="主体信息审核" column="2">
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="⽤⼾企业名称"
+          >{{ state.userMessage.agentsname }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="法⼈姓名"
+          >{{ state.userMessage.agentfddbrname }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="法⼈证件号码"
+          >{{ state.userMessage.agentfddbrzjcode }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="审核状态">
+          <el-tag size="">{{ state.userMessage.agentsshzt }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="社会统一信用代码"
+          >{{ state.userMessage.agentstaxnumber }}</el-descriptions-item
+        >
 
-      <el-descriptions-item label="审核状态">
-        <el-tag size="">{{ state.userMessage.agentsshzt }}</el-tag>
-      </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="申请时间"
+          >{{ state.userMessage.agentscreatedate }}</el-descriptions-item
+        >
+        
 
-      <el-descriptions-item label="授权文件地址"
-        >{{ state.userMessage.agentsqurl }}
-        <el-link v-show="state.userMessage.agentsqurl" class="operate-btn-item" type="primary" @click="winOpen(state.userMessage.agentsqurl)">点击下载</el-link>
-      </el-descriptions-item>
-    </el-descriptions>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商流水号"
+          >{{ state.userMessage.agentsid }}</el-descriptions-item
+        >
+        <!-- <el-descriptions-item label-class-name="my-label" label="关联客户id">{{
+          state.userMessage.agentscustomerid
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商企业码"
+          >{{ state.userMessage.agentsqym }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="代理商余额">{{
+          state.userMessage.agentsamount
+        }}</el-descriptions-item>
 
-    <!-- 代理商余额 -->
-    <el-descriptions direction="vertical" border title="代理商钱包" class="mt-10">
-      <el-descriptions-item label="代理商余额">{{ state.userMessage.agentsamount }}</el-descriptions-item>
-      <el-descriptions-item label="余额充值/扣除">
-        <el-button @click="moneyUp('add')">充值</el-button> <el-button @click="moneyUp('del')" type="danger">扣除</el-button></el-descriptions-item
-      >
-      <el-descriptions-item label="代理商名称">{{ state.userMessage.agentsname }}</el-descriptions-item>
-    </el-descriptions>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商联系地址"
+          >{{ state.userMessage.agentsadress }}</el-descriptions-item
+        >
+
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商联系电话"
+          >{{ state.userMessage.agentstel }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="所属省">{{
+          state.userMessage.agentsprovince
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="所属市">{{
+          state.userMessage.agentscity
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="所属区">{{
+          state.userMessage.agentsarea
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商微信二维码内容"
+          >{{ state.userMessage.agentwxqymurl }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="社会统一信用代码"
+          >{{ state.userMessage.agentstaxnumber }}</el-descriptions-item
+        > -->
+        <!-- <el-descriptions-item label-class-name="my-label" label="代理商证件类型">{{ state.userMessage.agentstzjlx }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商联系电话"
+          >{{ state.userMessage.agentstel }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="代理商身份">{{
+          state.userMessage.agentssf
+        }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item
+          label-class-name="my-label"
+          label="代理商法定代表人姓名"
+          >{{ state.userMessage.agentfddbrname }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="法定代表人证件类型"
+          >{{ state.userMessage.agentfddbrzjlx }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="法定代表人证件号码"
+          >{{ state.userMessage.agentfddbrzjcode }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="更新时间">{{
+          state.userMessage.agentsupdate
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="是否可用">
+          <el-tag size="" v-if="state.userMessage.agentssfky">可用</el-tag>
+          <el-tag size="" v-if="!state.userMessage.agentssfky">不可用</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="审核时间">{{
+          state.userMessage.agentsshdate
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="审核人">{{
+          state.userMessage.agentsshuser
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label-class-name="my-label" label="审核状态">
+          <el-tag size="">{{ state.userMessage.agentsshzt }}</el-tag>
+        </el-descriptions-item> -->
+
+        <el-descriptions-item label-class-name="my-label" label="企业授权委托书"
+          >{{
+            state.userMessage.agentsqurl
+              ? state.userMessage.agentsqurl
+              : "未上传"
+          }}
+          <el-link
+            v-show="state.userMessage.agentsqurl"
+            class="operate-btn-item"
+            type="primary"
+            @click="winOpen(state.userMessage.agentsqurl)"
+            >点击下载</el-link
+          >
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <el-descriptions title="账号管理员信息审核" column="2" class="mt-10">
+        <el-descriptions-item label-class-name="my-label" label="⽤⼾名">{{
+          state.userMessage.agentsshuser
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="账号管理员姓名"
+          >/</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="管理员证件号码"
+          >/</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="审核状态">
+          <el-tag size="">{{ state.userMessage.agentsshzt }}</el-tag>
+        </el-descriptions-item>
+
+        <el-descriptions-item label-class-name="my-label" label="证件类型">
+          {{ state.userMessage.agentfddbrzjlx }}
+        </el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="申请时间">{{
+          state.userMessage.agentsshdate
+        }}</el-descriptions-item>
+      </el-descriptions>
+
+      <!-- 代理商余额 -->
+      <el-descriptions title="代理商钱包" column="1" class="mt-10">
+        <el-descriptions-item label-class-name="my-label" label="代理商余额">{{
+          state.userMessage.agentsamount
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="代理商名称">{{
+          state.userMessage.agentsname
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label-class-name="my-label" label="金额充值/扣除">
+          <el-button @click="moneyUp('add')">充值</el-button>
+          <el-button @click="moneyUp('del')" type="danger"
+            >扣除</el-button
+          ></el-descriptions-item
+        >
+      </el-descriptions>
+    </div>
 
     <!-- 证件信息 -->
-    <el-descriptions direction="vertical" border title="代理商证件信息" class="mt-10">
-      <el-descriptions-item label="代理商认证身份类型">
+    <el-descriptions
+      direction="vertical"
+      title="代理商证件信息"
+      column="2"
+      class="mt-10"
+    >
+      <!-- <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="代理商认证身份类型"
+      >
         {{ state.userMessage.agentssf }}
-      </el-descriptions-item>
-      <el-descriptions-item v-for="(img, index) in state.sfzfiles" :key="index" :label="img[img.length - 1]?.text ? img[img.length - 1]?.text + '(点击可以放大)' : '暂无'">
+      </el-descriptions-item> -->
+      <el-descriptions-item
+        label-class-name="my-img-lab"
+        v-for="(img, index) in state.sfzfiles"
+        :key="index"
+        :label="img[img.length - 1]?.text"
+      >
         <div class="demo-image__preview">
           <el-image
             style="min-width: 100px; height: 100px"
@@ -66,196 +210,298 @@
             fit="cover"
           >
             <template #error>
-              <div class="image-slot" style="min-width: 100px; height: 100px; color: #a4a4a4; line-height: 100px">没有上传</div>
+              <div class="image-cneter">
+                <el-icon size="30" color="#6c6c6c"><PictureFilled /></el-icon>
+                <p>未上传</p>
+              </div>
             </template>
           </el-image>
         </div>
       </el-descriptions-item>
-      <el-descriptions-item label="审核备注" v-if="state.userMessage.agentsshzt !== '待审核'">
+      <!-- <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="审核备注"
+        v-if="state.userMessage.agentsshzt !== '待审核'"
+      >
         {{ state.userMessage.agentsshms }}
-      </el-descriptions-item>
+      </el-descriptions-item> -->
     </el-descriptions>
 
     <!-- 操作 -->
-    <div class="flex flex-wrap items-center justify-center mt-10" v-if="state.userMessage.agentsshzt === '待审核'">
-      <el-input v-model="state.shTextarea" style="width: 100%" :rows="8" type="textarea" placeholder="审核备注、意见" />
+    <div
+      class="flex flex-wrap items-center justify-center mt-10"
+      v-if="state.userMessage.agentsshzt === '待审核'"
+    >
+      <el-input
+        v-model="state.shTextarea"
+        style="width: 100%"
+        :rows="8"
+        type="textarea"
+        placeholder="审核备注、意见"
+      />
 
-      <el-button type="primary" class="mt-4" @click="shdlsClick('审核通过')">审核通过</el-button>
-      <el-button type="danger" class="mt-4" @click="shdlsClick('审核不通过')">审核不通过</el-button>
+      <el-button type="primary" class="mt-4" @click="shdlsClick('审核通过')"
+        >审核通过</el-button
+      >
+      <el-button type="danger" class="mt-4" @click="shdlsClick('审核不通过')"
+        >审核不通过</el-button
+      >
     </div>
   </div>
 </template>
 
 <script setup name="Account">
-import _ from 'lodash'
-import allStoreApi from '@store/modules/allStoreApi'
-import useSystemManageStore from '@store/modules/systemManage'
-import usePagination from '@/hooks/usePagination'
-import useFitColumn from '@/hooks/useFitColumn'
-import {shdls, increaseamout, decreaseamout} from '@/api/app'
-import {useRoute, useRouter} from 'vue-router'
-
-const filePath = import.meta.env.VITE_Hw_File_Path
-
-const {proxy} = getCurrentInstance()
-const systemManageStore = useSystemManageStore()
-const {paginaionConfig, handleSizeChange, handleCurrentChange} = usePagination(handleQuery)
-const {fitWidth} = useFitColumn()
+import _ from "lodash";
+import allStoreApi from "@store/modules/allStoreApi";
+import useSystemManageStore from "@store/modules/systemManage";
+import usePagination from "@/hooks/usePagination";
+import useFitColumn from "@/hooks/useFitColumn";
+import { shdls, increaseamout, decreaseamout } from "@/api/app";
+import { useRoute, useRouter } from "vue-router";
+
+const filePath = import.meta.env.VITE_Hw_File_Path;
+
+const { proxy } = getCurrentInstance();
+const systemManageStore = useSystemManageStore();
+const { paginaionConfig, handleSizeChange, handleCurrentChange } =
+  usePagination(handleQuery);
+const { fitWidth } = useFitColumn();
 // 接口封装文件
-const alleApi = allStoreApi()
+const alleApi = allStoreApi();
 
 const state = reactive({
   tableLoading: false,
   tableData: [],
   queryParams: {
-    'customername.value': ''
+    "customername.value": "",
   },
   sfzfiles: {},
   shTextarea: [],
   userMessage: {},
-  getParams: {}
-})
+  getParams: {},
+});
 
 function handleQuery(config) {
-  if (config?.initPageIndex) paginaionConfig.query.pageindex = 1
-  getList(Object.assign(_.cloneDeep(paginaionConfig.query), state.queryParams))
+  if (config?.initPageIndex) paginaionConfig.query.pageindex = 1;
+  getList(Object.assign(_.cloneDeep(paginaionConfig.query), state.queryParams));
 }
 
 /** 查询菜单列表 */
 const getList = async (query) => {
-  state.tableLoading = true
-  const {Total, Data} = await alleApi.list(query)
-  paginaionConfig.total = Total
-  state.tableData = Data
-  state.tableLoading = false
-}
+  state.tableLoading = true;
+  const { Total, Data } = await alleApi.list(query);
+  paginaionConfig.total = Total;
+  state.tableData = Data;
+  state.tableLoading = false;
+};
 
-const router = useRouter()
+const router = useRouter();
 const shdlsClick = async (type) => {
   if (!state.shTextarea) {
-    proxy.$modal.alertError('请填写审核意见!')
+    proxy.$modal.alertError("请填写审核意见!");
   }
-  shdls({agentsid: state.userMessage.agentsid, shzt: type, ms: state.shTextarea})
+  shdls({
+    agentsid: state.userMessage.agentsid,
+    shzt: type,
+    ms: state.shTextarea,
+  })
     .then((res) => {
-      proxy.$modal.msgSuccess('审核成功')
-      router.push('/dlsmanage/dlsmanage')
+      proxy.$modal.msgSuccess("审核成功");
+      router.push("/dlsmanage/dlsmanage");
     })
-    .catch((err) => {})
-}
+    .catch((err) => {});
+};
 
 const winOpen = (query) => {
-  window.open(query)
-}
+  window.open(query);
+};
 
 // 查看详情
 const handleDictInfo = async (query) => {
-  let params = {}
-  params['agentsid.value'] = query.agentsid
-  params.pagevalue = 318
+  let params = {};
+  params["agentsid.value"] = query.agentsid;
+  params.pagevalue = 318;
   // 客户信息
-  let values = await alleApi.view(params)
-  state.userMessage = {...values}
+  let values = await alleApi.view(params);
+  state.userMessage = { ...values };
   // 身份证照片信息
-  let paramsSfz = {}
-  paramsSfz['attlsh.value'] = query.agentsid
-  paramsSfz.pagevalue = 123
-  paramsSfz.pageindex = 1
-  paramsSfz.rows = 99
+  let paramsSfz = {};
+  paramsSfz["attlsh.value"] = query.agentsid;
+  paramsSfz.pagevalue = 123;
+  paramsSfz.pageindex = 1;
+  paramsSfz.rows = 99;
   // paramsSfz['attother1.value'] = 'dlszhengjianhao'
 
-  let sfzInfo = await alleApi.list(paramsSfz)
-  const arr = []
+  let sfzInfo = await alleApi.list(paramsSfz);
+  const arr = [];
   sfzInfo.Data.forEach((item) => {
     arr.push({
       name: item.attname,
-      url: filePath + '/' + item.attpath + item.attname + '.' + item.atttype,
+      url: filePath + "/" + item.attpath + item.attname + "." + item.atttype,
       uid: item.attid,
       id: item.attid,
       attmodel: item.attmodel,
-      text: item.attother2
-    })
-  })
+      text: item.attother2,
+    });
+  });
+
   // 身份证-正面
-  state.sfzfiles.sfzZm = arr.filter((filePath) => filePath.attmodel === 'sfz-zhengmian')
-  state.sfzfiles.sfzFm = arr.filter((filePath) => filePath.attmodel === 'sfz-fanmian')
-  state.sfzfiles.yyzz = arr.filter((filePath) => filePath.attmodel === 'business-yyzz')
-  state.sfzfiles.sfzJbrZ = arr.filter((filePath) => filePath.attmodel === 'sfz-jbr-zhengmian')
-  state.sfzfiles.sfzJbrF = arr.filter((filePath) => filePath.attmodel === 'sfz-jbr-fanmian')
-}
+  state.sfzfiles.sfzZm = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-zhengmian"
+  );
+  state.sfzfiles.sfzFm = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-fanmian"
+  );
+  state.sfzfiles.yyzz = arr.filter(
+    (filePath) => filePath.attmodel === "business-yyzz"
+  );
+  state.sfzfiles.sfzJbrZ = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-jbr-zhengmian"
+  );
+  state.sfzfiles.sfzJbrF = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-jbr-fanmian"
+  );
+
+  // 都为空时候初始化数据
+  if (state.sfzfiles.sfzZm.length === 0) {
+    state.sfzfiles.sfzZm[0] = { text: "法⼈、账号管理员证件正⾯照⽚" };
+  }
+  if (state.sfzfiles.sfzFm.length === 0) {
+    state.sfzfiles.sfzFm[0] = { text: "法⼈、账号管理员证件背⾯照⽚" };
+  }
+  if (state.sfzfiles.yyzz.length === 0) {
+    state.sfzfiles.yyzz[0] = { text: "营业执照" };
+  }
+  if (state.sfzfiles.sfzJbrZ.length === 0) {
+    state.sfzfiles.sfzJbrZ[0] = { text: "经办人正面" };
+  }
+  if (state.sfzfiles.sfzJbrF.length === 0) {
+    state.sfzfiles.sfzJbrF[0] = { text: "经办人反面" };
+  }
+
+  console.log(state.sfzfiles, "sfzfiles");
+};
 
 /** 删除 */
 const handleDictDel = async (query) => {
   try {
-    let params = JSON.parse(JSON.stringify(query))
-    params['productid.value'] = state.editView.productid
-    params['productid'] = state.editView.productid
-    await proxy.$modal.confirm('请问确认删除吗?')
-    await alleApi.del(params)
-    proxy.$modal.msgSuccess('删除成功!')
-    handleQuery()
+    let params = JSON.parse(JSON.stringify(query));
+    params["productid.value"] = state.editView.productid;
+    params["productid"] = state.editView.productid;
+    await proxy.$modal.confirm("请问确认删除吗?");
+    await alleApi.del(params);
+    proxy.$modal.msgSuccess("删除成功!");
+    handleQuery();
   } catch (error) {}
-}
+};
 
 const moneyUp = async (type) => {
   try {
-    if (type === 'add') {
+    if (type === "add") {
       proxy.$modal
-        .prompt('请输入充值金额')
-        .then(({value}) => {
-          increaseamout({qyid: state.userMessage.agentsid, qym: state.userMessage.agentsqym, amount: value})
+        .prompt("请输入充值金额")
+        .then(({ value }) => {
+          increaseamout({
+            qyid: state.userMessage.agentsid,
+            qym: state.userMessage.agentsqym,
+            amount: value,
+          })
             .then((res) => {
               ElMessage({
-                type: 'success',
-                message: `成功充值:${value}`
-              })
+                type: "success",
+                message: `成功充值:${value}`,
+              });
               // 详情
-              handleDictInfo(state.getParams)
+              handleDictInfo(state.getParams);
             })
-            .catch((err) => {})
+            .catch((err) => {});
         })
         .catch(() => {
           ElMessage({
-            type: 'info',
-            message: '取消充值'
-          })
-        })
+            type: "info",
+            message: "取消充值",
+          });
+        });
     } else {
       proxy.$modal
-        .prompt('请输入扣除金额')
-        .then(({value}) => {
-          decreaseamout({qyid: state.userMessage.agentsid, qym: state.userMessage.agentsqym, amount: value})
+        .prompt("请输入扣除金额")
+        .then(({ value }) => {
+          decreaseamout({
+            qyid: state.userMessage.agentsid,
+            qym: state.userMessage.agentsqym,
+            amount: value,
+          })
             .then((res) => {
               ElMessage({
-                type: 'success',
-                message: `成功扣除:${value}`
-              })
+                type: "success",
+                message: `成功扣除:${value}`,
+              });
               // 详情
-              handleDictInfo(state.getParams)
+              handleDictInfo(state.getParams);
             })
-            .catch((err) => {})
+            .catch((err) => {});
         })
         .catch(() => {
           ElMessage({
-            type: 'info',
-            message: '取消扣除'
-          })
-        })
+            type: "info",
+            message: "取消扣除",
+          });
+        });
     }
   } catch (error) {}
-}
+};
 
 onMounted((data) => {
-  const route = useRoute()
+  const route = useRoute();
   // 获取路由的get参数
-  state.getParams = route.query
+  state.getParams = route.query;
 
   // 详情
-  handleDictInfo(state.getParams)
-})
+  handleDictInfo(state.getParams);
+});
 </script>
 
 <style scoped lang="scss">
 .prowler-info {
   padding: 20px;
+  background: #f9f9f9;
+}
+.prowler-border {
+  background: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
+}
+
+.image-cneter {
+  min-width: 100px;
+  height: 100px;
+  color: #7e7e7e;
+  width: 300px;
+  text-align: center;
+  border: 2px dashed #e1e1e1;
+  border-radius: 10px;
+  padding: 20px 20px;
+  p {
+    display: block;
+  }
 }
 </style>
+
+<style >
+.prowler-info .my-label {
+  display: inline-block;
+  width: 200px;
+  color: #333;
+}
+.prowler-info .my-img-lab {
+  font-size: 14px !important;
+  color: #6c6c6c !important;
+}
+.prowler-info .el-descriptions__content {
+  color: #000 !important;
+}
+.prowler-info .el-descriptions__body {
+  background: transparent;
+}
+</style>

+ 3 - 2
admin/src/views/login/login.vue

@@ -3,8 +3,9 @@
     <el-form ref="loginRef" :model="state.loginForm" :rules="loginRules" class="login-form">
       <div class="title-box">
         <div class="title-top">
-          <img src="@/assets/logo/logo.png" alt="" />
-          <h3 class="title">{{ $t('message.sysTitle') }}</h3>
+          <!-- <img src="@/assets/logo/logo.png" alt="" /> -->
+          <!-- <h3 class="title">{{ $t('message.sysTitle') }}</h3> -->
+          <h3 class="title">信⻜通管理系统</h3>
         </div>
         <div class="lang-box" @click="handleChangeLanguage">
           <svg-icon icon-class="langen" class="lang-icon" v-if="lang === 'en'" />

+ 110 - 114
admin/src/views/peoples-manage/prowler-info/index.vue

@@ -94,123 +94,95 @@
         >
       </el-descriptions>
 
-      <!-- 账号管理员信息审核 -->
-      <el-descriptions
-        direction="vertical"
-        title="账号管理员信息审核"
-        class="mt-10"
-        border
-      >
-        <el-descriptions-item label="客户证件正面图像">
-          <el-image
-            style="min-width: 100px; height: 100px"
-            :src="`${filePath}/${state.userMessage.customerrzzjzmpic}`"
-            :preview-src-list="[
-              `${filePath}/${state.userMessage.customerrzzjzmpic}`,
-            ]"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :min-scale="0.2"
-            :initial-index="4"
-            fit="cover"
-          >
-            <template #error>
-              <div
-                class="image-slot"
-                style="
-                  min-width: 100px;
-                  height: 100px;
-                  color: #a4a4a4;
-                  line-height: 100px;
-                "
-              >
-                没有上传
-              </div>
-            </template>
-          </el-image>
-        </el-descriptions-item>
-        <el-descriptions-item label="客户证件背面图像">
-          <el-image
-            style="min-width: 100px; height: 100px"
-            :src="`${filePath}/${state.userMessage.customerrzzjbmpic}`"
-            :preview-src-list="[
-              `${filePath}/${state.userMessage.customerrzzjbmpic}`,
-            ]"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :min-scale="0.2"
-            :initial-index="4"
-            fit="cover"
-          >
-            <template #error>
-              <div
-                class="image-slot"
-                style="
-                  min-width: 100px;
-                  height: 100px;
-                  color: #a4a4a4;
-                  line-height: 100px;
-                "
-              >
-                没有上传
-              </div>
-            </template>
-          </el-image>
-        </el-descriptions-item>
-        <el-descriptions-item label="客户认证人脸图像">
-          <el-image
-            style="min-width: 100px; height: 100px"
-            :src="`${filePath}/${state.userMessage.customerrzrlpic}`"
-            :preview-src-list="[
-              `${filePath}/${state.userMessage.customerrzrlpic}`,
-            ]"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :min-scale="0.2"
-            :initial-index="4"
-            fit="cover"
-          >
-            <template #error>
-              <div
-                class="image-slot"
-                style="
-                  min-width: 100px;
-                  height: 100px;
-                  color: #a4a4a4;
-                  line-height: 100px;
-                "
-              >
-                没有上传
-              </div>
-            </template>
-          </el-image>
-        </el-descriptions-item>
-
-        <!-- <el-descriptions-item v-for="(img, index) in state.sfzfiles" :key="index" :label="img[img.length - 1]?.text ? img[img.length - 1]?.text + '(点击可以放大)' : '暂无'">
-        <div class="demo-image__preview">
-          <el-image
-            style="min-width: 100px; height: 100px"
-            :src="img[img.length - 1]?.url"
-            :preview-src-list="[img[img.length - 1]?.url]"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :min-scale="0.2"
-            :initial-index="4"
-            fit="cover"
-          >
-            <template #error>
-              <div class="image-slot" style="min-width: 100px; height: 100px; color: #a4a4a4; line-height: 100px">没有上传</div>
-            </template>
-          </el-image>
-        </div>
-      </el-descriptions-item> -->
-      </el-descriptions>
-
       <!-- 操作 -->
       <!-- <div class="flex items-center justify-center mt-10">
       <el-button type="primary">审核通过</el-button>
     </div> -->
     </div>
+
+    <!-- 证件信息 -->
+    <el-descriptions
+      direction="vertical"
+      title="证件信息"
+      class="mt-6"
+      style="padding: 20px; border-radius: 10px"
+    >
+      <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="法⼈、账号管理员证件正⾯照⽚"
+      >
+        <el-image
+          style="min-width: 100px; height: 100px"
+          :src="`${filePath}/${state.userMessage.customerrzzjzmpic}`"
+          :preview-src-list="[
+            `${filePath}/${state.userMessage.customerrzzjzmpic}`,
+          ]"
+          :zoom-rate="1.2"
+          :max-scale="7"
+          :min-scale="0.2"
+          :initial-index="4"
+          fit="cover"
+        >
+          <template #error>
+            <div class="image-cneter">
+              <el-icon size="30" color="#6c6c6c"><PictureFilled /></el-icon>
+              <p>未上传</p>
+            </div>
+          </template>
+        </el-image>
+      </el-descriptions-item>
+      <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="法⼈、账号管理员证件背⾯照⽚"
+      >
+        <el-image
+          style="min-width: 100px; height: 100px"
+          :src="`${filePath}/${state.userMessage.customerrzzjbmpic}`"
+          :preview-src-list="[
+            `${filePath}/${state.userMessage.customerrzzjbmpic}`,
+          ]"
+          :zoom-rate="1.2"
+          :max-scale="7"
+          :min-scale="0.2"
+          :initial-index="4"
+          fit="cover"
+        >
+          <template #error>
+            <div class="image-cneter">
+              <el-icon size="30" color="#6c6c6c"><PictureFilled /></el-icon>
+              <p>未上传</p>
+            </div>
+          </template>
+        </el-image>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <!-- 文件信息 -->
+    <!-- <el-descriptions
+      direction="vertical"
+      title="文件信息"
+      class="mt-0"
+      style="padding: 20px; border-radius: 10px"
+    >
+      <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="企业授权委托书"
+      >
+        <div class="image-cneter">
+          <el-icon size="30" color="#6c6c6c"><PictureFilled /></el-icon>
+          <p>未上传</p>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item
+        label-class-name="my-img-lab"
+        label="企业合规承诺书"
+      >
+        <div class="image-cneter">
+          <el-icon size="30" color="#6c6c6c"><PictureFilled /></el-icon>
+          <p>未上传</p>
+        </div>
+      </el-descriptions-item>
+    </el-descriptions> -->
   </div>
 </template>
 
@@ -329,21 +301,45 @@ onMounted((data) => {
 <style scoped lang="scss">
 .prowler-info {
   padding: 20px;
+  height: 100%;
+  background: #f9f9f9;
 }
 .prowler-border {
+  background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
 }
+
+.image-cneter {
+  min-width: 100px;
+  height: 100px;
+  color: #7e7e7e;
+  width: 300px;
+  text-align: center;
+  border: 2px dashed #e1e1e1;
+  border-radius: 10px;
+  padding: 20px 20px;
+  p {
+    display: block;
+  }
+}
 </style>
 
 <style >
-.my-label {
+.prowler-info .my-label {
   display: inline-block;
   width: 200px;
   color: #333;
 }
-.el-descriptions__content {
+.prowler-info .my-img-lab {
+  font-size: 14px !important;
+  color: #6c6c6c !important;
+}
+.prowler-info .el-descriptions__content {
   color: #000 !important;
 }
+.prowler-info .el-descriptions__body {
+  background: transparent;
+}
 </style>

+ 1 - 2
hn-website/components/web-footer/index.vue

@@ -13,8 +13,7 @@
         </view>
         <view style="color: #65676a; font-size: 12rpx" class=""
           >欢迎任何形式的媒体与商务合作<br />
-          24小时客服电话:0898—65366726<br />
-          企业邮箱:yangying@hninfornet.com<br />
+          企业邮箱:cs@hninfornet.com<br />
           联系地址:海南省海口市美兰区国兴大道5号海南大厦46层
         </view>
       </view>

+ 1 - 2
hn-website/pages/web/home/index.vue

@@ -142,8 +142,7 @@
         </view>
         <view style="color: #65676a; font-size: 12rpx" class=""
           >欢迎任何形式的媒体与商务合作<br />
-          24小时客服电话:0898—65366726<br />
-          企业邮箱:yangying@hninfornet.com<br />
+          企业邮箱:cs@hninfornet.com<br />
           联系地址:海南省海口市美兰区国兴大道5号海南大厦46层
         </view>
       </view>

BIN
hn-website/static/web/Slice 11@2x.png