更新

src/views/task_template/dialog_index_personnel.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <!-- <el-card class="!border-none" shadow="never">
+    <el-card class="!border-none" shadow="never">
       <el-form class="mb-[-16px]" :model="queryParams" inline>
         <el-form-item label="负责人名称" prop="name">
           <el-input
@@ -26,10 +26,11 @@
           <el-button @click="resetParams">重置</el-button>
         </el-form-item>
       </el-form>
-    </el-card> -->
+    </el-card>
     <el-card class="!border-none" v-loading="pager.loading" shadow="never">
       <div class="mt-4">
-        <el-table :data="pager.lists" @cell-click="handleCurrentChange">
+        <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55" />
           <el-table-column label="账号" prop="account" min-width="120" />
           <el-table-column label="头像" prop="avatar" min-width="80">
             <template #default="{ row }">
@@ -60,6 +61,15 @@
       <div class="flex mt-4 justify-end">
         <pagination v-model="pager" @change="getLists" />
       </div>
+
+      <template #footer>
+        <div style="float: right;">
+          <el-button @click="offPop">取消</el-button>
+          <el-button type="primary" @click="handleCurrentChange">确定</el-button>
+        </div>
+       
+      </template>
+
     </el-card>
   </div>
 </template>
@@ -81,7 +91,9 @@ const { optionsData } = useDictOptions<{
 });
 // 查询条件
 const queryParams = reactive({
-  company_id: "",
+  nickname:"",
+  role_id:""
+
 });
 const props = defineProps({
   company_id: {
@@ -89,15 +101,27 @@ const props = defineProps({
     defaults: 0,
   },
 });
-queryParams.company_id = props.company_id;
+// queryParams.company_id = props.company_id;
 
 // 选中数据
-const emits = defineEmits(["customEvent"]);
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map((item) => ( {id:item.id,nickName:item.nickname} ))
+}
+const emits = defineEmits(["customEvent",'off']);
 
 // 选中数据子父传递
-const handleCurrentChange = (value: any) => {
+const handleCurrentChange = () => {
-  emits("customEvent", value);
+
+  emits("customEvent", selectData);
 };
+const offPop=()=> (
+  emits("off")
+)
 
 // 分页相关
 const { pager, getLists, resetParams, resetPage } = usePaging({

src/views/task_template/edit.vue

@@ -104,17 +104,17 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="完成时间" prop="end_time">
-          <el-date-picker format="YYYY/MM/DD" value-format="YYYY-MM-DD" :disabled="mode != 'add'" v-model="formData.end_time" type="date"
+          <el-date-picker format="YYYY/MM/DD" value-format="YYYY-MM-DD" :disabled="mode != 'add'"
-            placeholder="请选择时间" style="width: 50vw;" />
+            v-model="formData.end_time" type="date" placeholder="请选择时间" style="width: 50vw;" />
         </el-form-item>
         <el-form-item label="任务描述" prop="content">
-          <el-input v-model="formData.content" clearable   placeholder="请输入任务描述" type="textarea"
+          <el-input v-model="formData.content" clearable placeholder="请输入任务描述" type="textarea" autosize />
-            autosize />
         </el-form-item>
       </el-form>
       <taskMap v-if="mapShow" ref="mapRef" @success="setMap" @close=""></taskMap>
       <el-dialog v-model="personnelShow" ref="personnelRef" title="选择负责人" width="60%">
-        <personnelPopup @custom-event="changePersonner" :company_id="formData.company_id"></personnelPopup>
+        <personnelPopup @custom-event="changePersonner" @off="personnelShow = false" :company_id="formData.company_id">
+        </personnelPopup>
       </el-dialog>
     </popup>
   </div>
@@ -175,7 +175,7 @@ const formData = reactive({
   // money_two: 0, // 二阶段金额
   // money_three: 0, // 长期金额
   // types: "", //阶段类型
-  director_uid: "", //任务负责人
+  director_uid: [], //任务负责人
   task_admin_name: "", //任务负责人
   // recharge: "",
   // extend: {
@@ -419,8 +419,13 @@ const setMap = (e: any) => {
 const personnelShow = ref(false);
 const personnelRef = shallowRef<InstanceType<typeof personnelPopup>>();
 const changePersonner = (e: any) => {
-  formData.director_uid = e.id;
+  const transformedArr = e.value.reduce((acc:any, obj:any) => {
-  formData.task_admin_name = e.nickname;
+  acc[0].push(obj.id);
+  acc[1].push(obj.nickName);
+  return acc;
+}, [[], []]);
+  formData.director_uid = transformedArr[0];
+  formData.task_admin_name = transformedArr[1].join(',');
   personnelShow.value = false;
 };