添加客户转让弹窗

src/baseComponents/Table.vue

@@ -153,14 +153,6 @@ const HandleTableRowClassName = ({row,rowIndex}) => {
     }
   }
 
-  // 表头缺失的时候，某些浏览器上的表格-border-top 渲染失效 ———— 待完善
-  :deep(.el-table__inner-wrapper){
-      // border:solid #ebeef5 1px;
-      // border:solid red 1px;
-      // ::before{
-
-      // }
-  }
 
   :deep(.el-table__body){
       tbody tr.even_row td{

src/router/index.ts

@@ -43,7 +43,7 @@ const routes: Array<RouteRecordRaw> = [
       },
       {
         path: 'myCustomerDetail',
-        name: 'myCustomerDetail',   //我的客户
+        name: 'myCustomerDetail',   //我的客户详情
         component: () => import('../views/myCustomer/myCustomerDetail/index.vue')
       },
       {

src/views/myCustomer/myCustomerDetail/formDialog.ts

@@ -0,0 +1,31 @@
+import { ref } from 'vue';
+
+export const formItemList = ref([
+  {
+    key: 'schoolName',
+    label: '学校名称',
+    type: 'input',
+    placeholder: '请输入学校名称',
+    disabled: true,
+    style: {}
+  },
+  {
+    key: 'currentOwner',
+    label: '当前归属人',
+    type: 'input',
+    placeholder: '请输入当前归属人',
+    disabled: true, 
+    style: {}
+  },
+  {
+    key: 'newOwner',
+    label: '新归属人',
+    type: 'singleSelectSearch',
+    placeholder: '请选择',
+    selectList: [], 
+    rules: [
+      { required: true, message: '请选择新归属人', trigger: 'change' }
+    ],
+    style: {}
+  }
+])

src/views/myCustomer/myCustomerDetail/index.vue

@@ -22,7 +22,7 @@
                     <el-button class="button_border"><img :src="addIcon" alt=""> 新增联系人</el-button>
                     <el-button class="button_refresh"><img :src="editIcon" alt=""> 编辑</el-button>
                     <el-button class="button_refresh"><img :src="poepleMoveIcon" alt=""> 转至公海</el-button>
-                    <el-button class="button_refresh"><img :src="exchangeIcon" alt=""> 转让</el-button>
+                    <el-button class="button_refresh" @click="OpenTransferFormDialog"><img :src="exchangeIcon" alt="" > 转让</el-button>
                     <el-button class="button_refresh"><img :src="logIcon" alt=""> 操作记录</el-button>
                 </div>
             </template>
@@ -38,6 +38,17 @@
             <ContactDetail v-if="defaultShowTab === 'contactDetails'"></ContactDetail>
         </div>
     </div>
+
+    <!-- 转让 弹窗 -->
+    <FormDialog title="转让" :visible="transferFormDialogVisible" 
+        :submit-loading="transFormDialogSubmitLoading" 
+        :default-form-data="transferDefaultFormData" 
+        :formItemList="formItemList"
+        @close="CloseTransferFormDialog"
+        @confirm="HandleTransferFormDialogConfirm">
+    </FormDialog>
+
+
 </template>
 
 <script setup lang="ts">
@@ -52,6 +63,10 @@ import logIcon from '@/assets/icon/log.png'
 import TabSearch from '@/baseComponents/TabSearch.vue';
 import {tabList} from './tabSearch'
 import ContactDetail from './contactDetail/index.vue'
+import FormDialog from '@/baseComponents/FormDialog.vue';
+
+import {formItemList} from './formDialog'
+
 
 const customerBaseMsg = ref({
   schoolName: '北京市第一零九中学',
@@ -65,18 +80,74 @@ const customerBaseMsg = ref({
   lastFollowUpTime: '2025-03-12'
 });
 
+// 默认列表的tab切换
 const defaultShowTab = ref('contactDetails')
 const HandleTabChange = (val)=>{
     defaultShowTab.value = val
 }
 
+
+// 转让弹窗相关内容
+const transferFormDialogVisible = ref(false)
+const transFormDialogSubmitLoading = ref(false)
+const transferDefaultFormData = ref({
+    schoolName: '北京市第一零九中学',
+    currentOwner: '张三',
+    newOwner:'',
+})
+
+const OpenTransferFormDialog=()=>{
+    console.log('打开转让弹窗')
+    transferFormDialogVisible.value = true
+    GetOwnerList()
+}
+const CloseTransferFormDialog=()=>{
+    transferFormDialogVisible.value = false
+}
+
+const HandleTransferFormDialogConfirm = ()=>{
+    CloseTransferFormDialog()
+}
+
+// 获取归属人列表
+const GetOwnerList = ()=>{
+    formItemList.value = formItemList.value.map(item=>{
+        if(item.key == 'newOwner'){
+            let list = [
+                {
+                    label:'李四',
+                    value:'1'
+                },
+                {
+                    label:'王五',
+                    value:'2'
+                },
+                {
+                    label:'赵六',
+                    value:'3'
+                },
+            ]
+            item.selectList = [...list]
+        }
+        return item
+    })
+}
+
+
+
+
+
 </script>
 
 
 
 <style lang="scss" scoped>
 .main_container{
+    // 公共样式不生效了
     gap:16px;
+    padding: 20px;
+    flex: 1 1;
+
 
     :deep(.top_right){
         flex: 1 1;