修复客户管理文件 静态

admin/src/views/peoples-manage/prowler-info/index copy 2.vue

@@ -0,0 +1,276 @@
+<template>
+  <div class="prowler-info">
+    <div class="prowler-border">
+      <!-- 主体信息审核 -->
+      <el-descriptions title="主体信息审核" :column="2">
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="⽤⼾企业名称"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="接⼊地区">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="申请应⽤场景"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="法⼈姓名">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="法⼈证件号码"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="审核状态">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="统⼀社会信⽤代码"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="申请时间">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+      </el-descriptions>
+
+      <!-- 账号管理员信息审核 -->
+      <el-descriptions
+        title="账号管理员信息审核"
+        :column="2"
+        style="margin-top: 30px"
+      >
+        <el-descriptions-item label-class-name="my-label" label="用户名">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="账号管理员姓名"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="管理员证件号码"
+          >{{ state.userMessage.customername || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="审核状态">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label-class-name="my-label" label="证件类型">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label-class-name="my-label" label="申请时间">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+
+    <!-- 证件信息 -->
+    <el-descriptions
+      direction="vertical"
+      title="证件信息"
+      class="mt-6"
+      border
+      style="padding: 20px; border-radius: 10px"
+    >
+      <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-cneter">没有上传</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-cneter">没有上传</div>
+          </template>
+        </el-image>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <!-- 文件信息 -->
+    <el-descriptions
+      direction="vertical"
+      title="文件信息"
+      class="mt-0"
+      border
+      style="padding: 20px; border-radius: 10px"
+    >
+      <el-descriptions-item label="企业授权委托书">
+        <div class="image-cneter">没有上传</div>
+      </el-descriptions-item>
+      <el-descriptions-item label="企业合规承诺书">
+        <div class="image-cneter">没有上传</div>
+      </el-descriptions-item>
+    </el-descriptions>
+  </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";
+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 state = reactive({
+  tableLoading: false,
+  tableData: [],
+  queryParams: {
+    "customername.value": "",
+  },
+  sfzfiles: {},
+  userMessage: {},
+});
+
+function handleQuery(config) {
+  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;
+};
+
+// 查看详情
+const handleDictInfo = async (query) => {
+  let params = {};
+  params["customerid.value"] = query.customerid;
+  params.pagevalue = 313;
+  // 客户信息
+  let values = await alleApi.view(params);
+  console.log(values, 'values')
+  state.userMessage = { ...values };
+  // 身份证照片信息
+  let paramsSfz = {};
+  paramsSfz["attlsh.value"] = query.customerid;
+  paramsSfz.pagevalue = 123;
+  paramsSfz.pageindex = 1;
+  paramsSfz.rows = 99;
+  paramsSfz["attother1.value"] = "zhengjianhao";
+
+  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,
+      uid: item.attid,
+      id: item.attid,
+      attmodel: item.attmodel,
+      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.fzZm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-zhengmian"
+  );
+  state.sfzfiles.fzFm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-fanmian"
+  );
+  state.sfzfiles.pleZm = arr.filter(
+    (filePath) => filePath.attmodel === "ple-renlian"
+  );
+
+  console.log(state.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();
+  } catch (error) {}
+};
+
+onMounted((data) => {
+  const route = useRoute();
+  // 获取路由的get参数
+  const getParams = route.query;
+  console.log(getParams, "data");
+
+  // 详情
+  handleDictInfo(getParams);
+});
+</script>
+
+<style scoped lang="scss">
+.prowler-info {
+  padding: 20px;
+}
+.prowler-border {
+  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: #a4a4a4;
+  line-height: 100px;
+}
+</style>
+
+<style >
+.my-label {
+  display: inline-block;
+  width: 200px;
+  color: #333;
+}
+.el-descriptions__content {
+  color: #000 !important;
+}
+</style>

admin/src/views/peoples-manage/prowler-info/index copy.vue

@@ -0,0 +1,349 @@
+<template>
+  <div class="prowler-info">
+    <div class="prowler-border">
+      <!-- 主体信息审核 -->
+      <el-descriptions title="主体信息审核" column="2">
+        <el-descriptions-item label-class-name="my-label" label="用户姓名">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户ID">{{
+          state.userMessage.customerid || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="账号类型">{{
+          state.userMessage.customertype || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户类型">{{
+          state.userMessage.customertype1 || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户联系方式"
+          >{{ state.userMessage.customertel || "/" }}</el-descriptions-item
+        >
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户性别">{{ state.userMessage.customersex }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item label-class-name="my-label" label="微信openid">{{ state.userMessage.customerwxopenid }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户是否可用">{{ state.userMessage.customersfky }}</el-descriptions-item> -->
+
+        <el-descriptions-item label-class-name="my-label" label="用户证件类型">
+          {{
+            state.userMessage.customerzjlx === "港澳台/外籍人员"
+              ? "护照（港澳台/外籍人员）"
+              : "/"
+          }}
+          {{
+            state.userMessage.customerzjlx === "中国大陆人员"
+              ? "身份证（中国大陆人员）"
+              : ""
+          }}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户证件号码"
+          >{{ state.userMessage.customerzjhm || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户证件有效期"
+          >{{ state.userMessage.customerzjyxq || "/" }}</el-descriptions-item
+        >
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户所在城市">{{ state.userMessage.customercity }}</el-descriptions-item>
+      <el-descriptions-item label-class-name="my-label" label="用户所在省">{{ state.userMessage.customerprovince }}</el-descriptions-item>
+      <el-descriptions-item label-class-name="my-label" label="用户所在国家">{{ state.userMessage.customercountry }}</el-descriptions-item> -->
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户推荐人id"
+          >{{ state.userMessage.customertjrid || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="用户企业码">{{
+          state.userMessage.customerqym || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户是否认证">
+          <el-tag size="" v-if="state.userMessage.customersfrz">已认证</el-tag>
+          <el-tag size="" v-if="!state.userMessage.customersfrz">未认证</el-tag
+          >{{}}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户是否关注公众号"
+        >
+          <el-tag size="" v-if="state.userMessage.customerissubscribe"
+            >已关注</el-tag
+          >
+          <el-tag size="" v-if="!state.userMessage.customerissubscribe"
+            >未关注</el-tag
+          >{{}}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户取消关注时间"
+          >{{
+            state.userMessage.customerunsubscribetime || "/"
+          }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户账号创建时间"
+          >{{
+            state.userMessage.customercreatedate || "/"
+          }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户账号最后活动时间"
+          >{{ state.userMessage.customerupdate || "/" }}</el-descriptions-item
+        >
+      </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>
+  </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";
+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 state = reactive({
+  tableLoading: false,
+  tableData: [],
+  queryParams: {
+    "customername.value": "",
+  },
+  sfzfiles: {},
+  userMessage: {},
+});
+
+function handleQuery(config) {
+  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;
+};
+
+// 查看详情
+const handleDictInfo = async (query) => {
+  let params = {};
+  params["customerid.value"] = query.customerid;
+  params.pagevalue = 313;
+  // 客户信息
+  let values = await alleApi.view(params);
+  state.userMessage = { ...values };
+  // 身份证照片信息
+  let paramsSfz = {};
+  paramsSfz["attlsh.value"] = query.customerid;
+  paramsSfz.pagevalue = 123;
+  paramsSfz.pageindex = 1;
+  paramsSfz.rows = 99;
+  paramsSfz["attother1.value"] = "zhengjianhao";
+
+  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,
+      uid: item.attid,
+      id: item.attid,
+      attmodel: item.attmodel,
+      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.fzZm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-zhengmian"
+  );
+  state.sfzfiles.fzFm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-fanmian"
+  );
+  state.sfzfiles.pleZm = arr.filter(
+    (filePath) => filePath.attmodel === "ple-renlian"
+  );
+
+  console.log(state.sfzfiles, "data1111");
+};
+
+/** 删除 */
+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();
+  } catch (error) {}
+};
+
+onMounted((data) => {
+  const route = useRoute();
+  // 获取路由的get参数
+  const getParams = route.query;
+  console.log(getParams, "data");
+
+  // 详情
+  handleDictInfo(getParams);
+});
+</script>
+
+<style scoped lang="scss">
+.prowler-info {
+  padding: 20px;
+}
+.prowler-border {
+  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);
+}
+</style>
+
+<style >
+.my-label {
+  display: inline-block;
+  width: 200px;
+  color: #333;
+}
+.el-descriptions__content {
+  color: #000 !important;
+}
+</style>

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

@@ -1,92 +1,192 @@
 <template>
   <div class="prowler-info">
-    <!-- 用户详情 -->
-    <el-descriptions border title="用户详情">
-      <el-descriptions-item label="用户姓名">{{ state.userMessage.customername }}</el-descriptions-item>
-      <el-descriptions-item label="用户ID">{{ state.userMessage.customerid }}</el-descriptions-item>
-      <el-descriptions-item label="账号类型">{{ state.userMessage.customertype }}</el-descriptions-item>
-      <el-descriptions-item label="用户类型">{{ state.userMessage.customertype1 }}</el-descriptions-item>
-      <el-descriptions-item label="用户联系方式">{{ state.userMessage.customertel }}</el-descriptions-item>
-      <!-- <el-descriptions-item label="用户性别">{{ state.userMessage.customersex }}</el-descriptions-item> -->
-      <!-- <el-descriptions-item label="微信openid">{{ state.userMessage.customerwxopenid }}</el-descriptions-item> -->
-      <!-- <el-descriptions-item label="用户是否可用">{{ state.userMessage.customersfky }}</el-descriptions-item> -->
-
-      <el-descriptions-item label="用户证件类型">
-        {{ state.userMessage.customerzjlx === '港澳台/外籍人员' ? '护照（港澳台/外籍人员）' : '' }}
-        {{ state.userMessage.customerzjlx === '中国大陆人员' ? '身份证（中国大陆人员）' : '' }}
-      </el-descriptions-item>
-      <el-descriptions-item label="用户证件号码">{{ state.userMessage.customerzjhm }}</el-descriptions-item>
-      <el-descriptions-item label="用户证件有效期">{{ state.userMessage.customerzjyxq }}</el-descriptions-item>
-      <!-- <el-descriptions-item label="用户所在城市">{{ state.userMessage.customercity }}</el-descriptions-item>
-      <el-descriptions-item label="用户所在省">{{ state.userMessage.customerprovince }}</el-descriptions-item>
-      <el-descriptions-item label="用户所在国家">{{ state.userMessage.customercountry }}</el-descriptions-item> -->
-      <el-descriptions-item label="用户推荐人id">{{ state.userMessage.customertjrid }}</el-descriptions-item>
-      <el-descriptions-item label="用户企业码">{{ state.userMessage.customerqym }}</el-descriptions-item>
-      <el-descriptions-item label="用户是否认证">
-        <el-tag size="" v-if="state.userMessage.customersfrz">已认证</el-tag>
-        <el-tag size="" v-if="!state.userMessage.customersfrz">未认证</el-tag>{{}}
-      </el-descriptions-item>
-      <el-descriptions-item label="用户是否关注公众号">
-        <el-tag size="" v-if="state.userMessage.customerissubscribe">已关注</el-tag>
-        <el-tag size="" v-if="!state.userMessage.customerissubscribe">未关注</el-tag>{{}}
-      </el-descriptions-item>
-      <el-descriptions-item label="用户取消关注时间">{{ state.userMessage.customerunsubscribetime }}</el-descriptions-item>
-      <el-descriptions-item label="用户账号创建时间">{{ state.userMessage.customercreatedate }}</el-descriptions-item>
-      <el-descriptions-item label="用户账号最后活动时间">{{ state.userMessage.customerupdate }}</el-descriptions-item>
-    </el-descriptions>
-
-    <!-- 证件信息 -->
-    <el-descriptions direction="vertical" border title="用户证件信息" class="mt-10">
-      <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"
+    <div class="prowler-border">
+      <!-- 主体信息审核 -->
+      <el-descriptions title="主体信息审核" column="2">
+        <el-descriptions-item label-class-name="my-label" label="用户姓名">{{
+          state.userMessage.customername || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户ID">{{
+          state.userMessage.customerid || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="账号类型">{{
+          state.userMessage.customertype || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户类型">{{
+          state.userMessage.customertype1 || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户联系方式"
+          >{{ state.userMessage.customertel || "/" }}</el-descriptions-item
         >
-          <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"
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户性别">{{ state.userMessage.customersex }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item label-class-name="my-label" label="微信openid">{{ state.userMessage.customerwxopenid }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户是否可用">{{ state.userMessage.customersfky }}</el-descriptions-item> -->
+
+        <el-descriptions-item label-class-name="my-label" label="用户证件类型">
+          {{
+            state.userMessage.customerzjlx === "港澳台/外籍人员"
+              ? "护照（港澳台/外籍人员）"
+              : "/"
+          }}
+          {{
+            state.userMessage.customerzjlx === "中国大陆人员"
+              ? "身份证（中国大陆人员）"
+              : ""
+          }}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户证件号码"
+          >{{ state.userMessage.customerzjhm || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户证件有效期"
+          >{{ state.userMessage.customerzjyxq || "/" }}</el-descriptions-item
+        >
+        <!-- <el-descriptions-item label-class-name="my-label" label="用户所在城市">{{ state.userMessage.customercity }}</el-descriptions-item>
+      <el-descriptions-item label-class-name="my-label" label="用户所在省">{{ state.userMessage.customerprovince }}</el-descriptions-item>
+      <el-descriptions-item label-class-name="my-label" label="用户所在国家">{{ state.userMessage.customercountry }}</el-descriptions-item> -->
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户推荐人id"
+          >{{ state.userMessage.customertjrid || "/" }}</el-descriptions-item
+        >
+        <el-descriptions-item label-class-name="my-label" label="用户企业码">{{
+          state.userMessage.customerqym || "/"
+        }}</el-descriptions-item>
+        <el-descriptions-item label-class-name="my-label" label="用户是否认证">
+          <el-tag size="" v-if="state.userMessage.customersfrz">已认证</el-tag>
+          <el-tag size="" v-if="!state.userMessage.customersfrz">未认证</el-tag
+          >{{}}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户是否关注公众号"
+        >
+          <el-tag size="" v-if="state.userMessage.customerissubscribe"
+            >已关注</el-tag
+          >
+          <el-tag size="" v-if="!state.userMessage.customerissubscribe"
+            >未关注</el-tag
+          >{{}}
+        </el-descriptions-item>
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户取消关注时间"
+          >{{
+            state.userMessage.customerunsubscribetime || "/"
+          }}</el-descriptions-item
+        >
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户账号创建时间"
+          >{{
+            state.userMessage.customercreatedate || "/"
+          }}</el-descriptions-item
         >
-          <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"
+        <el-descriptions-item
+          label-class-name="my-label"
+          label="用户账号最后活动时间"
+          >{{ state.userMessage.customerupdate || "/" }}</el-descriptions-item
         >
-          <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>
 
-      <!-- <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
+        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"
@@ -104,118 +204,146 @@
           </el-image>
         </div>
       </el-descriptions-item> -->
-    </el-descriptions>
+      </el-descriptions>
 
-    <!-- 操作 -->
-    <!-- <div class="flex items-center justify-center mt-10">
+      <!-- 操作 -->
+      <!-- <div class="flex items-center justify-center mt-10">
       <el-button type="primary">审核通过</el-button>
     </div> -->
+    </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'
-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";
+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: {},
-  userMessage: {}
-})
+  userMessage: {},
+});
 
 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 handleDictInfo = async (query) => {
-  let params = {}
-  params['customerid.value'] = query.customerid
-  params.pagevalue = 313
+  let params = {};
+  params["customerid.value"] = query.customerid;
+  params.pagevalue = 313;
   // 客户信息
-  let values = await alleApi.view(params)
-  state.userMessage = {...values}
+  let values = await alleApi.view(params);
+  state.userMessage = { ...values };
   // 身份证照片信息
-  let paramsSfz = {}
-  paramsSfz['attlsh.value'] = query.customerid
-  paramsSfz.pagevalue = 123
-  paramsSfz.pageindex = 1
-  paramsSfz.rows = 99
-  paramsSfz['attother1.value'] = 'zhengjianhao'
-
-  let sfzInfo = await alleApi.list(paramsSfz)
-  const arr = []
+  let paramsSfz = {};
+  paramsSfz["attlsh.value"] = query.customerid;
+  paramsSfz.pagevalue = 123;
+  paramsSfz.pageindex = 1;
+  paramsSfz.rows = 99;
+  paramsSfz["attother1.value"] = "zhengjianhao";
+
+  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.fzZm = arr.filter((filePath) => filePath.attmodel === 'hz-zhengmian')
-  state.sfzfiles.fzFm = arr.filter((filePath) => filePath.attmodel === 'hz-fanmian')
-  state.sfzfiles.pleZm = arr.filter((filePath) => filePath.attmodel === 'ple-renlian')
+  state.sfzfiles.sfzZm = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-zhengmian"
+  );
+  state.sfzfiles.sfzFm = arr.filter(
+    (filePath) => filePath.attmodel === "sfz-fanmian"
+  );
+  state.sfzfiles.fzZm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-zhengmian"
+  );
+  state.sfzfiles.fzFm = arr.filter(
+    (filePath) => filePath.attmodel === "hz-fanmian"
+  );
+  state.sfzfiles.pleZm = arr.filter(
+    (filePath) => filePath.attmodel === "ple-renlian"
+  );
 
-  console.log(state.sfzfiles, 'data1111')
-}
+  console.log(state.sfzfiles, "data1111");
+};
 
 /** 删除 */
 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) {}
-}
+};
 
 onMounted((data) => {
-  const route = useRoute()
+  const route = useRoute();
   // 获取路由的get参数
-  const getParams = route.query
-  console.log(getParams, 'data')
+  const getParams = route.query;
+  console.log(getParams, "data");
 
   // 详情
-  handleDictInfo(getParams)
-})
+  handleDictInfo(getParams);
+});
 </script>
 
 <style scoped lang="scss">
 .prowler-info {
   padding: 20px;
 }
+.prowler-border {
+  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);
+}
 </style>
+
+<style >
+.my-label {
+  display: inline-block;
+  width: 200px;
+  color: #333;
+}
+.el-descriptions__content {
+  color: #000 !important;
+}
+</style>

hn-website/colorui/reset.css

@@ -252,4 +252,5 @@
   cursor: pointer;
   /* 最常见，表示可点击（如链接、按钮） */
 }
+
 /****************************** 组件样式设置 ***********************************/

hn-website/components/web-header/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <view class="web-header">
+  <view class="web-header snow_is_show">
     <!-- 首页 -->
-    <div class="header-borer flex r_flex_space">
+    <view class="header-borer snow_is_show flex r_flex_space">
       <view class="r_flex_space r_wzjc" @click="onTargetPage(0)">
         <img
           class="logo-img"
@@ -11,7 +11,7 @@
         海南省信息通信有限公司
       </view>
 
-      <view class="r_flex_space header-right">
+      <view class="r_flex_space snow_is_show header-right">
         <view
           class="nav-list r_transform3 r_cursor"
           :class="routeName == 'pages/web/home/index' ? 'avtive' : ''"
@@ -58,7 +58,7 @@
           登录
         </view>
       </view>
-    </div>
+    </view>
   </view>
 </template>
 
@@ -99,8 +99,8 @@ export default {
     },
   },
   onLoad(options) {
-    console.log("页面参数:", options);
-    console.log("当前路径:", this.$page.route);
+    // console.log("页面参数:", options);
+    // console.log("当前路径:", this.$page.route);
   },
   mounted() {
     // 获取当前页面路由信息
@@ -109,6 +109,27 @@ export default {
     // 获取当前页面路径
     const route = currentPage.route;
     this.routeName = route;
+
+    // 检查是否有自定义属性
+    const checkHasAttribute = (element) => {
+      return !!element.getAttribute("snow_is_show");
+    };
+    const main = document.querySelectorAll(".tran>uni-view") || [];
+    const paragraphs = [...(main || [])];
+    paragraphs.forEach((item) => {
+      // console.log(item, "动画遍历", item.className.includes('snow_is_show'))
+      const observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting && !checkHasAttribute(item) && !item.className.includes('snow_is_show')) {
+            // 元素进入视口
+            item.classList.add("ld");
+            item.classList.add("ld-float-btt-in");
+            item.setAttribute("snow_is_show", true);
+          }
+        });
+      });
+      observer.observe(item);
+    });
   },
   methods: {
     /**

hn-website/pages/web/about/index.vue

@@ -1,10 +1,10 @@
 <template>
-  <view id="about">
+  <view class="tran" id="about">
     <!-- 快捷导航 -->
     <webHeader />
     <img src="/static/web/Slice 22@2x.png" style="width: 100%; margin: 0px" />
 
-    <view class="about_content" style="margin-bottom: 50rpx;">
+    <view class="about_content" style="margin-bottom: 50rpx">
       <view style="color: #000; font-size: 21rpx; margin: 43rpx 0px 31rpx 0px">
         公司介绍
       </view>
@@ -32,7 +32,6 @@
         src="/static/web/Slice 24@2x.png"
         style="width: 100%; margin: 34rpx 0rpx 0rpx 0rpx"
       />
-
     </view>
     <webFooter />
   </view>

hn-website/pages/web/contact/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view id="contact">
+  <view class="tran"  id="contact">
     <!-- 快捷导航 -->
     <webHeader />
     <img

hn-website/pages/web/dynamic/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view id="dynamic">
+  <view class="tran" id="dynamic">
     <!-- 快捷导航 -->
     <webHeader />
     <img src="/static/web/Slice 17@2x.png" style="width: 100%; margin: 0px" />

hn-website/pages/web/home/index.vue

@@ -1,19 +1,19 @@
 <template>
-  <view id="home">
+  <view class="tran" id="home">
     <!-- 快捷导航 -->
     <webHeader />
     <img
-      class="fall-btt-in animate__bounce"
+      class=""
       src="/static/web/Slice 2@2x.png"
       style="width: 100%; margin: 0px"
     />
     <img
-      class="transition-all duration-300 ease-in-out hover:scale-110"
+      class=""
       src="/static/web/Slice 3@2x.png"
       style="width: 633rpx; margin: 20px 0px 0px 77rpx"
     />
     <view
-      class="animate__bounce"
+      class=""
       style="text-align: center; font-size: 26rpx; margin: 10rpx 0px 21rpx 0px"
     >
       最新动态
@@ -112,6 +112,7 @@
     </view>
 
     <view
+      class=""
       style="
         width: 562rpx;
         font-family: PingFang SC, PingFang SC;
@@ -162,7 +163,6 @@
     <webFooter :bottom="false" />
   </view>
 </template>
-
 <script>
 import webHeader from "@/components/web-header";
 import webFooter from "@/components/web-footer";
@@ -175,7 +175,9 @@ export default {
     webFooter,
   },
   data() {
-    return {};
+    return {
+      animate: false,
+    };
   },
   computed: {
     appStore: () => store.getters.app,
@@ -191,8 +193,6 @@ export default {
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow(options) {},
-
   methods: {},
 };
 </script>

hn-website/pages/web/product/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view id="home">
+  <view class="tran"  id="home">
     <!-- 快捷导航 -->
     <webHeader />
     <img src="/static/web/Slice 12@2x.png" style="width: 100%; margin: 0px" />