FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-10-25 17:56:06 +08:00
parent a0f1fdc2f1
commit 5942ba86b3
2 changed files with 250 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/xmqdqr/step1.vue
+2 -8
View File
@@ -757,6 +757,8 @@ export default {
@import '~@/assets/styles/style';
.xmqdqr-step1 {
position: relative;
height: 100%;
.myForm {
/deep/ .el-form-item__content {
line-height: 10px;
@@ -771,18 +773,12 @@ export default {
padding: 0 20px 0;
}
}
position: relative;
height: 100%;
.fileClass {
cursor: pointer;
}
.fileClass:hover {
color: #0c91e5;
}
.headerTabs {
height: 52px;
display: flex;
@@ -805,14 +801,12 @@ export default {
background: #E6A23C;
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
src/pages/processCenter/pages/creatProcess/zcrh/step1.vue
+248 -5
View File
@@ -1,26 +1,269 @@
<template>
<div class="zcrh-step1">
<div>政策入会</div>
<ProcessHeader toggle>
<template slot="proName">政策课题入会发起流程</template>
<template slot="proNode">发起流程</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
</div>
<div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="qdqrForm"
:model="rhform"
:rules="formRules"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="prc-content-border" v-if="foldFormFlag">
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
<el-input
v-model="rhform.title"
placeholder="请输入课题名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
<el-input
v-model="rhform.content"
placeholder="请输入主要议题"
clearable
></el-input>
</el-form-item>
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
<el-input
v-model="rhform.price"
placeholder="请输入费用"
clearable
></el-input>
</el-form-item>
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
<el-date-picker
v-model="rhform.time"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</div>
<el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form>
<ProcessTitle>
<template slot="title">外部信息</template>
</ProcessTitle>
<el-table border
ref="selection"
:data="data1"
tooltip-effect="dark"
style="width: 100%;"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange1"
row-key="id">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column
prop="itemsNum"
label="联络人"
width="150"
align="center">
</el-table-column>
<el-table-column
prop="itemsName"
label="单位"
align="center">
</el-table-column>
<el-table-column
prop="itermsConditions"
label="电话"
width="200"
align="center">
</el-table-column>
<el-table-column
label="邮箱"
width="350"
align="center">
</el-table-column>
</el-table>
<ProcessTitle>
<template slot="title">内部信息</template>
</ProcessTitle>
<el-table border
ref="selection"
:data="data2"
tooltip-effect="dark"
style="width: 100%;"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange2"
row-key="id">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column
prop="itemsNum"
label="我司在工作组排名顺序"
width="170"
align="center">
</el-table-column>
<el-table-column
prop="itemsName"
label="我司成员"
width="150"
align="center">
</el-table-column>
<el-table-column
prop="itermsConditions"
label="单位"
align="center">
</el-table-column>
<el-table-column
label="部门"
width="150"
align="center">
</el-table-column>
<el-table-column
label="电话"
width="200"
align="center">
</el-table-column>
<el-table-column
label="邮箱"
width="300"
align="center">
</el-table-column>
<el-table-column
label="身份"
width="150"
align="center">
</el-table-column>
<el-table-column
label="资料"
width="200"
align="center">
</el-table-column>
</el-table>
</div>
</div>
<div class="content" v-show="active === '2'">
2
</div>
<ProcessFooter
show-save
show-submit
:submitLoading="isSubmit"
:saveLoading="saveLoading"
@save="handleSave"
@submit="handleSubmit"
>
</ProcessFooter>
</div>
</template>
<script>
import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { saveTaskFirst } from "api/process";
export default {
name: "zcrhStep1",
components: {},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
data() {
return {}
return {
isSubmit: false,
saveLoading: false,
active: "1", //默认显示
rhform: {
title: '',
content: '',
price: '',
time: ''
},
formRules: {},
foldFormFlag: true,
data1: [],
data2: [],
}
},
methods: {
handleTabs(type) {
this.active = type;
},
foldForm() {
this.foldFormFlag = !this.foldFormFlag
},
handleSave() {},
handleSubmit() {
console.log(this.rhform);
},
handleSelectionChange1() {},
handleSelectionChange2() {}
},
methods: {},
mounted() {}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.zcrh-step1 {
position: relative;
height: 100%;
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.zcrh-step1 {}
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
.headerTabs {
height: 52px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
}
</style>