hrp-ui-base 1.0.1 → 1.0.2

package/packages/approval-process/packages/components/choose-member/index.vue

@@ -0,0 +1,497 @@
+<!-- 选择人员 - 多选 - 单选 -->
+<template>
+  <el-dialog v-model="dialogVisible" title="选择人员" :width="800" style="min-height:588px;border-radius: 8px;"
+    :footer="true" :show-close="false" class="searchDialog">
+    <div class="flexRowStart searchBox" v-loading="formLoading">
+      <div class="flexColumnStart searchItem">
+        <el-input v-model="searchContent"  placeholder="请输入用户名称查询" :suffix-icon="Search"
+          @input="goSearch" clearable v-if=" dataSources != 'role'" style="width: 100%"/>
+        <div class="companyNameBox flexRowStart" v-if="dataSources != 'user' && dataSources != 'role'">
+          <span v-for="(nameItem, nameIndex) in namebox" :key="nameIndex" class="companyNameBoxName"
+            @click="goPointLevel(nameItem, nameIndex)">
+            {{ nameItem.name }}
+            <span v-if="nameIndex != namebox.length - 1" class="companyNameBoxSymbol">
+              /
+            </span>
+          </span>
+        </div>
+        <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange" size="default"
+          v-if="formMultiple">全选</el-checkbox>
+
+        <el-checkbox-group v-model="checkedMember" @change="handleCheckedMemberChange" size="default"
+          class="flexColumnStart optionbox" v-if="formMultiple">
+          <div class="flexRowBetween" style="width:100%" v-for="(item, index) in departs" :key="item.deptId">
+            <el-checkbox :label="item" size="default" style="margin-bottom: 8px;font-size:18px;width: 340px;min-height:24px;max-height: 24px;
+                        " disabled>
+              {{
+    item.deptName
+  }}
+            </el-checkbox>
+            <div style="width:100px;height:24px;font-size: 16px;line-height: 16px;cursor: pointer;" class="flexRowStart"
+              @click.stop="goNextLevel(item)">
+              <el-icon style="margin-right:4px;">
+                <Expand />
+              </el-icon>{{ '下级' }}
+            </div>
+          </div>
+          <div class="flexRowBetween" style="width:100%" v-for="(item, index) in members" :key="item.userId">
+            <el-checkbox :label="item" size="default" style="margin-bottom: 8px;font-size:18px;width: 340px;min-height:24px;max-height: 24px;
+                        ">
+              {{
+    item.userName
+  }}
+            </el-checkbox>
+          </div>
+        </el-checkbox-group>
+        <el-radio-group v-if="!formMultiple" v-model="checkedMemberForRadio" size="default"
+          class="flexColumnStart optionbox" @change="radioChanged">
+          <div class="flexRowBetween" style="width:100%" v-for="(item, index) in departs" :key="item.deptId">
+            <el-radio :label="item" size="default" style="margin-bottom: 8px;font-size:18px;width: 250px;min-height:24px;max-height: 24px;
+                        " disabled>
+              <div class="flexRowBetween" style="width:300px">
+                {{
+    item.deptName
+  }}
+              </div>
+
+            </el-radio>
+            <div style="width:100px;height:24px;font-size: 16px;line-height: 16px;cursor: pointer;" class="flexRowStart"
+              @click.stop="goNextLevel(item)">
+              <el-icon style="margin-right:4px;">
+                <Expand />
+              </el-icon>{{ '下级' }}
+            </div>
+          </div>
+          <div class="flexRowBetween" style="width:100%" v-for="(item, index) in members" :key="item.userId">
+            <el-radio :label="item" size="default" style="margin-bottom: 8px;font-size:18px;width: 340px;min-height:24px;max-height: 24px;
+                        ">
+              {{
+    item.userName
+  }}
+            </el-radio>
+          </div>
+        </el-radio-group>
+      </div>
+      <div class="flexColumnStart searchItem"
+        style="padding-left: 8px;border-left: 2px solid #e3e3e3;height: 464px;width:48%;margin-left: 2px;">
+        <div class="flexRowBetween" style="width:100%;margin-bottom: 18px;">
+          <div>已选择</div>
+          <div style="color:skyblue;cursor: pointer;" @click="resetChoose">清空</div>
+        </div>
+        <div class="flexRowStartCenter" style="flex-wrap: wrap;">
+          <div class="chooseItem flexRowStartCenter" v-for="(item, index) in checkedMember" :key="item.userId">
+            <img :src="item.avatar" alt="" v-if="item.avatar">
+            <img src="hrp-ui-base/assets/process/defaultAvatar.png" alt="" v-if="!item.avatar">
+            <div class="chooseItemName">{{ item.userName }}</div>
+            <el-icon class="chooseItemIcon" @click="deleteCheckedItem(index)">
+              <Close />
+            </el-icon>
+          </div>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="cancelDia">取消</el-button>
+        <el-button type="primary" @click="saveDia">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, onMounted, shallowRef, toRefs, watch } from 'vue'
+import { Search, Watch } from '@element-plus/icons-vue'
+// import SystemUserController from 'hrp-ui-base/api/system/controller/user/SystemUserController'
+import DeptController from "hrp-ui-base/api/hrms/dept/deptController";
+import RoleController from "hrp-ui-base/api/hrms/role/roleController";
+import UserController from "hrp-ui-base/api/hrms/user/userController";
+import type { userBo, departBo, nameForSearchBo } from './BO/memberBo'
+import { debounce } from 'lodash';
+const formMultiple=  ref<boolean>(true)
+const emits = defineEmits(['success', 'changeCheckMemberId'])
+// 数据来源类型以及数据
+const dataSources = ref<string>("")
+  const dataSourcesCondition= ref<any[]>([])
+
+const open = (checkList:userBo[],multiple:boolean,sendDataSources:'user'| 'role'| 'all',sendDataSourcesCondition:any[])=>{
+  checkedMember.value = checkList  ? checkList : []
+  formMultiple.value = multiple
+  if(!multiple){
+    checkedMemberForRadio.value = checkedMember.value[0]
+  }
+  dataSources.value = sendDataSources
+  if(Array.isArray(sendDataSourcesCondition)){
+    dataSourcesCondition.value = sendDataSourcesCondition
+  }else{
+    dataSourcesCondition.value = []
+  }
+  changeDigVis(true)
+}
+/** 复制出的数据 */
+const copyMembers  = ref<userBo[]>([])
+const getList =async (id: string) => {
+  formLoading.value = true
+  if (dataSources.value == 'user') {
+    let userIds = <any>[]
+    if (dataSourcesCondition.value && dataSourcesCondition.value.length > 0) {
+      userIds = dataSourcesCondition.value
+    }
+    await UserController.getLivingUserListByIds(userIds).then((data) => {
+      if (data.res) {
+        let arr = <any>[]
+        if (data.res.length > 0) {
+          data.res.forEach((item) => {
+            arr.push({ ...item, id: item.userId })
+          })
+        }
+        members.value = arr
+        copyMembers.value = JSON.parse(JSON.stringify(arr))
+      }
+      // if (data.res && data.res.deptVoList) {
+      //     departs.value = data.res?.deptVoList
+      // }
+      // checkAll.value = false
+    })
+  } else if (dataSources.value == 'role') {
+    let roleIds = <any>[]
+    if (dataSourcesCondition.value && dataSourcesCondition.value.length > 0) {
+      roleIds = dataSourcesCondition.value
+    }
+    await UserController.getUserListByRoleIds(roleIds).then((data) => {
+      console.log(data)
+      if (data.res) {
+        let arr = <any>[]
+        if (data.res.length > 0) {
+          data.res.forEach((item) => {
+            arr.push({ ...item, id: item.userId })
+          })
+        }
+        members.value = arr
+      }
+      // if (data.res && data.res.userList) {
+      //     let arr = <any>[]
+      //     if (data.res.userList.length > 0) {
+      //         data.res.userList.forEach((item) => {
+      //             arr.push({ ...item, id: item.userId })
+      //         })
+      //     }
+      //     members.value = arr
+      // }
+      // if (data.res && data.res.deptVoList) {
+      //     departs.value = data.res?.deptVoList
+      // }
+      // checkAll.value = false
+    })
+  } else {
+    await  DeptController.getDeptUserListByParentId(id).then((data) => {
+      if (data.res && data.res.userList) {
+        let arr = <any>[]
+        if (data.res.userList.length > 0) {
+          data.res.userList.forEach((item) => {
+            arr.push({ ...item, id: item.userId })
+          })
+        }
+        members.value = arr
+      }
+      if (data.res && data.res.deptVoList) {
+        departs.value = data.res?.deptVoList
+      }
+      checkAll.value = false
+    })
+  }
+  formLoading.value = false
+
+}
+const dialogVisible = ref(false)
+const searchContent = ref('')
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+const checkedMember = ref<userBo[]>([])
+let members = ref<userBo[]>([])
+let departs = ref<departBo[]>([])
+// 点击多选
+const handleCheckAllChange = (val: boolean) => {
+  let copyMembers = JSON.parse(JSON.stringify(checkedMember.value))
+  for (let j = checkedMember.value.length - 1; j >= 0; j--) {
+    members.value.forEach((item, index) => {
+      if (item.userId == checkedMember.value[j].userId) {
+        console.log(item, checkedMember.value[j])
+        copyMembers.splice(j, 1)
+      }
+    })
+  }
+  if (val) {
+    members.value.forEach((item, index) => {
+      copyMembers.push(item)
+    })
+  }
+  checkedMember.value = copyMembers
+  // checkedMember.value = val ? members.value : []
+  isIndeterminate.value = false
+}
+const handleCheckedMemberChange = (value: any) => {
+
+  let chooseAllAll = true
+  let havaOneChoose = false
+  members.value.forEach((j, jndex) => {
+    let havaValue = false
+    value.forEach((i: any, index: number) => {
+
+      if (i.userId == j.userId) {
+        havaValue = true
+        havaOneChoose = true
+      }
+    })
+    if (!havaValue) {
+      chooseAllAll = false
+    }
+  })
+  console.log(value, chooseAllAll, havaOneChoose)
+  isIndeterminate.value = chooseAllAll ? false : havaOneChoose
+  checkAll.value = chooseAllAll
+
+  // let copyMembers = [...checkedMember]
+  // members.value.forEach((item,index)=>{
+  //     value.forEach((id:string,idIndex:number)=>{
+  //         if(item.userId == id){
+
+  //         }
+  //     })
+  // })
+
+}
+/** loading */
+const formLoading = ref<boolean>(false)
+/** 当前的数据的来源类型  dept-组织架构 search-直接搜索   */
+const currentType = ref<'dept' | 'search'>('dept')
+/** 输入用户名搜索用户列表 */
+const goSearch = debounce(async (value: string) => {
+  formLoading.value = true
+  if (dataSources.value == 'user') {
+    if (copyMembers.value && Array.isArray(copyMembers.value) && copyMembers.value.length > 0) {
+
+     members.value =  copyMembers.value.filter((item) => {
+        return item.userName.includes(value)
+      })
+      console.log(members.value)
+    }
+  } else {
+    if (value) {
+      currentType.value = 'search'
+      /** 调用查询函数 */
+      await UserController.selectUserByName(value).then((data) => {
+        if (data.code === 200 && data.res) {
+          members.value = data.res.map((item) => { return { ...item, id: item.userId } })
+          departs.value = []
+        } else {
+          members.value = []
+          departs.value = []
+        }
+      })
+    } else {
+      // 切换为dept类型
+      currentType.value = 'dept'
+      await getList('1')
+    }
+  }
+  formLoading.value = false
+}, 1000)
+const namebox = ref([{ name: '全部', id: '1' }])
+const resetChoose = () => {
+  checkedMember.value.length = 0
+  checkedMemberForRadio.value = undefined
+  checkAll.value = false
+  isIndeterminate.value = false
+}
+// 去下级
+const goNextLevel = async (item: departBo) => {
+  await getList(item.deptId)
+  namebox.value.push({ id: item.deptId, name: item.deptName })
+}
+// 改变当前层级，点击部门名字
+const goPointLevel = async (item: nameForSearchBo, index: number) => {
+  await getList(item.id)
+  namebox.value.splice(index + 1, namebox.value.length - index - 1)
+}
+const changeDigVis = async (value: boolean) => {
+  if (value) {
+    await getList('1')
+    namebox.value = [{ name: '全部', id: '1' }]
+    searchContent.value = ""
+  }
+  dialogVisible.value = value
+}
+const cancelDia = () => {
+  changeDigVis(false)
+}
+const saveDia = () => {
+
+  let arr: Array<string> = []
+
+  checkedMember.value.forEach((item, index) => {
+    arr.push(item.userId)
+  })
+  emits('changeCheckMemberId', arr)
+
+  emits('success',checkedMember.value)
+  changeDigVis(false)
+
+}
+// 删除某个以选项
+const deleteCheckedItem = (index: number) => {
+  checkedMember.value.splice(index, 1)
+}
+// 单选绑定的值
+const checkedMemberForRadio = ref<userBo>()
+// 改变单选时将值赋给checkedMember
+const radioChanged = (value: userBo) => {
+  console.debug(value)
+  checkedMember.value.length = 0
+  checkedMember.value.push(value)
+}
+
+
+defineExpose({
+  open
+})
+</script>
+<style lang="scss" scoped>
+@use './styles/common.scss';
+
+
+.el-button--text {
+  margin-right: 15px;
+}
+
+.dialog-footer button:first-child {
+  margin-right: 10px;
+}
+
+.searchBox {
+  width: 100%;
+  flex-grow: 0;
+  flex-shrink: 0;
+  font-size: var(--font-size-body);
+}
+
+.searchItem {
+  width: 50%;
+}
+
+.chooseItem {
+  padding: 2px 6px;
+  margin: 0 10px 8px 0;
+  background-color: var(--custom-theme-info-6);
+  height: 30px;
+  max-height: 30px;
+
+  img {
+    border-radius: 50%;
+    margin-right: 4px;
+    width: 16px;
+    height: 16px;
+  }
+
+  &Name {
+    margin-right: 8px;
+  }
+
+  &Icon {
+    cursor: pointer;
+  }
+}
+
+.triggerArea {
+  width: 100%;
+  min-height: 32px;
+  height: min-content;
+  border: 1px solid rgb(229, 230, 232);
+  padding: 8px;
+
+  .triggerItem {
+    margin-right: 8px;
+    margin-bottom: 3px;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--custom-theme-text-2);
+    border-color: #cfd2d5;
+    background-color: var(--custom-theme-info-5);
+
+    padding: 2px 12px;
+    cursor: pointer;
+    font-size: var(--font-size-body);
+  }
+}
+
+.companyNameBox {
+  font-size: var(--font-size-h2);
+  line-height: 30px;
+  overflow: hidden;
+  // text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow-x: auto;
+  width: 100%;
+
+  &Name {
+    color: #1890ff;
+    cursor: pointer;
+  }
+
+  &Symbol {
+    margin: 0 9px;
+    color: #a3a3a3
+  }
+}
+
+.optionbox {
+  overflow-y: auto;
+  height: 365px;
+  width: 100%;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+
+.abbreviateItem {
+  font-size: var(--el-font-size-base);
+  margin: 0 18px;
+  height: 20px;
+  line-height: 20px;
+}
+
+.iconBoxForSubmitAdd {
+  border-radius: 6px;
+  background-color: #d8d8d8;
+  background-size: cover;
+  border-radius: 6px;
+  float: left;
+  height: 40px;
+  margin-right: 12px;
+  width: 40px;
+  overflow: hidden;
+  text-align: center;
+  line-height: 40px;
+  font-size: 28px;
+  color: #878f95;
+}
+</style>
+<style lang="scss">
+.searchBox {
+  .el-checkbox {
+    margin-right: 0;
+    --el-checkbox-font-size:var(--font-size-description)
+  }
+
+}
+
+.searchDialog {
+  .el-dialog__body {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
+</style>

package/packages/approval-process/packages/components/choose-member/styles/common.scss

@@ -0,0 +1,134 @@
+$background-color:#f9f9f9;
+$button-color: white;
+$button-background: black;
+$button-icon-color: white;
+$line-background: #e3e3e3;
+$arrow-background: #006cff;
+$arrow-color: white;
+$operate-background: #1e5db4;
+$operate-color: white;
+$aduit-background: white;
+$aduit-icon-color: blue;
+$aduit-title-color: #e3e3e3;
+$common-background: #006cff;
+$common-color: white;
+
+.flexColumnCenter {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+}
+.flexColumnCenterCenter {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.flexColumnCenterStart {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+.flexColumnStart {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+.flexRowCenter {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+}
+
+.flexRowStart {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: flex-start;
+    flex-wrap: wrap;
+}
+
+.flexRowStartCenter {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+}
+.flexRowBetween{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.flexColumnBetween{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+}
+.flexRowAround{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+}
+.flexRowAroundWrap{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    flex-wrap: wrap;
+}
+.iconCommon {
+    border-radius: 50%;
+    color: $common-color;
+    background: $common-background;
+    font-size: 12px;
+    width: 30px;
+    height: 30px;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 8px;
+}
+
+.contentTitle {
+    font-size: 14px;
+    font-weight: 600;
+    margin: 12px 0 4px;
+}
+
+.divideWord {
+    margin: 0 12px;
+    font-size: 14px;
+}
+.select-text {
+    height: 30px;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    font-size: 16px;
+    padding: 0 10px !important;
+    margin: 0 18px;
+    color: #606266;
+    align-items: center;
+    border: 1px solid #dcdfe6;
+    border-radius: 5px;
+    background-color: #ffffff;
+}
+
+.manyLevel{
+    img{
+        width: 240px;
+    }
+    strong{
+        font-weight: 600;
+        margin-top: 8px;
+    }
+}

package/packages/approval-process/packages/components/comment/assets/avatar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1713777384214" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3763" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512.049993 0.016664C229.336805 0.016664 0.116651 229.116001 0.116651 511.950007c0 174.135659 86.980341 327.898971 219.842209 420.345267 26.046609-90.704856 92.104674-158.833485 181.926311-189.616977 2.416352-0.829059 4.857701-1.620622 7.303216-2.395521 1.699779-0.533264 3.387059-1.087358 5.103502-1.595626a316.654602 316.654602 0 0 1 14.056503-3.841166 338.080979 338.080979 0 0 1 11.515167-2.657988c1.491472-0.312459 3.007942-0.599922 4.507747-0.895716a340.214035 340.214035 0 0 1 13.998177-2.470512 337.372738 337.372738 0 0 1 9.57792-1.337326c1.441479-0.187476 2.874626-0.38745 4.328603-0.549928a355.545372 355.545372 0 0 1 14.031506-1.353991H538.029944c4.728551 0.354121 9.398776 0.820726 14.044005 1.353991 1.424814 0.162479 2.837131 0.358287 4.253613 0.53743a361.594584 361.594584 0 0 1 14.38146 2.116391c3.212082 0.545762 6.390835 1.137352 9.557089 1.766437 1.349824 0.266632 2.703815 0.520766 4.049473 0.799895a327.582346 327.582346 0 0 1 26.067439 6.628304c1.299831 0.38745 2.574665 0.804062 3.861997 1.208176 2.970447 0.929046 5.915896 1.883088 8.832183 2.89129 89.467517 30.866814 155.250618 98.845463 181.268065 189.275355 132.745215-92.458794 219.642234-246.163781 219.642234-420.207785-0.004166-282.834006-229.220154-511.933342-511.937509-511.933343z m0 725.443042c-133.116001 0-241.02695-107.910949-241.026949-241.02695 0-1.266502 0.07499-2.516339 0.095821-3.774508-1.312329-152.371827 141.514907-244.059888 241.168598-237.252441h0.116651c102.153365-6.96576 249.88413 89.280042 241.264419 248.230178-0.254134 0.158313-0.529098 0.27913-0.783232 0.437443-4.045307 129.570629-110.281474 233.386278-240.835308 233.386278z" fill="#D6E079" p-id="3764"></path><path d="M512.287463 357.482619c-24.325999 103.44903-170.644447 178.443432-240.910299 134.153366a243.572452 243.572452 0 0 1-0.258299-10.977737c-0.020831 1.262336-0.095821 2.512173-0.095821 3.774508 0 133.111834 107.910949 241.02695 241.026949 241.02695 130.553834 0 236.790001-103.815649 240.835308-233.386278-70.674131 43.277698-216.238511-31.512563-240.597838-134.590809z" fill="#FCE9EA" p-id="3765"></path><path d="M566.051295 728.834266zM552.078115 726.934514c1.424814 0.162479 2.837131 0.358287 4.253613 0.53743-1.420648-0.179143-2.832964-0.374951-4.253613-0.53743zM439.867726 732.192162c1.491472-0.312459 3.007942-0.599922 4.507746-0.895716-1.499805 0.295795-3.016274 0.583257-4.507746 0.895716zM610.383023 738.782971c1.299831 0.38745 2.574665 0.804062 3.861997 1.208176-1.287332-0.404114-2.566333-0.820726-3.861997-1.208176zM453.515948 729.613332zM425.382112 735.604218zM467.951569 727.484442c1.441479-0.187476 2.874626-0.38745 4.328603-0.549928-1.453977 0.162479-2.887124 0.362453-4.328603 0.549928zM580.266111 731.354772c1.349824 0.266632 2.703815 0.520766 4.049473 0.799895-1.341492-0.27913-2.699648-0.533264-4.049473-0.799895zM512.049993 823.834397c-0.995704 0-1.978909-0.05416-2.96628-0.074991l2.96628 2.078896 2.957949-2.078896c-0.983205 0.024997-1.966411 0.07499-2.957949 0.074991z" fill="#A0D9F6" p-id="3766"></path><path d="M623.077203 742.882437c0.81656 0.27913 1.633121 0.574925 2.445515 0.862388a119.234475 119.234475 0 0 1-10.456971 22.092957c17.285249 26.21742 12.985809 141.631558-12.910819 123.417263l-45.110793-31.650046-44.994142-31.766697-45.110792 31.766697-44.994142 31.650046c-25.896628 18.214295-30.196068-97.199844-12.910819-123.413097a119.651087 119.651087 0 0 1-10.423642-22.005468c1.091525-0.38745 2.178883-0.783231 3.274573-1.154017-89.825804 30.783492-155.879703 98.907955-181.926311 189.616977 82.84338 57.646661 183.513605 91.467257 292.091133 91.467257 108.665018 0 209.410233-33.874756 292.291108-91.604739-26.017446-90.434058-91.800547-158.412707-181.263898-189.279521zM409.192553 740.282776c1.699779-0.53743 3.387059-1.087358 5.103502-1.595626-1.716443 0.508267-3.40789 1.062362-5.103502 1.595626z" fill="#A0D9F6" p-id="3767"></path><path d="M409.038406 765.841948c3.449551-5.228486 7.744825-6.932431 12.910819-3.299571l44.994142 31.650046 42.144512 29.571149c0.987371 0.020831 1.970577 0.07499 2.966281 0.074991 0.991538 0 1.974743-0.049993 2.957948-0.074991l42.036193-29.571149 45.110793-31.650046c5.161828-3.63286 9.461268-1.928916 12.910819 3.295405a119.109491 119.109491 0 0 0 10.456972-22.092957c-0.812394-0.287463-1.628955-0.583257-2.445515-0.862388-2.916287-1.008202-5.861737-1.966411-8.832184-2.89129-1.287332-0.404114-2.562166-0.820726-3.861997-1.208176a329.382112 329.382112 0 0 0-26.067439-6.628304c-1.341492-0.27913-2.695482-0.533264-4.049473-0.799895-3.166254-0.624919-6.345007-1.220674-9.557089-1.766437a349.579482 349.579482 0 0 0-14.38146-2.116391c-1.416482-0.179143-2.828798-0.374951-4.253613-0.53743a356.182789 356.182789 0 0 0-14.044005-1.353991H486.311678a356.311939 356.311939 0 0 0-14.031506 1.353991c-1.449811 0.162479-2.882958 0.362453-4.328603 0.549928a353.141518 353.141518 0 0 0-14.435621 2.124723 354.20388 354.20388 0 0 0-9.140476 1.683115c-1.499805 0.295795-3.016274 0.583257-4.507746 0.895716-3.874496 0.820726-7.711496 1.708111-11.515168 2.657988-0.991538 0.249967-1.983075 0.499935-2.970446 0.758234a323.374561 323.374561 0 0 0-11.086057 3.082932c-1.716443 0.508267-3.403723 1.058196-5.103502 1.595626a340.164041 340.164041 0 0 0-7.303216 2.395521c-1.095691 0.374951-2.183049 0.770733-3.274573 1.154017a119.017836 119.017836 0 0 0 10.423642 22.009634z" fill="#FEFEFE" p-id="3768"></path><path d="M602.154928 762.542377l-45.110793 31.650046-42.036193 29.571149-2.957949 2.078896 44.994142 31.766697 45.110793 31.650046c25.896628 18.214295 30.196068-97.199844 12.910819-123.417263-3.445385-5.228486-7.748991-6.932431-12.910819-3.299571zM466.939201 794.192423l-44.994142-31.650046c-5.161828-3.63286-9.461268-1.928916-12.910819 3.299571-17.285249 26.213253-12.985809 141.627392 12.910819 123.413097l44.994142-31.650046 45.110792-31.766697-2.96628-2.078896-42.144512-29.566983z" fill="#FA9689" p-id="3769"></path><path d="M512.287463 357.482619V243.405807c-99.653691-6.803281-242.480927 84.884781-241.168598 237.252441 0.029163 3.637026 0.062492 7.274053 0.258299 10.977737 70.265851 44.2859 216.580133-30.704335 240.910299-134.153366z" fill="#FECF77" p-id="3770"></path><path d="M512.287463 357.482619c24.359328 103.078245 169.923708 177.868507 240.597838 134.590809 0.2583-0.158313 0.533264-0.27913 0.783232-0.437443 8.619711-158.954303-139.115219-255.200104-241.264419-248.230178h-0.116651v114.076812z" fill="#F7B970" p-id="3771"></path></svg>

package/packages/approval-process/packages/components/comment/assets/download.svg

@@ -0,0 +1,4 @@
+<svg id="组_1264" data-name="组 1264" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect id="BG" width="16" height="16" fill="none"/>
+  <path id="路径_391" data-name="路径 391" d="M128.667,142.667h14.667a.667.667,0,0,1,0,1.333H128.667a.667.667,0,1,1,0-1.333m8-5.285,4.923-4.924.943.943-6.6,6.6-6.6-6.6.943-.943,5.057,5.057V128h1.333Z" transform="translate(-128 -128)" fill="#909399"/>
+</svg>