Merge branch 'feature-20250827wyz-写业务' into sw

src/App.vue

 <template>
-  
   <el-watermark :font="font" :content="content">
     <router-view />
   </el-watermark>
@@ -10,10 +9,10 @@ import useSettingsStore from '@/store/modules/settings'
 import { handleThemeStyle } from '@/utils/theme'
 import { reactive } from 'vue'
 const font = reactive({
-  color: 'rgba(0, 0, 0, .15)',
+  color: 'rgba(0, 0, 0, .15)'
 })
 
-const content = reactive('csf')
+const content = ref('')
 
 onMounted(() => {
   nextTick(() => {

src/api/common.js

@@ -95,3 +95,51 @@ export function getClientUser(data) {
     data: data
   })
 }
+// 银行列表
+export function getBankList(data) {
+  return request({
+    url: '/base/api/bank/page',
+    method: 'post',
+    data: data
+  })
+}
+// 转介人列表
+export function getUserSaleExpandList(data) {
+  return request({
+    url: '/insurance/base/api/userSaleExpand/page',
+    method: 'post',
+    data: data
+  })
+}
+// 第二个附加险列表
+export function secondAdditonalList(data) {
+  return request({
+    url: '/product/api/relProjectProductLaunch/parameter/page',
+    method: 'post',
+    data: data
+  })
+}
+// 获取签单员列表
+export function getAllSignList(data) {
+  return request({
+    url: '/insurance/base/api/userSignExpand/page',
+    method: 'post',
+    data: data
+  })
+}
+// 获取团队列表
+export function getAllTeam(data) {
+  return request({
+    url: '/csf/api/team/page',
+    method: 'post',
+    data: data
+  })
+}
+// 获取保险公司列表
+export function getInsuranceCompany(data) {
+  return request({
+    url: '/insurance/base/api/insuranceCompany/page',
+    data: data,
+    method: 'post'
+  })
+}

src/api/sign/appointment.js

@@ -222,3 +222,4 @@ export function delSigleAppointment(appointmentBizId) {
     method: 'delete'
   })
 }
+

src/components/formCard/cardOne.vue

@@ -4,7 +4,10 @@
       <template #header>
         <div class="cardOneheader">
           <div class="cardOneLeft">
-            <div class="mainTitle">{{ title }}</div>
+            <div class="mainTitle">
+              {{ title }}
+              <slot name="mainTitCustom"></slot>
+            </div>
             <slot name="headerRight"></slot>
           </div>
           <div class="subTitle" v-if="desTitle">{{ desTitle }}</div>
@@ -60,6 +63,7 @@ const props = defineProps({
   padding-left: 5px;
   display: flex;
   align-items: center;
+  margin-right: 20px;
 
   /* border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
@@ -69,7 +73,7 @@ const props = defineProps({
   content: '';
   display: inline-block;
   width: 4px;
-  height: 22px;
+  height: 18px;
   background: #0052d9;
   margin-right: 5px;
   border-radius: 4px;

src/formJson/insured.js

@@ -10,7 +10,6 @@ const insured = [
       {
         label: '与投保人关系',
         key: 'policyholderRel',
-        // customerKey: 'customerType',
         domType: 'Select',
         required: true,
         disabled: false,

src/store/modules/dict.js

@@ -9,7 +9,13 @@ const useDictStore = defineStore('dict', {
     insureCompanyList: [], //保险公司数据
     clientUserList: [], //用户数据，转介人
     dictTypeLists: [], //字典列表，根据请求得不同会变化，所以使用之前需要使用useDictLists请求数据
-    signNameList: []
+    signNameList: [],
+    bankList: [], //银行列表
+    userSaleExpandList: [], //最新转介人列表
+    productAdditionalList: [], //附加险产品列表对应的是产品计划
+    signPeopleList: [], //所有签单员
+    allTeaList: [], //所有团队
+    allInsuranceCompanyList: [] //最新的保险公司列表
   }),
   actions: {
     // 获取字典
@@ -84,6 +90,30 @@ const useDictStore = defineStore('dict', {
     // 设置签单人姓名列表
     setSignNameList(nameList) {
       this.signNameList = nameList
+    },
+    //设置银行列表
+    setBankList(list) {
+      this.bankList = list
+    },
+    //设置最新转介人列表
+    setUserSaleExpandList(list) {
+      this.userSaleExpandList = list
+    },
+    //设置最新的附加险产品列表
+    setProductAdditionalList(list) {
+      this.productAdditionalList = list
+    },
+    //设置签单员列表
+    setSignPeopleList(list) {
+      this.signPeopleList = list
+    },
+    //设置团队列表
+    setAllTeaList(list) {
+      this.allTeaList = list
+    },
+    //设置最新的保险公司列表
+    setAllInsuranceCompanyList(list) {
+      this.allInsuranceCompanyList = list
     }
   }
 })

src/views/components/commonForm.vue

+<template>
+  <div class="formContainer">
+    <div class="formLeft" v-if="showAnchor">
+      <el-affix :offset="affixOffset">
+        <el-anchor
+          :direction="direction"
+          :type="type"
+          :offset="anchorOffset"
+          @click="handleAnchorClick"
+        >
+          <!-- -->
+          <el-anchor-link
+            v-for="item in anchorList"
+            :href="'#' + item.title"
+            :title="item.name"
+            @click="e => handleLinkClick(e, item.title)"
+          />
+        </el-anchor>
+      </el-affix>
+    </div>
+    <div class="formRight" :class="showAnchor ? 'formRightSelf' : ''">
+      <slot name="form-right"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, getCurrentInstance } from 'vue'
+
+const props = defineProps({
+  containerRef: {
+    type: Object,
+    default: () => {
+      return {}
+    }
+  },
+  direction: {
+    type: String,
+    default: 'vertical'
+  },
+  type: {
+    type: String,
+    default: 'default'
+  },
+  anchorOffset: {
+    type: Number,
+    default: 30
+  },
+  affixOffset: {
+    type: Number,
+    default: 60
+  },
+  anchorList: {
+    type: Array,
+    default: () => {
+      return []
+    }
+  },
+  // 新增：滚动容器的选择器
+  scrollContainerSelector: {
+    type: String,
+    default: ''
+  },
+  // 新增：滚动到元素时额外的偏移量
+  scrollOffset: {
+    type: Number,
+    default: 0
+  },
+  domIndex: {
+    type: Number,
+    default: 0
+  },
+  showAnchor: {
+    type: Boolean,
+    default: true
+  }
+})
+
+const emit = defineEmits(['anchor-click'])
+
+// 处理锚点点击
+const handleAnchorClick = e => {
+  // 阻止默认的锚点跳转
+  e.preventDefault()
+}
+
+// 处理链接点击
+const handleLinkClick = (e, anchorId) => {
+  e.preventDefault()
+  e.stopPropagation()
+
+  emit('anchor-click', anchorId)
+
+  // 延迟执行滚动，确保 DOM 已经更新
+  setTimeout(() => {
+    scrollToAnchor(anchorId)
+  }, 50)
+}
+
+// 滚动到锚点
+const scrollToAnchor = anchorId => {
+  const targetElement = document.getElementById(anchorId)
+  if (!targetElement) return
+
+  let scrollContainer
+  if (props.scrollContainerSelector) {
+    scrollContainer = document.querySelectorAll(props.scrollContainerSelector)
+  }
+
+  if (scrollContainer.length > 0) {
+    // 计算在容器内的相对位置
+    const containerRect = scrollContainer[props.domIndex].getBoundingClientRect()
+    const targetRect = targetElement.getBoundingClientRect()
+
+    // 计算滚动位置
+    const scrollTop =
+      targetRect.top -
+      containerRect.top +
+      scrollContainer[props.domIndex].scrollTop -
+      props.scrollOffset
+    // 平滑滚动
+    scrollContainer[props.domIndex].scrollTo({
+      top: scrollTop,
+      behavior: 'smooth'
+    })
+  } else {
+    // 如果没有指定容器，使用默认滚动
+    targetElement.scrollIntoView({
+      behavior: 'smooth',
+      block: 'start'
+    })
+  }
+}
+
+// 暴露方法给父组件
+defineExpose({
+  scrollToAnchor
+})
+</script>
+<style lang="scss" scoped>
+.formContainer {
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+}
+.formLeft {
+  width: 15%;
+  box-sizing: border-box;
+  height: 100vh;
+}
+.formRight {
+  flex: 1;
+  padding-left: 10px;
+  box-sizing: border-box;
+}
+.formRightSelf {
+  border-left: 3px solid rgb(247 247 247);
+}
+</style>

src/views/sign/FnaList/edit.vue

@@ -20,9 +20,20 @@
           </div>
         </div>
       </div>
-      <div class="tabsBox" ref="tabPaneRef">
-        <el-tabs v-model="activeName" class="demo-tabs" :before-leave="beforeTabLeave">
-          <el-tab-pane v-for="tab in tabsList" :key="tab.name" :label="tab.label" :name="tab.name">
+      <div class="tabsBox">
+        <el-tabs
+          v-model="activeName"
+          class="demo-tabs"
+          :before-leave="beforeTabLeave"
+          ref="tabPaneRef"
+        >
+          <el-tab-pane
+            v-for="(tab, tIndex) in tabsList"
+            :key="tab.name"
+            :label="tab.label"
+            :name="tab.name"
+          >
+            <!-- 注意tabPaneBox这个类名与子组件的锚点定位相关，不能轻易改动 -->
             <div :class="{ tabPaneBox: activeName !== 'appointment' }">
               <div v-if="tab.name === 'overview'" class="overviewBox">
                 <div
@@ -75,20 +86,22 @@
               <Customer
                 v-if="tab.name === 'customer'"
                 :activeName="activeName"
-                :fearthStatus="route.query.type"
                 :customerBizId="processInfo.customerBizId"
                 @handleSuccess="handleSuccess"
-                :tabPaneRef="tabPaneRef"
+                :tabIndex="tabsList.findIndex(t => t.name === 'customer')"
+                anchorContainer=".tabPaneBox"
+                tabSource="customer"
               />
               <div v-if="tab.name === 'fnaform'">
                 <FanForm
                   :activeName="activeName"
-                  :fearthStatus="route.query.type"
                   :fnaFormBizId="processInfo.fnaFormBizId"
                   :customerBizId="processInfo.customerBizId"
                   :dictTypeLists="dictTypeLists"
                   :customerInfo="customerInfo"
                   @handleSuccess="handleSuccess"
+                  :tabIndex="tabsList.findIndex(t => t.name === 'fnaform')"
+                  anchorContainer=".tabPaneBox"
                 />
               </div>
               <div v-if="tab.name === 'appointment'">
@@ -115,7 +128,17 @@ import AppointmentEdit from '@/views/sign/appointment/appointmentEdit'
 import useUserStore from '@/store/modules/user'
 import useDictStore from '@/store/modules/dict'
 import { addFna, getProcessDetail, updateProcess, getCustomerDetail } from '@/api/sign/fna'
-import { listTenantUser, getInsuranceProductList, getAdditionalProductList } from '@/api/common'
+import {
+  listTenantUser,
+  getInsuranceProductList,
+  getAdditionalProductList,
+  getBankList,
+  getUserSaleExpandList,
+  secondAdditonalList,
+  getAllSignList,
+  getAllTeam,
+  getInsuranceCompany
+} from '@/api/common'
 import Customer from './components/customer'
 import FanForm from './components/fanForm'
 
@@ -206,17 +229,17 @@ const getDictsData = async () => {
     pageSize: 10
   }
 
-  const response2 = await getInsuranceProductList(params2)
-  if (response2.code == 200) {
-    response2.data.records = response2.data.records.map(item => {
-      return {
-        ...item,
-        label: item.productName,
-        value: item.productBizId
-      }
-    })
-    dictStore.setInsureProductList(response2.data.records)
-  }
+  // const response2 = await getInsuranceProductList(params2)
+  // if (response2.code == 200) {
+  //   response2.data.records = response2.data.records.map(item => {
+  //     return {
+  //       ...item,
+  //       label: item.productName,
+  //       value: item.productBizId
+  //     }
+  //   })
+  //   dictStore.setInsureProductList(response2.data.records)
+  // }
   const params3 = {
     pageNo: 1,
     pageSize: 10
@@ -233,6 +256,100 @@ const getDictsData = async () => {
     })
     dictStore.setAdditionalProductList(response3.data.records)
   }
+  const params4 = {
+    pageNo: 1,
+    pageSize: 99999
+  }
+  const response4 = await getBankList(params4)
+  if (response4.code == 200) {
+    response4.data.records = response4.data.records.map(item => {
+      return {
+        ...item,
+        label: item.bankName,
+        value: item.bankBizId
+      }
+    })
+    dictStore.setBankList(response4.data.records)
+  }
+  const params5 = {
+    pageNo: 1,
+    pageSize: 99999
+  }
+  const response5 = await getUserSaleExpandList(params5)
+  if (response5.code == 200) {
+    response5.data.records = response5.data.records.map(item => {
+      return {
+        ...item,
+        label: item.realName,
+        value: item.userSaleBizId
+      }
+    })
+    dictStore.setUserSaleExpandList(response5.data.records)
+  }
+  const params6 = {
+    pageNo: 1,
+    pageSize: 99999,
+    projectBizId: userStore.projectInfo.projectBizId,
+    tenantBizId: userStore.projectInfo.tenantBizId,
+    fieldBizId: 'field_olk1qZe81qHHKXbw',
+    fieldValueBizId: 'field_value_yXzTigvgUdRMFpoR'
+  }
+  const response6 = await secondAdditonalList(params6)
+  if (response6.code == 200) {
+    response6.data.records = response6.data.records.map(item => {
+      return {
+        ...item,
+        label: item.title,
+        value: item.productLaunchBizId
+      }
+    })
+    dictStore.setProductAdditionalList(response6.data.records)
+  }
+  const params7 = {
+    pageNo: 1,
+    pageSize: 99999
+  }
+  const response7 = await getAllSignList(params7)
+  if (response7.code == 200) {
+    response7.data.records = response7.data.records.map(item => {
+      return {
+        ...item,
+        label: item.realName,
+        value: item.userSignBizId
+      }
+    })
+    dictStore.setSignPeopleList(response7.data.records)
+  }
+  const params8 = {
+    pageNo: 1,
+    pageSize: 99999
+  }
+  const response8 = await getAllTeam(params8)
+  if (response8.code == 200) {
+    response8.data.records = response8.data.records.map(item => {
+      return {
+        ...item,
+        label: item.teamName,
+        value: item.teamBizId
+      }
+    })
+    dictStore.setAllTeaList(response8.data.records)
+  }
+  const params9 = {
+    pageNo: 1,
+    pageSize: 99999
+  }
+  const response9 = await getInsuranceCompany(params9)
+  if (response9.code == 200) {
+    response9.data.records = response9.data.records.map(item => {
+      return {
+        ...item,
+        label: item.fullName,
+        value: item.insuranceCompanyBizId
+      }
+    })
+    dictStore.setAllInsuranceCompanyList(response9.data.records)
+  }
   // 请求每个流程中所涉及到的字典值数据
   proxy.useDictLists([
     'csf_employment',
@@ -260,7 +377,8 @@ const getDictsData = async () => {
     'wj_question_first_category',
     'wj_question_second_category',
     'csf_ap_policy_transfer',
-    'md_bank'
+    'md_bank',
+    'csf_property_type'
   ])
 }
 
@@ -276,15 +394,7 @@ const processUpdate = (data, status) => {
     }
   })
 }
-// 新建流程
-// const getAddInfo = () => {
-//   addFna({ remark: '' }).then(res => {
-//     if (res.code == 200) {
-//       // 获取流程详情
-//       getProcessInfo(res.data.fnaBizId)
-//     }
-//   })
-// }
+
 // 获取流程详情
 function getProcessInfo(fnaBizId, changeTab) {
   getProcessDetail(fnaBizId).then(res => {
@@ -311,7 +421,7 @@ function getProcessInfo(fnaBizId, changeTab) {
 // Tab切换前的验证
 const beforeTabLeave = (activeTabName, oldTabName) => {
   if (processInfo.value.customerBizId) {
-    getCustomerInfo(processInfo.value.customerBizId)
+    // getCustomerInfo(processInfo.value.customerBizId)
   }
   // 如果切换到总览，始终允许
   if (activeTabName === 'overview' || activeTabName === 'customer') {
@@ -515,13 +625,9 @@ getDictsData()
       }
     }
   }
-  /* .tabPaneBox {
-    height: calc(100vh - 275px);
-    overflow-y: auto;
-    padding-right: 10px;
-  } */
+
   .tabPaneBox {
-    height: calc(100vh - 275px);
+    height: calc(100vh - 280px);
     overflow-y: auto;
     padding-right: 10px;
     position: relative;

src/views/sign/FnaList/index.vue

@@ -72,6 +72,7 @@
           :data="tenantList"
           @selection-change="tableSelect"
           @sort-change="sortChange"
+          border
         >
           <el-table-column type="index" width="50" label="序号" />
           <el-table-column label="客户姓名" align="center" prop="customerName" width="100" />
@@ -130,16 +131,6 @@
             </template>
           </el-table-column>
         </el-table>
-        <!-- <div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
-          <pagination
-            v-show="total >= 0"
-            :total="total"
-            v-model:page="queryParams.pageNo"
-            v-model:limit="queryParams.pageSize"
-            @pagination="getList"
-            style="text-align: right"
-          />
-        </div> -->
       </template>
     </CommonPage>
     <!-- 下一步到预约 -->