feat : 抄送和if判断

src/views/workflow/process/config/CcNodeConfig.vue

@@ -1,20 +1,32 @@
 <template>
-  <el-button size="mini" icon="Plus" type="primary" @click="selectUser" round style="margin-bottom: 10px">选择抄送人
-  </el-button>
-  <!--  <div class="option">-->
-  <!--    <el-checkbox label="允许发起人添加抄送人" v-model="shouldAdd"></el-checkbox>-->
-  <!--  </div>-->
+
+  <el-form-item label="⚙ 选择审批对象" prop="text" class="user-type">
+    <el-radio-group v-model="nodeProps.assignedType">
+      <el-radio v-for="item in approvalTypes" :label="item.type" :key="item.type">{{ item.name }}</el-radio>
+    </el-radio-group>
+
+    <!--      <div v-else>-->
+    <!--        <span class="item-desc">发起人自己作为审批人进行审批</span>-->
+    <!--      </div>-->
+  </el-form-item>
+  <div v-if="nodeProps.assignedType === 'ASSIGN_USER'">
+    <el-button size="mini" icon="Plus" type="primary"  @click="selectUser" round>选择抄送人</el-button>
+    <avatar-ellipsis :row="3" :user-info="assignedUser"/>
+    <user-picker title="请选择抄送人" multiple ref="userPicker" :v-model="assignedUser" @ok="selectedUser"/>
+  </div>
+<!--  <div class="option">-->
+<!--    <el-checkbox label="允许发起人添加抄送人" v-model="shouldAdd"></el-checkbox>-->
+<!--  </div>-->
   <!--    <org-items v-model="select"/>-->
-  <avatar-ellipsis :row="3" :user-info="assignedUser" :showArrow="false" />
-  <user-picker title="请选择抄送人" multiple ref="userPicker" v-model:value="assignedUser" @ok="selectedUser"/>
 </template>
 
 <script setup>
+import {useProcessStore} from '@/stores/processStore.js'
 import {computed, defineProps} from 'vue'
 import UserPicker from "../common/UserPicker.vue";
 import AvatarEllipsis from "../common/AvatarEllipsis.vue";
-
-const userPicker = ref()
+const processStore = useProcessStore()
+const userPicker=ref()
 const props = defineProps({
   config: {
     type: Object,
@@ -23,6 +35,10 @@ const props = defineProps({
     }
   }
 })
+const approvalTypes = reactive([
+  {name: "指定人员", type: "ASSIGN_USER"},
+  {name: "财务部门研发投入核算对接人", type: "FINANCIAL_ASSOCIATE"},
+])
 const shouldAdd = computed({
   get() {
     return props.config.shouldAdd || false
@@ -31,6 +47,10 @@ const shouldAdd = computed({
     props.config.shouldAdd = val
   }
 })
+
+const nodeProps = computed(() => {
+  return processStore.getSelectedNode().props;
+})
 const assignedUser = computed({
   get() {
     return props.config.assignedUser || []
@@ -43,16 +63,16 @@ const selectUser = () => {
   userPicker.value.showUserPicker()
 }
 const selectedUser = (select) => {
-  // let userInfoList = []
-  // for (let val of select) {
-  //   let userInfo = {
-  //     id: val.id,
-  //     name: val.name,
-  //     avatar: val.avatar,
-  //   }
-  //   userInfoList.push(userInfo)
-  // }
-  assignedUser.value = select
+  let userInfoList = []
+  for (let val of select) {
+    let userInfo = {
+      id: val.id,
+      name: val.name,
+      avatar: val.avatar,
+    }
+    userInfoList.push(userInfo)
+  }
+  assignedUser.value = userInfoList
 }
 
 </script>