Merge pull request 'dj' (#285) from dj into master
Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/285
This commit is contained in:
@@ -26,3 +26,15 @@ export const getAllocationDetailList = (params) => {
|
|||||||
params: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"
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-loading="loading">
|
<div v-loading="loading">
|
||||||
<fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
|
<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>
|
<template #empty>
|
||||||
<el-empty description="暂无数据"/>
|
<el-empty description="暂无数据"/>
|
||||||
</template>
|
</template>
|
||||||
@@ -108,8 +108,14 @@ const search = (val) => {
|
|||||||
tableConfig.params = {...val}
|
tableConfig.params = {...val}
|
||||||
tableIns.value.refresh()
|
tableIns.value.refresh()
|
||||||
}
|
}
|
||||||
|
watch(() => props.loading, (val) => {
|
||||||
|
props.loading=val
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
:deep(.el-table--fit ){
|
||||||
|
width: 100%;
|
||||||
|
height: 400px!important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,42 +1,46 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-form :model="attachment" inline>
|
<div v-loading="_value">
|
||||||
<el-form-item label="名称" prop="fileName">
|
<el-form :model="attachment" inline>
|
||||||
<el-input v-model="attachment.fileName" placeholder="请输入附件名称查询" clearable filterable style="width: 300px"/>
|
<el-form-item label="名称" prop="fileName">
|
||||||
</el-form-item>
|
<el-input v-model="attachment.fileName" placeholder="请输入附件名称查询" clearable filterable style="width: 300px"/>
|
||||||
<el-form-item label="标签" prop="tag" v-if="type==='40'">
|
</el-form-item>
|
||||||
<el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
|
<el-form-item label="标签" prop="tag" v-if="type==='40'">
|
||||||
<el-option
|
<el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
|
||||||
v-for="item in tagsOption"
|
<el-option
|
||||||
:key="item.value"
|
v-for="item in tagsOption"
|
||||||
:label="item.label"
|
:key="item.value"
|
||||||
:value="item.value"
|
:label="item.label"
|
||||||
/>
|
:value="item.value"
|
||||||
</el-select>
|
/>
|
||||||
</el-form-item>
|
</el-select>
|
||||||
<el-form-item>
|
</el-form-item>
|
||||||
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button>
|
<el-form-item>
|
||||||
<el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>
|
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button>
|
||||||
</el-form-item>
|
<el-button @click="handleReset">重置</el-button>
|
||||||
</el-form>
|
<el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>
|
||||||
<el-card style="width: 100%">
|
</el-form-item>
|
||||||
<fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
|
</el-form>
|
||||||
:data="fileList" :isSettingCol="false" :pagination="false">
|
<el-card style="width: 100%">
|
||||||
<template #empty>
|
<fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
|
||||||
<el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
|
:data="fileList" :isSettingCol="false" :pagination="false">
|
||||||
</template>
|
<template #empty>
|
||||||
</fvTable>
|
<el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
|
||||||
</el-card>
|
</template>
|
||||||
|
</fvTable>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="jsx">
|
<script setup lang="jsx">
|
||||||
import {downloadFile} from "@/api/project-demand";
|
import {downloadFile} from "@/api/project-demand";
|
||||||
import {ElNotification} from "element-plus";
|
import {ElNotification} from "element-plus";
|
||||||
import {getTags} from "@/api/project-manage";
|
import {getTags} from "@/api/project-manage";
|
||||||
|
import {computed} from "vue";
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const attachment = reactive({})
|
const attachment = reactive({})
|
||||||
const emit = defineEmits(['search'])
|
const emit = defineEmits(['search','update:modelValue'])
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
fileList: {
|
fileList: {
|
||||||
type: Array,
|
type: Array,
|
||||||
@@ -46,7 +50,11 @@ const props = defineProps({
|
|||||||
type: String,
|
type: String,
|
||||||
default: '00'
|
default: '00'
|
||||||
},
|
},
|
||||||
uploadState:{
|
uploadState: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
loading: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
}
|
}
|
||||||
@@ -91,6 +99,14 @@ const tableConfig = reactive({
|
|||||||
]
|
]
|
||||||
})
|
})
|
||||||
const showTable = ref(true)
|
const showTable = ref(true)
|
||||||
|
const _value = computed({
|
||||||
|
get() {
|
||||||
|
return props.loading || ""
|
||||||
|
},
|
||||||
|
set(value) {
|
||||||
|
emit('update:modelValue', value)
|
||||||
|
}
|
||||||
|
})
|
||||||
const getTagsOption = () => {
|
const getTagsOption = () => {
|
||||||
if (!route.query.id) return
|
if (!route.query.id) return
|
||||||
getTags(route.query.id).then(res => {
|
getTags(route.query.id).then(res => {
|
||||||
@@ -108,6 +124,11 @@ const getTagsOption = () => {
|
|||||||
const handleSearch = () => {
|
const handleSearch = () => {
|
||||||
emit('search', attachment)
|
emit('search', attachment)
|
||||||
}
|
}
|
||||||
|
const handleReset=()=>{
|
||||||
|
attachment.fileName=''
|
||||||
|
attachment.tag=''
|
||||||
|
emit('search', {})
|
||||||
|
}
|
||||||
const handleUpload = () => {
|
const handleUpload = () => {
|
||||||
emit('upload')
|
emit('upload')
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,96 +20,107 @@
|
|||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</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-row>
|
||||||
</el-form>
|
</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">
|
<div style="width:100%;text-align: center;padding: 10px">
|
||||||
<el-button type="primary" @click="handleAdd" link style="font-size: 18px">添加一行</el-button>
|
<el-button type="primary" @click="handleAdd" link style="font-size: 18px">添加一行</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -127,13 +138,22 @@
|
|||||||
<script setup lang="jsx">
|
<script setup lang="jsx">
|
||||||
import {ElNotification} from "element-plus";
|
import {ElNotification} from "element-plus";
|
||||||
import {useTagsView} from '@/stores/tagsview.js'
|
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 {useProcessStore} from '@/stores/processStore.js';
|
||||||
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
|
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
|
||||||
|
|
||||||
const rules = reactive({
|
const rules = reactive({
|
||||||
shareName: [{required: true, message: '请输入分摊名称', trigger: 'blur'}],
|
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 processStore = useProcessStore()
|
||||||
const processInstanceData = ref()
|
const processInstanceData = ref()
|
||||||
@@ -142,35 +162,34 @@ const loading = ref(false)
|
|||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const tagsViewStore = useTagsView()
|
const tagsViewStore = useTagsView()
|
||||||
const formData = ref({})
|
let formData = reactive({
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
projectId:'',
|
||||||
|
projectName: '',
|
||||||
|
researchPersonnel:'',
|
||||||
|
wagesPayable:'',
|
||||||
|
performance:'',
|
||||||
|
reserveFund:'',
|
||||||
|
socialSecurity:'',
|
||||||
|
annuity:'',
|
||||||
|
workday:'',
|
||||||
|
researchDuration:''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
const form = ref()
|
const form = ref()
|
||||||
const nameOptions = ref([
|
const nameOptions = ref([])
|
||||||
{
|
const researchOptions = ref([])
|
||||||
label: "某项目",
|
|
||||||
value: '42'
|
const getResearchOptions = async () => {
|
||||||
}
|
const res = await getResearchUser()
|
||||||
])
|
researchOptions.value = res.data
|
||||||
const researchOptions = ref([
|
}
|
||||||
{
|
const getProjectOptions = async () => {
|
||||||
label: "某人员",
|
const res = await getProjectOption()
|
||||||
value: '1'
|
nameOptions.value = res.data
|
||||||
}
|
}
|
||||||
])
|
|
||||||
const tableData = ref([
|
|
||||||
{
|
|
||||||
projectId: '',
|
|
||||||
projectName: '',
|
|
||||||
researchPersonnel: '',
|
|
||||||
wagesPayable: '',
|
|
||||||
performance: '',
|
|
||||||
reserveFund: '',
|
|
||||||
socialSecurity: '',
|
|
||||||
annuity: '',
|
|
||||||
workday: '',
|
|
||||||
researchDuration: '',
|
|
||||||
// subtotal: '',
|
|
||||||
}
|
|
||||||
])
|
|
||||||
const handleAdd = () => {
|
const handleAdd = () => {
|
||||||
let row = {
|
let row = {
|
||||||
projectId: '',
|
projectId: '',
|
||||||
@@ -185,21 +204,21 @@ const handleAdd = () => {
|
|||||||
researchDuration: '',
|
researchDuration: '',
|
||||||
// subtotal: '',
|
// subtotal: '',
|
||||||
}
|
}
|
||||||
tableData.value.push(row)
|
formData.tableData.push(row)
|
||||||
}
|
}
|
||||||
const handleCopy = (row) => {
|
const handleCopy = (row) => {
|
||||||
tableData.value.push(row)
|
formData.tableData.push(row)
|
||||||
}
|
}
|
||||||
const handleDelete = (index) => {
|
const handleDelete = (index) => {
|
||||||
tableData.value.splice(index, 1)
|
formData.tableData.splice(index, 1)
|
||||||
}
|
}
|
||||||
const handleSubmit = (instance) => {
|
const handleSubmit = (instance) => {
|
||||||
if (!instance) return
|
if (!instance) return
|
||||||
instance.validate(async (valid) => {
|
instance.validate(async (valid) => {
|
||||||
if (!valid) return
|
if (!valid) return
|
||||||
let params = {
|
let params = {
|
||||||
...formData.value,
|
...formData,
|
||||||
usrAllocations: tableData.value,
|
usrAllocations: formData.tableData,
|
||||||
deploymentId: processInstanceData.value.deploymentId,
|
deploymentId: processInstanceData.value.deploymentId,
|
||||||
}
|
}
|
||||||
const {code, msg} = await addAllocation(params)
|
const {code, msg} = await addAllocation(params)
|
||||||
@@ -224,13 +243,15 @@ const getDetailInfo = async () => {
|
|||||||
type: res.code === 1000 ? 'success' : 'error'
|
type: res.code === 1000 ? 'success' : 'error'
|
||||||
})
|
})
|
||||||
if (res.code === 1000) {
|
if (res.code === 1000) {
|
||||||
formData.value = res.data.formData
|
formData = res.data.formData
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const init = async () => {
|
const init = async () => {
|
||||||
processDiagramViewer.value = false
|
processDiagramViewer.value = false
|
||||||
|
await getResearchOptions()
|
||||||
|
await getProjectOptions()
|
||||||
getAllocationProcess().then(res => {
|
getAllocationProcess().then(res => {
|
||||||
if (res.code === 1000) {
|
if (res.code === 1000) {
|
||||||
let data = res.data
|
let data = res.data
|
||||||
@@ -244,7 +265,7 @@ const init = async () => {
|
|||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
processDiagramViewer.value = true
|
processDiagramViewer.value = true
|
||||||
})
|
})
|
||||||
}else {
|
} else {
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
|
|||||||
@@ -26,15 +26,26 @@
|
|||||||
<!-- </fvTable>-->
|
<!-- </fvTable>-->
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</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">
|
<div class="approval-record">
|
||||||
<baseTitle title="审批记录"></baseTitle>
|
<baseTitle title="审批记录"></baseTitle>
|
||||||
<div class="process">
|
<div class="process">
|
||||||
<operation-render v-if="shareProcessViewer" :operation-list="shareData.operationList"
|
<operation-render v-if="shareProcessViewer" :operation-list="shareData.operationList"
|
||||||
:state="data.state"/>
|
:state="shareData.state"/>
|
||||||
<process-diagram-viewer v-if="shareProcessViewer" id-name="fundProcess"/>
|
<process-diagram-viewer v-if="shareProcessViewer" id-name="shareProcess"/>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</template>
|
||||||
|
|
||||||
<script setup lang="jsx">
|
<script setup lang="jsx">
|
||||||
@@ -49,6 +60,7 @@ const route = useRoute()
|
|||||||
const shareData = ref({})
|
const shareData = ref({})
|
||||||
const detailList = ref([])
|
const detailList = ref([])
|
||||||
const formData = ref({})
|
const formData = ref({})
|
||||||
|
const auditOpinion = ref('')
|
||||||
const shareProcessViewer = ref(true)
|
const shareProcessViewer = ref(true)
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const activeName = ref('first')
|
const activeName = ref('first')
|
||||||
@@ -59,14 +71,15 @@ const getDetail = async () => {
|
|||||||
if (code === 1000) {
|
if (code === 1000) {
|
||||||
shareData.value = data
|
shareData.value = data
|
||||||
formData.value = data.formData
|
formData.value = data.formData
|
||||||
|
loading.value = false
|
||||||
} else {
|
} else {
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: msg,
|
message: msg,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
})
|
})
|
||||||
|
loading.value = false
|
||||||
}
|
}
|
||||||
loading.value = false
|
|
||||||
}
|
}
|
||||||
const getDetailList = async () => {
|
const getDetailList = async () => {
|
||||||
let params = {
|
let params = {
|
||||||
@@ -94,7 +107,7 @@ const getDetailList = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
getDetail()
|
getDetail()
|
||||||
getDetailList()
|
// getDetailList()
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
:deep(.el-tabs__nav-scroll) {
|
:deep(.el-tabs__nav-scroll) {
|
||||||
|
|||||||
@@ -163,7 +163,7 @@ const handleEdit = (row) => {
|
|||||||
router.push({
|
router.push({
|
||||||
name: 'Share/edit',
|
name: 'Share/edit',
|
||||||
query: {
|
query: {
|
||||||
id:row.id
|
id:row.allocationId
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -206,8 +206,7 @@ const handleView = (row) => {
|
|||||||
router.push({
|
router.push({
|
||||||
name: 'Phase/detail',
|
name: 'Phase/detail',
|
||||||
query: {
|
query: {
|
||||||
id: row.targetId,
|
projectId: row.targetId,
|
||||||
state: row.state,
|
|
||||||
source: 'home'
|
source: 'home'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,24 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
||||||
<el-tab-pane label="需求征集" name="00">
|
<el-tab-pane v-for="item in paneList" :label="item.label" :name="item.name">
|
||||||
<search-files-by-tag @search="searchRequirement" @upload="upload"
|
<search-files-by-tag @search="search" @upload="upload" :type="item.name==='40'?'40':''"
|
||||||
:otherFileList="otherFileList" :uploadState="uploadState"/>
|
:fileList="fileList" :uploadState="uploadState" v-model:loading="loading"/>
|
||||||
</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>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</template>
|
</template>
|
||||||
@@ -31,78 +15,52 @@ const route = useRoute()
|
|||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const activeName = ref('50')
|
const activeName = ref('50')
|
||||||
const attachment = ref({})
|
const attachment = ref({})
|
||||||
const implementation = ref()
|
const loading = ref(false)
|
||||||
const uploadState = ref(true)
|
const uploadState = ref(true)
|
||||||
const otherFileList = ref([])
|
const fileList = ref([])
|
||||||
const projectId = ref(route.query.id)
|
const projectId = ref(route.query.id)
|
||||||
const requirementId = ref(route.query.requirementId)
|
const requirementId = ref(route.query.requirementId)
|
||||||
const handleClick = (tab) => {
|
const paneList=ref([
|
||||||
switchSearch(tab.props.name)
|
{
|
||||||
}
|
label:'需求征集',
|
||||||
|
name:'00'
|
||||||
const switchSearch = (index) => {
|
},
|
||||||
switch (index) {
|
{
|
||||||
case '00':
|
label:'需求上报',
|
||||||
searchRequirement({})
|
name:'10'
|
||||||
break
|
},
|
||||||
case '10':
|
{
|
||||||
searchReport({})
|
label:'项目立项',
|
||||||
break
|
name:'20'
|
||||||
case '20':
|
},
|
||||||
searchInitiation({})
|
{
|
||||||
break
|
label:'项目实施',
|
||||||
case '40':
|
name:'40'
|
||||||
searchImplementation({})
|
},
|
||||||
break
|
{
|
||||||
case '50':
|
label:'项目归档',
|
||||||
searchFiling({})
|
name:'50'
|
||||||
break
|
|
||||||
}
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
const handleClick = (tab) => {
|
||||||
|
activeName.value=tab.props.name
|
||||||
|
loading.value=true
|
||||||
|
search({})
|
||||||
}
|
}
|
||||||
|
|
||||||
const searchRequirement = async (param) => {
|
const search = async (param) => {
|
||||||
param.targetState = '00'
|
param.targetState = activeName.value
|
||||||
param.targetId = projectId.value
|
param.targetId = projectId.value
|
||||||
searchFileList(param).then(res => {
|
searchFileList(param).then(res => {
|
||||||
|
loading.value=false
|
||||||
changeFileList(res)
|
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) => {
|
const changeFileList = (res) => {
|
||||||
if (res.code === 1000) {
|
if (res.code === 1000) {
|
||||||
otherFileList.value = res.data.fileList
|
fileList.value = res.data.fileList
|
||||||
uploadState.value = res.data.upload
|
uploadState.value = res.data.upload
|
||||||
} else {
|
} else {
|
||||||
ElNotification({
|
ElNotification({
|
||||||
@@ -113,14 +71,6 @@ const changeFileList = (res) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
if (activeName.value === '50') {
|
|
||||||
searchFiling({})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
const upload = () => {
|
const upload = () => {
|
||||||
if (activeName.value === '40') {
|
if (activeName.value === '40') {
|
||||||
router.push({
|
router.push({
|
||||||
@@ -140,6 +90,12 @@ const upload = () => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if (activeName.value === '50') {
|
||||||
|
search({})
|
||||||
|
}
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -97,7 +97,7 @@ const getTagsOption = () => {
|
|||||||
const handleSearch = () => {
|
const handleSearch = () => {
|
||||||
let params = {
|
let params = {
|
||||||
targetId: route.query.id,
|
targetId: route.query.id,
|
||||||
targetState: "30"
|
targetState: "40"
|
||||||
}
|
}
|
||||||
if (attachment.tag) {
|
if (attachment.tag) {
|
||||||
tagsOption.value.forEach(item => {
|
tagsOption.value.forEach(item => {
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<baseTitle title="阶段变更详情"></baseTitle>
|
<baseTitle title="阶段变更详情"></baseTitle>
|
||||||
<ApprovalDetail :formData="summaryData.formData" :data="summaryData" type="phase"
|
<ApprovalDetail :formData="summaryData.formData" :data="summaryData" type="phase"
|
||||||
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"/>
|
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
|
||||||
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"></opinion>
|
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId" v-model:value="auditOpinion"></opinion>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="jsx">
|
<script setup lang="jsx">
|
||||||
@@ -15,6 +15,7 @@ const summaryData = ref({})
|
|||||||
const summaryProcessViewer = ref(true)
|
const summaryProcessViewer = ref(true)
|
||||||
const processStore = useProcessStore()
|
const processStore = useProcessStore()
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
|
const auditOpinion = ref('')
|
||||||
const fileListShow = ref('READ')
|
const fileListShow = ref('READ')
|
||||||
const getInfo = async () => {
|
const getInfo = async () => {
|
||||||
fileListShow.value = 'READ'
|
fileListShow.value = 'READ'
|
||||||
|
|||||||
@@ -139,8 +139,7 @@ const handleSubmit = async (instance) => {
|
|||||||
let params = {
|
let params = {
|
||||||
fileList: fileList.value,
|
fileList: fileList.value,
|
||||||
projectId: route.query.id,
|
projectId: route.query.id,
|
||||||
tag: formData.value.tagName,
|
targetState: "40"
|
||||||
targetState: "30"
|
|
||||||
}
|
}
|
||||||
let res = await uploadFileList(params)
|
let res = await uploadFileList(params)
|
||||||
ElNotification({
|
ElNotification({
|
||||||
|
|||||||
@@ -19,7 +19,6 @@ import {useProcessStore} from '@/stores/processStore.js'
|
|||||||
|
|
||||||
const processStore = useProcessStore()
|
const processStore = useProcessStore()
|
||||||
const emit = defineEmits()
|
const emit = defineEmits()
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
mode: {
|
mode: {
|
||||||
type: String,
|
type: String,
|
||||||
|
|||||||
@@ -5,16 +5,23 @@
|
|||||||
<slot name="pre"></slot>
|
<slot name="pre"></slot>
|
||||||
<div style="display: flex;flex-wrap: wrap;">
|
<div style="display: flex;flex-wrap: wrap;">
|
||||||
<div v-for="(user,index) in userInfo" :key="index" class="avatar_name">
|
<div v-for="(user,index) in userInfo" :key="index" class="avatar_name">
|
||||||
<div class="circle-user">
|
<div class="user">
|
||||||
<Tooltip :content="user.name" placement="bottom-start" width="45">
|
<div class="circle-user">
|
||||||
</Tooltip>
|
<Tooltip :content="user.name" placement="bottom-start" width="45">
|
||||||
</div>
|
</Tooltip>
|
||||||
<div v-if="user.icon"
|
</div>
|
||||||
class="el-timeline-item__node" :style="{
|
<div v-if="user.icon && mode === 'preview'"
|
||||||
|
class="el-timeline-item__node" :style="{
|
||||||
backgroundColor: user.color
|
backgroundColor: user.color
|
||||||
}">
|
}">
|
||||||
<el-icon v-if="user.icon" size="15" :class="user.class">
|
<el-icon v-if="user.icon" size="15" :class="user.class">
|
||||||
<component :is="user.icon"/>
|
<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>
|
</el-icon>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -23,7 +30,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<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";
|
import {defineProps} from "vue";
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
@@ -107,11 +114,17 @@ init()
|
|||||||
|
|
||||||
.avatar_name {
|
.avatar_name {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right: 1px;
|
margin-bottom: 5px;
|
||||||
/*width: 45px;*/
|
|
||||||
position: relative;
|
.user {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 1px;
|
||||||
|
/*width: 45px;*/
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-timeline-item__node {
|
.el-timeline-item__node {
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<template v-else-if="showAvatar">
|
<template v-else-if="showAvatar">
|
||||||
<span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
|
<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>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
|
<span class="placeholder" v-if="(content || '').trim() === ''">{{ placeholder }}</span>
|
||||||
@@ -250,7 +250,7 @@ const init = () => {
|
|||||||
|
|
||||||
.node-body-content {
|
.node-body-content {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 18px;
|
padding: 18px 8px;
|
||||||
color: #656363;
|
color: #656363;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user