修改预约对接

src/views/detail/achievementDetail.vue

@@ -48,7 +48,7 @@
               <span class="span">技术标签：{{ info.label || '暂无' }}</span>
             </div>
             <div class="infoButton">
-              <div class="button" @click="toChat">获取联系方式</div>
+              <div class="button" @click="toChat">预约对接</div>
             </div>
           </div>
         </div>
@@ -194,9 +194,9 @@ const toCollect = async () => {
 }
 const toChat = () => {
   if (user.value.id) {
-    ElMessageBox.confirm(`您确认要获取联系方式?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
       .then(async () => {
-        ElMessage({ message: `获取联系方式成功等待消息通知`, type: 'success' })
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
       })
       .catch(() => {})
   } else ElMessage({ message: '未登录！', type: 'error' })
@@ -261,16 +261,18 @@ const toChat = () => {
         .infoButton {
           margin: 10px 0 0 0;
           .button {
-            width: 152px;
-            height: 36px;
-            background: #3278f4;
-            border-radius: 18px;
-            font-size: $global-font-size-14;
-            font-weight: 500;
-            color: #ffffff;
-            text-align: center;
-            line-height: 36px;
-            cursor: pointer;
+            cursor: default;
+            margin-top: 20px;
+            justify-content: center;
+            display: flex;
+            align-items: center;
+            width: 136px;
+            height: 44px;
+            color: #fff;
+            font-size: $global-font-size-16;
+            background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+            background-blend-mode: normal, normal;
+            border-radius: 4px;
           }
         }
       }

src/views/detail/baseDetail.vue

@@ -43,10 +43,10 @@
             </div>
           </div>
           <div class="center">
-            <div class="title">联系方式</div>
+            <div class="title">预约对接</div>
             <div class="content">
               <div class="infoButton">
-                <div class="button" @click="toChat">获取联系方式</div>
+                <div class="button" @click="toChat">预约对接</div>
               </div>
             </div>
           </div>
@@ -203,14 +203,14 @@ const getArea = (data) => {
 }
 const toChat = () => {
   if (user.value.id) {
-    ElMessageBox.confirm(`您确认要获取联系方式?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
       .then(async () => {
         let source_id = route.query.id
         let source = 'incubator'
         let apply_user = user.value.id
         const obj = { source_id, source, apply_user }
         await contactApplyStore.create(obj)
-        ElMessage({ message: `获取联系方式成功等待消息通知`, type: 'success' })
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
       })
       .catch(() => {})
   } else ElMessage({ message: '未登录！', type: 'error' })
@@ -336,16 +336,18 @@ const sizeChange = (limits) => {
           .infoButton {
             margin: 10px 0 0 0;
             .button {
-              width: 152px;
-              height: 36px;
-              background: #3278f4;
-              border-radius: 18px;
-              font-size: $global-font-size-14;
-              font-weight: 500;
-              color: #ffffff;
-              text-align: center;
-              line-height: 36px;
-              cursor: pointer;
+              cursor: default;
+              margin-top: 20px;
+              justify-content: center;
+              display: flex;
+              align-items: center;
+              width: 136px;
+              height: 44px;
+              color: #fff;
+              font-size: $global-font-size-16;
+              background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+              background-blend-mode: normal, normal;
+              border-radius: 4px;
             }
           }
         }

src/views/detail/demandDetail.vue

@@ -47,9 +47,9 @@
           </div>
           <div class="state">待解决</div>
         </div>
-        <div class="title"><i></i>联系方式</div>
+        <div class="title"><i></i>预约对接</div>
         <div class="infoButton">
-          <div class="button" @click="toChat">获取联系方式</div>
+          <div class="button" @click="toChat">预约对接</div>
         </div>
         <div class="title"><i></i>需求描述</div>
         <div class="info_3">
@@ -221,14 +221,14 @@ const toCollect = async () => {
 }
 const toChat = () => {
   if (user.value.id) {
-    ElMessageBox.confirm(`您确认要获取联系方式?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
       .then(async () => {
         let source_id = route.query.id
         let source = 'demand'
         let apply_user = user.value.id
         const obj = { source_id, source, apply_user }
         await contactApplyStore.create(obj)
-        ElMessage({ message: `获取联系方式成功等待消息通知`, type: 'success' })
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
       })
       .catch(() => {})
   } else ElMessage({ message: '未登录！', type: 'error' })
@@ -333,16 +333,18 @@ const toChat = () => {
     .infoButton {
       margin: 10px 0 0 0;
       .button {
-        width: 152px;
-        height: 36px;
-        background: #3278f4;
-        border-radius: 18px;
-        font-size: $global-font-size-14;
-        font-weight: 500;
-        color: #ffffff;
-        text-align: center;
-        line-height: 36px;
-        cursor: pointer;
+        cursor: default;
+        margin-top: 20px;
+        justify-content: center;
+        display: flex;
+        align-items: center;
+        width: 136px;
+        height: 44px;
+        color: #fff;
+        font-size: $global-font-size-16;
+        background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+        background-blend-mode: normal, normal;
+        border-radius: 4px;
       }
     }
     .title {

src/views/detail/expertDetail.vue

@@ -25,7 +25,7 @@
             </div>
           </div>
           <div class="infoButton">
-            <div class="button" @click="toChat">获取联系方式</div>
+            <div class="button" @click="toChat">预约对接</div>
           </div>
           <div class="infoBrief">
             <div class="Brief_1">
@@ -145,14 +145,14 @@ const toActive = (item) => {
 }
 const toChat = () => {
   if (user.value.id) {
-    ElMessageBox.confirm(`您确认要获取联系方式?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
       .then(async () => {
         let source_id = route.query.id
         let source = 'expert'
         let apply_user = user.value.id
         const obj = { source_id, source, apply_user }
         await contactApplyStore.create(obj)
-        ElMessage({ message: `获取联系方式成功等待消息通知`, type: 'success' })
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
       })
       .catch(() => {})
   } else ElMessage({ message: '未登录！', type: 'error' })
@@ -243,16 +243,18 @@ const toCollect = async () => {
         justify-content: center;
         margin: 10px 0 0 0;
         .button {
-          width: 152px;
-          height: 36px;
-          background: #3278f4;
-          border-radius: 18px;
-          font-size: $global-font-size-14;
-          font-weight: 500;
-          color: #ffffff;
-          text-align: center;
-          line-height: 36px;
-          cursor: pointer;
+          cursor: default;
+          margin-top: 20px;
+          justify-content: center;
+          display: flex;
+          align-items: center;
+          width: 136px;
+          height: 44px;
+          color: #fff;
+          font-size: $global-font-size-16;
+          background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+          background-blend-mode: normal, normal;
+          border-radius: 4px;
         }
       }
 

src/views/detail/industryDetail.vue

@@ -110,6 +110,15 @@
         </div>
       </div>
     </el-col>
+    <el-col :span="24" class="one">
+      <div class="title animate__animated animate__fadeInDown">
+        <div class="title_1">预约对接</div>
+        <div class="title_2">Appointment Docking</div>
+      </div>
+      <div class="one_5 w_1300">
+        <div class="button" @click="toChat">预约对接</div>
+      </div>
+    </el-col>
   </custom-layout>
 </template>
 
@@ -131,7 +140,13 @@ import 'swiper/css/scrollbar'
 const modules = reactive([Autoplay, Pagination, Navigation, Virtual])
 // 接口
 import { SectorStore } from '@/store/api/platform/sector'
+import { ContactApplyStore } from '@/store/api/user/contactApply'
+const contactApplyStore = ContactApplyStore()
 const store = SectorStore()
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
 
 // 加载中
 const loading = ref(false)
@@ -179,6 +194,20 @@ const prevBtn = () => {
 const nextBtn = () => {
   useSwiper.slideNext()
 }
+const toChat = () => {
+  if (user.value.id) {
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+      .then(async () => {
+        let source_id = route.query.id
+        let source = 'sector'
+        let apply_user = user.value.id
+        const obj = { source_id, source, apply_user }
+        await contactApplyStore.create(obj)
+        ElMessage({ message: `获取预约对接成功等待消息通知`, type: 'success' })
+      })
+      .catch(() => {})
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
 </script>
 <style scoped lang="scss">
 .main {
@@ -339,6 +368,25 @@ const nextBtn = () => {
         }
       }
     }
+    .one_5 {
+      display: flex;
+      justify-content: center;
+      margin: 20px auto;
+      .button {
+        cursor: default;
+        margin-top: 20px;
+        justify-content: center;
+        display: flex;
+        align-items: center;
+        width: 136px;
+        height: 44px;
+        color: #fff;
+        font-size: $global-font-size-16;
+        background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+        background-blend-mode: normal, normal;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/views/detail/parts/project.vue

@@ -1,60 +0,0 @@
-<template>
-  <div id="index">
-    <el-row>
-      <el-col :span="24" class="main">
-        <el-col :span="24" class="one">
-          <el-form label-position="top" ref="ruleFormRef" :model="form" :rules="rules" label-width="80px" class="form">
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="姓名" prop="name">
-                  <el-input clearable v-model="form.name" placeholder="请输入姓名"> </el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="电话号" prop="phone">
-                  <el-input clearable v-model="form.phone" placeholder="请输入电话号"> </el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="单位" prop="work">
-                  <el-input clearable v-model="form.work" placeholder="请输入单位名称"> </el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="电子邮箱" prop="email">
-                  <el-input clearable v-model="form.email" placeholder="请输入电子邮箱"> </el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-form-item label="备注" prop="brief">
-              <el-input v-model="form.remark" :autosize="{ minRows: 2, maxRows: 8 }" type="textarea" placeholder="请输入备注" />
-            </el-form-item>
-            <el-form-item>
-              <el-col :span="24" class="button">
-                <el-button type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
-              </el-col>
-            </el-form-item>
-          </el-form>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-const ruleFormRef = inject('ruleFormRef')
-const form = inject('form')
-const rules = inject('rules')
-const submitForm = inject('submitForm')
-</script>
-<style scoped lang="scss">
-.main {
-  .one {
-    .button {
-      text-align: center;
-    }
-  }
-}
-</style>

src/views/detail/projectDetail.vue

@@ -36,7 +36,7 @@
               </div>
               <div class="other_1">
                 <div class="name">{{ info.person || '暂无' }}</div>
-                <div class="button" @click="dialog = true">预约对接</div>
+                <div class="button" @click="toChat">预约对接</div>
               </div>
             </div>
             <div class="inose_top">
@@ -124,9 +124,6 @@
       </div>
     </el-col>
   </custom-layout>
-  <el-dialog v-model="dialog" title="对接预约" :destroy-on-close="true" @close="toClose">
-    <data-form></data-form>
-  </el-dialog>
 </template>
 
 <script setup>
@@ -135,13 +132,13 @@ import biao_1 from '/images/biao_1.png'
 import biao_2 from '/images/biao_2.png'
 import biao_3 from '/images/biao_3.png'
 
-// 组件
-import dataForm from './parts/project.vue'
 // 接口
 import { ProjectStore } from '@/store/api/platform/project'
 import { ExpertStore } from '@/store/api/user/expert'
+import { ContactApplyStore } from '@/store/api/user/contactApply'
 const store = ProjectStore()
 const expertStore = ExpertStore()
+const contactApplyStore = ContactApplyStore()
 import { UserStore } from '@/store/user'
 const userStore = UserStore()
 const user = computed(() => userStore.user)
@@ -162,24 +159,6 @@ const info = ref({})
 const expertList = ref([])
 const projectList = ref([])
 
-const form = ref({})
-const dialog = ref(false)
-
-const ruleFormRef = ref()
-const validatePhoneNumber = (rule, value, callback) => {
-  const reg = /^1[3-9]\d{9}$/
-  if (!value) {
-    return callback(new Error('手机号不能为空'))
-  }
-  if (!reg.test(value)) {
-    return callback(new Error('请输入正确的手机号'))
-  }
-  callback()
-}
-const rules = reactive({
-  name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
-  phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }]
-})
 // 请求
 onMounted(async () => {
   loading.value = true
@@ -228,19 +207,6 @@ const toMore = (type) => {
   if (type == '0') router.push({ path: '/expert' })
   else if (type == '1') router.push({ path: '/project' })
 }
-// 报名
-const submitForm = async (formEl) => {
-  if (user.value.id) {
-    await toClose()
-    ElMessage.success('预约对接成功！')
-  } else {
-    ElMessage.error('用户未登录无法预约对接！')
-  }
-}
-const toClose = () => {
-  dialog.value = false
-  form.value = {}
-}
 const toCollect = async () => {
   if (user.value.id) {
     info.value.is_collection = !info.value.is_collection
@@ -265,11 +231,20 @@ const toCollect = async () => {
     }
   } else ElMessage({ message: '未登录！', type: 'error' })
 }
-// provide
-provide('form', form)
-provide('rules', rules)
-provide('ruleFormRef', ruleFormRef)
-provide('submitForm', submitForm)
+const toChat = () => {
+  if (user.value.id) {
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+      .then(async () => {
+        let source_id = route.query.id
+        let source = 'project'
+        let apply_user = user.value.id
+        const obj = { source_id, source, apply_user }
+        await contactApplyStore.create(obj)
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
+      })
+      .catch(() => {})
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
 </script>
 <style scoped lang="scss">
 .main {

src/views/detail/supplyDetail.vue

@@ -41,9 +41,9 @@
           </div>
           <!-- <div class="state">待解决</div> -->
         </div>
-        <div class="title"><i></i>联系方式</div>
+        <div class="title"><i></i>预约对接</div>
         <div class="infoButton">
-          <div class="button" @click="toChat">获取联系方式</div>
+          <div class="button" @click="toChat">预约对接</div>
         </div>
         <div class="title"><i></i>供给描述</div>
         <div class="info_3">
@@ -210,14 +210,14 @@ const toCollect = async () => {
 }
 const toChat = () => {
   if (user.value.id) {
-    ElMessageBox.confirm(`您确认要获取联系方式?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+    ElMessageBox.confirm(`您确认要预约对接?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
       .then(async () => {
         let source_id = route.query.id
         let source = 'supply'
         let apply_user = user.value.id
         const obj = { source_id, source, apply_user }
         await contactApplyStore.create(obj)
-        ElMessage({ message: `获取联系方式成功等待消息通知`, type: 'success' })
+        ElMessage({ message: `预约对接成功等待消息通知`, type: 'success' })
       })
       .catch(() => {})
   } else ElMessage({ message: '未登录！', type: 'error' })
@@ -312,16 +312,18 @@ const toChat = () => {
     .infoButton {
       margin: 10px 0 0 0;
       .button {
-        width: 152px;
-        height: 36px;
-        background: #3278f4;
-        border-radius: 18px;
-        font-size: $global-font-size-14;
-        font-weight: 500;
-        color: #ffffff;
-        text-align: center;
-        line-height: 36px;
-        cursor: pointer;
+        cursor: default;
+        margin-top: 20px;
+        justify-content: center;
+        display: flex;
+        align-items: center;
+        width: 136px;
+        height: 44px;
+        color: #fff;
+        font-size: $global-font-size-16;
+        background-image: linear-gradient(90deg, #0455da 0%, #378cff 100%), linear-gradient(#0455da, #0455da);
+        background-blend-mode: normal, normal;
+        border-radius: 4px;
       }
     }
     .title {