From a17c81c5f34c10eb956289bcf89744b16c659fda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=88=B1=7E=E6=B5=B7=7E=E7=88=B1=E6=B5=B7=E7=88=B1?=
 =?UTF-8?q?=E6=B5=B7=7E=E5=8F=B3?= <1828712314@qq.com>
Date: Wed, 15 Jan 2025 11:48:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BC=81=E4=B8=9A=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BusinessCom/ChooseCompany/index.vue   | 163 ++++++++++++++++++++++
 src/api/system/enterprises/enterprises.js |   8 ++
 src/views/task/index.vue                  |  10 +-
 3 files changed, 180 insertions(+), 1 deletion(-)
 create mode 100644 src/BusinessCom/ChooseCompany/index.vue

diff --git a/src/BusinessCom/ChooseCompany/index.vue b/src/BusinessCom/ChooseCompany/index.vue
new file mode 100644
index 0000000..2d149d1
--- /dev/null
+++ b/src/BusinessCom/ChooseCompany/index.vue
@@ -0,0 +1,163 @@
+<template>
+  <teleport to="body">
+    <Transition name="wind">
+      <section
+        class="choose-container"
+        v-if="showChoose"
+        @click.self="showChoose = false"
+      >
+        <section class="choose-wrapper">
+          <el-form inline :model="form">
+            <el-form-item label="企业名称">
+              <el-input placeholder="请输入企业名称" style="width: 150px" />
+            </el-form-item>
+            <el-form-item label="区域">
+              <el-select
+                v-model="form.role"
+                placeholder="请选择区域"
+                style="width: 150px"
+              >
+                <el-option> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="行业">
+              <el-select
+                v-model="form.role"
+                placeholder="请选择行业"
+                style="width: 150px"
+              >
+                <el-option> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="部门">
+              <el-select
+                v-model="form.role"
+                placeholder="请选择部门"
+                style="width: 150px"
+              >
+                <el-option> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="规模">
+              <el-select
+                v-model="form.role"
+                placeholder="请选择角色"
+                style="width: 150px"
+              >
+                <el-option> </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary">查询</el-button>
+              <el-button>重置</el-button>
+            </el-form-item>
+          </el-form>
+	        <el-row>
+			        <el-checkbox>选择当前条件所有公司</el-checkbox>
+			        <el-checkbox>排除当前条件所有公司</el-checkbox>
+	        </el-row>
+          <el-table v-loading="loading" :data="tableData" @selection-change="tableSelect" max-height="52vh">
+            <el-table-column type="selection" />
+            <el-table-column
+              label="企业名称"
+              align="center"
+              key="enterprisesName"
+              prop="enterprisesName"
+            />
+          </el-table>
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            v-model:page="queryParams.pageNum"
+            v-model:limit="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </section>
+      </section>
+    </Transition>
+  </teleport>
+</template>
+
+<script setup>
+import { listEnterprises } from "@/api/system/enterprises/enterprises.js";
+const loading = ref(false);
+const tableData = ref([]);
+const showChoose = ref(false);
+const total = ref(0);
+const isSelect=ref([])
+const form = ref({
+  username: undefined,
+  role: undefined,
+  pageSize: 10,
+  pageNum: 1,
+});
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+  },
+});
+
+const { queryParams } = toRefs(data);
+
+function open() {
+  getList();
+  showChoose.value = true;
+}
+
+function getList() {
+  loading.value = true;
+  listEnterprises(queryParams.value).then((res) => {
+    tableData.value = res.rows;
+    total.value = res.total;
+    loading.value = false;
+  });
+}
+function tableSelect(ids){
+	isSelect.value=ids.map(row=>{
+		return row.id
+	})
+	console.log(isSelect.value)
+}
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.choose-container {
+  cursor: pointer;
+  position: absolute;
+  inset: 0;
+  background-color: var(--el-overlay-color-lighter);
+  z-index:1002;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .choose-wrapper {
+    width: 60vw;
+    height: 80vh;
+    background-color: #fff;
+    border-radius: var(--el-border-radius-base, 4px);
+    padding: 15px;
+  }
+}
+
+:deep(.el-form-item) {
+  margin-right: 15px;
+  margin-bottom: 15px;
+}
+
+.wind-enter-active,
+.wind-leave-active {
+  transition: opacity 0.5s ease-in-out;
+}
+
+.wind-enter-from,
+.wind-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/src/api/system/enterprises/enterprises.js b/src/api/system/enterprises/enterprises.js
index bdf79a7..65bcc74 100644
--- a/src/api/system/enterprises/enterprises.js
+++ b/src/api/system/enterprises/enterprises.js
@@ -42,3 +42,11 @@ export function delEnterprises(id) {
     method: 'delete'
   })
 }
+
+// 获取企业简要列表
+export function getSimpleList(){
+  return request({
+    url:'/system/enterprises/simpleList',
+    method:'get'
+  })
+}
diff --git a/src/views/task/index.vue b/src/views/task/index.vue
index 05e2610..358928c 100644
--- a/src/views/task/index.vue
+++ b/src/views/task/index.vue
@@ -103,7 +103,7 @@
 
       <el-table-column label="执行范围" prop="roleSort" align="center">
         <template #default>
-          <el-link type="primary">共200家</el-link>
+          <el-link type="primary" @click="selectCompany">共200家</el-link>
         </template>
       </el-table-column>
       <el-table-column
@@ -134,14 +134,18 @@
     />
 
     <TaskForm ref="taskFormRef" />
+
+	  <ChooseCompany  ref="chooseCompanyRef"/>
   </section>
 </template>
 
 <script setup>
 import TaskForm from "./form.vue";
+import ChooseCompany from '@/BusinessCom/ChooseCompany/index.vue'
 
 const { proxy } = getCurrentInstance();
 const { task_period_type } = proxy.useDict("task_period_type");
+const chooseCompanyRef=ref()
 const loading = ref(false);
 const showSearch = ref(true);
 const taskFormRef = ref();
@@ -201,6 +205,10 @@ function handleQuery() {
 function create() {
   unref(taskFormRef).open({ title: "新增任务" });
 }
+
+function  selectCompany(){
+	unref(chooseCompanyRef).open({ title: "选择执行范围" });
+}
 </script>
 
 <style scoped lang="scss"></style>