客户联系人与公海增加发短信 发邮件

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
+        <el-button
-          type="primary"
+          type="warning"
           plain
-          @click="openForm('create')"
+          @click="openSms"
-          v-hasPermi="['crm:customer-contacts:create']"
+          :disabled = "isDisabled"
         >
-          <Icon icon="ep:delete" class="mr-5px" /> 回收站
+          <Icon icon="ep:notification" class="mr-5px" /> 发短信
-        </el-button> -->
+        </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()

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) => {