feat : 需求变更详情修改

src/views/project-management/implementation/components/ToolToShowUserPicker.vue

@@ -0,0 +1,25 @@
+<template>
+  <el-button type="primary" link >
+    {{ modelValue || '请选择抄送人员' }}
+  </el-button>
+</template>
+
+<script setup>
+import { ref, watch, watchEffect } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: ''
+  }
+})
+
+// const emit = defineEmits('update: modelValue')
+
+const localText = ref('')
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/project-management/implementation/phase.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="apply-block">
+    <div>
+      抄送人员:
+      <Ttsup :modelValue="chooseUserInfo()" @click="chooseUser"/>
+    </div>
+    <user-picker :multiple="true" ref="userPicker" title="请选择抄送人员" v-model:value="userList" @ok="selected"/>
     <AttachmentUpload ref="attachment" label="阶段变更附件" :showTable="showTable" :otherFileList="otherFileList"
                       @getAttachment="getAttachment"
-                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData" :preview="name === 'Phase/edit'"/>
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
+                      :preview="name === 'Phase/edit'"/>
     <div class="approval-record">
       <baseTitle title="流程"></baseTitle>
       <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
@@ -16,7 +22,9 @@
 
 <script setup lang="jsx">
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
-import {getPhaseProcess,submitPhaseChange,getPhaseForm,resubmitPhaseForm} from "@/api/project-manage";
+import UserPicker from "@/views/workflow/process/common/UserPicker.vue";
+import Ttsup from './components/ToolToShowUserPicker.vue'
+import {getPhaseProcess, submitPhaseChange, getPhaseForm, resubmitPhaseForm} from "@/api/project-manage";
 import {ElNotification} from "element-plus";
 import {useProcessStore} from '@/stores/processStore.js';
 import {useTagsView} from '@/stores/tagsview.js'
@@ -25,6 +33,7 @@ const tagsViewStore = useTagsView()
 const router = useRouter()
 const route = useRoute()
 const attachment = ref()
+const userPicker = ref()
 const name = ref(router.currentRoute.value.name)
 const loading = ref(false)
 const formData = ref({})
@@ -34,6 +43,7 @@ const showTable = ref(true)
 const otherFileList = ref([])
 const processInstanceData = ref()
 const processDiagramViewer = ref(true)
+const userList = ref([])
 const processStore = useProcessStore()
 const compositeParam = (item) => {
   let tag = ''
@@ -70,7 +80,32 @@ const getFileParam = (item) => {
     tag: item.tag
   }
 }
-const handleSubmit =async () => {
+
+const chooseUser = () => {
+  userPicker.value.showUserPicker()
+}
+const chooseUserInfo = () => {
+  if (userList.value.length > 0){
+    return userList.value.map(item => {
+      return item.name
+    }).join(',')
+  }else {
+    return "请选择抄送人员"
+  }
+}
+const selected = (select) => {
+  let userInfoList = []
+  for (let val of select) {
+    let userInfo = {
+      id: val.id,
+      name: val.name,
+      avatar: val.avatar,
+    }
+    userInfoList.push(userInfo)
+  }
+  userList.value = userInfoList
+}
+const handleSubmit = async () => {
   let files = []
   let singleFile = {}
   let fileArray
@@ -83,12 +118,19 @@ const handleSubmit =async () => {
   fileArray.forEach(item => {
     files.push(getFileParam(item))
   })
+  let userIds = []
+  if (userList.value.length > 0){
+    userIds = userList.value.map(item => {
+      return item.id
+    })
+  }
   let params = {
     deploymentId: deploymentId.value,
     requirementId: route.query.id,
     fileList: files,
     singleFile: singleFile,
     projectId: route.query.projectId,
+    userIds: userIds
   }
   if (JSON.stringify(singleFile) === "{}") {
     attachment.value.validate()
@@ -98,28 +140,28 @@ const handleSubmit =async () => {
       type: 'error'
     })
     return;
-    }else {
+  } else {
     attachment.value.clearValidate()
   }
-    console.log('params-提交', params)
+  console.log('params-提交', params,userList.value)
-    let res = await submitPhaseChange(params)
+  // let res = await submitPhaseChange(params)
-    ElNotification({
+  // ElNotification({
-      title: '提示',
+  //   title: '提示',
-      message: res.msg,
+  //   message: res.msg,
-      type: res.code === 1000 ? 'success' : 'error'
+  //   type: res.code === 1000 ? 'success' : 'error'
-    })
+  // })
-    if (res.code === 1000) {
+  // if (res.code === 1000) {
-      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+  //   tagsViewStore.delVisitedViews(router.currentRoute.value.path)
-      await router.push({
+  //   await router.push({
-        name: 'Implementation'
+  //     name: 'Implementation'
-      })
+  //   })
-    }
+  // }
 }
 const handleResubmit = (instance) => {
   let singleFile = {}
   let otherFiles = []
   let fileArray
-    if (attachment.value.singleFile!==null&&name.value === 'Phase/edit') {
+  if (attachment.value.singleFile !== null && name.value === 'Phase/edit') {
     singleFile = {
       fileId: attachment.value.singleFile.fileId
     }
@@ -135,6 +177,12 @@ const handleResubmit = (instance) => {
   fileArray.forEach(item => {
     otherFiles.push(getFileParam(item))
   })
+  let userIds = []
+  if (userList.value.length > 0){
+    userIds = userList.value.map(item => {
+      return item.id
+    })
+  }
   //todo requirementId
   let params = {
     deploymentId: deploymentId.value,
@@ -142,6 +190,7 @@ const handleResubmit = (instance) => {
     fileList: otherFiles,
     singleFile: singleFile,
     projectId: route.query.projectId,
+    userIds: userIds
   }
   if (JSON.stringify(singleFile) === "{}") {
     attachment.value.validate()
@@ -151,7 +200,7 @@ const handleResubmit = (instance) => {
       type: 'error'
     })
     return;
-    }else {
+  } else {
     attachment.value.clearValidate()
   }
   console.log('重新提交params', params)
@@ -170,7 +219,7 @@ const handleResubmit = (instance) => {
   })
 }
 const init = async () => {
-  const {msg, code,data} = await getPhaseProcess()
+  const {msg, code, data} = await getPhaseProcess()
   processDiagramViewer.value = false
   if (code === 1000) {
     deploymentId.value = data.deploymentId
@@ -184,11 +233,11 @@ const init = async () => {
     nextTick(() => {
       processDiagramViewer.value = true
     })
-  }else {
+  } else {
     ElNotification({
       title: '提示',
       message: msg,
-      type:'error'
+      type: 'error'
     })
   }
 }
@@ -201,21 +250,21 @@ const getDetailInfo = async () => {
     })
     if (res.code === 1000) {
       formData.value = res.data
-      loading.value=false
+      loading.value = false
     }
   })
 }
 onMounted(async () => {
   await init()
-  if (name.value === 'Phase/edit'){
+  if (name.value === 'Phase/edit') {
-    loading.value=true
+    loading.value = true
     await getDetailInfo()
   }
 })
 </script>
 
 <style scoped>
-.apply-block{
+.apply-block {
   margin: 15px 0;
 }
 </style>

vite.config.js

@@ -1,8 +1,8 @@
-import {fileURLToPath, URL} from 'node:url'
+import { fileURLToPath, URL } from 'node:url'
-import {defineConfig} from 'vite'
+import { defineConfig } from 'vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
-import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import Icons from 'unplugin-icons/vite'
 import IconsResolver from 'unplugin-icons/resolver'
 import vue from '@vitejs/plugin-vue'
@@ -17,7 +17,7 @@ export default defineConfig({
     vueJsx(),
     AutoImport({
       //自动导入vue相关函数
-      imports: ['vue', 'vue-router'],
+      imports: ['vue','vue-router'],
       resolvers: [
         ElementPlusResolver(),
         //自动导入图标组件
@@ -69,8 +69,8 @@ export default defineConfig({
     open: true,
     proxy: {
       // '/api/workflow': {
-      //   target: 'http://frp.feashow.cn:31800/',
+      //   // target: 'http://frp.feashow.cn:31800/',
-      //   // target: 'http://clay.frp.feashow.cn/',
+      //   target: 'http://clay.frp.feashow.cn/',
       //   // target: 'http://192.168.31.175:8000',
       //   changeOrigin: true,
       //   rewrite: (path) => path.replace(/^\/api/, '')
@@ -80,19 +80,19 @@ export default defineConfig({
       //   target: 'http://clay.frp.feashow.cn/',
       //   // target: 'http://192.168.31.175:8000',
       //   changeOrigin: true,
-      //   rewrite: (path) => path.replace(/^\/summary/, '')
+      //   rewrite: (path) => path.replace(/^\/api/, '')
       // },
       '/api': {
-        target: 'http://mosr.feashow.cn',
+        // target: 'http://mosr.feashow.cn/',
-        // target: 'http://clay.frp.feashow.cn/',
+        target: 'http://10.7.127.57:8000',
         changeOrigin: true,
-        // rewrite: (path) => path.replace(/^\/api/, '')
+        rewrite: (path) => path.replace(/^\/api/, '')
       },
-      // '/summary/notice-ws': {
+      '/api/notice-ws': {
-      //   target: 'ws://mosr.feashow.cn/summary/notice-ws',
+        target: 'ws://mosr.feashow.cn/api/notice-ws',
-      //   ws: true,
+        ws: true,
-      //   changeOrigin: true,
+        changeOrigin: true,
-      // }
+      }
     }
   }
 })