From bfefb13158450ff862bc0b5661aedf59d738c2a7 Mon Sep 17 00:00:00 2001
From: JIAL <2287346125@qq.com>
Date: Thu, 4 Jul 2024 14:10:57 +0800
Subject: [PATCH] customer

---
 ABAP_AS_WITH_POOL.jcoDestination              |   11 -
 ruoyi-ui/src/assets/logo/103.png              |  Bin 0 -> 5776 bytes
 ruoyi-ui/src/main.js                          |    4 +
 ruoyi-ui/src/router/index.js                  |   39 +
 .../mobile/customerMobile/addCustomer.vue     | 1044 +++++++++++++++++
 .../src/views/mobile/customerMobile/index.vue |  222 ++++
 ruoyi-ui/src/views/mobile/index.vue           |   34 +-
 .../mobile/quoteMobile/operation/add.vue      |    5 -
 8 files changed, 1326 insertions(+), 33 deletions(-)
 delete mode 100644 ABAP_AS_WITH_POOL.jcoDestination
 create mode 100644 ruoyi-ui/src/assets/logo/103.png
 create mode 100644 ruoyi-ui/src/views/mobile/customerMobile/addCustomer.vue
 create mode 100644 ruoyi-ui/src/views/mobile/customerMobile/index.vue

diff --git a/ABAP_AS_WITH_POOL.jcoDestination b/ABAP_AS_WITH_POOL.jcoDestination
deleted file mode 100644
index 9a078f9..0000000
--- a/ABAP_AS_WITH_POOL.jcoDestination
+++ /dev/null
@@ -1,11 +0,0 @@
-#for tests only !
-#Tue Jun 25 11:00:35 CST 2024
-jco.destination.pool_capacity=10
-jco.client.lang=ZH
-jco.client.ashost=172.19.0.125
-jco.client.saprouter=
-jco.client.user=RFC
-jco.client.sysnr=00
-jco.destination.peak_limit=10
-jco.client.passwd=654321
-jco.client.client=800
diff --git a/ruoyi-ui/src/assets/logo/103.png b/ruoyi-ui/src/assets/logo/103.png
new file mode 100644
index 0000000000000000000000000000000000000000..c07a5c8b1b41a947b560260042f81fbda7316257
GIT binary patch
literal 5776
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

literal 0
HcmV?d00001

diff --git a/ruoyi-ui/src/main.js b/ruoyi-ui/src/main.js
index 06cf2eb..0fdb8ab 100644
--- a/ruoyi-ui/src/main.js
+++ b/ruoyi-ui/src/main.js
@@ -22,6 +22,9 @@ import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels,
 import { Splitpanes, Pane } from 'splitpanes'
 import 'splitpanes/dist/splitpanes.css'
 
+import Vant from 'vant';
+import 'vant/lib/index.css';
+
 // 分页组件
 import Pagination from "@/components/Pagination";
 // 自定义表格工具组件
@@ -66,6 +69,7 @@ Vue.component('ImagePreview', ImagePreview)
 Vue.component('Splitpanes', Splitpanes)
 Vue.component('Pane', Pane)
 
+Vue.use(Vant);
 Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)
diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js
index 2ab93ba..c36628d 100644
--- a/ruoyi-ui/src/router/index.js
+++ b/ruoyi-ui/src/router/index.js
@@ -126,6 +126,19 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/customerMobile/index',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/mobile/customerMobile/index'),
+        name: 'customerMobile',
+        meta: { title: '客户管理', activeMenu: '/mobile/customerMobile' }
+      }
+    ]
+  },
   {
     path: '/quoteMobile/add',
     component: Layout,
@@ -152,6 +165,32 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/customerMobile/addCustomer',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/mobile/customerMobile/addCustomer'),
+        name: 'addCustomer',
+        meta: { title: '新建客户', activeMenu: '/mobile/customerMobile/addCustomer' }
+      }
+    ]
+  },
+  {
+    path: '/customerMobile/editCustomer',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '',
+        component: () => import('@/views/mobile/customerMobile/addCustomer'),
+        name: 'editCustomer',
+        meta: { title: '修改客户', activeMenu: '/mobile/customerMobile/addCustomer' }
+      }
+    ]
+  },
   {
     path: '/mobile/index',
     component: Layout,
diff --git a/ruoyi-ui/src/views/mobile/customerMobile/addCustomer.vue b/ruoyi-ui/src/views/mobile/customerMobile/addCustomer.vue
new file mode 100644
index 0000000..459041a
--- /dev/null
+++ b/ruoyi-ui/src/views/mobile/customerMobile/addCustomer.vue
@@ -0,0 +1,1044 @@
+<template>
+  <div>
+    <van-form ref="form" :model="form" :rules="rules">
+      <van-field
+        ref="cusCode"
+        v-model="form.cusCode"
+        label="客户编码"
+        placeholder="系统自动生成"
+        readonly>
+      </van-field>
+      <van-field
+        ref="cusSapCode"
+        v-model="form.cusSapCode"
+        label="SAP客户编码"
+        placeholder="审批通过自动生成"
+        readonly>
+      </van-field>
+      <van-field
+        ref="cusName"
+        v-model="form.cusName"
+        required
+        readonly
+        name="cusName"
+        label="客户名称"
+        placeholder="企查查带出"
+        :rules="[{ required: true, message: '客户未选择' }]">
+        <template #button>
+          <van-button :disabled="form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3'"
+                      size="small" @click="openQcc" v-hasPermi="['customer:customer:qcclist']" type="primary">点击查询</van-button>
+        </template>
+      </van-field>
+      <van-field
+        ref="cusQccStreet"
+        v-model="form.cusQccStreet"
+        label="街道"
+        placeholder="企查查带出"
+        readonly>
+      </van-field>
+      <van-field
+        ref="cusVatNo"
+        v-model="form.cusVatNo"
+        label="增值税号"
+        placeholder="企查查带出"
+        readonly>
+      </van-field>
+      <van-field
+        re="cusStreet"
+        v-model="form.cusStreet"
+        name="cusStreet"
+        required
+        label="街道/门牌号"
+        placeholder="请输入街道/门牌号"
+        :readonly="form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3'"
+        :rules="[{ required: true, message: '' }]">
+      </van-field>
+      <van-field
+        ref="cusPhoneNumber"
+        name="cusPhoneNumber"
+        v-model="form.cusPhoneNumber"
+        label="电话号码"
+        required
+        placeholder="请输入电话号码"
+        :readonly="form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3'"
+        :rules="[{ required: true, message: '' }]">
+      </van-field>
+      <van-field
+        readonly
+        name="khzbText"
+        required
+        :value="khzbText"
+        label="客户组类别"
+        placeholder="点击选择客户组类别"
+        @click="(form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3') ? khzbShowPicker = false : khzbShowPicker = true"
+        :rules="[{ required: true, message: '' }]"
+      />
+      <van-popup v-model="khzbShowPicker" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="khzbColumns"
+          :default-index="2"
+          @confirm="khzbOnConfirm"
+          @cancel="khzbShowPicker = false"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        :value="khlxText"
+        name="khlxText"
+        required
+        label="客户类型"
+        placeholder="点击选择客户类型"
+        @click="(form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3') ? khlxShowPicker = false : khlxShowPicker = true"
+        :rules="[{ required: true, message: '' }]"
+      />
+      <van-popup v-model="khlxShowPicker" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="khlxColumns"
+          @confirm="khlxOnConfirm"
+          @cancel="khlxShowPicker = false"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        required
+        :value="countryText"
+        name="countryText"
+        label="国家"
+        placeholder="点击选择国家"
+        @click="(form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3') ? countryShowPicker = false : countryShowPicker = true"
+        :rules="[{ required: true, message: '' }]"
+      />
+      <van-popup v-model="countryShowPicker" position="bottom">
+        <van-picker
+          value-key="label"
+          show-toolbar
+          :columns="countrysDicts"
+          @confirm="countryOnConfirm"
+          @cancel="countryShowPicker = false"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        required
+        :value="languageText"
+        name="languageText"
+        label="语言"
+        placeholder="点击选择语言"
+        @click="(form.cusApprovalStatus === '1' || form.cusApprovalStatus === '2' || form.cusApprovalStatus === '3') ? languageShowPicker = false : languageShowPicker = true "
+        :rules="[{ required: true, message: '' }]"
+      />
+      <van-popup v-model="languageShowPicker" position="bottom">
+        <van-picker
+          :default-index="1"
+          show-toolbar
+          value-key="label"
+          :columns="languageDicts"
+          @confirm="languageOnConfirm"
+          @cancel="languageShowPicker = false"
+        />
+      </van-popup>
+    </van-form>
+    <el-divider content-position="left" class="customer_divider_text">银行信息</el-divider>
+    <el-row class="mb8" :gutter="8" style="margin: 10px">
+      <el-col :span="1.5">
+        <div v-hasPermi="['customer:customer:bankAdd']">
+          <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddBank" v-if="bankButtonShow">添加</el-button>
+        </div>
+      </el-col>
+      <el-col :span="1.5">
+        <div v-hasPermi="['customer:customer:bankDel']">
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteBank" v-if="bankButtonShow">删除</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <el-table :data="bankList" @selection-change="handleBankSelectionChange" :row-class-name="rowBankIndex" ref="bank">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column label="序号" align="center" v-if="false" prop="index" width="50"/>
+      <el-table-column label="国家" prop="bankCountry" v-if="false">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.bankCountry"  placeholder="选择银行代码自动带出" :disabled="true"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="银行代码" prop="bankCode" v-if="false">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.bankCode" placeholder="请输入银行代码" :disabled="true" >
+            <i v-if="!isDisSjz" slot="suffix" class="el-input__icon el-icon-search" @click="handleSearchBankCode(scope)"></i>
+          </el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="银行名称" prop="bankName">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.bankName" placeholder="请输入银行名称" :disabled="isDisSalesman"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="银行账户" prop="bankAccount">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.bankAccount" placeholder="请输入银行账户" :disabled="isDisSalesman" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <div slot="footer" class="dialog-footer fixed-buttons-container">
+        <span v-hasPermi="['customer:customer:save']">
+          <el-button @click="saveForm" v-if="buttonShowSalesman">保 存</el-button>
+        </span>
+      <span style="margin-left: 10px"  v-hasPermi="['customer:customer:commit']">
+          <el-button type="primary" plain  @click="commitForm" v-if="buttonShowSalesman">提 交</el-button>
+        </span>
+      <span style="margin-left: 10px"  v-hasPermi="['customer:customer:return']">
+          <el-button type="danger" plain  @click="returnForm" v-if="buttonShowSjz">驳 回</el-button>
+        </span>
+      <span style="margin-left: 10px"  v-hasPermi="['customer:customer:commitSAP']">
+          <el-button type="primary" plain  @click="commitSAPForm" v-if="buttonShowSjz">提 交SAP</el-button>
+        </span>
+    </div>
+    <el-dialog :title="qccTitle" :visible.sync="qccOpen" :width="dialogWidth" append-to-body>
+      <el-form :model="queryQccParams" ref="queryQccForm" size="small" :inline="true" label-width="100px" @submit.native.prevent>
+        <el-form-item label="公司名称" prop="Name">
+          <el-input
+            v-model="queryQccParams.Name"
+            placeholder="请输入公司名称"
+            @keyup.enter.native="handleQccQuery"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQccQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="qccLoading" ref="qccTable" :data="qccCustomerList" @selection-change="handleSelectionQccChange" :height="tableHeight">
+        <el-table-column type="selection" width="45" align="center" />
+        <el-table-column label="公司名" width="250" align="left" prop="name" />
+        <el-table-column label="法人" align="center" prop="operName" />
+        <el-table-column label="注册时间" width="100" align="center" prop="startDate" />
+        <el-table-column label="增值税号" width="170" align="left" prop="creditCode" />
+        <el-table-column label="地址" width="300" align="left" prop="address" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="qccConfirm" :disabled="qccSingle">确 定</el-button>
+        <el-button @click="qccCancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listCustomer, getCustomer, delCustomer,changCusStatus, addCustomer, updateCustomer,getReturnUpdateCustomer, commitCustomer,returnCustomer, commitSAPCustomer, checkQccCount, qccListCustomer, getIndustryCodeQcc } from "@/api/customer/customer";
+import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
+import { bankCodeList,getCountrys,getIndustryCode,getLanguage,getPaymentTerms,getSalesOrganization,getDistributionChannel,getSalesTerritory,getSaleOffice,getTax,getReconciliationAccount, getAccountAllocationGroup  } from "@/api/common/sapRfc";// sap-rfc 函数
+
+/** 弹窗放大、拖拽 */
+import elDragDialog from "@/directive/dialog/dragDialog";
+
+// 自定义校验-付款条件
+const validateCusPaymentTerms = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("付款条件不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-行业代码
+const validateCusIndustryCode = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("行业代码不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-销售地区
+const validateCusSalesTerritory = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("销售地区不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-销售办公室
+const validateCusSaleOffice = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("销售办公室不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-客户税分类
+const validateCusTax = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("客户税分类不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-统驭科目
+const validateCusReconciliationAccount = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("统驭科目不能为空"));
+  } else {
+    callback();
+  }
+};
+// 自定义校验-统驭科目
+const cusAccountAllocationGroup = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("账户分配组不能为空"));
+  } else {
+    callback();
+  }
+};
+
+
+export default {
+  name: "addCustomer",
+  data() {
+    return {
+      value1: '',
+      khzbText: '',
+      khzbColumns: [
+        { text: '国内客户', value: 'Z001' },
+      ],
+      khzbShowPicker: false,
+      khlxText: '',
+      khlxColumns: [
+        { text: '销售客户', value: '0' },
+      ],
+      khlxShowPicker: false,
+      countrysDicts: [], // 国家数据列表
+      languageDicts: [],  //语言
+      countryText: '',
+      countryShowPicker: false,
+      languageText: '',
+      languageShowPicker: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        cusCode: null,
+        cusName: null,
+        cusSapCode: null,
+        cusState: null,
+        cusApprovalStatus: null
+      },
+      /*****************************企查查查询模块*************************************/
+      // 遮罩层
+      qccLoading: false,
+      // 弹出层标题
+      qccTitle: "",
+      // 是否显示弹出层
+      qccOpen: false,
+
+      // 企查查客户表格数据
+      /*qccCurrentPage: 1,
+      qccPageSize: 10,
+      qccTotal: 0,*/
+      qccCustomerList: [], // 企查查客户数据
+
+      // 非单个禁用
+      qccSingle: true,
+      // 非多个禁用
+      qccMultiple: true,
+      queryQccParams:{
+        Name: null
+      },
+      dialogWidth: '100%',
+      tableHeight: '300px', // 表格高度固定
+      /*****************************企查查查询模块*************************************/
+      //选项卡默认
+      activeName: 'customerInfo',
+
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 子表选中数据
+      checkedBank: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户管理表格数据
+      customerList: [],
+      // 银行表格数据
+      bankList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        cusName: [{ required: true, message: '客户名称不可为空' }],
+        cusStreet: [{ required: true, message: '请输入街道/门牌号' }],
+        cusPhoneNumber: [{ required: true, message: '请输入电话号码' }],
+        khzbText: [{ required: true, message: '请选择客户组类别' }],
+        khlxText: [{ required: true, message: '请选择客户类型' }],
+        countryText: [{ required: true, message: '请选择国家' }],
+        languageText: [{ required: true, message: '请选择语言' }]
+      },
+      // 保存\提交 按钮显示 - 业务员
+      buttonShowSalesman: true,
+
+      // 明细添加、删除 按钮显示
+      bankButtonShow: true,
+
+      // 提交OA 按钮显示 - 数据组
+      buttonShowSjz: true,
+
+      // 审批中 设置禁用 - 业务员
+      isDisSalesman: false,
+      // 审批中 设置禁用 - 数据组
+      isDisSjz: false,
+
+      // 客户名称、街道、增值税号设置禁用
+      isDisCustomer: true,
+      /*****************************银行代码查询模块*************************************/
+      // 遮罩层
+      bankCodeLoading: false,
+      // 弹出层标题
+      bankCodeTitle: "",
+      // 是否显示弹出层
+      bankCodeOpen: false,
+
+      // 银行代码表格数据
+      bankSelectedIndex: "",
+      bankCodeTotal: 0,
+      bankCodeCurrentPage: 1,
+      bankCodePageSize: 10,
+      bankCodeList: [], // 银行代码数据
+
+      // 非单个禁用
+      bankCodeSingle: true,
+      // 非多个禁用
+      bankCodeMultiple: true,
+      queryBankCodeParams:{
+        bankName: null
+      },
+      /*****************************银行代码查询模块*************************************/
+      /*****************************SAP-RFC查询模块*************************************/
+      industryCodeDicts: [], // 行业代码数据列表
+      paymentTermsDicts: [], // 付款条件数据列表
+      salesOrganizationDicts: [], // 销售组织数据列表
+      distributionChannelDicts: [], // 分销渠道数据列表
+      salesTerritoryDicts: [], // 销售地区数据列表
+      saleOfficeDicts: [], // 销售办公室数据列表
+      taxDicts: [], // 客户税分类数据列表
+      reconciliationAccountDicts: [], // 统驭科目数据列表
+      accountAllocationGroupDicts: [], // 账户分配组数据列表
+      /*****************************SAP-RFC查询模块*************************************/
+    }
+  },
+  created() {
+    console.log("触发create函数")
+    this.getCountrys();
+    this.getLanguage();
+    const param = this.$route.query;
+    console.log("输出" + param.cusId)
+    if (param.cusId !== undefined && param.cusId !== null) {
+      const row = {'cusId':param.cusId}
+      this.handleUpdate(row);
+    }
+  },
+  computed: {
+
+  },
+  mounted() {
+    this.$store.dispatch('app/toggleSideBarHide', true);
+    document.querySelector('.navbar').style.display = "none";
+    document.querySelector('.tags-view-container').style.display = "none";
+  },
+  methods: {
+    checkPermi,
+    checkRole,
+    /** 查询客户管理列表 */
+    getList() {
+      this.loading = true;
+      listCustomer(this.queryParams).then(response => {
+        this.customerList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        cusId: null,
+        cusCode: null,
+        cusName: null,
+        cusSapCode: null,
+        cusStreet: null,
+        cusPhoneNumber: null,
+        cusGroup: null,
+        cusVatNo: null,
+        cusType: null,
+        cusCountry: null,
+        cusLanguage: null,
+        cusSalesman: null,
+        cusRemark: null,
+        cusState: null,
+        cusApprovalStatus: null,
+
+        cusPaymentTerms: null,
+        cusIndustryCode: null,
+        cusIndustryCodeQcc: null,
+        cusSalesTerritory: null,
+        cusDistributionChannel: null,
+        cusSaleOffice: null,
+        cusCurrency: null,
+        cusTax: null,
+        cusReconciliationAccount: null,
+        cusAccountAllocationGroup: null,
+      };
+      this.bankList = [];
+      this.resetForm("form");
+      this.setInitF();
+      this.setInitV();
+      // 保存\提交 按钮显示 - 业务员
+      this.buttonShowSalesman = true;
+      // 明细添加、删除 按钮显示
+      this.bankButtonShow = true;
+      // 提交OA 按钮显示 - 数据组
+      this.buttonShowSjz = true;
+      // 审批中 设置禁用 - 业务员
+      this.isDisSalesman = false;
+      // 审批中 设置禁用 - 数据组
+      this.isDisSjz = false;
+      // 客户名称、街道、增值税号设置禁用
+      this.isDisCustomer = true;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.cusId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    // 客户状态修改
+    handleStatusChange(row) {
+      let text = row.cusState === "0" ? "启用" : "停用";
+      this.$modal.confirm('确认要"' + text + '""' + row.cusName + '"吗？').then(function() {
+        return changCusStatus(row.cusId, row.cusState);
+      }).then(() => {
+        this.$modal.msgSuccess(text + "成功");
+      }).catch(function() {
+        row.cusState = row.cusState === "0" ? "1" : "0";
+      });
+    },
+    /** 新增按钮操作 */
+    async handleAdd() {
+      await this.reset();
+      this.open = true;
+      this.title = "添加客户信息";
+
+      this.form.cusSalesman = this.$store.state.user.nickName;
+      this.buttonShowSalesman = checkRole(['ITZX_SJZ']) ? false : true; // 如果是业务员角色 则保存、提交 按钮显示 反之不显示
+      this.buttonShowSjz = checkRole(['ITZX_SJZ']) ? true : false;// 如果是业务员角色 则保存、提交 按钮不显示 反之显示
+      this.isDisCustomer = checkRole(['ITZX_SJZ']) ? false : true;// 如果是数据组角色角色则可编辑客户名称
+      this.handleAddBank();//默认添加一行
+    },
+    /** 修改按钮操作 */
+    async handleUpdate(row) {
+      await this.reset();
+      const cusId = row.cusId || this.ids
+      getCustomer(cusId).then(response => {
+        this.setInfo(response);
+      });
+    },
+
+    /** 错误修订按钮操作 */
+    async handleReturnUpdate(row) {
+      this.reset();
+      const cusId = row.cusId || this.ids
+      getReturnUpdateCustomer(cusId).then(response => {
+        this.setInfo(response);
+      });
+    },
+    /** 修改按钮操作-详细信息设置 */
+    setInfo(response){
+      this.form = response.data;
+      // 获取 cusType 对应的 text 值并打印
+      const cusGroup = this.khzbColumns.find(item => item.value === this.form.cusGroup);
+      if (cusGroup) {
+        this.khzbText = cusGroup.text;
+      }
+      const cusTypeItem = this.khlxColumns.find(item => item.value === this.form.cusType);
+      if (cusTypeItem) {
+        this.khlxText = cusTypeItem.text;
+      }
+      const cusCountryItem = this.countrysDicts.find(item => item.value === this.form.cusCountry);
+      if (cusCountryItem) {
+        this.countryText = cusCountryItem.label;
+      }
+      const cusLanguageItem = this.languageDicts.find(item => item.value === this.form.cusLanguage);
+      if (cusLanguageItem) {
+        this.languageText = cusLanguageItem.label;
+      }
+      console.log(this.form)
+      // 业务员角色-如果是保存状态则显示 反之不显示
+      this.buttonShowSalesman = this.form.cusApprovalStatus == '0'?true:false;
+      // 业务员待提交的数据 或者 数据组审核业务员提交的数据时可编辑
+      this.isDisSalesman = this.form.cusApprovalStatus == '0' ? false : (checkRole(['ITZX_SJZ'])&&this.form.cusApprovalStatus == '1') ? false : true;
+      // 数据组角色-如果不是完成且驳回状态、提交SAP、驳回 按钮显示
+      this.buttonShowSjz = (this.form.cusApprovalStatus != '2' && this.form.cusApprovalStatus != '3') ?true:false;
+      // 数据组角色-如果是审批中状态， 则可编辑
+      this.isDisSjz = this.form.cusApprovalStatus == '1'?false:true;
+      // 业务员待审核的数据 或者 数据组审核业务员提交的数据时显示
+      this.bankButtonShow = this.form.cusApprovalStatus == '0'?true:(checkRole(['ITZX_SJZ'])&&this.form.cusApprovalStatus == '1') ? true : false;
+
+      // 数据组创建或者审核时 客户名称、街道、增值税号可编辑
+      this.isDisCustomer = (checkRole(['ITZX_SJZ'])&&this.form.cusApprovalStatus != '2'&&this.form.cusApprovalStatus != '3')?false:true;
+
+      this.bankList = response.data.bankList;
+      if(this.bankList.length==0){
+        this.handleAddBank();//默认添加一行
+      }
+    },
+
+    async validateForm() {
+      try {
+        await this.$refs.form.validate();
+        return true;
+      } catch (error) {
+        console.error('Form validation failed:', error);
+        return false;
+      }
+    },
+
+    /** 保存按钮 */
+    async saveForm() {
+      const valid = await this.validateForm();
+      console.log(11111111)
+
+      if (valid) {
+        console.log(11111111)
+        this.form.bankList = this.bankList;
+        if (this.form.cusId != null) {
+          updateCustomer(this.form).then(response => {
+            this.$modal.msgSuccess("修改成功");
+          });
+        } else {
+          addCustomer(this.form).then(response => {
+            this.$modal.msgSuccess("新增成功");
+            this.$store.dispatch('tagsView/delView',this.$route)
+            this.$router.go(-1)
+          });
+        }
+      }
+    },
+    /** 提交按钮 */
+    async commitForm() {
+      const valid = await this.validateForm();
+      if (valid) {
+        this.form.bankList = this.bankList;
+        // 遍历表格数据
+        try{
+          if(this.bankList.length==0){
+            this.$modal.msgError("未添加银行信息");
+            return;
+          }
+
+          this.bankList.forEach((row, index) => {
+            if(!row.bankName || !row.bankAccount){
+              this.$modal.msgError("银行名称或银行账户不能为空");
+              throw new Error;
+            }
+          })
+        }catch(e){
+          return;
+        }
+        commitCustomer(this.form).then(response => {
+          this.$modal.msgSuccess("提交成功");
+          this.$store.dispatch('tagsView/delView',this.$route)
+          this.$router.go(-1)
+        });
+
+      }
+    },
+    /** 驳回 */
+    returnForm() {
+      if(!this.form.cusReturnRemark){
+        this.$modal.msgError("请填写驳回备注");
+        return;
+      }
+
+      this.$modal.confirm('是否确认驳回该客户？').then(function() {}).then(() => {
+        returnCustomer(this.form).then(response => {
+          this.$modal.msgSuccess("驳回成功");
+          this.open = false;
+          this.getList();
+        });
+      }).catch(() => {});
+    },
+    /** 提交SAP按钮 */
+    commitSAPForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.form.bankList = this.bankList;
+
+          if (this.form.cusId != null) {//数据组审核
+            this.bankList.forEach((row, index) => {
+              if(!row.bankCode){
+                this.$modal.msgError("银行代码不能为空");
+                throw new Error;
+              }
+            })
+          }
+
+          this.$modal.confirm('是否确认提交该客户至SAP？').then(function() {}).then(() => {
+            commitSAPCustomer(this.form).then(response => {
+              this.$modal.msgSuccess("提交SAP成功");
+              this.open = false;
+              this.getList();
+            });
+          }).catch(() => {});
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const cusIds = row.cusId || this.ids;
+      this.$modal.confirm('是否确认删除所选客户？').then(function() {
+        return delCustomer(cusIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 银行添加按钮操作 */
+    handleAddBank() {
+      let obj = {};
+      obj.bankCountry = "";
+      obj.bankCode = "";
+      obj.bankName = "";
+      obj.bankAccount = "";
+      this.bankList.push(obj);
+    },
+    /** 银行删除按钮操作 */
+    handleDeleteBank() {
+      if (this.checkedBank.length == 0) {
+        this.$modal.msgError("请先选择要删除的银行数据");
+      } else {
+        const bankList = this.bankList;
+        const checkedBank = this.checkedBank;
+        this.bankList = bankList.filter(function(item) {
+          return checkedBank.indexOf(item.index) == -1
+        });
+      }
+    },
+
+    /** 复选框选中数据 */
+    handleBankSelectionChange(selection) {
+      this.checkedBank = selection.map(item => item.index)
+      console.log(this.checkedBank)
+    },
+    /** 序号 */
+    rowBankIndex({ row, rowIndex }) {
+      row.index = rowIndex + 1;
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('customer/customer/export', {
+        ...this.queryParams
+      }, `customer_${new Date().getTime()}.xlsx`)
+    },
+    /*****************************银行代码查询模块*************************************/
+    /** 选择银行代码弹出框 */
+    handleSearchBankCode(scope) {
+      this.bankCodeOpen = true;
+      this.bankCodeTitle = "银行代码信息";
+      this.resetBankCodeQuery();
+      this.bankSelectedIndex = scope.$index;
+    },
+
+    /** 切换每页显示条数 */
+    handleBankCodeSizeChange(val) {
+      this.bankCodePageSize = val;
+      this.bankCodeCurrentPage = 1;
+    },
+    /** 页码选择 */
+    handleBankCodeCurrentChange(val) {
+      this.bankCodeCurrentPage = val;
+    },
+
+    /** 银行代码查询 */
+    handleBankCodeQuery(){
+      if(!this.queryBankCodeParams.bankName){
+        this.$message.warning("请输入银行名称!");
+        return;
+      }
+
+      this.bankCodeLoading = true;
+      bankCodeList(this.queryBankCodeParams).then(response => {
+        this.bankCodeList = response.rows;
+        this.bankCodeTotal = response.total;
+        this.bankCodeCurrentPage = 1;
+        this.bankCodeLoading = false;
+      },response => {
+        this.bankCodeLoading = false;
+      });
+    },
+
+    // 多选框选中数据
+    handleSelectionBankCodeChange(selection) {
+      this.bankCodeSingle = selection.length!==1
+      this.bankCodeMultiple = !selection.length
+    },
+
+    // 确认按钮
+    bankCodeConfirm(){
+      const bankCodeTable = this.$refs.bankCodeTable;
+      const selectedData = bankCodeTable.selection;
+      const bankCode = selectedData[0].bankCode;
+      const bankName = selectedData[0].bankName;
+      const bankCountry = selectedData[0].bankCountry;
+
+      // 获取指定行的数据
+      const bank = this.bankList[this.bankSelectedIndex];
+
+      bank.bankCode = bankCode;
+      bank.bankName = bankName;
+      bank.bankCountry = bankCountry;
+      this.bankCodeOpen = false;
+    },
+    // 取消按钮
+    bankCodeCancel() {
+      this.bankCodeOpen = false;
+      this.resetBankCodeQuery();
+    },
+    /** 重置按钮操作 */
+    resetBankCodeQuery() {
+      this.bankCodeList = [];
+      this.bankCodeTotal = 0;
+      this.queryBankCodeParams = {
+        bankName: ""
+      }
+    },
+    /*****************************银行代码查询模块*************************************/
+    /*****************************SAP-RFC查询模块*************************************/
+    // 默认值设置
+    setInitV(){
+      this.activeName = 'customerInfo';
+
+      this.form.cusGroup = 'Z001';
+      this.form.cusType = '0';
+      this.form.cusCountry = 'CN';
+      this.form.cusLanguage = '1';
+      this.form.cusSalesOrganization = '1100';
+      this.form.cusDistributionChannel = '10';
+      this.form.cusCurrency = 'CNY';
+      this.form.cusTax = '1';
+      this.form.cusReconciliationAccount = '1122010100';
+      this.form.cusAccountAllocationGroup = '01';
+    },
+    // 加载SAP公共数据
+    setInitF(){
+      this.activeName = 'customerInfo';
+
+      this.getCountrys();
+      this.getIndustryCode();
+      this.getLanguage();
+      this.getPaymentTerms();
+      this.getSalesOrganization();
+      this.getDistributionChannel();
+      this.getSalesTerritory();
+      this.getSaleOffice();
+      this.getTax();
+      this.getReconciliationAccount();
+      this.getAccountAllocationGroup();
+    },
+    //SAP行业代码数据列表
+    getIndustryCode(){
+      getIndustryCode(this.queryParams).then(response => {
+        this.industryCodeDicts = response.industryCodeDicts;
+      });
+    },
+    //SAP付款条件数据列表
+    getPaymentTerms(){
+      getPaymentTerms(this.queryParams).then(response => {
+        this.paymentTermsDicts = response.paymentTermsDicts;
+      });
+    },
+    //SAP销售组织数据列表
+    getSalesOrganization(){
+      getSalesOrganization(this.queryParams).then(response => {
+        this.salesOrganizationDicts = response.salesOrganizationDicts;
+      });
+    },
+    //SAP分销渠道数据列表
+    getDistributionChannel(){
+      getDistributionChannel(this.queryParams).then(response => {
+        this.distributionChannelDicts = response.distributionChannelDicts;
+      });
+    },
+    //SAP销售地区数据列表
+    getSalesTerritory(){
+      getSalesTerritory(this.queryParams).then(response => {
+        this.salesTerritoryDicts = response.salesTerritoryDicts;
+      });
+    },
+    //SAP销售办公室数据列表
+    getSaleOffice(){
+      getSaleOffice(this.queryParams).then(response => {
+        this.saleOfficeDicts = response.saleOfficeDicts;
+      });
+    },
+    //客户税分类数据列表
+    getTax(){
+      getTax(this.queryParams).then(response => {
+        this.taxDicts = response.taxDicts;
+      });
+    },
+    //客户税分类数据列表
+    getReconciliationAccount(){
+      getReconciliationAccount(this.queryParams).then(response => {
+        this.reconciliationAccountDicts = response.reconciliationAccountDicts;
+      });
+    },
+    getAccountAllocationGroup(){
+      getAccountAllocationGroup(this.queryParams).then(response => {
+        this.accountAllocationGroupDicts = response.accountAllocationGroupDicts;
+      });
+    },
+    /*****************************SAP-RFC查询模块*************************************/
+    //SAP语言数据列表
+    getLanguage(){
+      getLanguage(this.queryParams).then(response => {
+        this.languageDicts = response.languageDicts;
+      });
+    },
+    /**------------------SAP国家数据列表-------------------**/
+    getCountrys(){
+      getCountrys(this.queryParams).then(response => {
+        this.countrysDicts = response.countrysDicts;
+      });
+    },
+    /**-------------选择器确认按钮---------**/
+    khzbOnConfirm(columns) {
+      this.form.cusGroup = columns.value
+      this.khzbText = columns.text;
+      this.khzbShowPicker = false;
+    },
+    khlxOnConfirm(columns) {
+      this.form.cusType = columns.value
+      this.khlxText = columns.text;
+      this.khlxShowPicker = false;
+    },
+    countryOnConfirm(columns) {
+      this.form.cusCountry = columns.value
+      this.countryText = columns.label
+      this.countryShowPicker = false;
+    },
+    languageOnConfirm(columns) {
+      this.form.cusLanguage = columns.value
+      this.languageText = columns.label
+      this.languageShowPicker = false;
+    },
+    /*****************************企查查查询模块*************************************/
+    /** 企查查客户弹出框 */
+    openQcc(){
+      this.qccOpen = true;
+      this.qccTitle = "企查查客户信息";
+      this.resetQccQuery();
+    },
+
+    /** 切换每页显示条数 */
+    /*handleQccSizeChange(val) {
+      this.qccPageSize = val;
+      this.qccCurrentPage = 1;
+    },*/
+    /** 页码选择 */
+    /*handleQccCurrentChange(val) {
+      this.qccCurrentPage = val;
+    },*/
+
+    /** 企查查客户查询 */
+    handleQccQuery(){
+      if(!this.queryQccParams.Name){
+        this.$message.warning("请输入公司名称!");
+        return;
+      }
+
+      // 校验是否超过企查查接口查询次数
+      checkQccCount().then(response => {
+        this.qccLoading = true;
+        qccListCustomer(this.queryQccParams).then(response => {
+          this.qccCustomerList = response.rows;
+          //this.qccTotal = response.total;
+          //this.qccCurrentPage = 1;
+          this.qccLoading = false;
+        },response => {
+          this.qccLoading = false;
+        });
+      });
+    },
+
+    // 多选框选中数据
+    handleSelectionQccChange(selection) {
+      this.qccSingle = selection.length!==1
+      this.qccMultiple = !selection.length
+    },
+
+    // 确认按钮
+    async qccConfirm() {
+      const qccTable = this.$refs.qccTable;
+      const selectedData = qccTable.selection;
+      this.form.cusName = selectedData[0].name;
+      this.form.cusVatNo = selectedData[0].creditCode;
+      this.form.cusQccStreet = selectedData[0].address;
+
+      //获取客户行业代码
+      await getIndustryCodeQcc(selectedData[0].name).then(response => {
+        console.log(response)
+        this.form.cusIndustryCodeQcc = response.cusIndustryCodeQcc;
+      })
+      this.qccOpen = false;
+    },
+
+    // 取消按钮
+    qccCancel() {
+      this.qccOpen = false;
+      this.resetQccQuery();
+    },
+    /** 重置按钮操作 */
+    resetQccQuery() {
+      this.qccCustomerList = [];
+      this.queryQccParams = {
+        Name: ""
+      }
+    },
+    /*****************************企查查查询模块*************************************/
+  },
+}
+</script>
+
+<style>
+.fixed-buttons-container {
+  padding: 10px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background-color: #fff; /* 背景颜色，根据你的页面设计调整 */
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果，根据需要调整 */
+  justify-content: center; /* 居中对齐 */
+  text-align: center;
+}
+
+</style>
diff --git a/ruoyi-ui/src/views/mobile/customerMobile/index.vue b/ruoyi-ui/src/views/mobile/customerMobile/index.vue
new file mode 100644
index 0000000..f230daa
--- /dev/null
+++ b/ruoyi-ui/src/views/mobile/customerMobile/index.vue
@@ -0,0 +1,222 @@
+<template>
+  <div>
+    <van-cell-group>
+      <van-search style="padding: 20px 12px 5px 12px" shape="round" v-model="queryParams.cusCode" clearable placeholder="客户编码" ></van-search >
+      <van-search style="padding: 5px 12px" shape="round" v-model="queryParams.cusName" clearable placeholder="客户名称" ></van-search >
+      <van-search style="padding: 5px 12px" shape="round" v-model="queryParams.cusSapCode" clearable placeholder="SAP客户编码" ></van-search >
+      <van-field
+        readonly
+        clickable
+        name="picker"
+        :value="cusApprovalStatusText"
+        label="审批状态"
+        placeholder="点击选择审批状态"
+        @click="cusApprovalStatusShowPicker = true"
+      />
+      <van-popup v-model="cusApprovalStatusShowPicker" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="cusApprovalStatusColumns"
+          @confirm="cusApprovalStatusOnConfirm"
+          @cancel="cusApprovalStatusShowPicker = false"
+        />
+      </van-popup>
+      <div style="margin: 16px; display: flex">
+        <div style="width: 50%; padding: 0px 20px"><van-button style="width: 100%" size="small" round plain type="info" native-type="submit" @click="handleQuery">搜索</van-button></div>
+        <div style="width: 50%; padding: 0px 20px"><van-button style="width: 100%" size="small" round plain type="primary" native-type="submit" @click="handleAdd">新增</van-button></div>
+      </div>
+    </van-cell-group>
+
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+      <div v-for="(customer, index) in customerList" :key="index">
+        <van-swipe-cell style="margin: 10px 0px">
+          <van-card
+            class="goods-card custom-card"
+            @click="handleCheck(customer.cusId)"
+          >
+            <template #title>
+              <div style="font-size: 15px; margin-top: 10px">客户编码: {{ customer.cusCode }}</div>
+            </template>
+            <template #desc>
+              <div>
+                <div style="font-size: 15px; margin-top: 5px">客户名称: {{ customer.cusName }}</div>
+                <div style="font-size: 15px; margin-top: 5px">创建时间: {{ customer.createTime }}</div>
+              </div>
+            </template>
+            <template #tags>
+              <div style="margin-top: 5px">
+                <span style="font-size: 15px">提交状态: </span>
+                <van-tag style="margin-right: 20px" plain size="large" :type="getTagType(customer.cusApprovalStatus)">{{customer.cusApprovalStatus === '0' ? '待提交' :
+                  (customer.cusApprovalStatus === '1' ? '审批中' :
+                    (customer.cusApprovalStatus === '2' ? '审批通过' : '已驳回'))}}</van-tag>
+              </div>
+            </template>
+          </van-card>
+          <template #right>
+            <van-button square text="删除" @click="handleDelete(customer)" v-hasPermi="['customer:customer:remove']" type="danger" class="delete-button" />
+          </template>
+        </van-swipe-cell>
+      </div>
+    </van-list>
+  </div>
+
+</template>
+
+<script>
+import { listCustomer, getCustomer, delCustomer,changCusStatus, addCustomer, updateCustomer,getReturnUpdateCustomer, commitCustomer,returnCustomer, commitSAPCustomer, checkQccCount, qccListCustomer, getIndustryCodeQcc } from "@/api/customer/customer";
+import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
+import { bankCodeList,getCountrys,getIndustryCode,getLanguage,getPaymentTerms,getSalesOrganization,getDistributionChannel,getSalesTerritory,getSaleOffice,getTax,getReconciliationAccount, getAccountAllocationGroup  } from "@/api/common/sapRfc";// sap-rfc 函数
+import {Dialog, Notify, Toast} from 'vant';
+let testNum = 0
+export default {
+  name: "index",
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 8,
+        cusCode: null,
+        cusName: null,
+        cusSapCode: null,
+        cusState: null,
+        cusApprovalStatus: null
+      },
+      cusApprovalStatusText: '',
+      cusApprovalStatusColumns: [
+        { text: '待提交', value: '0' },
+        { text: '审批中', value: '1' },
+        { text: '审批通过', value: '2' },
+        { text: '已驳回', value: '3' },
+      ],
+      cusApprovalStatusShowPicker: false,
+      total: 0,
+      loading: false,
+      customerList: [],
+      finished: false,
+    }
+  },
+  mounted() {
+    this.$store.dispatch('app/toggleSideBarHide', true);
+    document.querySelector('.navbar').style.display = "none";
+    document.querySelector('.tags-view-container').style.display = "none";
+  },
+  created() {
+    const roles = this.$store.state.user.roles;
+    if(roles && roles.indexOf('ITZX_SJZ') !== -1 ){//数据组默认查看待审核 单据
+      this.queryParams.cusApprovalStatus = '1';
+    }
+    this.getList();
+  },
+  methods: {
+    /**-------------计算审批状态的tag类型-----------**/
+    getTagType(status) {
+      switch (status) {
+        case '0':
+          return 'warning';
+        case '1':
+          return 'primary';
+        case '2':
+          return 'success';
+        default:
+          return 'danger'; // Assuming '已驳回' is the default case.
+      }
+    },
+    /**-------------选择器确认按钮---------**/
+    cusApprovalStatusOnConfirm(columns) {
+      this.cusApprovalStatusText = columns.text;
+      this.queryParams.cusApprovalStatus = columns.value
+      this.cusApprovalStatusShowPicker = false;
+    },
+    /**-------------搜索按钮---------**/
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /**--------------新增按钮--------------**/
+    handleAdd() {
+      console.log("触发新增跳转函数")
+      this.$router.push('/customerMobile/addCustomer');
+    },
+    /**-------------查询客户管理列表---------**/
+    getList() {
+      listCustomer(this.queryParams).then(response => {
+        this.customerList = response.rows;
+        this.total = response.total;
+        if (this.customerList.length >= this.total) {
+          this.finished = true;
+        }
+      });
+
+    },
+    /** 删除按钮操作 */
+    handleDelete(customer) {
+      const cusIds = customer.cusId || this.ids;
+      Dialog.confirm({
+        title: '确认删除',
+        message: '您确认要删除这个客户吗？',
+      })
+        .then(function () {
+          return delCustomer(cusIds);
+        }) .then(() => {
+          this.queryParams.pageNum = 1;
+          this.getList();
+          Notify({ type: 'success', message: '删除成功' })
+        })
+        .catch(() => {
+          // on cancel
+        });
+      // this.$modal.confirm('是否确认删除所选客户？').then(function() {
+      //   return delCustomer(cusIds);
+      // }).then(() => {
+      //   this.getList();
+      //   this.$modal.msgSuccess("删除成功");
+      // }).catch(() => {});
+    },
+    /**----------懒加载函数----------**/
+    onLoad() {
+      console.log('触发了' + testNum++ + '次')
+      this.queryParams.pageNum++;
+      console.log(this.queryParams.pageNum)
+      listCustomer(this.queryParams).then(response => {
+        this.customerList = [...this.customerList, ...response.rows];
+        this.total = response.total;
+        this.loading = false;
+        if (this.customerList.length >= this.total) {
+          this.finished = true;
+        }
+      });
+    },
+    /**------------点击跳转-----------**/
+    handleCheck(cusId) {
+      console.log("触发跳转函数")
+      console.log(cusId)
+      const info = {cusId : cusId}
+      this.$router.push({ path: '/customerMobile/editCustomer', query: info});
+    }
+  },
+}
+</script>
+
+<style>
+.custom-card .van-card__content .van-card__desc {
+  margin-top: 15px; /* 根据需要调整间距 */
+  font-size: 15px; /* 根据需要调整字体大小 */
+}
+.custom-card .van-card__content .van-card__title {
+  margin-top: 5px;
+  font-size: 15px; /* 根据需要调整字体大小 */
+}
+.goods-card {
+  margin: 0;
+}
+
+.delete-button {
+  height: 100%;
+}
+
+</style>
diff --git a/ruoyi-ui/src/views/mobile/index.vue b/ruoyi-ui/src/views/mobile/index.vue
index 8a415db..2e2c08d 100644
--- a/ruoyi-ui/src/views/mobile/index.vue
+++ b/ruoyi-ui/src/views/mobile/index.vue
@@ -24,18 +24,18 @@
       </el-row>
     </div>
 
-    <!-- Section 2 -->
-<!--    <div class="app-card">-->
-<!--      <h2 class="app-title">Section 2</h2>-->
-<!--      <el-row :gutter="10">-->
-<!--        <el-col :span="8" class="app-icon-container">-->
-<!--          <el-card shadow="always" class="app-icon-card" @click="handleClick('App10')">-->
-<!--            <div class="app-icon">-->
-<!--              <img src="https://via.placeholder.com/50" alt="App10">-->
-<!--            </div>-->
-<!--            <div class="app-name">App10</div>-->
-<!--          </el-card>-->
-<!--        </el-col>-->
+<!--     Section 2 -->
+    <div class="app-card">
+      <p class="app-title">客户</p>
+      <el-row :gutter="10">
+        <el-col :span="8" class="app-icon-container">
+          <el-card shadow="always" class="app-icon-card" >
+            <div class="app-icon" @click="handleClick('customerMobile')">
+              <img src="@/assets/logo/103.png" alt="报价单">
+            </div>
+            <div class="app-name">客户管理</div>
+          </el-card>
+        </el-col>
 <!--        <el-col :span="8" class="app-icon-container">-->
 <!--          <el-card shadow="always" class="app-icon-card" @click="handleClick('App11')">-->
 <!--            <div class="app-icon">-->
@@ -44,9 +44,9 @@
 <!--            <div class="app-name">App11</div>-->
 <!--          </el-card>-->
 <!--        </el-col>-->
-<!--        &lt;!&ndash; Add more icons as needed for Section 2 &ndash;&gt;-->
-<!--      </el-row>-->
-<!--    </div>-->
+        <!-- Add more icons as needed for Section 2 -->
+      </el-row>
+    </div>
 
 <!--    &lt;!&ndash; Section 3 &ndash;&gt;-->
 <!--    <div class="app-card">-->
@@ -114,8 +114,8 @@ export default {
 
 .app-title {
   margin-bottom: 10px;
-  font-size: 18px;
-  color: #333;
+  font-size: 20px;
+  color: gray;
   text-align: left;
 }
 
diff --git a/ruoyi-ui/src/views/mobile/quoteMobile/operation/add.vue b/ruoyi-ui/src/views/mobile/quoteMobile/operation/add.vue
index 79289a9..7233558 100644
--- a/ruoyi-ui/src/views/mobile/quoteMobile/operation/add.vue
+++ b/ruoyi-ui/src/views/mobile/quoteMobile/operation/add.vue
@@ -314,11 +314,6 @@ export default {
     this.formData.quotSalesmanCode = this.$store.state.user.name;
     this.formData.quotSalesmanDeptId = this.$store.state.user.deptId;
     this.formData.quotSalesmanDeptName = this.$store.state.user.deptName;
-    console.log( this.formData.quotSalesmanName);
-    console.log( this.formData.quotSalesmanBm);
-    console.log( this.formData.quotSalesmanCode);
-    console.log( this.formData.quotSalesmanDeptId);
-    console.log( this.formData.quotSalesmanDeptName);
     const param = this.$route.query;
 
     if (param.quotId !== undefined && param.quotId !== null) {