From 2634610ac7796cf209ae84d2cc25032b2f6d05fb Mon Sep 17 00:00:00 2001
From: hupeng <guchengwuyue@163.com>
Date: Mon, 18 Nov 2024 10:24:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E8=81=94=E7=B3=BB=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=8E=E5=85=AC=E6=B5=B7=E5=A2=9E=E5=8A=A0=E5=8F=91=E7=9F=AD?=
 =?UTF-8?q?=E4=BF=A1=20=E5=8F=91=E9=82=AE=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/crm/crmcustomercontacts/index.vue   | 47 ++++++++++++++++---
 .../src/views/crm/crmopencustomer/index.vue   | 40 +++++++++++++++-
 2 files changed, 79 insertions(+), 8 deletions(-)

diff --git a/yshop-crm-vue/src/views/crm/crmcustomercontacts/index.vue b/yshop-crm-vue/src/views/crm/crmcustomercontacts/index.vue
index 0291e6e..99100fe 100644
--- a/yshop-crm-vue/src/views/crm/crmcustomercontacts/index.vue
+++ b/yshop-crm-vue/src/views/crm/crmcustomercontacts/index.vue
@@ -74,21 +74,30 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <!-- <el-button
-          type="primary"
+        <el-button
+          type="warning"
           plain
-          @click="openForm('create')"
-          v-hasPermi="['crm:customer-contacts:create']"
+          @click="openSms"
+          :disabled = "isDisabled"
         >
-          <Icon icon="ep:delete" class="mr-5px" /> 回收站
-        </el-button> -->
+          <Icon icon="ep:notification" class="mr-5px" /> 发短信
+        </el-button>
+        <el-button
+          type="danger"
+          plain
+          @click="openMail"
+          :disabled = "isDisabled"
+        >
+          <Icon icon="ep:message" class="mr-5px" /> 发邮件
+        </el-button>
       </el-form-item>
     </el-form>
   </ContentWrap>
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="40" />
       <el-table-column label="客户名称" align="center" prop="customerName" width="150"  />
       <el-table-column label="姓名" align="center" prop="name" width="150"  />
       <el-table-column label="手机" align="center" prop="mobile" width="120" />
@@ -160,6 +169,8 @@
 
   <!-- 表单弹窗：添加/修改 -->
   <CustomerContactsForm ref="formRef" @success="getList" />
+  <SmsTemplateSendForm ref="smsTemplateSendFormRef"  />
+  <MailTemplateSendForm ref="mailTemplateSendFormRef"  />
 </template>
 
 <script setup lang="ts">
@@ -167,6 +178,8 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { CustomerContactsApi, CustomerContactsVO } from '@/api/crm/crmcustomercontacts'
 import CustomerContactsForm from './CustomerContactsForm.vue'
+import SmsTemplateSendForm from '@/views/components/sms/SmsTemplateSendForm.vue'
+import MailTemplateSendForm from '@/views/components/email/MailTemplateSendForm.vue'
 
 /** 联系人 列表 */
 defineOptions({ name: 'CrmCustomerContacts' })
@@ -194,6 +207,8 @@ const queryParams = reactive({
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
 const activeIndex = ref('my')
+const selectCustomers = ref([])
+const isDisabled = ref(true)
 
 /** 查询列表 */
 const getList = async () => {
@@ -207,6 +222,13 @@ const getList = async () => {
   }
 }
 
+const handleSelectionChange = (val) => {
+  if(val.length > 0) {
+    isDisabled.value = false
+  }
+  selectCustomers.value = val
+}
+
 const handleSelect = (key) => {
   queryParams.relation = key
   getList()
@@ -258,6 +280,17 @@ const handleExport = async () => {
   }
 }
 
+const smsTemplateSendFormRef = ref()
+const openSms = () => {
+  smsTemplateSendFormRef.value.open(selectCustomers.value,false)
+}
+
+const mailTemplateSendFormRef = ref()
+const openMail = () => {
+  mailTemplateSendFormRef.value.open(selectCustomers.value,false)
+}
+
+
 /** 初始化 **/
 onMounted(() => {
   getList()
diff --git a/yshop-crm-vue/src/views/crm/crmopencustomer/index.vue b/yshop-crm-vue/src/views/crm/crmopencustomer/index.vue
index d968871..931e29b 100644
--- a/yshop-crm-vue/src/views/crm/crmopencustomer/index.vue
+++ b/yshop-crm-vue/src/views/crm/crmopencustomer/index.vue
@@ -98,13 +98,28 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button
+          plain
+          @click="openSms"
+          :disabled = "isDisabled"
+        >
+          <Icon icon="ep:notification" class="mr-5px" /> 发短信
+        </el-button>
+        <el-button
+          plain
+          @click="openMail"
+          :disabled = "isDisabled"
+        >
+          <Icon icon="ep:message" class="mr-5px" /> 发邮件
+        </el-button>
       </el-form-item>
     </el-form>
   </ContentWrap>
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="40" />
       <el-table-column label="ID" align="center" prop="id" />
       <el-table-column label="客户名称" align="center" prop="name" width="200" />
       <el-table-column label="手机" align="center" prop="mobile" width="120" />
@@ -183,6 +198,9 @@
     />
   </ContentWrap>
 
+  <SmsTemplateSendForm ref="smsTemplateSendFormRef"  />
+  <MailTemplateSendForm ref="mailTemplateSendFormRef"  />
+
 </template>
 
 <script setup lang="ts">
@@ -190,6 +208,8 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { CustomerApi, CustomerVO } from '@/api/crm/crmcustomer'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import SmsTemplateSendForm from '@/views/components/sms/SmsTemplateSendForm.vue'
+import MailTemplateSendForm from '@/views/components/email/MailTemplateSendForm.vue'
 
 
 /** 客户 列表 */
@@ -220,6 +240,8 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const selectCustomers = ref([])
+const isDisabled = ref(true)
 
 /** 查询列表 */
 const getList = async () => {
@@ -250,6 +272,22 @@ const resetQuery = () => {
   handleQuery()
 }
 
+const handleSelectionChange = (val) => {
+  if(val.length > 0) {
+    isDisabled.value = false
+  }
+  selectCustomers.value = val
+}
+
+const smsTemplateSendFormRef = ref()
+const openSms = () => {
+  smsTemplateSendFormRef.value.open(selectCustomers.value,true)
+}
+
+const mailTemplateSendFormRef = ref()
+const openMail = () => {
+  mailTemplateSendFormRef.value.open(selectCustomers.value,true)
+}
 
 
 const handleReceive = async (id: number) => {