Merge remote-tracking branch 'origin/master'
This commit is contained in:
@@ -551,7 +551,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.approval-record {
|
.approval-record {
|
||||||
//padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
.approval-title {
|
.approval-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -561,6 +561,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
|
|||||||
.diagram {
|
.diagram {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
float: right;
|
||||||
|
|
||||||
.base-title {
|
.base-title {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|||||||
372
src/components/DetailComponent/CompanyPicker.vue
Normal file
372
src/components/DetailComponent/CompanyPicker.vue
Normal file
@@ -0,0 +1,372 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog custom-class="custom-dialog" class="border" :border="false" closeFree width="1000px" style="height: 676px"
|
||||||
|
:title="title" :visible.sync="visible" v-model="visible" append-to-body :close-on-click-modal="true"
|
||||||
|
:destroy-on-close="true">
|
||||||
|
<div class="picker">
|
||||||
|
<div class="candidate" v-loading="loading">
|
||||||
|
<el-input v-model="filterText" @change="getList()"
|
||||||
|
clearable placeholder="输入公司进行搜索">
|
||||||
|
<template #append>
|
||||||
|
<el-button @click="getList()">搜索</el-button>
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
|
<el-button v-if="isChooseAll" @click="chooseAll">全选</el-button>
|
||||||
|
<el-button v-else @click="cancelAll">不全选</el-button>
|
||||||
|
<!-- 人员选择 -->
|
||||||
|
<el-empty :image-size="100" description="似乎没有数据" v-show="dataList.length === 0"/>
|
||||||
|
<el-scrollbar style="height:87%;">
|
||||||
|
<div class="tree">
|
||||||
|
<el-tree :data="dataList" ref="tree" :props="defaultProps" empty-text="" node-key="value"
|
||||||
|
default-expand-all :show-checkbox="showCheckbox" highlight-current :default-checked-keys="defaultChecked"
|
||||||
|
:check-strictly="multiple===false" @node-click="(node,check)=>handle(node,check)"
|
||||||
|
@check-change="handleChange" :filter-node-method="filterNode">
|
||||||
|
<template #default="{ node, data }">
|
||||||
|
<div class="tree-node">
|
||||||
|
<div style="display: flex;align-items: center;padding: 3px 0">
|
||||||
|
{{ node.label }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-tree>
|
||||||
|
</div>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
|
<div class="selected">
|
||||||
|
<div class="count">
|
||||||
|
<span>已选 {{ selectList.length }} 项</span>
|
||||||
|
<span @click="clearSelected">清空</span>
|
||||||
|
</div>
|
||||||
|
<div class="org-items">
|
||||||
|
<el-empty :image-size="100" description="请点击左侧列表选择数据" v-show="selectList.length === 0"/>
|
||||||
|
<div v-for="(selectItem, selectIndex) in selectList" :key="selectIndex" class="org-item">
|
||||||
|
{{ selectItem.label }}
|
||||||
|
<el-icon @click="noSelected(selectItem)" size="20" style="margin-left: 10px;cursor: pointer;"
|
||||||
|
v-if="showCheckbox===false">
|
||||||
|
<CircleClose/>
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<el-button size="mini" @click="visible = false">取 消</el-button>
|
||||||
|
<el-button size="mini" color="#DED0B2" @click="selectConfirm">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {ElMessageBox} from "element-plus";
|
||||||
|
import {getSubCompOpt} from "@/api/user/user";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
value: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
multiple: { //是否多选
|
||||||
|
default: true,
|
||||||
|
type: Boolean
|
||||||
|
},
|
||||||
|
showCheckbox: { //是否显示左侧选择框
|
||||||
|
default: true,
|
||||||
|
type: Boolean
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const radio = ref(0);
|
||||||
|
const isChooseAll = ref(true);
|
||||||
|
const chooseId = ref(0);
|
||||||
|
let selectItem = reactive({
|
||||||
|
type: -1,
|
||||||
|
value: "0"
|
||||||
|
});
|
||||||
|
const visible = ref(false);
|
||||||
|
const loading = ref(false);
|
||||||
|
const title = ref("请选择");
|
||||||
|
const selectList = ref([]);
|
||||||
|
const filterText = ref("");
|
||||||
|
const dataList = ref([]);
|
||||||
|
const defaultChecked = ref([]);
|
||||||
|
const tree = ref([]);
|
||||||
|
const isSearch = ref(false);
|
||||||
|
const expandedKeys = ref([]);
|
||||||
|
const defaultProps = {
|
||||||
|
value: "value",
|
||||||
|
label: "label",
|
||||||
|
children: "children"
|
||||||
|
};
|
||||||
|
const emit = defineEmits();
|
||||||
|
const _value = computed({
|
||||||
|
get() {
|
||||||
|
return props.value;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
emit("input", val);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(() => filterText.value, (newVal) => {
|
||||||
|
tree.value.filter(newVal);
|
||||||
|
});
|
||||||
|
const matterTree=(list)=>{
|
||||||
|
list.forEach(item=>{
|
||||||
|
tree.value.setChecked(item,true)
|
||||||
|
if(item.children!==undefined){
|
||||||
|
matterTree(item.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const cancelAll=()=>{
|
||||||
|
isChooseAll.value=true
|
||||||
|
tree.value.setCheckedNodes([])
|
||||||
|
}
|
||||||
|
const chooseAll=()=>{
|
||||||
|
isChooseAll.value=false
|
||||||
|
matterTree(dataList.value)
|
||||||
|
}
|
||||||
|
const getList = () => {
|
||||||
|
getSubCompOpt().then(res => {
|
||||||
|
dataList.value = res.data;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//通过关键字过滤树节点
|
||||||
|
const filterNode = (value, data) => {
|
||||||
|
//通过关键字过滤树节点
|
||||||
|
if (!value) return true;
|
||||||
|
return data.label.indexOf(value) !== -1;
|
||||||
|
};
|
||||||
|
//用于用户选择
|
||||||
|
const show = () => {
|
||||||
|
//用于弹开部门选择
|
||||||
|
visible.value = true;
|
||||||
|
selectList.value=_value.value
|
||||||
|
defaultChecked.value=_value.value.map(item=>item.value)
|
||||||
|
getList()
|
||||||
|
};
|
||||||
|
const handleChange = (data, checked) => {
|
||||||
|
// 左侧有选择框
|
||||||
|
if (props.showCheckbox) {
|
||||||
|
// 左侧有选择框 + 多选
|
||||||
|
if (props.multiple) {
|
||||||
|
//不添加重复的数据到右边
|
||||||
|
for (let i = 0; i < selectList.value.length; i++) {
|
||||||
|
if (selectList.value[i].value === data.value) {
|
||||||
|
selectList.value.splice(i, 1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (checked) {
|
||||||
|
if (data.children === undefined) {
|
||||||
|
selectList.value.push(data);
|
||||||
|
}
|
||||||
|
} else if (data === "1") {
|
||||||
|
tree.value.setCheckedKeys([]);
|
||||||
|
selectList.value = [];
|
||||||
|
}
|
||||||
|
} else {// 左侧有选择框 + 单选
|
||||||
|
//不添加重复的数据到右边
|
||||||
|
for (let i = 0; i < selectList.value.length; i++) {
|
||||||
|
if (selectList.value[i].value === data.value) {
|
||||||
|
selectList.value.splice(i, 1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (checked) {
|
||||||
|
tree.value.setCheckedNodes([data]);
|
||||||
|
// this.$refs.tree.setCheckedKeys([]);
|
||||||
|
selectList.value = [data];
|
||||||
|
} else if (data === "1") {
|
||||||
|
selectList.value = [];
|
||||||
|
tree.value.setCheckedKeys([]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const handle = (node, check) => {
|
||||||
|
if (check.isLeaf !== false) {
|
||||||
|
if (props.multiple) {
|
||||||
|
//不添加重复的数据到右边
|
||||||
|
for (let i = 0; i < selectList.value.length; i++) {
|
||||||
|
if (selectList.value[i].value === node.value) {
|
||||||
|
selectList.value.splice(i, 1);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
check.checked = true;
|
||||||
|
selectList.value.push(node);
|
||||||
|
} else {
|
||||||
|
check.checked = true;
|
||||||
|
selectList.value = [node];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// _value.value = selectList.value
|
||||||
|
};
|
||||||
|
const noSelected = (selectItem) => {
|
||||||
|
//左侧无选择框时,右侧显示×
|
||||||
|
for (let i = 0; i < selectList.value.length; i++) {
|
||||||
|
if (selectList.value[i].value === selectItem.value) {
|
||||||
|
selectList.value.splice(i, 1);
|
||||||
|
tree.value.setCheckedKeys(i);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (props.showCheckbox) {
|
||||||
|
// 左侧有选择框 + 单选
|
||||||
|
if (props.multiple === false) {
|
||||||
|
tree.value.setCheckedKeys([]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const clearSelected = () => {
|
||||||
|
//清空
|
||||||
|
ElMessageBox.confirm("您确定要清空已选中的项?", "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning"
|
||||||
|
}).then(() => {
|
||||||
|
if (!props.showCheckbox) {
|
||||||
|
selectList.value = [];
|
||||||
|
} else {
|
||||||
|
handleChange("1");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const selectConfirm = () => {
|
||||||
|
//确定按钮
|
||||||
|
emit("ok", selectList.value);
|
||||||
|
dataList.value = []
|
||||||
|
visible.value = false;
|
||||||
|
};
|
||||||
|
defineExpose({
|
||||||
|
show
|
||||||
|
});
|
||||||
|
getList()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
$containWidth: 480px;
|
||||||
|
:deep(.tree) {
|
||||||
|
.el-tree-node__content {
|
||||||
|
height: 34px;
|
||||||
|
|
||||||
|
.tree-node {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//.el-tree-node {
|
||||||
|
// .is-leaf + .el-checkbox .el-checkbox__inner {
|
||||||
|
// display: inline-block;
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// .el-checkbox .el-checkbox__inner {
|
||||||
|
// display: none;
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
float: right;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.picker {
|
||||||
|
height: 560px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.candidate {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
width: $containWidth;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid #e8e8e8;
|
||||||
|
|
||||||
|
:deep(.el-input) {
|
||||||
|
height: 40px;
|
||||||
|
|
||||||
|
.el-input__inner, .el-input-group__append {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selected {
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
width: 450px;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid #e8e8e8;
|
||||||
|
|
||||||
|
.count {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
border-bottom: 1px solid #e8e8e8;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
> span:nth-child(2) {
|
||||||
|
float: right;
|
||||||
|
color: #c75450;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.org-items {
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 90%;
|
||||||
|
|
||||||
|
.el-icon-close {
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: larger;
|
||||||
|
}
|
||||||
|
|
||||||
|
.org-item {
|
||||||
|
margin: 0 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: relative;
|
||||||
|
padding: 7px 5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
> span {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-scrollbar .el-scrollbar__wrap {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
float: right;
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 16px;
|
||||||
|
background-color: #efefef;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -18,10 +18,11 @@
|
|||||||
@getAttachment="getAttachment"
|
@getAttachment="getAttachment"
|
||||||
@getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
|
@getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
|
||||||
:preview="mode == 'resubmit'"/>
|
:preview="mode == 'resubmit'"/>
|
||||||
<div v-if="mode === 'resubmit'&&!changeDiagram">
|
<div>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<div class="approval-title">
|
<div class="approval-title">
|
||||||
<baseTitle title="审批记录"></baseTitle>
|
<baseTitle title="审批记录" v-if="mode === 'resubmit'"></baseTitle>
|
||||||
|
<div v-else></div>
|
||||||
<div class="diagram">
|
<div class="diagram">
|
||||||
<div class="base-title">流程图</div>
|
<div class="base-title">流程图</div>
|
||||||
<el-switch
|
<el-switch
|
||||||
@@ -30,28 +31,30 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="process">
|
||||||
<div class="process">
|
<operation-render v-if="mode === 'resubmit'&&!changeDiagram" :operation-list="data.operationList" :state="data.state"/>
|
||||||
<operation-render :operation-list="data.operationList" :state="data.state"/>
|
<process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="changeDiagram">
|
|
||||||
<div class="approval-record">
|
|
||||||
<div class="approval-title">
|
|
||||||
<baseTitle title="流程图"></baseTitle>
|
|
||||||
<div class="diagram">
|
|
||||||
<!-- <div class="base-title">流程图</div>-->
|
|
||||||
<!-- <el-switch-->
|
|
||||||
<!-- v-model="changeDiagram"-->
|
|
||||||
<!-- style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266"-->
|
|
||||||
<!-- />-->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="process">
|
|
||||||
<process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div v-if="changeDiagram">-->
|
||||||
|
<!-- <div class="approval-record">-->
|
||||||
|
<!-- <div class="approval-title">-->
|
||||||
|
<!-- <baseTitle title="流程图"></baseTitle>-->
|
||||||
|
<!-- <div class="diagram">-->
|
||||||
|
<!--<!– <div class="base-title">流程图</div>–>-->
|
||||||
|
<!--<!– <el-switch–>-->
|
||||||
|
<!--<!– v-model="changeDiagram"–>-->
|
||||||
|
<!--<!– style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266"–>-->
|
||||||
|
<!--<!– />–>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="process">-->
|
||||||
|
<!-- <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button>
|
<el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button>
|
||||||
<el-button color="#DED0B2" v-else-if="mode === 'resubmit'" @click="handleSubmit">重新提交</el-button>
|
<el-button color="#DED0B2" v-else-if="mode === 'resubmit'" @click="handleSubmit">重新提交</el-button>
|
||||||
@@ -80,7 +83,7 @@
|
|||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div style="display: flex;align-items: center">
|
<div style="display: flex;align-items: center">
|
||||||
<el-button type="primary" @click="chooseProProcess(scope.row)" link>选择</el-button>
|
<el-button type="primary" @click="chooseProProcess(scope.row)" link>选择</el-button>
|
||||||
<a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff;margin-left: 10px">查看详情</a>
|
<a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff;margin-left: 10px">查看流程</a>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -113,7 +116,7 @@ import Paging from "@/components/pagination/index.vue";
|
|||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const changeDiagram = ref(true)
|
const changeDiagram = ref(false)
|
||||||
const emit = defineEmits(["getAttachment", "getOtherFile"])
|
const emit = defineEmits(["getAttachment", "getOtherFile"])
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
title: {
|
title: {
|
||||||
@@ -392,7 +395,6 @@ watchEffect(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
// changeDiagram.value = props.mode === 'submit';
|
|
||||||
await init()
|
await init()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -70,7 +70,8 @@ const tableConfig = reactive({
|
|||||||
{
|
{
|
||||||
prop: 'tag',
|
prop: 'tag',
|
||||||
label: '文件大小',
|
label: '文件大小',
|
||||||
align: 'center'
|
align: 'center',
|
||||||
|
currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'oper',
|
prop: 'oper',
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ export const matterTree = (array,data, id) => {
|
|||||||
array.push(data[i].label);
|
array.push(data[i].label);
|
||||||
}
|
}
|
||||||
if (data[i].children && data[i].children.length > 0) {
|
if (data[i].children && data[i].children.length > 0) {
|
||||||
matterTree(data[i].children)
|
matterTree(array,data[i].children,id)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return array;
|
return array;
|
||||||
|
|||||||
@@ -104,7 +104,7 @@ const tableConfig = reactive({
|
|||||||
align: 'center',
|
align: 'center',
|
||||||
showOverflowTooltip: false,
|
showOverflowTooltip: false,
|
||||||
currentRender: ({row, index}) => {
|
currentRender: ({row, index}) => {
|
||||||
if (row.projectCost !== null) {
|
if (row.projectCost !== null&&row.projectCost !== null&&row.projectCost!==undefined) {
|
||||||
return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
|
return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
|
||||||
} else {
|
} else {
|
||||||
return '--'
|
return '--'
|
||||||
|
|||||||
@@ -125,8 +125,14 @@
|
|||||||
<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>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<baseTitle title="流程"></baseTitle>
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
||||||
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
|
<baseTitle title="流程图"></baseTitle>
|
||||||
|
<el-switch
|
||||||
|
v-model="changeDiagram"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<el-button color="#DED0B2" v-if="routerName==='Share/add'" @click="handleSubmit(form)">提交</el-button>
|
<el-button color="#DED0B2" v-if="routerName==='Share/add'" @click="handleSubmit(form)">提交</el-button>
|
||||||
@@ -143,6 +149,7 @@ import {addAllocation, getAllocationDetail, getAllocationProcess, getResearchUse
|
|||||||
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 changeDiagram = ref(false)
|
||||||
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'}],
|
||||||
@@ -171,13 +178,13 @@ const formData = ref({
|
|||||||
projectId:'',
|
projectId:'',
|
||||||
projectName: '',
|
projectName: '',
|
||||||
researchPersonnel:'',
|
researchPersonnel:'',
|
||||||
wagesPayable:'',
|
wagesPayable:null,
|
||||||
performance:'',
|
performance:null,
|
||||||
reserveFund:'',
|
reserveFund:null,
|
||||||
socialSecurity:'',
|
socialSecurity:null,
|
||||||
annuity:'',
|
annuity:null,
|
||||||
workday:'',
|
workday:'21.75',
|
||||||
researchDuration:''
|
researchDuration:null,
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
@@ -207,19 +214,30 @@ const handleAdd = () => {
|
|||||||
projectId: '',
|
projectId: '',
|
||||||
projectName: '',
|
projectName: '',
|
||||||
researchPersonnel: '',
|
researchPersonnel: '',
|
||||||
wagesPayable: '',
|
wagesPayable:null,
|
||||||
performance: '',
|
performance:null,
|
||||||
reserveFund: '',
|
reserveFund:null,
|
||||||
socialSecurity: '',
|
socialSecurity:null,
|
||||||
annuity: '',
|
annuity:null,
|
||||||
workday: '',
|
workday:'21.75',
|
||||||
researchDuration: '',
|
researchDuration:null,
|
||||||
// subtotal: '',
|
|
||||||
}
|
}
|
||||||
formData.value.tableData.push(row)
|
formData.value.tableData.push(row)
|
||||||
}
|
}
|
||||||
const handleCopy = (row) => {
|
const handleCopy = (row) => {
|
||||||
formData.value.tableData.push(row)
|
let copyObj = {
|
||||||
|
projectId: row.projectId,
|
||||||
|
projectName: '',
|
||||||
|
researchPersonnel: row.researchPersonnel,
|
||||||
|
wagesPayable: row.wagesPayable,
|
||||||
|
performance: row.performance,
|
||||||
|
reserveFund: row.reserveFund,
|
||||||
|
socialSecurity: row.socialSecurity,
|
||||||
|
annuity: row.annuity,
|
||||||
|
workday:'21.75',
|
||||||
|
researchDuration: row.researchDuration,
|
||||||
|
}
|
||||||
|
formData.value.tableData.push(copyObj)
|
||||||
}
|
}
|
||||||
const handleDelete = (index) => {
|
const handleDelete = (index) => {
|
||||||
formData.value.tableData.splice(index, 1)
|
formData.value.tableData.splice(index, 1)
|
||||||
@@ -243,7 +261,7 @@ const handleSubmit = (instance) => {
|
|||||||
usrAllocations: formData.value.tableData,
|
usrAllocations: formData.value.tableData,
|
||||||
deploymentId: processInstanceData.value.deploymentId,
|
deploymentId: processInstanceData.value.deploymentId,
|
||||||
}
|
}
|
||||||
console.log('params',params)
|
// console.log('params',params)
|
||||||
const {code, msg} = await addAllocation(params)
|
const {code, msg} = await addAllocation(params)
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
@@ -279,7 +297,7 @@ const handleResubmit = (instance) => {
|
|||||||
usrAllocations: formData.value.tableData,
|
usrAllocations: formData.value.tableData,
|
||||||
deploymentId: processInstanceData.value.deploymentId,
|
deploymentId: processInstanceData.value.deploymentId,
|
||||||
}
|
}
|
||||||
console.log('params',params)
|
// console.log('params',params)
|
||||||
const {code, msg} = await editAllocation(params)
|
const {code, msg} = await editAllocation(params)
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
@@ -321,7 +339,6 @@ const getDetailList = async () => {
|
|||||||
item.researchPersonnel = Number(item.researchPersonnel)
|
item.researchPersonnel = Number(item.researchPersonnel)
|
||||||
})
|
})
|
||||||
formData.value.tableData = data.rows
|
formData.value.tableData = data.rows
|
||||||
console.log('formData.value.tableData',formData.value.tableData)
|
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
showTable.value = true
|
showTable.value = true
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -34,9 +34,10 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="所属公司" prop="companyIds" class="tree-select">
|
<el-form-item label="所属公司" prop="companyIds" class="tree-select">
|
||||||
<!-- <el-button @click="showCompany">请选择</el-button>-->
|
<div>{{ getName(companyList) }}</div>
|
||||||
<el-tree-select v-model="formData.companyIds" :data="companyOption"
|
<el-button color="#DED0B2" @click="showCompany">{{companyList.length===0?'请选择所属公司':'更改'}}</el-button>
|
||||||
filterable clearable :check-strictly="true" multiple/>
|
<!-- <el-tree-select v-model="formData.companyIds" :data="companyOption"-->
|
||||||
|
<!-- filterable clearable :check-strictly="true" multiple/>-->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
@@ -79,14 +80,21 @@
|
|||||||
</template>
|
</template>
|
||||||
</fvTable>
|
</fvTable>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<baseTitle title="流程"></baseTitle>
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
||||||
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
|
<baseTitle title="流程图"></baseTitle>
|
||||||
|
<el-switch
|
||||||
|
v-model="changeDiagram"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<el-button color="#DED0B2" v-if="routerName==='Requirement/add'" @click="handleSubmit(demandForm)">提交</el-button>
|
<el-button color="#DED0B2" v-if="routerName==='Requirement/add'" @click="handleSubmit(demandForm)">提交</el-button>
|
||||||
<el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
|
<el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
|
||||||
<el-button @click="handleBack">返回</el-button>
|
<el-button @click="handleBack">返回</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
<company-picker :multiple="true" ref="companyRef" title="请选择所属公司" v-model:value="companyList" @ok="selected"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -103,12 +111,16 @@ import {
|
|||||||
} from "@/api/project-demand/index.js";
|
} from "@/api/project-demand/index.js";
|
||||||
import FileUpload from "@/components/FileUpload.vue";
|
import FileUpload from "@/components/FileUpload.vue";
|
||||||
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
|
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
|
||||||
import {ElMessageBox, ElNotification} from "element-plus";
|
import {ElNotification} from "element-plus";
|
||||||
import {useRoute, useRouter} from 'vue-router'
|
import {useRoute, useRouter} from 'vue-router'
|
||||||
import {getSubCompOpt} from '@/api/user/user.js'
|
import {getSubCompOpt} from '@/api/user/user.js'
|
||||||
import {useTagsView} from '@/stores/tagsview.js'
|
import {useTagsView} from '@/stores/tagsview.js'
|
||||||
import {getFundOption} from "@/api/special-fund";
|
import {getFundOption} from "@/api/special-fund";
|
||||||
|
import CompanyPicker from "@/components/DetailComponent/CompanyPicker.vue";
|
||||||
|
|
||||||
|
const companyRef = ref()
|
||||||
|
const companyList = ref([])
|
||||||
|
const changeDiagram = ref(false)
|
||||||
const tagsViewStore = useTagsView()
|
const tagsViewStore = useTagsView()
|
||||||
const authStore = useAuthStore()
|
const authStore = useAuthStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
@@ -117,7 +129,7 @@ const demandForm = ref()
|
|||||||
const dateValue = ref()
|
const dateValue = ref()
|
||||||
const formData = ref({
|
const formData = ref({
|
||||||
requirementName: '',
|
requirementName: '',
|
||||||
companyIds: '',
|
companyIds: [],
|
||||||
collectType: '',
|
collectType: '',
|
||||||
deadline: '',
|
deadline: '',
|
||||||
collectExplain: '',
|
collectExplain: '',
|
||||||
@@ -193,7 +205,24 @@ const tableConfig = reactive({
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
const getName = (list) => {
|
||||||
|
return list.map(item => item.label).join(',')
|
||||||
|
}
|
||||||
|
const showCompany = () => {
|
||||||
|
companyRef.value.show()
|
||||||
|
}
|
||||||
|
const selected = (select) => {
|
||||||
|
let companyInfoList = []
|
||||||
|
for (let val of select) {
|
||||||
|
let companyInfo = {
|
||||||
|
value: val.value,
|
||||||
|
label: val.label
|
||||||
|
}
|
||||||
|
companyInfoList.push(companyInfo)
|
||||||
|
formData.value.companyIds.push(val.value)
|
||||||
|
}
|
||||||
|
companyList.value = companyInfoList
|
||||||
|
}
|
||||||
const checkFormPrem = (formKey) => {
|
const checkFormPrem = (formKey) => {
|
||||||
if (formPermMap.value.hasOwnProperty(formKey)) {
|
if (formPermMap.value.hasOwnProperty(formKey)) {
|
||||||
let formItem = formPermMap.value[formKey];
|
let formItem = formPermMap.value[formKey];
|
||||||
@@ -201,7 +230,6 @@ const checkFormPrem = (formKey) => {
|
|||||||
} else {
|
} else {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleDownload = (row) => {
|
const handleDownload = (row) => {
|
||||||
@@ -284,6 +312,15 @@ const init = async () => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
const submitParam = (item) => {
|
const submitParam = (item) => {
|
||||||
|
console.log('item..',item.companyIds)
|
||||||
|
if(item.companyIds.length===0){
|
||||||
|
ElNotification({
|
||||||
|
title: '提示',
|
||||||
|
message: '请选择所属公司',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
let files = []
|
let files = []
|
||||||
item.fileList.forEach(item => {
|
item.fileList.forEach(item => {
|
||||||
let obj = {
|
let obj = {
|
||||||
@@ -389,7 +426,8 @@ onMounted(async () => {
|
|||||||
:deep(.el-empty__description) {
|
:deep(.el-empty__description) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.tree-select{
|
|
||||||
|
.tree-select {
|
||||||
:deep(.el-form-item__content .el-select__wrapper ) {
|
:deep(.el-form-item__content .el-select__wrapper ) {
|
||||||
width: 750px;
|
width: 750px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -237,8 +237,14 @@
|
|||||||
@getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
|
@getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
|
||||||
:preview="name === 'Summary/edit'"/>
|
:preview="name === 'Summary/edit'"/>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<baseTitle title="流程"></baseTitle>
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
||||||
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
|
<baseTitle title="流程图"></baseTitle>
|
||||||
|
<el-switch
|
||||||
|
v-model="changeDiagram"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<!-- <el-button type="info" @click="staging">存为草稿</el-button>-->
|
<!-- <el-button type="info" @click="staging">存为草稿</el-button>-->
|
||||||
@@ -261,6 +267,7 @@ import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.v
|
|||||||
import {getFormInfo} from "@/api/project-demand";
|
import {getFormInfo} from "@/api/project-demand";
|
||||||
import {getFundOption} from "@/api/special-fund";
|
import {getFundOption} from "@/api/special-fund";
|
||||||
|
|
||||||
|
const changeDiagram = ref(false)
|
||||||
const cacheStore = useCacheStore()
|
const cacheStore = useCacheStore()
|
||||||
const processStore = useProcessStore()
|
const processStore = useProcessStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<baseTitle title="基础信息"></baseTitle>
|
<baseTitle title="基础信息"></baseTitle>
|
||||||
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
||||||
<baseTitle title="上传附件"></baseTitle>
|
<baseTitle :title="getName()+'-上传附件'"></baseTitle>
|
||||||
<el-card style="width: 100%;margin: 15px 0">
|
<el-card style="width: 100%;margin: 15px 0">
|
||||||
<file-upload @getFile="getFile" />
|
<file-upload @getFile="getFile" />
|
||||||
<fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
|
<fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
|
||||||
@@ -102,25 +102,21 @@ const getBaseInfo = async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getBaseInfo()
|
getBaseInfo()
|
||||||
const compositeParam = (item) => {
|
const getName=()=>{
|
||||||
let tag=''
|
|
||||||
switch (route.query.name) {
|
switch (route.query.name) {
|
||||||
case '00':
|
case '00':
|
||||||
tag='需求征集'
|
return '需求征集'
|
||||||
break
|
|
||||||
case '10':
|
case '10':
|
||||||
tag='需求上报'
|
return '需求上报'
|
||||||
break
|
|
||||||
case '20':
|
case '20':
|
||||||
tag='项目立项'
|
return '项目立项'
|
||||||
break
|
|
||||||
case '40':
|
case '40':
|
||||||
tag='项目实施'
|
return '项目实施'
|
||||||
break
|
|
||||||
case '50':
|
case '50':
|
||||||
tag='项目归档'
|
return '项目归档'
|
||||||
break
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
const compositeParam = (item) => {
|
||||||
return {
|
return {
|
||||||
fileId: item.id,
|
fileId: item.id,
|
||||||
size: item.size,
|
size: item.size,
|
||||||
@@ -128,7 +124,7 @@ const compositeParam = (item) => {
|
|||||||
fileType: item.fileType,
|
fileType: item.fileType,
|
||||||
url: item.url,
|
url: item.url,
|
||||||
newFile: true,
|
newFile: true,
|
||||||
tag: tag,
|
tag: getName(),
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const getFile = (val) => {
|
const getFile = (val) => {
|
||||||
|
|||||||
@@ -122,8 +122,12 @@ const tableConfig = reactive({
|
|||||||
label: '项目费用',
|
label: '项目费用',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
currentRender: ({row, index}) => {
|
currentRender: ({row, index}) => {
|
||||||
if (row.projectCost !== null) {
|
if (row.projectCost !== null&&row.projectCost !== null&&row.projectCost!==undefined) {
|
||||||
return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
|
if(typeof Number(row.projectCost) === 'number'){
|
||||||
|
return '--'
|
||||||
|
}else {
|
||||||
|
return (<Tag dictType={'project_cost'} value={row.projectCost}/>)
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
return '--'
|
return '--'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-button color="#DED0B2" >
|
<div>{{modelValue}}</div>
|
||||||
{{ modelValue || '请选择抄送人员' }}
|
<el-button color="#DED0B2" style="margin-left: 10px" @click="click">
|
||||||
|
{{ modelValue?'更改':'请选择抄送人员' }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -11,13 +12,8 @@ const props = defineProps({
|
|||||||
default: ''
|
default: ''
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
const emit = defineEmits('clickCopyUser')
|
||||||
// const emit = defineEmits('update: modelValue')
|
const click=()=>{
|
||||||
|
emit("clickCopyUser")
|
||||||
const localText = ref('')
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
||||||
<el-form :model="formData" label-width="auto">
|
<el-form :model="formData" label-width="auto">
|
||||||
<el-form-item label="抄送人员">
|
<el-form-item label="抄送人员">
|
||||||
<Ttsup :modelValue="chooseUserInfo()" @click="chooseUser"/>
|
<Ttsup :modelValue="chooseUserInfo()" @clickCopyUser="chooseUser"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<user-picker :multiple="true" ref="userPicker" title="请选择抄送人员" v-model:value="userList" @ok="selected"/>
|
<user-picker :multiple="true" ref="userPicker" title="请选择抄送人员" v-model:value="userList" @ok="selected"/>
|
||||||
@@ -13,8 +13,14 @@
|
|||||||
@getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
|
@getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
|
||||||
:preview="name === 'Phase/edit'"/>
|
:preview="name === 'Phase/edit'"/>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<baseTitle title="流程"></baseTitle>
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
||||||
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
|
<baseTitle title="流程图"></baseTitle>
|
||||||
|
<el-switch
|
||||||
|
v-model="changeDiagram"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<el-button color="#DED0B2" v-if="name==='Phase/change'" @click="handleSubmit">提交</el-button>
|
<el-button color="#DED0B2" v-if="name==='Phase/change'" @click="handleSubmit">提交</el-button>
|
||||||
@@ -34,6 +40,7 @@ import {useTagsView} from '@/stores/tagsview.js'
|
|||||||
import {computed, ref} from "vue";
|
import {computed, ref} from "vue";
|
||||||
import {getBaseInfoApi} from "@/components/steps/api";
|
import {getBaseInfoApi} from "@/components/steps/api";
|
||||||
|
|
||||||
|
const changeDiagram = ref(false)
|
||||||
const tagsViewStore = useTagsView()
|
const tagsViewStore = useTagsView()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -123,7 +130,7 @@ const chooseUserInfo = () => {
|
|||||||
return item.name
|
return item.name
|
||||||
}).join(',')
|
}).join(',')
|
||||||
} else {
|
} else {
|
||||||
return "请选择抄送人员"
|
return null
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const selected = (select) => {
|
const selected = (select) => {
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<baseTitle title="基础信息"></baseTitle>
|
<baseTitle title="基础信息"></baseTitle>
|
||||||
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
|
||||||
<baseTitle title="标签名称"></baseTitle>
|
<baseTitle title="项目实施-上传附件"></baseTitle>
|
||||||
<el-form :model="formData" ref="tagForm" label-width="auto" :rules="rules">
|
<el-form :model="formData" ref="tagForm" label-width="auto" :rules="rules">
|
||||||
<el-form-item label="标签名称" prop="tagName">
|
<el-form-item label="标签名称" prop="tagName">
|
||||||
<el-input v-model="formData.tagName" placeholder="请输入标签名称" style="width: 300px" v-if="showInput"/>
|
<el-input v-model="formData.tagName" placeholder="请输入标签名称" style="width: 300px" v-if="showInput"/>
|
||||||
@@ -87,9 +87,10 @@ const tableConfig = reactive({
|
|||||||
align: 'center'
|
align: 'center'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'tag',
|
prop: 'size',
|
||||||
label: '文件大小',
|
label: '文件大小',
|
||||||
align: 'center'
|
align: 'center',
|
||||||
|
currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'oper',
|
prop: 'oper',
|
||||||
|
|||||||
@@ -27,8 +27,14 @@
|
|||||||
</template>
|
</template>
|
||||||
</fvTable>
|
</fvTable>
|
||||||
<div class="approval-record">
|
<div class="approval-record">
|
||||||
<baseTitle title="流程"></baseTitle>
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
||||||
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
|
<baseTitle title="流程图"></baseTitle>
|
||||||
|
<el-switch
|
||||||
|
v-model="changeDiagram"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266;margin-left: 10px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<process-diagram-viewer mode="view" v-if="processDiagramViewer&&changeDiagram"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="oper-page-btn">
|
<div class="oper-page-btn">
|
||||||
<el-button color="#DED0B2" v-if="routerName === 'Fund/add'" @click="handleSubmit(fundForm)">提交</el-button>
|
<el-button color="#DED0B2" v-if="routerName === 'Fund/add'" @click="handleSubmit(fundForm)">提交</el-button>
|
||||||
@@ -47,6 +53,7 @@ import {useTagsView} from '@/stores/tagsview.js'
|
|||||||
import {useProcessStore} from '@/stores/processStore.js';
|
import {useProcessStore} from '@/stores/processStore.js';
|
||||||
import {downloadFile, deleteFile} from "@/api/project-demand";
|
import {downloadFile, deleteFile} from "@/api/project-demand";
|
||||||
|
|
||||||
|
const changeDiagram = ref(false)
|
||||||
const tagsViewStore = useTagsView()
|
const tagsViewStore = useTagsView()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -58,7 +65,7 @@ const fundForm = ref()
|
|||||||
const processDiagramViewer = ref(false)
|
const processDiagramViewer = ref(false)
|
||||||
const formData = ref({
|
const formData = ref({
|
||||||
name: '',
|
name: '',
|
||||||
fundAmount: '',
|
fundAmount: null,
|
||||||
introduce: '',
|
introduce: '',
|
||||||
files: []
|
files: []
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -187,7 +187,7 @@ const showUserPicker = () => {
|
|||||||
value: "0"
|
value: "0"
|
||||||
};
|
};
|
||||||
dataList.value = [];
|
dataList.value = [];
|
||||||
selectList.value = []
|
// selectList.value = []
|
||||||
chooseId.value = 0;
|
chooseId.value = 0;
|
||||||
radio.value = 0;
|
radio.value = 0;
|
||||||
visible.value = true;
|
visible.value = true;
|
||||||
|
|||||||
Reference in New Issue
Block a user