Merge branch 'test' of https://newgitea.sxczgkj.cn/czg_team/cashier-web into test

优化标签logo无法更换的问题
店铺列表店铺地址，选择经纬度调整
2026-01-13 17:19:10 +08:00 · 2026-01-13 17:19:07 +08:00 · 2026-01-13 16:38:04 +08:00 · 2026-01-13 10:58:47 +08:00 · 2026-01-12 18:18:36 +08:00 · 2026-01-12 15:10:23 +08:00
18 changed files with 2559 additions and 193 deletions
--- a/src/api/common/index.ts
+++ b/src/api/common/index.ts
@@ -0,0 +1,127 @@
+import request from "@/utils/request";
+
+/**
+ * 获取所有地域
+ * @param params 
+ * @returns 
+ */
+export const getRegion = () => {
+  return request<any, any[]>({
+    url: `/system/admin/common/region`,
+    method: "get"
+  });
+}
+
+/**
+ * 获取所有银行
+ * @param params 
+ * @returns 
+ */
+export const getBankInfo = (params: Object) => {
+  return request<any, any[]>({
+    url: `/system/admin/common/bankInfo`,
+    method: "get",
+    params
+  });
+}
+
+/**
+ * 类目信息表
+ * @returns
+ */
+export const getCategory = () => {
+  return request<any, any[]>({
+    url: `/system/admin/common/category`,
+    method: "get"
+  });
+}
+
+interface getBankBranchListParams {
+  bankAliceCode?: string;
+  cityCode?: string;
+}
+/**
+ * 获取所有支行
+ * @params
+ * bankAliceCode    银行别名code bankAliasCode 从 /system/admin/common/bankInfo 获取
+ * cityCode         市编码 wxProvinceCode 从 /system/admin/common/region 获取
+ * @returns
+ */
+export const getBankBranchList = (params: getBankBranchListParams) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager/bankBranchList`,
+    method: "get",
+    params
+  });
+}
+
+/**
+ * 申请进件
+ * @data Object
+ * @returns 
+ */
+export const entryManagerPost = (data: Object) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager`,
+    method: "post",
+    data
+  });
+}
+
+/**
+ * 申请进件
+ * @data {
+ *  url string 图片地址
+ *  type string 可选
+ *    IdCard 身份证
+ *    BankCard 银行卡
+ *    BusinessLicense 营业执照
+ * }
+ * @returns 
+ */
+export const getInfoByImg = (params: Object) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager/getInfoByImg`,
+    method: "get",
+    params
+  });
+}
+
+/**
+ * 获取进件信息详情
+ * @data { shopId }
+ * @returns 
+ */
+export const entryManagerDetail = (params: Object) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager`,
+    method: "get",
+    params
+  });
+}
+
+/**
+ * 获取进件列表
+ * @data { params }
+ * @returns 
+ */
+export const entryManagerList = (params: Object) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager/list`,
+    method: "get",
+    params
+  });
+}
+
+/**
+ * 主动查询进件信息状态
+ * @data { params }
+ * @returns 
+ */
+export const queryEntry = (params: Object) => {
+  return request<any, any[]>({
+    url: `/order/admin/data/entryManager/queryEntry`,
+    method: "get",
+    params
+  });
+}
--- a/src/components/AddressSelect/index.vue
+++ b/src/components/AddressSelect/index.vue
@@ -0,0 +1,161 @@
+<template>
+  <div class="center">
+    <el-select placeholder="请选择省" style="width: 100px" v-model="prov" @change="provChange">
+      <el-option
+        v-for="item in provList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionName"
+      />
+    </el-select>
+    <el-select
+      placeholder="请选择市"
+      style="width: 100px"
+      :disabled="!prov"
+      v-model="city"
+      @change="cityChange"
+    >
+      <el-option
+        v-for="item in cityList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionName"
+      />
+    </el-select>
+    <el-select
+      placeholder="请选择区"
+      style="width: 100px"
+      :disabled="!city"
+      v-model="area"
+      @change="areaChange"
+    >
+      <el-option
+        v-for="item in areaList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionName"
+      />
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { getRegion } from "@/api/common";
+
+const provList = ref<any[]>([]);
+const cityList = ref<any[]>([]);
+const areaList = ref<any[]>([]);
+
+const provCode = defineModel("provCode", {
+  type: String,
+  default: "",
+});
+
+// 监听省份code变化
+watch(
+  provCode,
+  async (n, o) => {
+    await getRegionAjax();
+    if (n && n !== undefined) {
+      provChange(n, true);
+
+      // 监听市区code变化
+      watch(
+        cityCode,
+        async (n, o) => {
+          if (n !== undefined && n) {
+            cityChange(n, true);
+          }
+        },
+        {
+          immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
+        }
+      );
+    }
+  },
+  {
+    immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
+  }
+);
+
+const cityCode = defineModel("cityCode", {
+  type: String,
+  default: "",
+});
+
+const areaCode = defineModel("areaCode", {
+  type: String,
+  default: "",
+});
+
+const prov = defineModel("prov", {
+  type: String,
+  default: "",
+});
+
+const city = defineModel("city", {
+  type: String,
+  default: "",
+});
+
+const area = defineModel("area", {
+  type: String,
+  default: "",
+});
+
+const wxProvinceCode = defineModel("wxProvinceCode", {
+  type: String,
+  default: "",
+});
+
+// 省份变化 e code isEcho是否回显
+function provChange(e: string, isEcho: boolean = false) {
+  console.log("provChange", e);
+  if (!isEcho) {
+    city.value = "";
+    area.value = "";
+    cityList.value = [];
+    areaList.value = [];
+  }
+  const provObj = provList.value.find((item) => item.regionName == e);
+  if (provObj && provObj.children) {
+    cityList.value = provObj.children;
+  }
+}
+
+// 市区变化
+function cityChange(e: string, isEcho: boolean = false) {
+  if (!isEcho) {
+    area.value = "";
+    areaList.value = [];
+  }
+  const cityObj = cityList.value.find((item) => item.regionName == e);
+
+  if (cityObj && cityObj.children) {
+    areaList.value = cityObj.children;
+    wxProvinceCode.value = cityObj.wxProvinceCode;
+  }
+}
+
+// 区变化
+function areaChange(e: string) {}
+
+// 获取省市区数据
+async function getRegionAjax() {
+  try {
+    const res = await getRegion();
+    provList.value = res;
+  } catch (error) {
+    console.error("获取省市区数据失败：", error);
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.center {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+</style>
--- a/src/components/Upload/SingleImageUpload.vue
+++ b/src/components/Upload/SingleImageUpload.vue
@@ -172,12 +172,12 @@ const onError = (error: any) => {
  position: relative;
  overflow: hidden;
  cursor: pointer;
-  border: 1px var(--el-border-color) solid;
-  border-radius: 5px;
+  // border: 1px var(--el-border-color) solid;
+  // border-radius: 5px;

-  &:hover {
-    border-color: var(--el-color-primary);
-  }
+  // &:hover {
+  //   border-color: var(--el-color-primary);
+  // }

  &__delete-btn {
    position: absolute;
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -299,4 +299,18 @@ export function includesString(target, searchStr, options = {}) {

 	// 4. 执行包含判断
 	return processedTarget.includes(processedSearch);
-}
+}
+
+/**
+ * 校验手机号码（中国大陆）
+ * - 支持 11 位手机号，号段 13x-19x
+ * @param {string} phone
+ * @returns {boolean}
+ */
+export function isValidMobile(phone: string): boolean {
+	if (!phone && phone !== 0) return false;
+	const s = String(phone).trim();
+	// 中国大陆手机号正则：以1开头，第二位3-9，后面9位数字，总共11位
+	const mobileRegex = /^1[3-9]\d{9}$/;
+	return mobileRegex.test(s);
+}
--- a/src/views/applyments/applyment_in.vue
+++ b/src/views/applyments/applyment_in.vue
@@ -0,0 +1,912 @@
+<!-- 选择商户以及进件渠道 -->
+<template>
+  <div class="gyq_container">
+    <div class="gyq_content" ref="containerRef">
+      <div class="row">
+        <el-form ref="formRef" :model="form" :rules="rules" label-width="250px" label-position="right">
+          <el-form-item label="选择商户类型" prop="merchantBaseInfo.userType">
+            <el-radio-group v-model="form.merchantBaseInfo.userType">
+              <el-radio label="个体商户" value="0"></el-radio>
+              <el-radio label="企业商户" value="1"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <div class="title_row">
+            <div class="t">
+              <el-text size="large" type="primary">商户基础信息</el-text>
+            </div>
+          </div>
+          <el-form-item label="企业类型" v-if="form.merchantBaseInfo.userType == '1'">
+            <el-radio-group v-model="form.merchantBaseInfo.companyChildType">
+              <el-radio label="普通企业" value="1"></el-radio>
+              <el-radio label="事业单位" value="2"></el-radio>
+              <el-radio label="政府机关" value="3"></el-radio>
+              <el-radio label="社会组织" value="4"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="商户简称" prop="merchantBaseInfo.shortName">
+            <el-input v-model.trim="form.merchantBaseInfo.shortName" placeholder="请输入商户简称"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="行业类别码" prop="merchantBaseInfo.mccCode">
+            <selectCategory v-model="form.merchantBaseInfo.mccCode" />
+          </el-form-item>
+          <el-form-item label="支付宝账号" prop="merchantBaseInfo.alipayAccount">
+            <el-input v-model.trim="form.merchantBaseInfo.alipayAccount" placeholder="请输入支付宝账号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人类型">
+            <el-radio-group v-model="form.merchantBaseInfo.contactPersonType">
+              <el-radio label="经营者/法定代表人" :value="'LEGAL'"></el-radio>
+              <el-radio label="经办人" :value="'SUPER'"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="证件类型">
+            <el-radio-group v-model="form.merchantBaseInfo.certType">
+              <el-radio label="身份证" value="0"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="联系人身份证号" prop="merchantBaseInfo.contactPersonId">
+            <el-input v-model.trim="form.merchantBaseInfo.contactPersonId" placeholder="请输入联系人身份证号"
+              style="width: 300px;" v-loading="contactIdCardFrontPicUploadLoading"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人证件有效期开始日期" prop="merchantBaseInfo.contactPersonIdStartDate"
+            v-loading="contactIdCardBackPicUploadLoading">
+            <el-date-picker v-model="form.merchantBaseInfo.contactPersonIdStartDate" type="date" placeholder="选择日期"
+              value-format="YYYY-MM-DD" style="width: 300px;" />
+          </el-form-item>
+          <el-form-item label="联系人证件有效期结束日期" prop="merchantBaseInfo.contactPersonIdEndDate"
+            v-loading="contactIdCardBackPicUploadLoading">
+            <div class="center">
+              <el-date-picker v-model="form.merchantBaseInfo.contactPersonIdEndDate" type="date" placeholder="选择日期"
+                value-format="YYYY-MM-DD" style="width: 300px;" />
+              <el-checkbox
+                @change="e => e ? form.merchantBaseInfo.contactPersonIdEndDate = longTime : form.merchantBaseInfo.contactPersonIdEndDate = ''">长期有效</el-checkbox>
+            </div>
+          </el-form-item>
+          <el-form-item label="联系人身份证正面照片" prop="merchantBaseInfo.contactIdCardFrontPic.url">
+            <div class="column">
+              <single-image-upload :maxFileSize="2" v-model="form.merchantBaseInfo.contactIdCardFrontPic.url"
+                @on-success="contactIdCardFrontPicUpload" />
+              <div class="tips">国徽面为正面 (上传图片自动识别 有效期)</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="联系人身份证反面照片" prop="merchantBaseInfo.contactIdCardBackPic.url">
+            <div class="column">
+              <single-image-upload :maxFileSize="2" v-model="form.merchantBaseInfo.contactIdCardBackPic.url"
+                @on-success="contactIdCardBackPicUpload" />
+              <div class="tips">人像面为反面 (上传图片自动识别 身份证名称 身份证号)</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="联系人手机号" prop="merchantBaseInfo.contactPhone">
+            <el-input v-model.trim="form.merchantBaseInfo.contactPhone" placeholder="请输入联系人手机号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人地址" prop="merchantBaseInfo.contactAddr">
+            <el-input v-model.trim="form.merchantBaseInfo.contactAddr" placeholder="请输入联系人地址"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人电子邮箱" prop="merchantBaseInfo.contactEmail">
+            <el-input v-model.trim="form.merchantBaseInfo.contactEmail" placeholder="请输入联系人电子邮箱"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <div class="title_row">
+            <div class="t">
+              <el-text size="large" type="primary">法人信息</el-text>
+            </div>
+          </div>
+          <el-form-item label="身份证手持图片" prop="legalPersonInfo.idCardHandPic.url">
+            <single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardHandPic.url" />
+          </el-form-item>
+          <el-form-item label="身份证正面图片" prop="legalPersonInfo.idCardFrontPic.url">
+            <div class="column">
+              <single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardFrontPic.url"
+                @on-success="idCardFrontPicSuccess" />
+              <div class="tips">国徽面为正面 (上传图片自动识别 有效期)</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="身份证反面图片" prop="legalPersonInfo.idCardBackPic.url">
+            <div class="column">
+              <single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardBackPic.url"
+                @on-success="idCardBackPicSuccess" />
+              <div class="tips">人像面为反面 (上传图片自动识别 身份证名称 身份证号)</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="法定代表人姓名" prop="legalPersonInfo.legalPersonName" v-loading="idCardFrontPicSuccessLoading">
+            <el-input v-model.trim="form.legalPersonInfo.legalPersonName" placeholder="请输入法定代表人姓名"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="法定代表人身份证号" prop="legalPersonInfo.legalPersonId" v-loading="idCardFrontPicSuccessLoading">
+            <el-input v-model.trim="form.legalPersonInfo.legalPersonId" placeholder="请输入法定代表人身份证号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="法定代表人身份证开始日期" prop="legalPersonInfo.legalIdPersonStartDate"
+            v-loading="idCardBackPicSuccessLoading">
+            <el-date-picker v-model="form.legalPersonInfo.legalIdPersonStartDate" type="date" placeholder="选择日期"
+              value-format="YYYY-MM-DD" style="width: 300px;" />
+          </el-form-item>
+          <el-form-item label="法定代表人身份证结束日期" prop="legalPersonInfo.legalPersonIdEndDate"
+            v-loading="idCardBackPicSuccessLoading">
+            <div class="center">
+              <el-date-picker v-model="form.legalPersonInfo.legalPersonIdEndDate" type="date" placeholder="选择日期"
+                value-format="YYYY-MM-DD" style="width: 300px;" />
+              <el-checkbox
+                @change="e => e ? form.legalPersonInfo.legalPersonIdEndDate = longTime : form.legalPersonInfo.legalPersonIdEndDate = ''">长期有效</el-checkbox>
+            </div>
+          </el-form-item>
+          <el-form-item label="法定代表人手机号" prop="legalPersonInfo.legalPersonPhone">
+            <el-input v-model.trim="form.legalPersonInfo.legalPersonPhone" placeholder="请输入法定代表人手机号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="法定代表人电子邮箱" prop="legalPersonInfo.legalPersonEmail">
+            <el-input v-model.trim="form.legalPersonInfo.legalPersonEmail" placeholder="请输入法定代表人电子邮箱"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="法定代表人性别" prop="legalPersonInfo.legalGender">
+            <el-radio-group v-model="form.legalPersonInfo.legalGender">
+              <el-radio label="男" :value="'0'"></el-radio>
+              <el-radio label="女" :value="'1'"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="法定代表人联系地址" prop="legalPersonInfo.legalAddress">
+            <el-input v-model.trim="form.legalPersonInfo.legalAddress" placeholder="请输入法定代表人联系地址"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <div class="title_row">
+            <div class="t">
+              <el-text size="large" type="primary">营业执照信息</el-text>
+            </div>
+          </div>
+          <el-form-item label="营业执照全称" prop="businessLicenceInfo.licenceName">
+            <el-input v-model.trim="form.businessLicenceInfo.licenceName" placeholder="请输入营业执照全称"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="营业执照注册号" prop="businessLicenceInfo.licenceNo" v-loading="licensePicSuccessLoading">
+            <el-input v-model.trim="form.businessLicenceInfo.licenceNo" placeholder="请输入营业执照注册号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="营业执照有效期开始日期" prop="businessLicenceInfo.licenceStartDate">
+            <el-date-picker v-model="form.businessLicenceInfo.licenceStartDate" type="date" placeholder="选择日期"
+              value-format="YYYY-MM-DD" style="width: 300px;" />
+          </el-form-item>
+          <el-form-item label="营业执照有效期结束日期" prop="businessLicenceInfo.licenceEndDate">
+            <div class="center">
+              <el-date-picker v-model="form.businessLicenceInfo.licenceEndDate" type="date" placeholder="选择日期"
+                value-format="YYYY-MM-DD" style="width: 300px;" />
+              <el-checkbox
+                @change="e => e ? form.businessLicenceInfo.licenceEndDate = longTime : form.businessLicenceInfo.licenceEndDate = ''">长期有效</el-checkbox>
+            </div>
+          </el-form-item>
+          <el-form-item label="注册地址" prop="businessLicenceInfo.registeredAddress">
+            <el-input v-model.trim="form.businessLicenceInfo.registeredAddress" placeholder="请输入注册地址"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="营业执照照片" prop="businessLicenceInfo.licensePic.url">
+            <div class="column">
+              <single-image-upload :maxFileSize="2" v-model="form.businessLicenceInfo.licensePic.url"
+                @on-success="licensePicSuccess" />
+              <div class="tips">(上传图片自动识别 营业执照编号)</div>
+            </div>
+          </el-form-item>
+          <div class="title_row">
+            <div class="t">
+              <el-text size="large" type="primary">门店信息</el-text>
+            </div>
+          </div>
+          <el-form-item label="商户归属省市区" prop="storeInfo.mercProvCode">
+            <selectAddress v-model:provCode="form.storeInfo.mercProvCode" v-model:cityCode="form.storeInfo.mercCityCode"
+              v-model:areaCode="form.storeInfo.mercAreaCode" v-model:prov="form.storeInfo.mercProv"
+              v-model:city="form.storeInfo.mercCity" v-model:area="form.storeInfo.mercArea" />
+          </el-form-item>
+          <el-form-item label="营业地址" prop="storeInfo.businessAddress">
+            <el-input v-model.trim="form.storeInfo.businessAddress" placeholder="请输入营业地址"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="经营场所内设照片" prop="storeInfo.insidePic.url">
+            <single-image-upload :maxFileSize="2" v-model="form.storeInfo.insidePic.url" />
+          </el-form-item>
+          <el-form-item label="门头照" prop="storeInfo.doorPic.url">
+            <single-image-upload :maxFileSize="2" v-model="form.storeInfo.doorPic.url" />
+          </el-form-item>
+          <el-form-item label="收银台照" prop="storeInfo.cashierDeskPic.url">
+            <single-image-upload :maxFileSize="2" v-model="form.storeInfo.cashierDeskPic.url" />
+          </el-form-item>
+          <div class="title_row">
+            <div class="t">
+              <el-text size="large" type="primary">结算信息</el-text>
+            </div>
+          </div>
+          <el-form-item label="结算类型" prop="settlementInfo.settlementType">
+            <el-radio-group v-model="form.settlementInfo.settlementType">
+              <el-radio label="非法人结算" value="0" disabled></el-radio>
+              <el-radio label="法人结算" value="1"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="结算卡类型" prop="settlementInfo.settlementCardType">
+            <el-radio-group v-model="form.settlementInfo.settlementCardType">
+              <el-radio label="对私借记卡" :value="'11'"></el-radio>
+              <el-radio label="对公借记卡" :value="'21'"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="结算卡号" prop="settlementInfo.settlementCardNo">
+            <el-input v-model.trim="form.settlementInfo.settlementCardNo" placeholder="请输入结算卡号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="开户名称" prop="settlementInfo.settlementName" v-loading="bankCardFrontPicSuccessLoading">
+            <el-input v-model.trim="form.settlementInfo.settlementName" placeholder="请输入开户名称"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="结算银行预留手机号" prop="settlementInfo.bankMobile">
+            <el-input v-model.trim="form.settlementInfo.bankMobile" placeholder="请输入结算银行预留手机号"
+              style="width: 300px;"></el-input>
+          </el-form-item>
+          <el-form-item label="开户行省市区" prop="settlementInfo.openAccProvinceId">
+            <selectAddress v-model:wxProvinceCode="wxProvinceCode"
+              v-model:provCode="form.settlementInfo.openAccProvinceId"
+              v-model:cityCode="form.settlementInfo.openAccCityId" v-model:areaCode="form.settlementInfo.openAccAreaId"
+              v-model:prov="form.settlementInfo.openAccProvince" v-model:city="form.settlementInfo.openAccCity"
+              v-model:area="form.settlementInfo.openAccArea" />
+          </el-form-item>
+          <el-form-item label="开户行" prop="settlementInfo.bankInstId">
+            <selectBank :province="form.settlementInfo.openAccProvince" :city="form.settlementInfo.openAccCity"
+              :city-code="wxProvinceCode" v-model:bankInstId="form.settlementInfo.bankInstId"
+              v-model:bankName="form.settlementInfo.bankName"
+              v-model:bank-branch-code="form.settlementInfo.bankBranchCode"
+              v-model:bank-branch-name="form.settlementInfo.bankBranchName" />
+          </el-form-item>
+          <el-form-item label="银行卡正面" prop="settlementInfo.bankCardFrontPic.url">
+            <div class="column">
+              <SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.bankCardFrontPic.url"
+                @on-success="bankCardFrontPicSuccess" />
+              <div class="tips">(上传图片自动识别 银行卡号)</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="银行卡反面" prop="settlementInfo.bankCardBackPic.url">
+            <SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.bankCardBackPic.url" />
+          </el-form-item>
+          <el-form-item label="开户许可证" prop="settlementInfo.openAccountLicencePic.url">
+            <SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.openAccountLicencePic.url" />
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="btn_wrap" :style="{ width: `${containerDomInfo.width}px`, left: `${containerDomInfo.left}px` }"
+        v-if="formType != 'check'">
+        <div class="btn_content">
+          <div class="btn">
+            <el-button type="primary" size="large" style="width: 100%;" :loading="loading"
+              @click="submitForm">提交</el-button>
+          </div>
+          <div class="btn">
+            <el-button style="width: 100%;" size="large" @click="router.back()">取消</el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted, onUnmounted } from "vue";
+import selectAddress from "./components/selectAddress.vue";
+import selectBank from "./components/selectBank.vue";
+import selectCategory from "./components/selectCategory.vue";
+import SingleImageUpload from "@/components/Upload/SingleImageUpload.vue";
+import { entryManagerPost, getInfoByImg, entryManagerDetail } from '@/api/common'
+import _ from 'lodash'
+import dayjs from "dayjs";
+import { isValidMobile } from "@/utils";
+import { useRouter, useRoute } from 'vue-router'
+
+const router = useRouter()
+const route = useRoute()
+
+const containerRef = ref<any>(null)
+
+const containerDomInfo = ref({
+  left: 0,
+  width: 0
+})
+
+const longTime = ref('2099-12-31')
+
+const wxProvinceCode = ref('')
+
+// 获取进件详情
+async function getDetailAjax(shopId: string, licenceNo: string) {
+  try {
+    const res: any = await entryManagerDetail({
+      shopId: shopId,
+      licenceNo: licenceNo
+    })
+    form.value = res
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+// 获取containerDomInfo信息
+function getContainerDomInfo() {
+  console.log('getContainerDomInfo');
+
+  containerDomInfo.value = containerRef.value?.getBoundingClientRect() ?? {}
+}
+
+const debouncedCheckWidth = _.debounce(getContainerDomInfo, 100)
+
+onMounted(() => {
+  getContainerDomInfo()
+  window.addEventListener('resize', debouncedCheckWidth)
+
+  const shopId: string = String(route.query.shopId ?? '')
+  const licenceNo: string = String(route.query.licenceNo ?? '')
+  if (shopId && licenceNo) {
+    formType.value = 'editor'
+    getDetailAjax(shopId, licenceNo)
+  }
+
+  const type = route.query.type
+  if (type && type == 'check') {
+    formType.value = 'check'
+  }
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', debouncedCheckWidth)
+})
+
+// 表单操作类型 add添加 editor编辑 check查看
+const formType = ref('add')
+const formRef = ref<any>(null);
+const form = ref({
+  shopId: route.query.shopId,
+  merchantCode: '',
+  // 【必填】商户基础信息
+  merchantBaseInfo: {
+    userType: '0', // 0: 个体商户;1: 企业商户;3: 小微商户 暂不支持
+    shortName: '', // 商户简称--企业、个体必填
+    mccCode: '', // 行业类别码--必填
+    alipayAccount: '', // 【必填】支付宝账号
+    contactPersonType: 'LEGAL', // 联系人类型 LEGAL: 经营者/法定代表人 SUPER: 经办人 默认LEGAL
+    contactName: '', // 联系人姓名
+    certType: '0', // 证件类型 目前只支持身份证 传值：0
+    contactPersonId: '', // 联系人身份证号
+    contactPersonIdStartDate: '', // 联系人证件有效期开始日期
+    contactPersonIdEndDate: '', // 联系人证件有效期结束日期
+    // 联系人身份证反面照片
+    contactIdCardBackPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 联系人身份证正面照片
+    contactIdCardFrontPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    contactPhone: '', // 联系人手机号
+    contactAddr: '', // 联系人地址
+    contactEmail: '', // 联系人电子邮箱
+    companyChildType: '1', // 企业类型，1：普通企业，2：事业单位，3：政府机关，4：社会组织  默认值:1
+  },
+  // 【必填】法人信息
+  legalPersonInfo: {
+    legalPersonName: '', // 法定代表人姓名
+    legalPersonId: '', // 法定代表人身份证号
+    legalIdPersonStartDate: '', // 法定代表人证件有效期开始日期
+    legalPersonIdEndDate: '', // 法定代表人证件有效期结束日期
+    legalPersonPhone: '', // 法定代表人手机号
+    legalPersonEmail: '', // 法定代表人电子邮箱
+    legalGender: '', // 法人性别（0男 1女）
+    legalAddress: '', // 法人联系地址
+    // 身份证手持 图片
+    idCardHandPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 身份证正面 图片
+    idCardFrontPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 身份证反面 图片
+    idCardBackPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+  },
+  // 【必填】营业执照信息
+  businessLicenceInfo: {
+    licenceName: '', // 营业执照全称--非小微必填
+    licenceNo: '', // 营业执照注册号--非小微必填
+    licenceStartDate: '', // 营业执照有效期开始日期--非小微必填
+    licenceEndDate: '', // 营业执照有效期结束日期--非小微必填
+    registeredAddress: '', // 注册地址--非小微必填
+    licensePic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+  },
+  // 【必填】门店信息
+  storeInfo: {
+    mercProvCode: '', // 【必填】商户归属省Code
+    mercCityCode: '', // 【必填】商户归属市Code
+    mercAreaCode: '', // 【必填】商户归属区Code
+    mercProv: '', // 商户归属省
+    mercCity: '', // 商户归属市
+    mercArea: '', // 商户归属区
+    businessAddress: '', // 【必填】 营业地址
+    // 经营场所内设照片
+    insidePic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 门头照
+    doorPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 收银台照
+    cashierDeskPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+  },
+  // 【必填】结算信息
+  settlementInfo: {
+    settlementType: '1', // 结算类型 0:非法人结算, 1:法人结算
+    noLegalName: '', // 非法人姓名
+    noLegalId: '', // 非法人身份证号
+    settlementCardType: '', // 结算卡类型 必填 11 对私借记卡（结算卡正面照、结算卡反面照图片必传） 21 对公借记卡（只须结算卡正面照片）
+    settlementCardNo: '', // 结算卡号
+    settlementName: '', // 开户名称
+    bankMobile: '', // 结算银行预留手机号
+    openAccProvinceId: '', // 开户行省ID
+    openAccCityId: '', // 开户行市ID
+    openAccAreaId: '', // 开户行区ID
+    openAccProvince: '', // 开户行省
+    openAccCity: '', // 开户行市
+    openAccArea: '', // 开户行区
+    bankName: '', // 开户行别名名称 bankAlias
+    bankInstId: '', // 开户行缩写 bankCode
+    bankType: '', // 开户行编号 bankAliasCode
+    bankBranchName: '', // 支行开户行行别名称 branchName
+    bankBranchCode: '', // 支行开户行编号 bankCode
+    // 银行卡正面
+    bankCardFrontPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 银行卡反面
+    bankCardBackPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 开户许可证
+    openAccountLicencePic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 非法人手持结算授权书
+    noLegalHandSettleAuthPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 非法人结算授权书
+    noLegalSettleAuthPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 非法人身份证正面
+    noLegalIdCardFrontPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+    // 非法人身份证反面
+    noLegalIdCardBackPic: {
+      url: '',
+      wechatId: '', // 微信图片ID
+      alipayId: '', // 支付宝图片ID
+    },
+  }
+});
+
+
+const rules = reactive({
+  'merchantBaseInfo.userType': [{ required: true, message: '请选择商户类型', trigger: 'change' }],
+  'merchantBaseInfo.shortName': [{ required: true, message: '请输入商户简称', trigger: 'blur' }],
+  'merchantBaseInfo.mccCode': [{ required: true, message: '请输入行业类别码', trigger: 'change' }],
+  'merchantBaseInfo.alipayAccount': [{ required: true, message: '请输入支付宝账号', trigger: 'blur' }],
+  'merchantBaseInfo.contactPersonId': [{ required: true, message: '请输入联系人身份证号', trigger: 'blur' }],
+  'merchantBaseInfo.contactPersonIdStartDate': [{ required: true, message: '请选择联系人证件有效期开始日期', trigger: 'change' }],
+  'merchantBaseInfo.contactPersonIdEndDate': [{ required: true, message: '请选择联系人证件有效期结束日期', trigger: 'change' }],
+  'merchantBaseInfo.contactIdCardFrontPic.url': [{ required: true, message: '请上传联系人身份证正面照片', trigger: 'blur' }],
+  'merchantBaseInfo.contactIdCardBackPic.url': [{ required: true, message: '请上传联系人身份证反面照片', trigger: 'blur' }],
+  'merchantBaseInfo.contactPhone': [
+    { required: true, message: '请输入联系人手机号', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (!isValidMobile(value)) {
+          callback(new Error('请输入正确的手机号'))
+        } else {
+          callback()
+        }
+      }
+    }
+  ],
+  'merchantBaseInfo.contactAddr': [{ required: true, message: '请输入联系人地址', trigger: 'blur' }],
+  'merchantBaseInfo.contactEmail': [{ required: true, message: '请输入联系人电子邮箱', trigger: 'blur' }],
+  'legalPersonInfo.idCardHandPic.url': [{ required: true, message: '请上传身份证手持图片', trigger: 'blur' }],
+  'legalPersonInfo.idCardFrontPic.url': [{ required: true, message: '请上传身份证正面图片', trigger: 'blur' }],
+  'legalPersonInfo.idCardBackPic.url': [{ required: true, message: '请上传身份证反面图片', trigger: 'blur' }],
+  'legalPersonInfo.legalPersonName': [{ required: true, message: '请输入法定代表人姓名', trigger: 'blur' }],
+  'legalPersonInfo.legalPersonId': [{ required: true, message: '请输入法定代表人身份证号', trigger: 'blur' }],
+  'legalPersonInfo.legalIdPersonStartDate': [{ required: true, message: '请输入法定代表人身份证开始日期', trigger: 'blur' }],
+  'legalPersonInfo.legalPersonIdEndDate': [{ required: true, message: '请输入法定代表人身份证结束日期', trigger: 'blur' }],
+  'legalPersonInfo.legalPersonPhone': [
+    { required: true, message: '请输入法定代表人手机号', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (!isValidMobile(value)) {
+          callback(new Error('请输入正确的手机号'))
+        } else {
+          callback()
+        }
+      }
+    }
+  ],
+  'legalPersonInfo.legalPersonEmail': [{ required: true, message: '请输入法定代表人电子邮箱', trigger: 'blur' }],
+  'legalPersonInfo.legalGender': [{ required: true, message: '请选择法定代表人性别', trigger: 'change' }],
+  'legalPersonInfo.legalAddress': [{ required: true, message: '请输入法定代表人联系地址', trigger: 'blur' }],
+  // 营业执照信息
+  'businessLicenceInfo.licenceName': [{ required: true, message: '请输入营业执照全称', trigger: 'blur' }],
+  'businessLicenceInfo.licenceNo': [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }],
+  'businessLicenceInfo.licenceStartDate': [{ required: true, message: '请输入营业执照有效期开始日期', trigger: 'blur' }],
+  'businessLicenceInfo.licenceEndDate': [{ required: true, message: '请输入营业执照有效期结束日期', trigger: 'blur' }],
+  'businessLicenceInfo.registeredAddress': [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+  'businessLicenceInfo.licensePic.url': [{ required: true, message: '请上传营业执照照片', trigger: 'blur' }],
+  // 门店信息
+  'storeInfo.mercProvCode': [{ required: true, message: '请选择商户归属省市区', trigger: 'change' }],
+  'storeInfo.mercCityCode': [{ required: true, message: '请选择商户归属市', trigger: 'change' }],
+  'storeInfo.mercAreaCode': [{ required: true, message: '请选择商户归属区', trigger: 'change' }],
+  'storeInfo.businessAddress': [{ required: true, message: '请输入营业地址', trigger: 'blur' }],
+  'storeInfo.insidePic.url': [{ required: true, message: '请上传经营场所内设照片', trigger: 'blur' }],
+  'storeInfo.doorPic.url': [{ required: true, message: '请上传门头照', trigger: 'blur' }],
+  'storeInfo.cashierDeskPic.url': [{ required: true, message: '请上传收银台照', trigger: 'blur' }],
+  // 结算信息
+  'settlementInfo.settlementType': [{ required: true, message: '请选择结算类型', trigger: 'change' }],
+  'settlementInfo.settlementCardType': [{ required: true, message: '请选择结算卡类型', trigger: 'change' }],
+  'settlementInfo.settlementCardNo': [{ required: true, message: '请输入结算卡号', trigger: 'blur' }],
+  'settlementInfo.settlementName': [{ required: true, message: '请输入开户名称', trigger: 'blur' }],
+  'settlementInfo.bankMobile': [
+    { required: true, message: '请输入结算银行预留手机号', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (!isValidMobile(value)) {
+          callback(new Error('请输入正确的手机号'))
+        } else {
+          callback()
+        }
+      }
+    }
+  ],
+  'settlementInfo.openAccProvinceId': [
+    {
+      required: true,
+      validator: (rule: any, value: any, callback: any) => {
+        if (form.value.settlementInfo.openAccProvinceId == '' || form.value.settlementInfo.openAccCityId == '' || form.value.settlementInfo.openAccAreaId == '') {
+          callback(new Error('请选择开户行省市区'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'change'
+    }
+  ],
+  'settlementInfo.bankInstId': [
+    {
+      required: true,
+      validator: (rule: any, value: any, callback: any) => {
+        if (form.value.settlementInfo.bankInstId == '') {
+          callback(new Error('请选择开户行以及支行'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'change'
+    }
+  ],
+  'settlementInfo.bankCardFrontPic.url': [
+    {
+      required: true,
+      message: '请上传银行卡正面图片',
+      trigger: 'blur'
+    }
+  ],
+  'settlementInfo.bankCardBackPic.url': [
+    {
+      required: true,
+      message: '请上传银行卡反面图片',
+      trigger: 'blur'
+    }
+  ],
+  'settlementInfo.openAccountLicencePic.url': [
+    {
+      required: true,
+      message: '请上传开户许可证图片',
+      trigger: 'blur'
+    }
+  ]
+})
+
+// 联系人身份证正面照片
+const contactIdCardFrontPicUploadLoading = ref(false)
+async function contactIdCardFrontPicUpload(url: string) {
+  try {
+    form.value.merchantBaseInfo.contactIdCardBackPic.alipayId = ''
+    form.value.merchantBaseInfo.contactIdCardBackPic.wechatId = ''
+
+    contactIdCardFrontPicUploadLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'IdCard'
+    })
+
+    let date = res.subImages[0].kvInfo.data.validPeriod.split('-')
+    form.value.merchantBaseInfo.contactPersonIdStartDate = dayjs(date[0]).format('YYYY-MM-DD')
+    form.value.merchantBaseInfo.contactPersonIdEndDate = dayjs(date[1]).format('YYYY-MM-DD')
+  } catch (error) {
+    console.log(error);
+  }
+  contactIdCardFrontPicUploadLoading.value = false
+}
+
+// 联系人身份证反面照片
+const contactIdCardBackPicUploadLoading = ref(false)
+async function contactIdCardBackPicUpload(url: any) {
+  try {
+    form.value.merchantBaseInfo.contactIdCardFrontPic.alipayId = ''
+    form.value.merchantBaseInfo.contactIdCardFrontPic.wechatId = ''
+
+    contactIdCardBackPicUploadLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'IdCard'
+    })
+    form.value.merchantBaseInfo.contactPersonId = res.subImages[0].kvInfo.data.idNumber
+  } catch (error) {
+    console.log(error);
+  }
+  contactIdCardBackPicUploadLoading.value = false
+}
+
+// 法人信息 身份证正面图片
+const idCardFrontPicSuccessLoading = ref(false)
+async function idCardFrontPicSuccess(url: string) {
+  try {
+    form.value.legalPersonInfo.idCardBackPic.alipayId = ''
+    form.value.legalPersonInfo.idCardBackPic.wechatId = ''
+
+    idCardFrontPicSuccessLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'IdCard'
+    })
+
+    let date = res.subImages[0].kvInfo.data.validPeriod.split('-')
+    form.value.legalPersonInfo.legalIdPersonStartDate = dayjs(date[0]).format('YYYY-MM-DD')
+    form.value.legalPersonInfo.legalPersonIdEndDate = dayjs(date[1]).format('YYYY-MM-DD')
+  } catch (error) {
+    console.log(error);
+  }
+  idCardFrontPicSuccessLoading.value = false
+}
+
+// 法人信息 身份证反图片
+const idCardBackPicSuccessLoading = ref(false)
+async function idCardBackPicSuccess(url: string) {
+  try {
+    form.value.legalPersonInfo.idCardFrontPic.alipayId = ''
+    form.value.legalPersonInfo.idCardFrontPic.wechatId = ''
+
+    idCardBackPicSuccessLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'IdCard'
+    })
+
+    form.value.legalPersonInfo.legalPersonName = res.subImages[0].kvInfo.data.name
+    form.value.legalPersonInfo.legalPersonId = res.subImages[0].kvInfo.data.idNumber
+  } catch (error) {
+    console.log(error);
+  }
+  idCardBackPicSuccessLoading.value = false
+}
+
+// 营业执照信息 营业执照照片
+const licensePicSuccessLoading = ref(false)
+async function licensePicSuccess(url: string) {
+  try {
+    form.value.businessLicenceInfo.licensePic.alipayId = ''
+    form.value.businessLicenceInfo.licensePic.wechatId = ''
+
+    licensePicSuccessLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'BusinessLicense'
+    })
+    let data = res.subImages[0].kvInfo.data
+    // console.log('营业执照照片', data);
+    form.value.businessLicenceInfo.licenceName = data.companyName
+    form.value.businessLicenceInfo.licenceNo = data.creditCode
+    // form.value.businessLicenceInfo.licenceStartDate = data.companyName
+    // form.value.businessLicenceInfo.licenceEndDate = data.companyName
+    form.value.businessLicenceInfo.registeredAddress = data.businessAddress
+  } catch (error) {
+    console.log(error);
+  }
+  licensePicSuccessLoading.value = false
+}
+
+// 结算信息 银行卡正面
+const bankCardFrontPicSuccessLoading = ref(false)
+async function bankCardFrontPicSuccess(url: string) {
+  try {
+    form.value.settlementInfo.bankCardFrontPic.alipayId = ''
+    form.value.settlementInfo.bankCardFrontPic.wechatId = ''
+
+    bankCardFrontPicSuccessLoading.value = true
+    const res: any = await getInfoByImg({
+      url: url,
+      type: 'BankCard'
+    })
+    let data = res.subImages[0].kvInfo.data
+    // console.log('银行卡正面', data);
+    form.value.settlementInfo.settlementCardNo = data.cardNumber
+    form.value.settlementInfo.bankName = data.bankName
+  } catch (error) {
+    console.log(error);
+  }
+  bankCardFrontPicSuccessLoading.value = false
+}
+
+const loading = ref(false)
+function submitForm() {
+  console.log('提交的表单数据：', form.value);
+  console.log('formRef', formRef.value);
+  formRef.value.validate(async (valid: boolean) => {
+    console.log('valid===', valid);
+    if (valid) {
+      console.log('表单验证通过，可以提交');
+      try {
+        loading.value = true
+        await entryManagerPost(form.value)
+        ElNotification({
+          title: '注意',
+          message: '提交成功',
+          type: 'success'
+        })
+        router.back()
+      } catch (error) {
+        console.log(error);
+      }
+      loading.value = false
+    } else {
+      console.log('表单验证失败，请检查输入项');
+      return false;
+    }
+  });
+}
+</script>
+
+<style scoped lang="scss">
+.gyq_container {
+  padding: 14px;
+
+  .gyq_content {
+    padding: 14px;
+    background-color: #fff;
+    border-radius: 8px;
+    padding-bottom: 100px;
+  }
+}
+
+.row {
+  &.mt14 {
+    margin-top: 14px;
+  }
+}
+
+.center {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+}
+
+.tips {
+  --bg: #ffeed8;
+  font-size: 12px;
+  background-color: var(--bg);
+  color: #c57000;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  border-radius: 6px;
+  margin-top: 15px;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+    border-radius: 4px;
+    transform: rotate(-45deg);
+    top: -7px;
+    left: 40px;
+    transform-origin: center;
+    translate: -50% 0;
+  }
+}
+
+.title_row {
+  padding: 14px 50px;
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  &::after {
+    content: "";
+    width: 100%;
+    border-bottom: 1px solid #ececec;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    z-index: 1;
+  }
+
+  .t {
+    position: relative;
+    z-index: 2;
+    background-color: #fff;
+    padding: 0 14px;
+  }
+}
+
+.btn_wrap {
+  width: 100%;
+  position: fixed;
+  z-index: 10;
+  bottom: 10px;
+  padding-bottom: 24px;
+
+  .btn_content {
+    display: flex;
+    justify-content: center;
+    gap: 14px;
+
+    .btn {
+      width: 200px;
+    }
+  }
+}
+</style>
--- a/src/views/applyments/components/selectAddress.vue
+++ b/src/views/applyments/components/selectAddress.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="center">
+    <el-select placeholder="请选择省" style="width: 100px" v-model="provCode" @change="provChange">
+      <el-option
+        v-for="item in provList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionId"
+      />
+    </el-select>
+    <el-select
+      placeholder="请选择市"
+      style="width: 100px"
+      :disabled="!provCode"
+      v-model="cityCode"
+      @change="cityChange"
+    >
+      <el-option
+        v-for="item in cityList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionId"
+      />
+    </el-select>
+    <el-select
+      placeholder="请选择区"
+      style="width: 100px"
+      :disabled="!cityCode"
+      v-model="areaCode"
+      @change="areaChange"
+    >
+      <el-option
+        v-for="item in areaList"
+        :key="item.regionId"
+        :label="item.regionName"
+        :value="item.regionId"
+      />
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { getRegion } from "@/api/common";
+
+const provList = ref<any[]>([]);
+const cityList = ref<any[]>([]);
+const areaList = ref<any[]>([]);
+
+const provCode = defineModel("provCode", {
+  type: String,
+  default: "",
+});
+
+// 监听省份code变化
+watch(
+  provCode,
+  async (n, o) => {
+    await getRegionAjax();
+    if (n && n !== undefined) {
+      provChange(n, true);
+
+      // 监听市区code变化
+      watch(
+        cityCode,
+        async (n, o) => {
+          if (n !== undefined && n) {
+            cityChange(n, true);
+          }
+        },
+        {
+          immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
+        }
+      );
+    }
+  },
+  {
+    immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
+  }
+);
+
+const cityCode = defineModel("cityCode", {
+  type: String,
+  default: "",
+});
+
+const areaCode = defineModel("areaCode", {
+  type: String,
+  default: "",
+});
+
+const prov = defineModel("prov", {
+  type: String,
+  default: "",
+});
+
+const city = defineModel("city", {
+  type: String,
+  default: "",
+});
+
+const area = defineModel("area", {
+  type: String,
+  default: "",
+});
+
+const wxProvinceCode = defineModel("wxProvinceCode", {
+  type: String,
+  default: "",
+});
+
+// 省份变化 e code isEcho是否回显
+function provChange(e: string, isEcho: boolean = false) {
+  if (!isEcho) {
+    cityCode.value = "";
+    areaCode.value = "";
+    cityList.value = [];
+    areaList.value = [];
+  }
+  const provObj = provList.value.find((item) => item.regionId == e);
+  prov.value = provObj ? provObj.regionName : "";
+  if (provObj && provObj.children) {
+    cityList.value = provObj.children;
+  }
+}
+
+// 市区变化
+function cityChange(e: string, isEcho: boolean = false) {
+  if (!isEcho) {
+    areaCode.value = "";
+    areaList.value = [];
+  }
+  const cityObj = cityList.value.find((item) => item.regionId == e);
+
+  city.value = cityObj ? cityObj.regionName : "";
+  if (cityObj && cityObj.children) {
+    areaList.value = cityObj.children;
+    wxProvinceCode.value = cityObj.wxProvinceCode;
+  }
+}
+
+// 区变化
+function areaChange(e: string) {
+  const areaObj = areaList.value.find((item) => item.regionId == e);
+  area.value = areaObj ? areaObj.regionName : "";
+}
+
+// 获取省市区数据
+async function getRegionAjax() {
+  try {
+    const res = await getRegion();
+    provList.value = res;
+  } catch (error) {
+    console.error("获取省市区数据失败：", error);
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.center {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+</style>
--- a/src/views/applyments/components/selectBank.vue
+++ b/src/views/applyments/components/selectBank.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="select_bank">
+    <!-- 银行 -->
+    <el-select v-model="bankInstId" placeholder="请选择银行，可搜索" style="width: 200px;" filterable remote
+      :remote-method="remoteGetBank" :loading="loading" remote-show-suffix @change="bankChange" :disabled="!province">
+      <el-option v-for="item in bankList" :key="item.bankAliasCode" :label="item.bankAlias" :value="item.bankCode" />
+    </el-select>
+    <!-- 支行 -->
+    <el-select v-model="bankBranchCode" placeholder="请选择支行" style="width: 200px;" :disabled="!bankInstId"
+      @change="bankBranchChange">
+      <el-option v-for="item in bankBranchList" :key="item.bank_branch_id" :label="item.bank_branch_name"
+        :value="item.bank_branch_id"></el-option>
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { getBankInfo, getBankBranchList } from "@/api/common";
+
+const loading = ref(false)
+const bankNameValue = ref('')
+
+const props = defineProps({
+  province: {
+    type: String,
+    default: ''
+  },
+  city: {
+    type: String,
+    default: ''
+  },
+  cityCode: {
+    type: String,
+    default: ''
+  }
+})
+
+watch(() => props.cityCode, async (newValue, oldValue) => {
+  try {
+    // console.log('watch.props.cityCode===', `newValue=${newValue},oldValue=${oldValue}`);
+    await getBankInfoAjax()
+    if (newValue && newValue !== undefined) {
+      // 监听银行code变化
+      watch(bankInstId, (n, o) => {
+        if (n !== undefined && n) {
+          bankChange(n)
+        }
+      }, {
+        immediate: true // 可选：初始化立即执行，验证是否监听到初始值
+      })
+    }
+  } catch (error) {
+    console.log(error);
+  }
+})
+
+const bankList = ref<Array<{ id: string; bankAlias: string, bankCode: string, bankAliasCode: string, accountBank: string }>>([]);
+
+const bankInstId = defineModel('bankInstId', {
+  type: String,
+  default: "",
+});
+
+const bankName = defineModel('bankName', {
+  type: String,
+  default: "",
+})
+
+// 选择银行
+function bankChange(e: any) {
+  let obj = bankList.value.find(item => item.bankCode == e)
+  if (obj && obj.id) {
+    bankName.value = obj.accountBank
+    bankInstId.value = obj.bankCode
+    getBankBranchListAjax(obj.bankAliasCode)
+  }
+}
+
+// 支行开户行编号 bankCode
+const bankBranchCode = defineModel('bankBranchCode', {
+  type: String,
+  default: "",
+})
+
+// 支行开户行行别名称 branchName
+const bankBranchName = defineModel('bankBranchName', {
+  type: String,
+  default: "",
+})
+
+// 选择支行
+function bankBranchChange(e: string) {
+  let obj = bankBranchList.value.find(item => item.bank_branch_id == e)
+  if (obj && obj.bank_branch_id) {
+    bankBranchName.value = obj.bank_branch_name
+  }
+}
+
+// 支行列表
+const bankBranchList = ref<Array<{ bank_branch_id: string; bank_branch_name: string }>>([]);
+async function getBankBranchListAjax(bankAliasCode: string) {
+  try {
+    const res: any = await getBankBranchList({
+      bankAliceCode: bankAliasCode,
+      cityCode: props.cityCode
+    })
+    bankBranchList.value = res.data
+  } catch (error) {
+    console.log('', error);
+  }
+}
+
+// 远程搜索
+function remoteGetBank(query: string) {
+  if (query) {
+    bankNameValue.value = query
+    getBankInfoAjax()
+  }
+}
+
+// 获取银行列表
+async function getBankInfoAjax() {
+  try {
+    loading.value = true
+    const res: any = await getBankInfo({
+      page: 1,
+      size: 100,
+      bankName: bankNameValue.value
+    });
+    bankList.value = res.records || [];
+  } catch (error) {
+    console.log(error);
+  }
+  loading.value = false
+}
+</script>
+
+<style scoped lang="scss">
+.select_bank {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+</style>
--- a/src/views/applyments/components/selectCategory.vue
+++ b/src/views/applyments/components/selectCategory.vue
@@ -0,0 +1,43 @@
+<template>
+  <el-cascader v-model="modelValue" placeholder="请选择类目" filterable :options="options" :props="props"
+    style="width: 300px;"></el-cascader>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { getCategory } from '@/api/common'
+
+const modelValue = defineModel({
+  type: String,
+  default: ''
+})
+
+const options = ref([])
+
+const props = ref({
+  children: 'child',
+  emitPath: false
+})
+
+// 获取类目
+async function getCategoryAjax() {
+  try {
+    const res = await getCategory()
+    res.map(item => {
+      item.label = item.firstCategory
+      item.child.map(val => {
+        val.label = `${val.secondCategory}`
+        val.value = `${val.firstCategoryCode}_${val.secondCategoryCode}`
+      })
+    })
+    options.value = res
+    console.log('options.value', options.value);
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+onMounted(() => {
+  getCategoryAjax()
+})
+</script>
--- a/src/views/applyments/components/selectShopsDialog.vue
+++ b/src/views/applyments/components/selectShopsDialog.vue
@@ -0,0 +1,162 @@
+<template>
+  <el-dialog title="请选择用户" width="1000px" v-model="visible">
+    <div class="content">
+      <el-form :model="queryForm" inline>
+        <!-- <el-form-item>
+          <el-input v-model="queryForm.no" placeholder="请输入商户号" />
+        </el-form-item> -->
+        <el-form-item>
+          <el-input v-model="queryForm.shopName" placeholder="请输入商户名称" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="Search" :loading="tableData.loading" @click="searchHandle">查询</el-button>
+          <el-button icon="Refresh" :loading="tableData.loading" @click="resetHandle">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table :data="tableData.list" v-loading="tableData.loading" stripe border
+        style="width: 100%; margin-top: 20px;">
+        <el-table-column label="商户名称" prop="shopName"></el-table-column>
+        <el-table-column label="联系人姓名" prop="contactName"></el-table-column>
+        <el-table-column label="联系人电话" prop="phone"></el-table-column>
+        <el-table-column label="店铺类型" prop="shopType" width="100">
+          <template #default="scope">
+            <el-tag :type="typeFilter(scope.row.shopType).type">{{ typeFilter(scope.row.shopType).label }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100">
+          <template #default="scope">
+            <el-button type="primary" @click="selectHandle(scope.row)">选择</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="row mt14">
+        <el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
+          :page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+    </div>
+    <!-- <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="">确定</el-button>
+      </div>
+    </template> -->
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import ShopApi from "@/api/account/shop";
+
+// 店铺类型过滤器
+type TagType = 'primary' | 'success' | 'danger' | 'info' | 'warning';
+function typeFilter(shopType: string): { value: string; label: string; type: TagType } {
+  const typs: Array<{ value: string; label: string; type: TagType }> = [
+    {
+      value: 'only',
+      label: '单店',
+      type: 'primary'
+    },
+    {
+      value: 'chain',
+      label: '连锁',
+      type: 'success'
+    },
+    {
+      value: 'join',
+      label: '加盟',
+      type: 'danger'
+    }
+  ];
+
+  const obj = typs.find(item => item.value === shopType);
+  return obj ? obj : { value: shopType, label: shopType, type: 'info' };
+}
+
+const visible = ref(false);
+
+const queryForm = ref({
+  shopName: "",
+});
+
+// 分页大小发生变化
+function handleSizeChange(e: number) {
+  tableData.size = e;
+  getTableData();
+}
+
+// 分页发生变化
+function handleCurrentChange(e: number) {
+  tableData.page = e;
+  getTableData();
+}
+
+// 查询
+function searchHandle() {
+  tableData.page = 1;
+  getTableData();
+}
+
+// 重置
+function resetHandle() {
+  queryForm.value.shopName = "";
+  tableData.page = 1;
+  getTableData();
+}
+
+const tableData = reactive({
+  loading: false,
+  page: 1,
+  size: 10,
+  total: 0,
+  list: [],
+});
+
+// 获取店铺列表
+async function getTableData() {
+  try {
+    tableData.loading = true;
+    const res: any = await ShopApi.getList({
+      page: tableData.page,
+      size: tableData.size,
+      shopName: queryForm.value.shopName,
+    });
+    tableData.list = res.records;
+    tableData.total = res.totalRow;
+  } catch (err) {
+    console.error(err);
+  } finally {
+    tableData.loading = false;
+  }
+}
+
+const emits = defineEmits<{
+  (e: 'success', row: any): void;
+}>();
+
+function selectHandle(row: any) {
+  console.log("选择商户：", row);
+  emits('success', row);
+  visible.value = false;
+}
+
+function show() {
+  visible.value = true;
+}
+
+defineExpose({
+  show,
+});
+
+onMounted(() => {
+  getTableData();
+}); 
+</script>
+
+<style scoped lang="scss">
+.row {
+  &.mt14 {
+    margin-top: 14px;
+  }
+}
+</style>
--- a/src/views/applyments/components/singCodeDialog.vue
+++ b/src/views/applyments/components/singCodeDialog.vue
@@ -0,0 +1,63 @@
+<template>
+  <el-dialog title="签约码" width="350px" v-model="visible">
+    <div class="wrap">
+      <el-image :src="srcUrl" style="width: 200px;height: 200px;"></el-image>
+      <el-text>请前往{{ type == 1 ? '支付宝' : '微信' }}进行扫码</el-text>
+    </div>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import QRCode from 'qrcode'
+
+const visible = ref(false)
+
+const srcUrl = ref('')
+const type = ref(1)
+
+// 手动生成二维码
+async function generateQrcode(text) {
+  try {
+    // 生成 Base64 格式的二维码图片
+    const base64 = await QRCode.toDataURL(text, {
+      width: 200,
+      margin: 1,
+      color: {
+        dark: '#000',
+        light: '#fff'
+      }
+    })
+    url.value = base64
+  } catch (err) {
+    console.error('生成二维码失败：', err)
+  }
+}
+
+// 显示二维码弹窗
+function show(url, t) {
+  // console.log(url);
+  visible.value = true
+  type.value = t
+  if (t == 2) {
+    srcUrl.value = url
+  } else {
+    generateQrcode(url)
+  }
+}
+
+defineExpose({
+  show
+})
+</script>
+
+<style scoped lang="scss">
+.wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+  padding-bottom: 24px;
+}
+</style>
--- a/src/views/applyments/index.vue
+++ b/src/views/applyments/index.vue
@@ -0,0 +1,312 @@
+<!-- 进件管理 -->
+<template>
+  <div class="gyq_container">
+    <div class="gyq_content">
+      <div class="row">
+        <el-form :model="queryForm" inline>
+          <el-form-item label="商户类型">
+            <el-select v-model="queryForm.userType" style="width: 200px;">
+              <el-option v-for="item in userTypeList" :key="item.value" :label="item.label"
+                :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="店铺名称">
+            <el-input style="width: 200px;" v-model="queryForm.shopName" placeholder="请输入店铺名称"></el-input>
+          </el-form-item>
+          <el-form-item label="进件状态">
+            <el-select v-model="queryForm.status" style="width: 200px;">
+              <el-option v-for="item in statusList" :key="item.value" :label="item.label"
+                :value="item.value"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="支付宝账号">
+            <el-input style="width: 200px;" v-model="queryForm.alipayAccount" placeholder="请输入支付宝账号"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" :loading="tableData.loading" @click="queryHandle">查询</el-button>
+            <el-button icon="Refresh" :loading="tableData.loading" @click="resetHandle">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="row">
+        <el-button type="primary" icon="Plus" @click="selectShopsDialogRef?.show()">发起进件</el-button>
+      </div>
+      <div class="row mt14">
+        <el-table :data="tableData.list" v-loading="tableData.loading" stripe border>
+          <el-table-column label="商户号" prop="merchantCode" width="200"></el-table-column>
+          <el-table-column label="商户简称" prop="shortName" width="150"></el-table-column>
+          <el-table-column label="商户类型" prop="userType" width="120">
+            <template v-slot="scope">
+              {{ userTypeListFilter(scope.row.userType).label }}
+            </template>
+          </el-table-column>
+          <el-table-column label="绑定店铺名称" prop="shopName" width="200"></el-table-column>
+          <el-table-column label="支付宝进件状态" prop="alipayStatus" min-width="200">
+            <template v-slot="scope">
+              <div class="column">
+                <div>
+                  <el-tag :type="statusListFilter(scope.row.alipayStatus).type" disable-transitions>{{
+                    statusListFilter(scope.row.alipayStatus).label }}</el-tag>
+                </div>
+                <div class="error_text" v-if="scope.row.alipayStatus == 'REJECTED'">
+                  {{ scope.row.alipayErrorMsg }}
+                </div>
+                <div>
+                  <el-link type="primary" v-if="scope.row.alipayStatus == 'SIGN '"
+                    @click="singCodeDialogRef?.show(scope.row.alipaySignUrl, 1)">查看签约码</el-link>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="微信进件状态" prop="wechatStatus" min-width="200">
+            <template v-slot="scope">
+              <div class="column">
+                <div>
+                  <el-tag :type="statusListFilter(scope.row.wechatStatus).type" disable-transitions>{{
+                    statusListFilter(scope.row.wechatStatus).label }}</el-tag>
+                </div>
+                <div class="error_text" v-if="scope.row.wechatStatus == 'REJECTED'">
+                  {{ scope.row.wechatErrorMsg }}
+                </div>
+                <div>
+                  <el-link type="primary" v-if="scope.row.wechatStatus == 'SIGN'"
+                    @click="singCodeDialogRef?.show(scope.row.wechatSignUrl, 2)">查看签约码</el-link>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="更新时间" prop="updateTime" width="200"></el-table-column>
+          <el-table-column label="创建时间" prop="createTime" width="200"></el-table-column>
+          <el-table-column label="操作" fixed="right" width="160">
+            <template v-slot="scope">
+              <el-button link type="primary"
+                v-if="scope.row.wechatStatus == 'INIT' || scope.row.wechatStatus == 'AUDIT' || scope.row.wechatStatus == 'SIGN' || scope.row.alipayStatus == 'INIT' || scope.row.alipayStatus == 'AUDIT' || scope.row.alipayStatus == 'SIGN'"
+                @click="checkStatusHandle(scope.row)">查询</el-button>
+              <el-button link type="primary" @click="toDetail(scope.row, 'check')">详情</el-button>
+              <el-button link type="primary" @click="toDetail(scope.row, 'editor')"
+                v-if="scope.row.alipayStatus == 'REJECTED' || scope.row.wechatStatus == 'REJECTED'">修改</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="row mt14">
+        <el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
+          :page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+    </div>
+    <!-- 选择商户 -->
+    <selectShopsDialog ref="selectShopsDialogRef" @success="selectSuccessHandle" />
+    <!-- 显示签约码 -->
+    <singCodeDialog ref="singCodeDialogRef" />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from "vue";
+import { useRouter } from 'vue-router';
+import selectShopsDialog from "./components/selectShopsDialog.vue";
+import singCodeDialog from "./components/singCodeDialog.vue";
+import { entryManagerList, queryEntry } from '@/api/common'
+
+const singCodeDialogRef = ref(null)
+
+const router = useRouter();
+
+const selectShopsDialogRef = ref(null);
+
+// 选择商户成功回调
+function selectSuccessHandle(shop) {
+  console.log('选择的商户：', shop);
+  router.push({ name: 'applyment_in', query: { shopId: shop.id } });
+}
+
+const userTypeList = ref([
+  {
+    value: '0',
+    label: '个体商户'
+  },
+  {
+    value: '1',
+    label: '企业商户'
+  },
+])
+
+function userTypeListFilter(userType) {
+  let obj = userTypeList.value.find(item => item.value == userType)
+  if (obj) {
+    return obj
+  } else {
+    return {
+      label: userType,
+      value: userType
+    }
+  }
+}
+
+const statusList = ref([
+  {
+    value: 'WAIT',
+    label: '待提交',
+    type: 'info'
+  },
+  {
+    value: 'INIT',
+    label: '待处理',
+    type: 'info'
+  },
+  {
+    value: 'AUDIT',
+    label: '待审核',
+    type: 'warning'
+  },
+  {
+    value: 'SIGN',
+    label: '待签约',
+    type: 'primary'
+  },
+  {
+    value: 'FINISH',
+    label: '已完成',
+    type: 'success'
+  },
+  {
+    value: 'REJECTED',
+    label: '失败',
+    type: 'danger'
+  },
+])
+
+function statusListFilter(status) {
+  let obj = statusList.value.find(item => item.value == status)
+  if (obj) {
+    return obj
+  } else {
+    return {
+      label: status,
+      value: status
+    }
+  }
+}
+
+const queryForm = ref({
+  userType: '',
+  shopName: '',
+  status: '',
+  alipayAccount: ''
+});
+
+function queryHandle() {
+  tableData.page = 1
+  getTableData()
+}
+
+function resetHandle() {
+  queryForm.value.userType = ''
+  queryForm.value.shopName = ''
+  queryForm.value.status = ''
+  queryForm.value.alipayAccount = ''
+  queryHandle()
+}
+
+const tableData = reactive({
+  loading: false,
+  page: 1,
+  size: 10,
+  total: 0,
+  list: [],
+})
+
+// 分页大小发生变化
+function handleSizeChange(e) {
+  tableData.size = e;
+  getTableData();
+}
+
+// 分页发生变化
+function handleCurrentChange(e) {
+  tableData.page = e;
+  getTableData();
+}
+
+// 查询状态
+async function checkStatusHandle(row) {
+  try {
+    tableData.loading = true
+    const businessLicenceInfo = JSON.parse(row.businessLicenceInfo)
+    await queryEntry({
+      shopId: row.shopId,
+      licenceNo: businessLicenceInfo.licenceNo
+    })
+    getTableData()
+  } catch (error) {
+    tableData.loading = false
+    console.log(error);
+  }
+}
+
+// 获取表格数据
+async function getTableData() {
+  try {
+    tableData.loading = true
+    const res = await entryManagerList({
+      page: tableData.page,
+      size: tableData.size,
+      ...queryForm.value
+    })
+    tableData.list = res.records
+    tableData.total = res.totalRow
+  } catch (error) {
+    console.log(error);
+  }
+  setTimeout(() => {
+    tableData.loading = false;
+  }, 300);
+}
+
+// 跳转编辑页面
+function toDetail(row, type) {
+  const businessLicenceInfo = JSON.parse(row.businessLicenceInfo)
+  router.push({
+    name: 'applyment_in',
+    query: {
+      shopId: row.shopId,
+      licenceNo: businessLicenceInfo.licenceNo,
+      type: type
+    }
+  })
+}
+
+onMounted(() => {
+  getTableData()
+})
+</script>
+
+<style scoped lang="scss">
+.gyq_container {
+  padding: 14px;
+
+  .gyq_content {
+    padding: 14px;
+    background-color: #fff;
+    border-radius: 8px;
+  }
+}
+
+.row {
+  &.mt14 {
+    margin-top: 14px;
+  }
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.error_text {
+  font-size: 14px;
+  color: var(--el-color-danger);
+}
+</style>
--- a/src/views/applyments/select_shop.vue
+++ b/src/views/applyments/select_shop.vue
@@ -0,0 +1,71 @@
+<!-- 选择商户以及进件渠道 -->
+<template>
+  <div class="gyq_container">
+    <div class="gyq_content">
+      <div class="row">
+        <el-form :model="queryForm" inline>
+          <el-form-item label="请选择用户">
+            <el-input placeholder="用户号/名称/手机号" readonly @click="selectShopsDialogRef?.show()"
+              v-model="queryForm.shopName">
+              <template #suffix>
+                <div class="center">
+                  <el-icon v-if="queryForm.shopName" @click.stop="queryForm.shopName = ''">
+                    <CircleCloseFilled />
+                  </el-icon>
+                  <el-icon @click="selectShopsDialogRef?.show()" style="cursor: pointer;">
+                    <Search />
+                  </el-icon>
+                </div>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Plus">新增用户</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <selectShopsDialog ref="selectShopsDialogRef" @success="selectShopSuccess" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from "vue";
+import selectShopsDialog from "./components/selectShopsDialog.vue";
+
+const selectShopsDialogRef = ref<InstanceType<typeof selectShopsDialog> | null>(null);
+
+const queryForm = ref({
+  shopName: ""
+});
+
+// 选择商户成功回调
+function selectShopSuccess(shop: any) {
+  console.log('选择的商户：', shop);
+  queryForm.value.shopName = shop.shopName;
+}
+</script>
+
+<style scoped lang="scss">
+.gyq_container {
+  padding: 14px;
+
+  .gyq_content {
+    padding: 14px;
+    background-color: #fff;
+    border-radius: 8px;
+  }
+}
+
+.row {
+  &.mt14 {
+    margin-top: 14px;
+  }
+}
+
+.center {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+</style>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -74,8 +74,7 @@ const accountList = reactive([
  { username: "19107220837", type: 'danger', label: '快乐时光店铺' },
  { username: "18199991111", type: 'success', label: '草莓加盟主店可直接管理' },
  { username: "18821670757", type: 'primary', label: '强盛集团' },
-  { username: "19107220837", type: 'warning', label: '万维时光' },
-  { username: "19112345678", type: 'success', label: '酸橘子·云贵小馆' },
+  { username: "19112345678", type: 'danger', label: '酸橘子·云贵小馆' },
 ]);

 // 快捷模拟登录
--- a/src/views/online-shop/index.vue
+++ b/src/views/online-shop/index.vue
@@ -233,7 +233,7 @@ import shopExtendApi from "@/api/account/shopExtend";
 export default {
  data() {
    return {
-      tableActive: "",
+      tableActive: "ticket_logo",
      tableData: [],
      selectItem: {},
      imageUrl: "",
@@ -248,7 +248,10 @@ export default {
  methods: {
    // 刷新列表数据
    async doSubmit() {
-      this.selectItem.value = JSON.stringify(this.imgList)
+      // console.log('this.selectItem.value', this.selectItem.value);
+      // return
+
+      // this.selectItem.value = JSON.stringify(this.imgList)
      await shopExtendApi.edit({
        ...this.selectItem,
        autokey: this.selectItem.autoKey,
--- a/src/views/shop/list/components/addShop.vue
+++ b/src/views/shop/list/components/addShop.vue
@@ -1,86 +1,181 @@
 <template>
-  <el-dialog :title="state.form.id ? '编辑店铺' : '添加店铺'" v-model="state.dialogVisible" @close="reset">
-    <div style="height: 50vh; overflow-y: auto">
-      <el-form ref="refForm" :model="state.form" :rules="state.rules" label-width="120px" label-position="left">
-        <el-form-item label="店铺名称" prop="shopName">
-          <el-input v-model="state.form.shopName" placeholder="请输入门店名称"></el-input>
-        </el-form-item>
-        <el-form-item label="店铺类型">
-          <el-radio-group v-model="state.form.shopType" :disabled="state.isEdit || state.type == 'addBranch'">
-            <el-radio-button value="only">单店</el-radio-button>
-            <el-radio-button value="chain">连锁店</el-radio-button>
-            <el-radio-button value="join">加盟店</el-radio-button>
-          </el-radio-group>
-          <div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
-          
-        </el-form-item>
-        <el-form-item label="是否为主店" prop="isHeadShop" v-if="state.form.shopType != 'only'">
-          <el-radio-group v-model="state.form.isHeadShop" @change=" state.form.mainId = ''" :disabled="state.isEdit || state.type == 'addBranch'">
-            <el-radio :value="1">是</el-radio>
-            <el-radio :value="0">否</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="选择主店" prop="mainId" v-if="state.form.isHeadShop == '0'&&state.form.shopType != 'only'">
-          <!-- <el-form-item label="主店账号" prop="mainId" v-if="state.form.shopType != 'only'"> -->
-          <el-select v-model="state.form.mainId" placeholder="请选择主店铺" filterable reserve-keyword
-            :remote-method="getTableData" :loading="state.shopListLoading" :disabled="state.isEdit || state.type == 'addBranch'">
-            <el-option v-for="item in state.shopList" :label="`${item.shopName}`" :value="item.id"
-              :key="item.id"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="连锁店扩展店名">
-          <el-input v-model="state.form.chainName" placeholder="请输入连锁店扩展店名"></el-input>
-        </el-form-item>
-        <el-form-item label="门店logo" prop="logo">
-          <SingleImageUpload v-model="state.form.logo" />
-        </el-form-item>
-        <el-form-item label="门店照片">
-          <SingleImageUpload v-model="state.form.frontImg" />
-        </el-form-item>
-        <el-form-item label="经营模式">
-          <el-radio-group v-model="state.form.registerType">
-            <el-radio-button value="before">先付费</el-radio-button>
-            <el-radio-button value="after">后付费</el-radio-button>
-          </el-radio-group>
-          <div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
-
-        </el-form-item>
-        <el-form-item label="管理方式" v-if="state.form.shopType != 'only'">
-          <el-radio-group v-model="state.form.tubeType">
-            <el-radio-button :value="0">不可直接管理</el-radio-button>
-            <el-radio-button :value="1">直接管理</el-radio-button>
-          </el-radio-group>
-          <div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
-
-        </el-form-item>
-        <el-form-item label="试用/正式">
-          <el-radio-group v-model="state.form.profiles">
-            <el-radio-button value="probation">试用</el-radio-button>
-            <el-radio-button value="release">正式</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="激活码">
-          <el-input v-model="state.form.activateCode" placeholder="请输入激活码"></el-input>
-          <div class="tips">注：输入有效激活码表示添加的同时直接激活该店铺。</div>
-        </el-form-item>
-        <el-form-item label="登录账号" prop="accountName">
-          <el-input v-model="state.form.accountName" placeholder="请输入登录账号"></el-input>
-        </el-form-item>
-        <el-form-item label="登录密码" prop="password" v-if="!state.form.id">
-          <el-input type="password" show-password v-model="state.form.accountPwd" placeholder="请输入登录密码"></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话" prop="phone">
-          <el-input v-model="state.form.phone" placeholder="请输入联系电话"></el-input>
-        </el-form-item>
-        <el-form-item label="设备数量">
-          <el-input-number v-model="state.form.supportDeviceNumber" controls-position="right" :min="1" :step="1"
-            step-strictly></el-input-number>
-        </el-form-item>
-        <!-- <el-form-item label="外卖起送金额">
+  <div>
+    <el-dialog
+      :title="state.form.id ? '编辑店铺' : '添加店铺'"
+      v-model="state.dialogVisible"
+      @close="reset"
+    >
+      <div style="height: 50vh; overflow-y: auto">
+        <el-form
+          ref="refForm"
+          :model="state.form"
+          :rules="state.rules"
+          label-width="120px"
+          label-position="left"
+        >
+          <el-form-item label="店铺名称" prop="shopName">
+            <el-input v-model="state.form.shopName" placeholder="请输入门店名称"></el-input>
+          </el-form-item>
+          <el-form-item label="店铺类型">
+            <el-radio-group
+              v-model="state.form.shopType"
+              :disabled="state.isEdit || state.type == 'addBranch'"
+            >
+              <el-radio-button value="only">单店</el-radio-button>
+              <el-radio-button value="chain">连锁店</el-radio-button>
+              <el-radio-button value="join">加盟店</el-radio-button>
+            </el-radio-group>
+            <div class="tips">
+              <el-alert
+                title="请谨慎修改"
+                type="warning"
+                size="7"
+                effect="dark"
+                show-icon
+                :closable="false"
+              />
+            </div>
+          </el-form-item>
+          <el-form-item label="是否为主店" prop="isHeadShop" v-if="state.form.shopType != 'only'">
+            <el-radio-group
+              v-model="state.form.isHeadShop"
+              @change="state.form.mainId = ''"
+              :disabled="state.isEdit || state.type == 'addBranch'"
+            >
+              <el-radio :value="1">是</el-radio>
+              <el-radio :value="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            label="选择主店"
+            prop="mainId"
+            v-if="state.form.isHeadShop == '0' && state.form.shopType != 'only'"
+          >
+            <!-- <el-form-item label="主店账号" prop="mainId" v-if="state.form.shopType != 'only'"> -->
+            <el-select
+              v-model="state.form.mainId"
+              placeholder="请选择主店铺"
+              filterable
+              reserve-keyword
+              :remote-method="getTableData"
+              :loading="state.shopListLoading"
+              :disabled="state.isEdit || state.type == 'addBranch'"
+            >
+              <el-option
+                v-for="item in state.shopList"
+                :label="`${item.shopName}`"
+                :value="item.id"
+                :key="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="连锁店扩展店名">
+            <el-input v-model="state.form.chainName" placeholder="请输入连锁店扩展店名"></el-input>
+          </el-form-item>
+          <el-form-item label="门店logo" prop="logo">
+            <SingleImageUpload v-model="state.form.logo" />
+          </el-form-item>
+          <el-form-item label="门店照片">
+            <SingleImageUpload v-model="state.form.frontImg" />
+          </el-form-item>
+          <el-form-item label="经营模式">
+            <el-radio-group v-model="state.form.registerType">
+              <el-radio-button value="before">先付费</el-radio-button>
+              <el-radio-button value="after">后付费</el-radio-button>
+            </el-radio-group>
+            <div class="tips">
+              <el-alert
+                title="请谨慎修改"
+                type="warning"
+                size="7"
+                effect="dark"
+                show-icon
+                :closable="false"
+              />
+            </div>
+          </el-form-item>
+          <el-form-item label="管理方式" v-if="state.form.shopType != 'only'">
+            <el-radio-group v-model="state.form.tubeType">
+              <el-radio-button :value="0">不可直接管理</el-radio-button>
+              <el-radio-button :value="1">直接管理</el-radio-button>
+            </el-radio-group>
+            <div class="tips">
+              <el-alert
+                title="请谨慎修改"
+                type="warning"
+                size="7"
+                effect="dark"
+                show-icon
+                :closable="false"
+              />
+            </div>
+          </el-form-item>
+          <el-form-item label="试用/正式">
+            <el-radio-group v-model="state.form.profiles">
+              <el-radio-button value="probation">试用</el-radio-button>
+              <el-radio-button value="release">正式</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="激活码">
+            <el-input v-model="state.form.activateCode" placeholder="请输入激活码"></el-input>
+            <div class="tips">注：输入有效激活码表示添加的同时直接激活该店铺。</div>
+          </el-form-item>
+          <el-form-item label="登录账号" prop="accountName">
+            <el-input v-model="state.form.accountName" placeholder="请输入登录账号"></el-input>
+          </el-form-item>
+          <el-form-item label="登录密码" prop="password" v-if="!state.form.id">
+            <el-input
+              type="password"
+              show-password
+              v-model="state.form.accountPwd"
+              placeholder="请输入登录密码"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话" prop="phone">
+            <el-input v-model="state.form.phone" placeholder="请输入联系电话"></el-input>
+          </el-form-item>
+          <el-form-item label="设备数量">
+            <el-input-number
+              v-model="state.form.supportDeviceNumber"
+              controls-position="right"
+              :min="1"
+              :step="1"
+              step-strictly
+            ></el-input-number>
+          </el-form-item>
+          <!-- <el-form-item label="外卖起送金额">
                    <el-input-number v-model="form.takeaway_money" placeholder="0.00" controls-position="right"
                        :min="0"></el-input-number>
                </el-form-item> -->
-        <el-form-item label="店铺经度" prop="lat">
+          <el-form-item label="店铺地址" prop="districts">
+            <AddressSelect
+              v-model:prov="state.form.provinces"
+              v-model:city="state.form.cities"
+              v-model:area="state.form.districts"
+            ></AddressSelect>
+          </el-form-item>
+
+          <div>
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-form-item label="经度" prop="lng">
+                  <el-input v-model="state.form.lng" placeholder="经度"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item label="纬度" prop="lat" label-width="auto">
+                  <el-input v-model="state.form.lat" placeholder="纬度"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-button type="primary" plain icon="place" @click="latShow = true">
+                  打开地图复制坐标
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+
+          <!-- <el-form-item label="店铺经度" prop="lat">
          <el-row>
            <el-col :span="9" v-if="state.form.provinces">
              <el-input :value="`${state.form.provinces}-${state.form.cities}-${state.form.districts}`" disabled />
@@ -97,69 +192,105 @@
              </el-button>
            </el-col>
          </el-row>
-        </el-form-item>
-        <el-form-item label="店铺详细地址">
-          <el-input type="textarea" v-model="state.form.address" placeholder="请输入门店详细地址"></el-input>
-        </el-form-item>
-        <el-form-item label="店铺简介">
-          <el-input type="textarea" v-model="state.form.detail" placeholder="请输入店铺简介"></el-input>
-        </el-form-item>
-        <el-form-item label="状态">
-          <el-radio-group v-model="state.form.status">
-            <el-radio :value="1">开启</el-radio>
-            <el-radio :value="0">关闭</el-radio>
-          </el-radio-group>
-        </el-form-item>
-      </el-form>
-    </div>
-    <el-dialog title="选择地址" v-model="state.showLocation" :modal="false" :modal-append-to-body="false">
-      <div class="map_box">
-        <div class="map">
-          <el-amap ref="map" :center="state.amapOptions.center" @init="mapInit">
-            <el-amap-marker :position="state.amapOptions.center"></el-amap-marker>
-          </el-amap>
-        </div>
-        <div class="search_box">
-          <el-input v-model="state.searchOption.keyword" placeholder="请输入关键字" @focus="state.searchOption.focus = true"
-            @blur="autoCompleteSearchBlur" @input="autoCompleteSearch(state.searchOption.keyword)">
-            <template #append>
-              <el-button type="primary" @click="placeSearchSearch(state.searchOption.keyword)">
-                搜索
-              </el-button>
-            </template>
-          </el-input>
-          <div class="list" v-if="state.searchOption.focus && state.searchOption.show">
-            <div class="item" @click="autoCompleteListClick(item)" v-for="item in state.autoCompleteList"
-              :key="item.id">
-              {{ item.name }}
-            </div>
-          </div>
-        </div>
-
-        <div class="search_wrap">
-          <div class="item" v-for="item in state.locationSearchList" :key="item.id">
-            <div class="left">
-              <div class="name">{{ item.name }}-{{ item.address }}</div>
-              <div class="location">经纬度：{{ item.location.lng }},{{ item.location.lat }}</div>
-            </div>
-            <div class="btn">
-              <el-button type="primary" @click="selectLocationHandle(item)">选择</el-button>
-            </div>
-          </div>
-        </div>
+        </el-form-item> -->
+          <el-form-item label="店铺详细地址">
+            <el-input
+              type="textarea"
+              v-model="state.form.address"
+              placeholder="请输入门店详细地址"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="店铺简介">
+            <el-input
+              type="textarea"
+              v-model="state.form.detail"
+              placeholder="请输入店铺简介"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-radio-group v-model="state.form.status">
+              <el-radio :value="1">开启</el-radio>
+              <el-radio :value="0">关闭</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-form>
      </div>
+      <el-dialog
+        title="选择地址"
+        v-model="state.showLocation"
+        :modal="false"
+        :modal-append-to-body="false"
+      >
+        <div class="map_box">
+          <div class="map">
+            <el-amap ref="map" :center="state.amapOptions.center" @init="mapInit">
+              <el-amap-marker :position="state.amapOptions.center"></el-amap-marker>
+            </el-amap>
+          </div>
+          <div class="search_box">
+            <el-input
+              v-model="state.searchOption.keyword"
+              placeholder="请输入关键字"
+              @focus="state.searchOption.focus = true"
+              @blur="autoCompleteSearchBlur"
+              @input="autoCompleteSearch(state.searchOption.keyword)"
+            >
+              <template #append>
+                <el-button type="primary" @click="placeSearchSearch(state.searchOption.keyword)">
+                  搜索
+                </el-button>
+              </template>
+            </el-input>
+            <div class="list" v-if="state.searchOption.focus && state.searchOption.show">
+              <div
+                class="item"
+                @click="autoCompleteListClick(item)"
+                v-for="item in state.autoCompleteList"
+                :key="item.id"
+              >
+                {{ item.name }}
+              </div>
+            </div>
+          </div>
+
+          <div class="search_wrap">
+            <div class="item" v-for="item in state.locationSearchList" :key="item.id">
+              <div class="left">
+                <div class="name">{{ item.name }}-{{ item.address }}</div>
+                <div class="location">经纬度：{{ item.location.lng }},{{ item.location.lat }}</div>
+              </div>
+              <div class="btn">
+                <el-button type="primary" @click="selectLocationHandle(item)">选择</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-dialog>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="close">取消</el-button>
+          <el-button type="primary" @click="submitHandle" :loading="state.formLoading">
+            <span v-if="!state.formLoading">保存</span>
+            <span v-else>保存中...</span>
+          </el-button>
+        </div>
+      </template>
    </el-dialog>
-
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="close">取消</el-button>
-        <el-button type="primary" @click="submitHandle" :loading="state.formLoading">
-          <span v-if="!state.formLoading">保存</span>
-          <span v-else>保存中...</span>
-        </el-button>
-      </div>
-    </template>
-  </el-dialog>
+    <el-dialog title="坐标搜索" v-model="latShow" width="60vw">
+      <iframe
+        style="width: 100%; height: 60vh"
+        src="https://lbs.baidu.com/maptool/getpoint"
+        frameborder="0"
+      ></iframe>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="latShow = false">取消</el-button>
+          <el-button type="primary" @click="latConfirm">确认</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>

 <script setup>
@@ -170,6 +301,8 @@ import { initMapLoad } from "@/utils/mapLoadUtil";
 import { ElNotification } from "element-plus";
 // { geocode, ShopApi.getList }
 import ShopApi from "@/api/account/shop";
+
+const latShow = ref(false);
 const validateLogo = (rule, value, callback) => {
  if (!state.form.logo) {
    callback(new Error("请上传门店logo"));
@@ -177,6 +310,28 @@ const validateLogo = (rule, value, callback) => {
    callback();
  }
 };
+async function latConfirm() {
+  //js获取当前剪贴板内容
+  try {
+    // 核心：异步读取剪贴板文本内容
+    const clipboardText = await navigator.clipboard.readText();
+
+    // 显示获取到的内容
+    console.log("剪贴板内容：", clipboardText);
+    if (clipboardText && clipboardText.indexOf(",") > 0) {
+      const latLng = clipboardText.split(",");
+      state.form.lat = latLng[1];
+      state.form.lng = latLng[0];
+      latShow.value = false;
+    } else [ElMessage.error("请搜索地址后复制经纬度")];
+  } catch (err) {
+    // 捕获异常（用户拒绝权限、浏览器不支持、非交互上下文等）
+    console.error("获取剪贴板失败：", err);
+  }
+}
+function openMap() {
+  window.open("https://lbs.baidu.com/maptool/getpoint");
+}

 const state = reactive({
  uploadImg: uploadImg,
@@ -213,7 +368,7 @@ const state = reactive({
    chainName: "",
    isHeadShop: 0,
  },
-  type: '',
+  type: "",
  resetForm: "",
  rules: {
    activateCode: [
@@ -244,6 +399,20 @@ const state = reactive({
        trigger: "blur",
      },
    ],
+    districts: [
+      {
+        required: true,
+        message: "请选择店铺地址",
+        trigger: "change",
+      },
+    ],
+    lng: [
+      {
+        required: true,
+        message: "请选择坐标",
+        trigger: "change",
+      },
+    ],
    lat: [
      {
        required: true,
@@ -311,7 +480,7 @@ onMounted(() => {

 // 获取商家列表
 async function getTableData(query = "") {
-  console.log(123)
+  console.log(123);
  state.shopListLoading = true;
  try {
    const res = await ShopApi.getList({
@@ -360,7 +529,7 @@ function submitHandle() {
          type: "success",
        });
        close();
-        location.reload()
+        location.reload();
      } catch (error) {
        state.formLoading = false;
        console.log(error);
@@ -376,7 +545,7 @@ function handleSuccess(response, file, fileList) {
  state.files = response.data;
 }

-function show(obj,type) {
+function show(obj, type) {
  getTableData();
  state.dialogVisible = true;
  if (obj && obj.id) {
@@ -386,13 +555,13 @@ function show(obj,type) {
  if (obj && obj.mainId) {
    Object.assign(state.form, obj);
  }
-  if( type ){
-    state.type = type
+  if (type) {
+    state.type = type;
  }
  console.log(state.form);
  console.log(state.type);
-  if( state.form.shopType != 'only'){
-    state.isEdit = true
+  if (state.form.shopType != "only") {
+    state.isEdit = true;
  }
  for (let key in state.rules) {
    if (key === "accountName") {
@@ -409,12 +578,12 @@ function close() {
  state.dialogVisible = false;
  state.form = { ...state.resetForm };
  state.type = "";
-  state.isEdit = false
+  state.isEdit = false;
 }
 function reset() {
  state.form = { ...state.resetForm };
  state.type = "";
-  state.isEdit = false
+  state.isEdit = false;
 }

 let ElMap = undefined;
@@ -551,7 +720,7 @@ defineExpose({
 .amap-sug-result {
  z-index: 2000;
 }
-.tips{
+.tips {
  margin-left: 10px;
 }
 </style>
--- a/src/views/tool/Instead/components/choose-user.vue
+++ b/src/views/tool/Instead/components/choose-user.vue
@@ -47,9 +47,9 @@
              {{ multiplyAndFormat(scope.row.amount || 0) }}
            </template>
          </el-table-column>
-          <el-table-column label="积分" prop="accountPoints">
+          <el-table-column label="积分" prop="pointBalance">
            <template #default="scope">
-              {{ scope.row.accountPoints || 0 }}
+              {{ scope.row.pointBalance || 0 }}
            </template>
          </el-table-column>
          <el-table-column label="操作" width="90" fixed="right">
--- a/src/views/tool/Instead/components/order.vue
+++ b/src/views/tool/Instead/components/order.vue
@@ -439,11 +439,17 @@ async function pointsInit() {

  // 保险取值
  const eq = pointsConfig?.equivalentPoints || 0;
-  const maxRatio = pointsConfig?.maxDeductionRatio || 0;
+  const rawMaxRatio = pointsConfig?.maxDeductionRatio || 0;
+  // 兼容后端返回的百分比或小数两种形式：如果大于1，则视为百分比（如100表示100%），需除以100
+  const maxRatio = rawMaxRatio > 1 ? rawMaxRatio / 100 : rawMaxRatio;
  const minPay = pointsConfig?.minPaymentAmount || 0;

  // 计算当前订单可抵扣金额上限（元）
+  // 使用“抵扣前实付金额”作为门槛判断（即把当前已应用的积分抵扣金额加回），
+  // 避免在已经抵扣导致 finalPay 变小后错误地判定为不可用。
  let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
+  const currentPointDeduction = Number(carts.orderCostSummary.pointDeductionAmount) || 0;
+  const basePay = finalPay + currentPointDeduction;

  const res = {
    usable: true,
@@ -455,8 +461,9 @@ async function pointsInit() {
    unusableReason: "",
  };

-  // 如果订单实付低于最小使用门槛，则不可用
-  if (finalPay <= 0 || (minPay > 0 && finalPay < minPay)) {
+  // 如果订单实付低于最小使用门槛，则不可用（门槛仅作为启用条件）
+  // 这里使用 basePay（抵扣前实付）进行判断，确保已填写积分后不会回退为不可用
+  if (basePay <= 0 || (minPay > 0 && basePay < minPay)) {
    res.usable = false;
    res.unusableReason = `订单实付金额低于 ${minPay} 元，无法使用积分抵扣`;
  } else if (eq <= 0) {
@@ -464,23 +471,22 @@ async function pointsInit() {
    res.unusableReason = `积分换算比例配置错误，无法使用积分抵扣`;
  } else {
    // 计算基于比例限制的最大抵扣金额（元）
-    let maxByRatio = finalPay * maxRatio;
-    // 保证抵扣后剩余金额 >= minPaymentAmount
-    if (minPay > 0) {
-      const allowed = finalPay - minPay;
-      if (allowed <= 0) {
-        res.usable = false;
-        res.unusableReason = `抵扣后实付金额必须大于等于 ${minPay} 元，当前不可使用积分`;
-      } else {
-        maxByRatio = Math.min(maxByRatio, allowed);
-      }
-    }
+    // 注意：此处不再减少 minPaymentAmount，minPaymentAmount 仅用作是否可用的门槛；
+    // 真正的最大抵扣由 maxRatio（抵扣比例）与用户积分数量共同决定。
+    // 计算基于比例限制的最大抵扣金额（元），基于抵扣前实付金额
+    let maxByRatio = basePay * maxRatio;

    if (res.usable) {
-      // 可用积分上限（向下取整为 eq 的倍数）
+      // 可用积分上限（按等价积分步长对齐到 eq 的倍数）
      const maxByMoney = Math.floor(maxByRatio * eq);
      const userPoints = carts.vipUser.pointBalance || 0;
-      res.maxUsablePoints = Math.min(userPoints, maxByMoney);
+      let computedMax = Math.min(userPoints, maxByMoney);
+      // 对齐到等价积分步长，保证输入步长生效
+      if (eq > 0) {
+        computedMax = Math.floor(computedMax / eq) * eq;
+      }
+      res.maxUsablePoints = computedMax;
+      console.debug("pointsInit debug:", { finalPay: finalPay, basePay: basePay, eq, rawMaxRatio, maxRatio, maxByMoney, userPoints, computedMax });
      // 最小抵扣积分为配置值或等于换算比
      res.minDeductionPoints = pointsConfig?.minDeductionPoints || eq;
      if (res.maxUsablePoints < res.minDeductionPoints) {
@@ -498,8 +504,20 @@ async function pointsInit() {
    return res;
  }

-  // 如果可用则默认填充可用最大值，否则清零
-  usePointsNumber.value = res.usable ? res.maxUsablePoints : 0;
+  // 如果可用则默认填充可用最大值（对齐步长），否则清零
+  if (res.usable) {
+    // 计算默认填充值：基于抵扣前实付的比例上限与等价比计算需要的积分数
+    const defaultMaxByMoney = Math.floor(basePay * res.maxDeductionRatio * res.equivalentPoints);
+    let defaultPts = Math.min(res.maxUsablePoints || 0, defaultMaxByMoney || 0);
+    if (res.equivalentPoints > 0) {
+      defaultPts = Math.floor(defaultPts / res.equivalentPoints) * res.equivalentPoints;
+    }
+    // 最终确保不超过用户积分
+    const userPts = carts.vipUser.pointBalance || 0;
+    usePointsNumber.value = Math.min(defaultPts, userPts);
+  } else {
+    usePointsNumber.value = 0;
+  }
  if (!res.usable) score.sel = -1;

  return res;
@@ -532,17 +550,15 @@ function pointsToMoney(val) {
  // 再次校验不超过允许的最大抵扣金额（基于比例或门槛）
  let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
  let maxByRatio = finalPay * cfg.maxDeductionRatio;
-  if (cfg.minPaymentAmount > 0) {
-    const allowed = finalPay - cfg.minPaymentAmount;
-    if (allowed <= 0) {
-      usePointsNumber.value = 0;
-      carts.orderCostSummary.pointUsed = 0;
-      carts.orderCostSummary.pointDeductionAmount = 0;
-      return;
-    }
-    maxByRatio = Math.min(maxByRatio, allowed);
+  // 对于单笔抵扣：若订单实付低于配置的最小门槛，则不可使用（作为启用条件）
+  if (cfg.minPaymentAmount > 0 && finalPay < cfg.minPaymentAmount) {
+    usePointsNumber.value = 0;
+    carts.orderCostSummary.pointUsed = 0;
+    carts.orderCostSummary.pointDeductionAmount = 0;
+    return;
  }
  const maxAllowedMoney = new BigNumber(maxByRatio).decimalPlaces(2, BigNumber.ROUND_DOWN).toNumber();
+  console.debug("pointsToMoney debug:", { finalPay, cfg, pts, money, maxByRatio, maxAllowedMoney });
  if (money > maxAllowedMoney) {
    // 调整积分到允许的最大金额对应的积分
    const allowedPts = Math.floor(maxAllowedMoney * cfg.equivalentPoints);
@@ -858,9 +874,13 @@ defineExpose({
    .order-info {
      font-size: 14px;

-      .title {}
+      .title {
+        display: inline-block;
+      }

-      .value {}
+      .value {
+        display: inline-block;
+      }

      .price {
        color: #fa5555;
--- a/src/views/user/list/config/content.ts
+++ b/src/views/user/list/config/content.ts
@@ -82,7 +82,7 @@ const contentConfig: IContentConfig<any> = {
    {
      label: "消费次数累计",
      align: "center",
-      prop: "consumeAmount",
+      prop: "consumeCount",
    },
    {
      label: "注册时间",
Author	SHA1	Message	Date
gyq	c95ab6fda5	Merge branch 'test' of https://newgitea.sxczgkj.cn/czg_team/cashier-web into test	2026-01-13 17:19:10 +08:00
gyq	084084c008	优化标签logo无法更换的问题	2026-01-13 17:19:07 +08:00
YeMingfei666	db467815dd	店铺列表店铺地址，选择经纬度调整	2026-01-13 16:38:04 +08:00
gyq	e61a297d9a	更新优化进件	2026-01-13 10:58:47 +08:00
gyq	348ecdfc54	优化进件查询	2026-01-12 18:18:36 +08:00
gyq	4c06f07ac6	优化图片大小限制	2026-01-12 15:10:23 +08:00
gyq	b28fdeaf11	新增进件管理	2026-01-12 10:25:03 +08:00
gyq	8b3a802092	去除测试服正式快捷登录账号	2026-01-06 13:51:52 +08:00