odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'dj' (#285) from dj into master

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/285
This commit is contained in:
odjbin
2024-06-05 14:10:46 +00:00
parent 71b2b372b1 2e86683f41
commit 0685143b3a
14 changed files with 311 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/api/expense-manage/index.js
View File

@@ -26,3 +26,15 @@ export const getAllocationDetailList = (params) => {
params:params
});
};
export const getResearchUser = () => {
return request({
url: '/admin/mosr/user/research',
method: "get"
});
};
export const getProjectOption = () => {
return request({
url: '/workflow/mosr/project/implementation/in/implementation/option',
method: "get"
});
};

10
src/components/DetailComponent/ExpenseDetail.vue
View File

@@ -1,7 +1,7 @@
<template>
<div v-loading="loading">
<fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
<fvTable ref="tableIns" :tableConfig="tableConfig" :data="detailList" style="width: 100%">
<fvTable ref="tableIns" :tableConfig="tableConfig" :data="detailList.formData">
<template #empty>
<el-empty description="暂无数据"/>
</template>
@@ -108,8 +108,14 @@ const search = (val) => {
tableConfig.params = {...val}
tableIns.value.refresh()
}
watch(() => props.loading, (val) => {
props.loading=val
})
</script>
<style scoped>
:deep(.el-table--fit ){
width: 100%;
height: 400px!important;
}
</style>

79
src/components/SearchFilesByTag.vue
View File

@@ -1,42 +1,46 @@
<template>
<el-form :model="attachment" inline>
<el-form-item label="名称" prop="fileName">
<el-input v-model="attachment.fileName" placeholder="请输入附件名称查询" clearable filterable style="width: 300px"/>
</el-form-item>
<el-form-item label="标签" prop="tag" v-if="type==='40'">
<el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
<el-option
v-for="item in tagsOption"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button>
<el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>
</el-form-item>
</el-form>
<el-card style="width: 100%">
<fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
:data="fileList" :isSettingCol="false" :pagination="false">
<template #empty>
<el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
</template>
</fvTable>
</el-card>
<div v-loading="_value">
<el-form :model="attachment" inline>
<el-form-item label="名称" prop="fileName">
<el-input v-model="attachment.fileName" placeholder="请输入附件名称查询" clearable filterable style="width: 300px"/>
</el-form-item>
<el-form-item label="标签" prop="tag" v-if="type==='40'">
<el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
<el-option
v-for="item in tagsOption"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button>
<el-button @click="handleReset">重置</el-button>
<el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>
</el-form-item>
</el-form>
<el-card style="width: 100%">
<fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
:data="fileList" :isSettingCol="false" :pagination="false">
<template #empty>
<el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
</template>
</fvTable>
</el-card>
</div>
</template>
<script setup lang="jsx">
import {downloadFile} from "@/api/project-demand";
import {ElNotification} from "element-plus";
import {getTags} from "@/api/project-manage";
import {computed} from "vue";
const route = useRoute()
const router = useRouter()
const attachment = reactive({})
const emit = defineEmits(['search'])
const emit = defineEmits(['search','update:modelValue'])
const props = defineProps({
fileList: {
type: Array,
@@ -46,7 +50,11 @@ const props = defineProps({
type: String,
default: '00'
},
uploadState:{
uploadState: {
type: Boolean,
default: true
},
loading: {
type: Boolean,
default: true
}
@@ -91,6 +99,14 @@ const tableConfig = reactive({
]
})
const showTable = ref(true)
const _value = computed({
get() {
return props.loading || ""
},
set(value) {
emit('update:modelValue', value)
}
})
const getTagsOption = () => {
if (!route.query.id) return
getTags(route.query.id).then(res => {
@@ -108,6 +124,11 @@ const getTagsOption = () => {
const handleSearch = () => {
emit('search', attachment)
}
const handleReset=()=>{
attachment.fileName=''
attachment.tag=''
emit('search', {})
}
const handleUpload = () => {
emit('upload')
}

271
src/views/expense-management/share/add.vue
View File

@@ -20,96 +20,107 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-table :data="formData.tableData" style="width: 100%">
<el-table-column prop="projectId" label="项目名称" width="230">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.projectId?'1':rules.projectId">
<el-select v-model="scope.row.projectId" placeholder="请选择项目名称" clearable>
<el-option
v-for="item in nameOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="researchPersonnel" label="研发人员" width="230">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.researchPersonnel?'1':rules.researchPersonnel">
<el-select v-model="scope.row.researchPersonnel" placeholder="请选择研发人员" clearable>
<el-option
v-for="item in researchOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="wagesPayable" label="应发工资" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.wagesPayable?'1':rules.wagesPayable">
<el-input-number v-model="scope.row.wagesPayable" placeholder="请输入应发工资" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="performance" label="绩效" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.performance?'1':rules.performance">
<el-input-number v-model="scope.row.performance" placeholder="请输入绩效" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="reserveFund" label="公积金" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.reserveFund?'1':rules.reserveFund">
<el-input-number v-model="scope.row.reserveFund" placeholder="请输入公积金" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="socialSecurity" label="社保" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.socialSecurity?'1':rules.socialSecurity">
<el-input-number v-model="scope.row.socialSecurity" placeholder="请输入社保" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="annuity" label="年金" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.annuity?'1':rules.annuity">
<el-input-number v-model="scope.row.annuity" placeholder="请输入年金" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="workday" label="工作日(天)" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.workday?'1':rules.workday">
<el-input-number v-model="scope.row.workday" placeholder="请输入工作日" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="researchDuration" label="研发时长(天)" width="175">
<template #default="scope">
<el-form-item prop="time" :rules="scope.row.researchDuration?'1':rules.researchDuration">
<el-input-number v-model="scope.row.researchDuration" placeholder="请输入研发时长" :controls="false"/>
</el-form-item>
</template>
</el-table-column>
<!-- <el-table-column prop="time" label="时间">-->
<!-- <template #default="scope">-->
<!-- <el-input v-model="scope.row.time" placeholder="请输入时间" clearable>-->
<!-- </el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="subtotal" label="小计">-->
<!-- <template #default="scope">-->
<!-- <el-input v-model="scope.row.subtotal" placeholder="请输入小计" clearable>-->
<!-- </el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column prop="oper" label="操作">
<template #default="scope">
<el-button type="primary" @click="handleCopy(scope.row)" link style="font-size: 18px">复制</el-button>
<el-button type="primary" @click="handleDelete(scope.$index)" link style="font-size: 18px">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
</el-form>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="projectId" label="项目名称" width="180">
<template #default="scope">
<el-select v-model="scope.row.projectId" placeholder="请选择项目名称" clearable>
<el-option
v-for="item in nameOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="researchPersonnel" label="研发人员" width="180">
<template #default="scope">
<el-select v-model="scope.row.researchPersonnel" placeholder="请选择研发人员" clearable>
<el-option
v-for="item in researchOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="wagesPayable" label="应发工资">
<template #default="scope">
<el-input v-model="scope.row.wagesPayable" placeholder="请输入应发工资" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="performance" label="绩效">
<template #default="scope">
<el-input v-model="scope.row.performance" placeholder="请输入绩效" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="reserveFund" label="公积金">
<template #default="scope">
<el-input v-model="scope.row.reserveFund" placeholder="请输入公积金" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="socialSecurity" label="社保">
<template #default="scope">
<el-input v-model="scope.row.socialSecurity" placeholder="请输入社保" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="annuity" label="年金">
<template #default="scope">
<el-input v-model="scope.row.annuity" placeholder="请输入年金" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="workday" label="工作日(天)">
<template #default="scope">
<el-input v-model="scope.row.workday" placeholder="请输入工作日" clearable>
</el-input>
</template>
</el-table-column>
<el-table-column prop="researchDuration" label="研发时长(天)">
<template #default="scope">
<el-input v-model="scope.row.researchDuration" placeholder="请输入研发时长" clearable>
</el-input>
</template>
</el-table-column>
<!-- <el-table-column prop="time" label="时间">-->
<!-- <template #default="scope">-->
<!-- <el-input v-model="scope.row.time" placeholder="请输入时间" clearable>-->
<!-- </el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="subtotal" label="小计">-->
<!-- <template #default="scope">-->
<!-- <el-input v-model="scope.row.subtotal" placeholder="请输入小计" clearable>-->
<!-- </el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column prop="oper" label="操作">
<template #default="scope">
<el-button type="primary" @click="handleCopy(scope.row)" link style="font-size: 18px">复制</el-button>
<el-button type="primary" @click="handleDelete(scope.$index)" link style="font-size: 18px">删除</el-button>
</template>
</el-table-column>
</el-table>
<div style="width:100%;text-align: center;padding: 10px">
<el-button type="primary" @click="handleAdd" link style="font-size: 18px">添加一行</el-button>
</div>
@@ -127,13 +138,22 @@
<script setup lang="jsx">
import {ElNotification} from "element-plus";
import {useTagsView} from '@/stores/tagsview.js'
import {addAllocation, getAllocationDetail,getAllocationProcess} from "@/api/expense-manage";
import {addAllocation, getAllocationDetail, getAllocationProcess, getResearchUser,getProjectOption} from "@/api/expense-manage";
import {useProcessStore} from '@/stores/processStore.js';
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
const rules = reactive({
shareName: [{required: true, message: '请输入分摊名称', trigger: 'blur'}],
apportionmentMonth: [{required: true, message: '请选择月份', trigger: 'blur'}]
apportionmentMonth: [{required: true, message: '请选择月份', trigger: 'blur'}],
projectId: [{required: true, message: '请选择项目名称', trigger: 'blur'}],
researchPersonnel: [{required: true, message: '请选择研发人员', trigger: 'blur'}],
wagesPayable: [{required: true, message: '请输入应发工资', trigger: 'blur'}],
performance: [{required: true, message: '请输入绩效', trigger: 'blur'}],
reserveFund: [{required: true, message: '请输入公积金', trigger: 'blur'}],
socialSecurity: [{required: true, message: '请输入社保', trigger: 'blur'}],
annuity: [{required: true, message: '请输入年金', trigger: 'blur'}],
workday: [{required: true, message: '请输入工作日', trigger: 'blur'}],
researchDuration: [{required: true, message: '请输入研发时长', trigger: 'blur'}],
})
const processStore = useProcessStore()
const processInstanceData = ref()
@@ -142,35 +162,34 @@ const loading = ref(false)
const route = useRoute()
const router = useRouter()
const tagsViewStore = useTagsView()
const formData = ref({})
let formData = reactive({
tableData: [
{
projectId:'',
projectName: '',
researchPersonnel:'',
wagesPayable:'',
performance:'',
reserveFund:'',
socialSecurity:'',
annuity:'',
workday:'',
researchDuration:''
}
]
})
const form = ref()
const nameOptions = ref([
{
label: "某项目",
value: '42'
}
])
const researchOptions = ref([
{
label: "某人员",
value: '1'
}
])
const tableData = ref([
{
projectId: '',
projectName: '',
researchPersonnel: '',
wagesPayable: '',
performance: '',
reserveFund: '',
socialSecurity: '',
annuity: '',
workday: '',
researchDuration: '',
// subtotal: '',
}
])
const nameOptions = ref([])
const researchOptions = ref([])
const getResearchOptions = async () => {
const res = await getResearchUser()
researchOptions.value = res.data
}
const getProjectOptions = async () => {
const res = await getProjectOption()
nameOptions.value = res.data
}
const handleAdd = () => {
let row = {
projectId: '',
@@ -185,21 +204,21 @@ const handleAdd = () => {
researchDuration: '',
// subtotal: '',
}
tableData.value.push(row)
formData.tableData.push(row)
}
const handleCopy = (row) => {
tableData.value.push(row)
formData.tableData.push(row)
}
const handleDelete = (index) => {
tableData.value.splice(index, 1)
formData.tableData.splice(index, 1)
}
const handleSubmit = (instance) => {
if (!instance) return
instance.validate(async (valid) => {
if (!valid) return
let params = {
...formData.value,
usrAllocations: tableData.value,
...formData,
usrAllocations: formData.tableData,
deploymentId: processInstanceData.value.deploymentId,
}
const {code, msg} = await addAllocation(params)
@@ -224,13 +243,15 @@ const getDetailInfo = async () => {
type: res.code === 1000 ? 'success' : 'error'
})
if (res.code === 1000) {
formData.value = res.data.formData
formData = res.data.formData
loading.value = false
}
})
}
const init = async () => {
processDiagramViewer.value = false
await getResearchOptions()
await getProjectOptions()
getAllocationProcess().then(res => {
if (res.code === 1000) {
let data = res.data
@@ -244,7 +265,7 @@ const init = async () => {
nextTick(() => {
processDiagramViewer.value = true
})
}else {
} else {
ElNotification({
title: '提示',
message: res.msg,

25
src/views/expense-management/share/detail.vue
View File

@@ -26,15 +26,26 @@
<!-- </fvTable>-->
</el-tab-pane>
</el-tabs>
<div v-if="shareData.taskId">
<baseTitle title="审核意见"></baseTitle>
<el-form-item prop="auditOpinion">
<el-input
v-model="auditOpinion"
:rows="3"
type="textarea"
placeholder="请输入审核意见"
/>
</el-form-item>
</div>
<div class="approval-record">
<baseTitle title="审批记录"></baseTitle>
<div class="process">
<operation-render v-if="shareProcessViewer" :operation-list="shareData.operationList"
:state="data.state"/>
<process-diagram-viewer v-if="shareProcessViewer" id-name="fundProcess"/>
:state="shareData.state"/>
<process-diagram-viewer v-if="shareProcessViewer" id-name="shareProcess"/>
</div>
</div>
<opinion v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId"></opinion>
<opinion v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId" v-model:value="auditOpinion"></opinion>
</template>
<script setup lang="jsx">
@@ -49,6 +60,7 @@ const route = useRoute()
const shareData = ref({})
const detailList = ref([])
const formData = ref({})
const auditOpinion = ref('')
const shareProcessViewer = ref(true)
const loading = ref(false)
const activeName = ref('first')
@@ -59,14 +71,15 @@ const getDetail = async () => {
if (code === 1000) {
shareData.value = data
formData.value = data.formData
loading.value = false
} else {
ElNotification({
title: '提示',
message: msg,
type: 'error'
type: 'error'
})
loading.value = false
}
loading.value = false
}
const getDetailList = async () => {
let params = {
@@ -94,7 +107,7 @@ const getDetailList = async () => {
}
}
getDetail()
getDetailList()
// getDetailList()
</script>
<style scoped lang="scss">
:deep(.el-tabs__nav-scroll) {

2
src/views/expense-management/share/index.vue
View File

@@ -163,7 +163,7 @@ const handleEdit = (row) => {
router.push({
name: 'Share/edit',
query: {
id:row.id
id:row.allocationId
}
})
}

3
src/views/home/index.vue
View File

@@ -206,8 +206,7 @@ const handleView = (row) => {
router.push({
name: 'Phase/detail',
query: {
id: row.targetId,
state: row.state,
projectId: row.targetId,
source: 'home'
}
})

126
src/views/project-management/filing/attachment.vue
View File

@@ -1,24 +1,8 @@
<template>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="需求征集" name="00">
<search-files-by-tag @search="searchRequirement" @upload="upload"
:otherFileList="otherFileList" :uploadState="uploadState"/>
</el-tab-pane>
<el-tab-pane label="需求上报" name="10">
<search-files-by-tag @search="searchReport" @upload="upload"
:otherFileList="otherFileList" :uploadState="uploadState"/>
</el-tab-pane>
<el-tab-pane label="项目立项" name="20">
<search-files-by-tag @search="searchInitiation" @upload="upload"
:otherFileList="otherFileList" :uploadState="uploadState"/>
</el-tab-pane>
<el-tab-pane label="项目实施" name="40">
<search-files-by-tag type="40" @search="searchImplementation" @upload="upload" ref="implementation"
:otherFileList="otherFileList" :uploadState="uploadState"/>
</el-tab-pane>
<el-tab-pane label="项目归档" name="50">
<search-files-by-tag @search="searchFiling" @upload="upload"
:otherFileList="otherFileList" :uploadState="uploadState"/>
<el-tab-pane v-for="item in paneList" :label="item.label" :name="item.name">
<search-files-by-tag @search="search" @upload="upload" :type="item.name==='40'?'40':''"
:fileList="fileList" :uploadState="uploadState" v-model:loading="loading"/>
</el-tab-pane>
</el-tabs>
</template>
@@ -31,78 +15,52 @@ const route = useRoute()
const router = useRouter()
const activeName = ref('50')
const attachment = ref({})
const implementation = ref()
const loading = ref(false)
const uploadState = ref(true)
const otherFileList = ref([])
const fileList = ref([])
const projectId = ref(route.query.id)
const requirementId = ref(route.query.requirementId)
const handleClick = (tab) => {
switchSearch(tab.props.name)
}
const switchSearch = (index) => {
switch (index) {
case '00':
searchRequirement({})
break
case '10':
searchReport({})
break
case '20':
searchInitiation({})
break
case '40':
searchImplementation({})
break
case '50':
searchFiling({})
break
const paneList=ref([
{
label:'需求征集',
name:'00'
},
{
label:'需求上报',
name:'10'
},
{
label:'项目立项',
name:'20'
},
{
label:'项目实施',
name:'40'
},
{
label:'项目归档',
name:'50'
}
])
const handleClick = (tab) => {
activeName.value=tab.props.name
loading.value=true
search({})
}
const searchRequirement = async (param) => {
param.targetState = '00'
const search = async (param) => {
param.targetState = activeName.value
param.targetId = projectId.value
searchFileList(param).then(res => {
loading.value=false
changeFileList(res)
})
}
const searchReport = async (param) => {
param.targetState = '10'
param.targetId = projectId.value
searchFileList(param).then(res => {
changeFileList(res)
})
}
const searchInitiation = async (param) => {
param.targetState = '20'
param.targetId = projectId.value
searchFileList(param).then(res => {
changeFileList(res)
})
}
const searchImplementation = async (param) => {
param.targetState = '40'
param.targetId = projectId.value
console.log('param',param)
searchFileList(param).then(res => {
changeFileList(res)
})
}
const searchFiling = async (param) => {
param.targetState = '50'
param.targetId = projectId.value
searchFileList(param).then(res => {
changeFileList(res)
})
}
const changeFileList = (res) => {
if (res.code === 1000) {
otherFileList.value = res.data.fileList
fileList.value = res.data.fileList
uploadState.value = res.data.upload
} else {
ElNotification({
@@ -113,14 +71,6 @@ const changeFileList = (res) => {
}
}
onMounted(() => {
if (activeName.value === '50') {
searchFiling({})
}
})
const upload = () => {
if (activeName.value === '40') {
router.push({
@@ -140,6 +90,12 @@ const upload = () => {
})
}
}
onMounted(() => {
if (activeName.value === '50') {
search({})
}
})
</script>
<style scoped lang="scss">

2
src/views/project-management/implementation/attachment.vue
View File

@@ -97,7 +97,7 @@ const getTagsOption = () => {
const handleSearch = () => {
let params = {
targetId: route.query.id,
targetState: "30"
targetState: "40"
}
if (attachment.tag) {
tagsOption.value.forEach(item => {

5
src/views/project-management/implementation/phaseDetail.vue
View File

@@ -1,8 +1,8 @@
<template>
<baseTitle title="阶段变更详情"></baseTitle>
<ApprovalDetail :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"></opinion>
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId" v-model:value="auditOpinion"></opinion>
</template>
<script setup lang="jsx">
@@ -15,6 +15,7 @@ const summaryData = ref({})
const summaryProcessViewer = ref(true)
const processStore = useProcessStore()
const loading = ref(false)
const auditOpinion = ref('')
const fileListShow = ref('READ')
const getInfo = async () => {
fileListShow.value = 'READ'

3
src/views/project-management/implementation/upload.vue
View File

@@ -139,8 +139,7 @@ const handleSubmit = async (instance) => {
let params = {
fileList: fileList.value,
projectId: route.query.id,
tag: formData.value.tagName,
targetState: "30"
targetState: "40"
}
let res = await uploadFileList(params)
ElNotification({

1
src/views/workflow/process/ProcessTree.vue
View File

@@ -19,7 +19,6 @@ import {useProcessStore} from '@/stores/processStore.js'
const processStore = useProcessStore()
const emit = defineEmits()
const props = defineProps({
mode: {
type: String,

39
src/views/workflow/process/common/AvatarEllipsis.vue
View File

@@ -5,16 +5,23 @@
<slot name="pre"></slot>
<div style="display: flex;flex-wrap: wrap;">
<div v-for="(user,index) in userInfo" :key="index" class="avatar_name">
<div class="circle-user">
<Tooltip :content="user.name" placement="bottom-start" width="45">
</Tooltip>
</div>
<div v-if="user.icon"
class="el-timeline-item__node" :style="{
<div class="user">
<div class="circle-user">
<Tooltip :content="user.name" placement="bottom-start" width="45">
</Tooltip>
</div>
<div v-if="user.icon && mode === 'preview'"
class="el-timeline-item__node" :style="{
backgroundColor: user.color
}">
<el-icon v-if="user.icon" size="15" :class="user.class">
<component :is="user.icon"/>
<el-icon v-if="user.icon" size="15" :class="user.class">
<component :is="user.icon"/>
</el-icon>
</div>
</div>
<div class="arrow" v-if="(index+1)%3!==0&&userInfo.length!==1&&(index+1)!==userInfo.length">
<el-icon size="20">
<Right/>
</el-icon>
</div>
</div>
@@ -23,7 +30,7 @@
</template>
<script setup>
import {Loading, Close, CircleCheckFilled, MoreFilled} from '@element-plus/icons-vue'
import {Loading, Close, CircleCheckFilled, MoreFilled, Right} from '@element-plus/icons-vue'
import {defineProps} from "vue";
const props = defineProps({
@@ -107,11 +114,17 @@ init()
.avatar_name {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 1px;
/*width: 45px;*/
position: relative;
margin-bottom: 5px;
.user {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 1px;
/*width: 45px;*/
position: relative;
}
}
.el-timeline-item__node {

4
src/views/workflow/process/nodes/Node.vue
View File

@@ -23,7 +23,7 @@
</template>
<template v-else-if="showAvatar">
<span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo"/>
<avatar-ellipsis :row="3" v-if="userInfo.length > 0" :user-info="userInfo" :mode="mode"/>
</template>
<template v-else>
<span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
@@ -250,7 +250,7 @@ const init = () => {
.node-body-content {
cursor: pointer;
padding: 18px;
padding: 18px 8px;
color: #656363;
font-size: 14px;