-- 项目自动带出组织

src/components/project/ProjectManagerNew.vue

@@ -9,7 +9,7 @@
       :placeholder="placeholder"
       :filterOption="false"
       style="width: 100%"
-      :options="options"
+      :options="isOpen?options:selectOptions"
       allowClear
       showSearch
       :mode="mode"
@@ -39,13 +39,17 @@ const props = defineProps({
     default: ''
   },
   disabled: Boolean,
-  placeholder: String,
+  placeholder: {
+    type: String,
+    default: "请输入搜索关键字",
+  },
   mode: String
 })
 
-
 const options = ref([])
 
+const selectOptions = ref([])
+
 const managerArray = computed(() => props.mode === 'select' ? props.value : (props.value ? props.value.split(',') : []))
 
 const emit = defineEmits({})
@@ -61,10 +65,10 @@ watch(() => memberParam.value.pageNo, throttle(getPageMember, 500))
 watch(props, init)
 
 function init() {
-  props.value && (options.value = props.value.split(',').map((e, i) => ({
-    value: e,
-    label: props.name.split(',')[i]
-  })))
+  //第一次进来 编辑赋值
+  if (props.value && (props.value + '') !== selectOptions.value.map(e => e.value).join(',')) {
+    selectOptions.value = (props.value + '').split(',').map((e, i) => ({label: props.name.split(',')[i], value: e}))
+  }
 }
 
 onMounted(() => {
@@ -94,7 +98,8 @@ function getMemberData() {
     }
     const list = res.data.data.rows.filter(e => !(props.value + '').includes(e.id)).map(e => ({
       label: e.realName,
-      value: e.id
+      value: e.id,
+      deptId: e.departId
     }));
     memberParam.value.pageNo === 1 && props.value ? (options.value = list) : options.value.push(...list)
     loading.value = false
@@ -117,16 +122,10 @@ const searchMember = (keyWord) => {
 };
 
 function change(e, l) {
-  console.log('change', l)
+  selectOptions.value = l
   isOpen.value = false
+  emit('onChange', e, l, selectOptions.value.find(e => e.deptId)?.deptId)
   if (Array.isArray(l)) {
-    // const selectIds = l.filter(t => t.value).map(t => t.value).join(',')
-    // const arr = props.value ? props.value.split(',').filter(e => !selectIds.includes(e)).map((e, i) => ({
-    //   value: e,
-    //   name: props.name.split(',')[i]
-    // })) : []
-    // l.push(...arr)
-    // l=l.filter(t => t.label)
     emit('update:name', l.map(t => t.label).join(','))
     emit('update:value', l.map(t => t.value).join(','))
   } else {

src/views/projectcenter/ProjectAdd.vue

@@ -128,6 +128,7 @@
             <ProjectManager
                 v-model:value="projectInfo.managerId"
                 v-model:name="projectInfo.manager"
+                @change="managerChange"
                 mode="multiple"
             ></ProjectManager>
           </div>
@@ -287,11 +288,11 @@
   </div>
 </template>
 <script>
-import { onMounted, reactive, toRefs, watch } from "vue";
-import { message } from "ant-design-vue";
-import { useRoute, useRouter } from "vue-router";
+import {onMounted, reactive, toRefs, watch} from "vue";
+import {message} from "ant-design-vue";
+import {useRoute, useRouter} from "vue-router";
 import * as api from "../../api/index";
-import { useStore } from "vuex";
+import {useStore} from "vuex";
 import ProjectClass from "@/components/project/ProjectClass";
 import TrainClass from "@/components/project/TrainClass";
 import OrgClass from "@/components/project/OrgClass";
@@ -330,7 +331,7 @@ export default {
     });
 
     onMounted(() => {
-      state.projectPic = store.state.projectPic.map((e) => ({value:e.dictValue,label:e.dictName}));
+      state.projectPic = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
       state.viewDetail = routers.query.viewDetail;
       getProjectInfo();
       getTemplate();
@@ -351,7 +352,7 @@ export default {
         return;
       }
       api
-        .getProjectDetail({ projectId: routers.query.projectId })
+          .getProjectDetail({projectId: routers.query.projectId})
           .then((res) => {
             state.projectInfo = res.data.data.projectInfo;
             state.projectInfo.rangeTime = [
@@ -458,8 +459,13 @@ export default {
       });
     };
 
+    function managerChange(e, l, d) {
+      state.projectInfo.sourceBelongId = d
+    }
+
     return {
       ...toRefs(state),
+      managerChange,
       timeChange,
       classificationChange,
       classificationChange5,
@@ -471,9 +477,10 @@ export default {
 };
 </script>
 <style lang="scss">
-.flex-top{
+.flex-top {
   align-items: flex-start !important;
 }
+
 .projectAdd {
   width: 100%;
   // height: inherit;

src/views/projectcenter/ProjectManage.vue

@@ -9,7 +9,6 @@
               v-model:value="searchParam.name"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入项目名称"
-              @change="sProjectNameChange"
               allowClear
               showSearch
           >
@@ -20,7 +19,6 @@
               v-model:value="searchParam.manager"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入项目经理"
-              @change="sProjectOrderChange"
               allowClear
               showSearch
           >
@@ -31,7 +29,6 @@
               v-model:value="searchParam.createName"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入项目创建人"
-              @change="sProjectCreateChange"
               allowClear
               showSearch
           >
@@ -212,6 +209,7 @@
               <ProjectManager
                   v-model:value="projectInfo.managerId"
                   v-model:name="projectInfo.manager"
+                  @onChange="managerChange"
                   mode="multiple"
               ></ProjectManager>
             </div>
@@ -1753,10 +1751,16 @@ export default {
               });
         }
     );
+
+    function managerChange(e, l, d) {
+      state.projectInfo.sourceBelongId = d
+    }
+
     return {
       ...toRefs(state),
       dayjs,
       moment,
+      managerChange,
       reFinashedProject,
       showBackFinashModal,
       timeChange,