|
@@ -6,8 +6,11 @@
|
|
|
<div class="homeExitContent">
|
|
|
<!-- <el-button size="mini" @click="$store.commit('update',['userInfo',{userid:'2021400203',username:'yym',type:2}])">yym</el-button> -->
|
|
|
<!-- <el-button size="mini" @click="$store.commit('update',['userInfo',{userid:'201901766',username:'qgt',type:0}])">qgt</el-button> -->
|
|
|
- <div class="Notify" @click="$store.commit('update',['NotifyDig',true])">
|
|
|
- <el-badge :is-dot="$store.state.Notify.length>0" class="item">
|
|
|
+ <div
|
|
|
+ class="Notify"
|
|
|
+ @click="$store.commit('update', ['NotifyDig', true])"
|
|
|
+ >
|
|
|
+ <el-badge :is-dot="$store.state.Notify.length > 0" class="item">
|
|
|
<span class="el-icon-s-opportunity"></span>
|
|
|
</el-badge>
|
|
|
</div>
|
|
@@ -17,68 +20,64 @@
|
|
|
</el-header>
|
|
|
<router-view></router-view>
|
|
|
<el-dialog
|
|
|
- title="计划完成项目时间提醒"
|
|
|
- :visible.sync="$store.state.NotifyDig"
|
|
|
- width="60%"
|
|
|
- class="pageSubmitData">
|
|
|
- <!-- 表格开始 -->
|
|
|
- <div style="width: 100%;">
|
|
|
- <el-table
|
|
|
- ref="multipleTable"
|
|
|
- :data="$store.state.Notify"
|
|
|
- tooltip-effect="dark"
|
|
|
- width="100%"
|
|
|
- stripe
|
|
|
- class="fontSize"
|
|
|
- :header-cell-style="{ background: '#f2f2f2', color: '#000' }"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- prop="ProjectNo"
|
|
|
- label="项目编号"
|
|
|
- align="center"
|
|
|
-
|
|
|
- >
|
|
|
+ title="计划完成项目时间提醒"
|
|
|
+ :visible.sync="$store.state.NotifyDig"
|
|
|
+ width="60%"
|
|
|
+ class="pageSubmitData"
|
|
|
+ >
|
|
|
+ <!-- 表格开始 -->
|
|
|
+ <div style="width: 100%">
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="$store.state.Notify"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ width="100%"
|
|
|
+ stripe
|
|
|
+ class="fontSize"
|
|
|
+ :header-cell-style="{ background: '#f2f2f2', color: '#000' }"
|
|
|
+ >
|
|
|
+ <el-table-column prop="ProjectNo" label="项目编号" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="title"
|
|
|
- label="项目名称"
|
|
|
- align="center"
|
|
|
- >
|
|
|
+ <el-table-column prop="title" label="项目名称" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="分类"
|
|
|
- align="center"
|
|
|
-
|
|
|
- >
|
|
|
+ <el-table-column prop="name" label="分类" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="time"
|
|
|
- label="计划完成时间"
|
|
|
- align="center"
|
|
|
-
|
|
|
- >
|
|
|
+ <el-table-column prop="time" label="计划完成时间" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="Remaining"
|
|
|
- label="距离完结时间"
|
|
|
- align="center"
|
|
|
- >
|
|
|
+ <el-table-column prop="Remaining" label="距离完结时间" align="center">
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- {{ scope.row.Remaining<0?'已超时':scope.row.Remaining+'天' }}
|
|
|
+ {{
|
|
|
+ scope.row.Remaining < 0
|
|
|
+ ? "已超时"
|
|
|
+ : scope.row.Remaining + "天"
|
|
|
+ }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- selection-change批量选择功能后续可能用到 -->
|
|
|
- <!--
|
|
|
+ <el-table-column
|
|
|
+ prop="operation"
|
|
|
+ align="center"
|
|
|
+ label="操作"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="lookDetail(scope.row,scope.row.courseId, scope.row.typeid)"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- selection-change批量选择功能后续可能用到 -->
|
|
|
+ <!--
|
|
|
<el-table-column
|
|
|
type="selection"
|
|
|
width="25"
|
|
|
>
|
|
|
|
|
|
</el-table-column> -->
|
|
|
- <!-- <el-table-column
|
|
|
+ <!-- <el-table-column
|
|
|
prop="ProjectNo"
|
|
|
label="项目编号"
|
|
|
align="center"
|
|
@@ -114,12 +113,16 @@
|
|
|
min-width="10%"
|
|
|
>
|
|
|
</el-table-column> -->
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!-- 表格结束 -->
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="$store.commit('update',['NotifyDig',false])" class="AllDialogBtn" >关闭</el-button>
|
|
|
- </span>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 表格结束 -->
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button
|
|
|
+ @click="$store.commit('update', ['NotifyDig', false])"
|
|
|
+ class="AllDialogBtn"
|
|
|
+ >关闭</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -127,23 +130,28 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
- return {
|
|
|
- };
|
|
|
+ return {};
|
|
|
},
|
|
|
methods: {
|
|
|
homeExit() {
|
|
|
window.location.href = "http://10.16.30.130/sso/caslogout.jsp";
|
|
|
},
|
|
|
- CleanStorage(){
|
|
|
- sessionStorage.clear()
|
|
|
+ CleanStorage() {
|
|
|
+ sessionStorage.clear();
|
|
|
+ },
|
|
|
+ lookDetail(r,val, tid) {
|
|
|
+ //查看详情按钮
|
|
|
+ // localStorage.setItem("pid",JSON.stringify(val))
|
|
|
+ this.$store.commit('update', ['NotifyDig', false]);
|
|
|
+ this.$router.push(`/projectApplicationDetailMain?tid=${tid}&pid=${val}`);
|
|
|
},
|
|
|
},
|
|
|
- mounted(){
|
|
|
- window.addEventListener('beforeunload', this.CleanStorage());
|
|
|
+ mounted() {
|
|
|
+ window.addEventListener("beforeunload", this.CleanStorage());
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ window.removeEventListener("beforeunload", this.CleanStorage());
|
|
|
},
|
|
|
- beforeDestroy(){
|
|
|
- window.removeEventListener('beforeunload', this.CleanStorage());
|
|
|
- }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -192,14 +200,13 @@ body {
|
|
|
width: 90px;
|
|
|
// height: 30px;
|
|
|
}
|
|
|
- .Notify{
|
|
|
- .item{
|
|
|
+ .Notify {
|
|
|
+ .item {
|
|
|
margin-right: 50px;
|
|
|
font-size: 1.1em;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -211,103 +218,106 @@ hr {
|
|
|
margin: 0px 0px 10px 0px;
|
|
|
background: #ccc;
|
|
|
}
|
|
|
-.pdfTable{ //查看详情已完结页面的下载pdf的table样式
|
|
|
- border: none;
|
|
|
- border-top: solid 1px black;
|
|
|
- // border-right: solid 1px black;
|
|
|
- border-left: solid 1px black;
|
|
|
- position: relative;
|
|
|
- margin-top: 150px;
|
|
|
- margin-bottom: 120px;
|
|
|
- font-size: 20px;
|
|
|
- width: 1200px;
|
|
|
- // min-width: 1200px;
|
|
|
- // max-width: 1500px;
|
|
|
- .jc{
|
|
|
+.pdfTable {
|
|
|
+ //查看详情已完结页面的下载pdf的table样式
|
|
|
+ border: none;
|
|
|
+ border-top: solid 1px black;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ border-left: solid 1px black;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 150px;
|
|
|
+ margin-bottom: 120px;
|
|
|
+ font-size: 20px;
|
|
|
+ width: 1200px;
|
|
|
+ // min-width: 1200px;
|
|
|
+ // max-width: 1500px;
|
|
|
+ .jc {
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .pdfTit {
|
|
|
+ position: absolute;
|
|
|
+ top: -140px;
|
|
|
+ left: 50%;
|
|
|
+ width: 100%;
|
|
|
+ transform: translate(-50%);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .school {
|
|
|
font-weight: 600;
|
|
|
+ font-size: 44px;
|
|
|
+ letter-spacing: 10px;
|
|
|
}
|
|
|
- .pdfTit{
|
|
|
- position: absolute;
|
|
|
- top: -140px;
|
|
|
- left: 50%;
|
|
|
+ .wordTitle {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 32px;
|
|
|
width: 100%;
|
|
|
- transform: translate(-50%);
|
|
|
- display: flex;justify-content: center;flex-wrap: wrap;
|
|
|
- .school{
|
|
|
- font-weight: 600;
|
|
|
- font-size: 44px;
|
|
|
- letter-spacing: 10px;
|
|
|
- }
|
|
|
- .wordTitle{
|
|
|
- font-weight: 500;
|
|
|
- font-size: 32px;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- letter-spacing: 5px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .date{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 20px;
|
|
|
- transform: translate(400px);
|
|
|
- }
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
- .notes{
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction:column;
|
|
|
- }
|
|
|
- .checkAreaBlc{
|
|
|
- margin-left: 40px;
|
|
|
- }
|
|
|
- .textLeft{
|
|
|
- text-align: left ;
|
|
|
- vertical-align: top;
|
|
|
- position: relative;
|
|
|
- max-width:100% ;
|
|
|
- height: 300px;
|
|
|
- // white-space: nowrap;
|
|
|
- span{
|
|
|
- // white-space: nowrap
|
|
|
- word-wrap: break-word;
|
|
|
- word-break: break-all;
|
|
|
- }
|
|
|
- :deep(.el-textarea__inner){
|
|
|
- border: none ;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: left !important;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+ .date {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
+ transform: translate(400px);
|
|
|
}
|
|
|
- tr{
|
|
|
- // position: relative;
|
|
|
- // height: 80px;
|
|
|
- td{
|
|
|
- border: none;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- border-right: solid 1px black;
|
|
|
- height: 80px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- min-width: 160px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 5px;
|
|
|
- p{
|
|
|
+ }
|
|
|
+ .notes {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .checkAreaBlc {
|
|
|
+ margin-left: 40px;
|
|
|
+ }
|
|
|
+ .textLeft {
|
|
|
+ text-align: left;
|
|
|
+ vertical-align: top;
|
|
|
+ position: relative;
|
|
|
+ max-width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ // white-space: nowrap;
|
|
|
+ span {
|
|
|
+ // white-space: nowrap
|
|
|
+ word-wrap: break-word;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
+ border: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: left !important;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tr {
|
|
|
+ // position: relative;
|
|
|
+ // height: 80px;
|
|
|
+ td {
|
|
|
+ border: none;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ height: 80px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ min-width: 160px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px;
|
|
|
+ p {
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
- :deep(.el-select .el-input .el-select__caret){
|
|
|
+ :deep(.el-select .el-input .el-select__caret) {
|
|
|
display: none;
|
|
|
}
|
|
|
- :deep(.el-textarea__inner){
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
// padding: 0;
|
|
|
- border: none ;
|
|
|
+ border: none;
|
|
|
border-radius: 0px;
|
|
|
text-align: center;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
- :deep(.el-input__inner){
|
|
|
- border: none ;
|
|
|
+ :deep(.el-input__inner) {
|
|
|
+ border: none;
|
|
|
border-radius: 0px;
|
|
|
text-align: center;
|
|
|
font-size: 16px;
|
|
@@ -316,120 +326,124 @@ hr {
|
|
|
:deep(input)::-webkit-inner-spin-button {
|
|
|
-webkit-appearance: none;
|
|
|
}
|
|
|
- :deep(input)[type="number"]{
|
|
|
- -moz-appearance: textfield;
|
|
|
+ :deep(input)[type="number"] {
|
|
|
+ -moz-appearance: textfield;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.exitTable{ //所见所得填写项目的table样式
|
|
|
- border: none;
|
|
|
- border-top: solid 1px black;
|
|
|
- border-left: solid 1px black;
|
|
|
- position: relative;
|
|
|
- margin-top: 150px;
|
|
|
- margin-bottom: 120px;
|
|
|
- // font-size: 20px;
|
|
|
- width: 1200px;
|
|
|
- font-family:Arial,"Microsoft Yahe","微软雅黑";
|
|
|
- .bold{
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- .pdfTit{
|
|
|
- position: absolute;
|
|
|
- top: -140px;
|
|
|
- left: 50%;
|
|
|
- width: 100%;
|
|
|
- transform: translate(-50%);
|
|
|
- display: flex;justify-content: center;flex-wrap: wrap;
|
|
|
- .school{
|
|
|
- font-weight: 600;
|
|
|
- font-size: 30px;
|
|
|
- letter-spacing: 10px;
|
|
|
- }
|
|
|
- .wordTitle{
|
|
|
- font-weight: 500;
|
|
|
- font-size: 28px;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- letter-spacing: 5px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .date{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 20px;
|
|
|
- transform: translate(400px);
|
|
|
- }
|
|
|
- }
|
|
|
+.exitTable {
|
|
|
+ //所见所得填写项目的table样式
|
|
|
+ border: none;
|
|
|
+ border-top: solid 1px black;
|
|
|
+ border-left: solid 1px black;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 150px;
|
|
|
+ margin-bottom: 120px;
|
|
|
+ // font-size: 20px;
|
|
|
+ width: 1200px;
|
|
|
+ font-family: Arial, "Microsoft Yahe", "微软雅黑";
|
|
|
+ .bold {
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .pdfTit {
|
|
|
+ position: absolute;
|
|
|
+ top: -140px;
|
|
|
+ left: 50%;
|
|
|
+ width: 100%;
|
|
|
+ transform: translate(-50%);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .school {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 30px;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ }
|
|
|
+ .wordTitle {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 28px;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
+ transform: translate(400px);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .textLeft{
|
|
|
- :deep(.el-textarea__inner){
|
|
|
- border: none ;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: left !important;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
- tr td{
|
|
|
- border: none;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- border-right: solid 1px black;
|
|
|
- height: 40px;
|
|
|
- text-align: center;
|
|
|
- // line-height: 30px;
|
|
|
- min-width: 160px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 5px;
|
|
|
- // &:last-of-type{
|
|
|
- // border-right: solid 1px black;
|
|
|
- // }
|
|
|
- p{
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- :deep(.el-select .el-input .el-select__caret){
|
|
|
- display: none;
|
|
|
- font-family:Arial,"Microsoft Yahe","微软雅黑";
|
|
|
- }
|
|
|
- :deep(.el-textarea__inner){
|
|
|
- // padding: 0;
|
|
|
- border: none ;
|
|
|
- // outline: none;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- font-family:Arial,"Microsoft Yahe","微软雅黑";
|
|
|
- }
|
|
|
- :deep(.el-input__inner){
|
|
|
- border: none ;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- font-family:Arial,"Microsoft Yahe","微软雅黑";
|
|
|
- }
|
|
|
- :deep(input)::-webkit-outer-spin-button,
|
|
|
- :deep(input)::-webkit-inner-spin-button {
|
|
|
- -webkit-appearance: none;
|
|
|
- }
|
|
|
- :deep(input)[type="number"]{
|
|
|
- -moz-appearance: textfield;
|
|
|
- }
|
|
|
- }
|
|
|
+ .textLeft {
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
+ border: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: left !important;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tr td {
|
|
|
+ border: none;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ // line-height: 30px;
|
|
|
+ min-width: 160px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px;
|
|
|
+ // &:last-of-type{
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // }
|
|
|
+ p {
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ :deep(.el-select .el-input .el-select__caret) {
|
|
|
+ display: none;
|
|
|
+ font-family: Arial, "Microsoft Yahe", "微软雅黑";
|
|
|
+ }
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
+ // padding: 0;
|
|
|
+ border: none;
|
|
|
+ // outline: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Arial, "Microsoft Yahe", "微软雅黑";
|
|
|
+ }
|
|
|
+ :deep(.el-input__inner) {
|
|
|
+ border: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Arial, "Microsoft Yahe", "微软雅黑";
|
|
|
+ }
|
|
|
+ :deep(input)::-webkit-outer-spin-button,
|
|
|
+ :deep(input)::-webkit-inner-spin-button {
|
|
|
+ -webkit-appearance: none;
|
|
|
+ }
|
|
|
+ :deep(input)[type="number"] {
|
|
|
+ -moz-appearance: textfield;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .notes{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction:column;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: -100px;
|
|
|
- // justify-content: flex-start;
|
|
|
- text-align: left;
|
|
|
- // margin-bottom: 30px;
|
|
|
- }
|
|
|
+ .notes {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -100px;
|
|
|
+ // justify-content: flex-start;
|
|
|
+ text-align: left;
|
|
|
+ // margin-bottom: 30px;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
-.pAHeader { //一级页面一级标题
|
|
|
+
|
|
|
+.pAHeader {
|
|
|
+ //一级页面一级标题
|
|
|
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
@@ -456,8 +470,9 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.vfpHeader { //二级页面一级标题
|
|
|
-
|
|
|
+.vfpHeader {
|
|
|
+ //二级页面一级标题
|
|
|
+
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
@@ -492,7 +507,8 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.tabTit { //二级页面二级标题
|
|
|
+.tabTit {
|
|
|
+ //二级页面二级标题
|
|
|
|
|
|
width: 100%;
|
|
|
font-size: 18px;
|
|
@@ -562,9 +578,8 @@ hr {
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-.AppBar { //横行的跳转导航栏
|
|
|
+.AppBar {
|
|
|
+ //横行的跳转导航栏
|
|
|
|
|
|
display: flex;
|
|
|
margin-top: 15px;
|
|
@@ -598,10 +613,9 @@ hr {
|
|
|
// }
|
|
|
}
|
|
|
|
|
|
+.AddMember {
|
|
|
+ //添加成员对话框
|
|
|
|
|
|
-
|
|
|
-.AddMember { //添加成员对话框
|
|
|
-
|
|
|
.el-input__inner {
|
|
|
width: 300px;
|
|
|
}
|
|
@@ -666,8 +680,9 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.selects { //一级页面搜索框,不包含项目管理、成果展示
|
|
|
-
|
|
|
+.selects {
|
|
|
+ //一级页面搜索框,不包含项目管理、成果展示
|
|
|
+
|
|
|
width: 100%;
|
|
|
margin-top: 20px;
|
|
|
display: flex;
|
|
@@ -690,9 +705,10 @@ hr {
|
|
|
transform: translate(0, 22%);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-.selectInp { // 一级页面搜索框 项目管理、成果展示
|
|
|
-
|
|
|
+
|
|
|
+.selectInp {
|
|
|
+ // 一级页面搜索框 项目管理、成果展示
|
|
|
+
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 20px;
|
|
@@ -731,9 +747,10 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.twoSelectInp { //一级页面搜索框 创业公司登记、消息提示
|
|
|
+.twoSelectInp {
|
|
|
+ //一级页面搜索框 创业公司登记、消息提示
|
|
|
width: 100%;
|
|
|
-
|
|
|
+
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 20px;
|
|
@@ -766,13 +783,14 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.disa { //禁用按钮样式
|
|
|
+.disa {
|
|
|
+ //禁用按钮样式
|
|
|
background-color: #c8c9cc !important;
|
|
|
border-color: #c8c9cc;
|
|
|
cursor: no-drop !important;
|
|
|
}
|
|
|
-.fontSize { //所有表格字体大小
|
|
|
+.fontSize {
|
|
|
+ //所有表格字体大小
|
|
|
|
|
|
margin-top: 15px;
|
|
|
// margin-bottom: 60px;
|
|
@@ -793,8 +811,9 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.paginations { //分页栏
|
|
|
-
|
|
|
+.paginations {
|
|
|
+ //分页栏
|
|
|
+
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
@@ -803,8 +822,8 @@ hr {
|
|
|
bottom: 0;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.showFileArea { //在线查看文档内容居中
|
|
|
+.showFileArea {
|
|
|
+ //在线查看文档内容居中
|
|
|
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
@@ -813,16 +832,17 @@ hr {
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
+.editor {
|
|
|
+ //显示栏
|
|
|
|
|
|
-.editor { //显示栏
|
|
|
-
|
|
|
width: 100%;
|
|
|
box-sizing: border-box;
|
|
|
padding: 15px 0px 10px 0px;
|
|
|
}
|
|
|
|
|
|
-.pageSubmitData { //页面提交数据,删除成员,审核对话框样式
|
|
|
-
|
|
|
+.pageSubmitData {
|
|
|
+ //页面提交数据,删除成员,审核对话框样式
|
|
|
+
|
|
|
.el-dialog__header {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
@@ -954,7 +974,7 @@ hr {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.DialogBox{
|
|
|
+.DialogBox {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: flex-start;
|
|
@@ -962,170 +982,176 @@ hr {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
// background-color: red;
|
|
|
- .DialogTitle{
|
|
|
+ .DialogTitle {
|
|
|
color: white;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
- .changeFull{
|
|
|
+ .changeFull {
|
|
|
color: gray;
|
|
|
cursor: pointer;
|
|
|
position: absolute;
|
|
|
right: 3%;
|
|
|
font-size: 1em;
|
|
|
- &:hover{
|
|
|
+ &:hover {
|
|
|
color: white;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.select {
|
|
|
+ //活动申请填写信息区域(没用)
|
|
|
|
|
|
-.select { //活动申请填写信息区域(没用)
|
|
|
-
|
|
|
-width: 100%;
|
|
|
-box-sizing: border-box;
|
|
|
-margin-top: 30px;
|
|
|
-// margin-bottom: 8px;
|
|
|
-.label {
|
|
|
- //label标签
|
|
|
- min-width: 98px;
|
|
|
- margin-right: 5px;
|
|
|
- display: inline-block;
|
|
|
- text-align: justify;
|
|
|
- text-justify: distribute-all-lines;
|
|
|
- text-align-last: justify;
|
|
|
- transform: translate(0, 22%);
|
|
|
- padding-right: 15px;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.inpBlock { //一个个输入框小方块
|
|
|
-
|
|
|
- display: flex;
|
|
|
- margin-bottom: 15px;
|
|
|
- position: relative;
|
|
|
- input::-webkit-outer-spin-button,
|
|
|
- input::-webkit-inner-spin-button {
|
|
|
- -webkit-appearance: none !important;
|
|
|
- }
|
|
|
- input[type="number"] {
|
|
|
- -moz-appearance: textfield;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-top: 30px;
|
|
|
+ // margin-bottom: 8px;
|
|
|
+ .label {
|
|
|
+ //label标签
|
|
|
+ min-width: 98px;
|
|
|
+ margin-right: 5px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: justify;
|
|
|
+ text-justify: distribute-all-lines;
|
|
|
+ text-align-last: justify;
|
|
|
+ transform: translate(0, 22%);
|
|
|
+ padding-right: 15px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-.selectTop {
|
|
|
- width: 86%;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
+ .inpBlock {
|
|
|
+ //一个个输入框小方块
|
|
|
|
|
|
-.selectMid {
|
|
|
- display: flex;
|
|
|
- margin-top: 16px;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ position: relative;
|
|
|
+ input::-webkit-outer-spin-button,
|
|
|
+ input::-webkit-inner-spin-button {
|
|
|
+ -webkit-appearance: none !important;
|
|
|
+ }
|
|
|
+ input[type="number"] {
|
|
|
+ -moz-appearance: textfield;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .selectLeft {
|
|
|
- width: 40%;
|
|
|
+ .selectTop {
|
|
|
+ width: 86%;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
- margin-right: 70px;
|
|
|
- // align-items: center;
|
|
|
}
|
|
|
- .selectRight {
|
|
|
- width: 40%;
|
|
|
- height: 150px;
|
|
|
+
|
|
|
+ .selectMid {
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .el-cascader {
|
|
|
- width: 100%;
|
|
|
+ margin-top: 16px;
|
|
|
+
|
|
|
+ .selectLeft {
|
|
|
+ width: 40%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-right: 70px;
|
|
|
+ // align-items: center;
|
|
|
+ }
|
|
|
+ .selectRight {
|
|
|
+ width: 40%;
|
|
|
+ height: 150px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .el-cascader {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.AllDialogBtn { //所有对话框按钮(好像没用)
|
|
|
-
|
|
|
- width: 120px;
|
|
|
- font-size: 16px !important;
|
|
|
+.AllDialogBtn {
|
|
|
+ //所有对话框按钮(好像没用)
|
|
|
+
|
|
|
+ width: 120px;
|
|
|
+ font-size: 16px !important;
|
|
|
}
|
|
|
|
|
|
-.pTit { //项目详情类大标题(好像没用)
|
|
|
+.pTit {
|
|
|
+ //项目详情类大标题(好像没用)
|
|
|
|
|
|
-color: #3994ff;
|
|
|
-font-weight: 550;
|
|
|
-font-size: 18px;
|
|
|
-margin: 15px 0;
|
|
|
+ color: #3994ff;
|
|
|
+ font-weight: 550;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 15px 0;
|
|
|
}
|
|
|
|
|
|
+.pTit2 {
|
|
|
+ //项目详情类小标题(好像没用)
|
|
|
|
|
|
-.pTit2 { //项目详情类小标题(好像没用)
|
|
|
-
|
|
|
margin-top: 15px;
|
|
|
color: #3994ff;
|
|
|
font-weight: 550;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
|
|
|
-.addMoneyBtn { //自定义写的的添加框 (没用)
|
|
|
+.addMoneyBtn {
|
|
|
+ //自定义写的的添加框 (没用)
|
|
|
|
|
|
-width: 120px;
|
|
|
-cursor: pointer;
|
|
|
-height: 40px;
|
|
|
-border: #000 1px dashed;
|
|
|
-border-radius: 5px;
|
|
|
-margin: 18px 10px 30px;
|
|
|
-display: flex;
|
|
|
-justify-content: center;
|
|
|
-line-height: 40px;
|
|
|
-font-size: 16px;
|
|
|
-position: relative;
|
|
|
-.jia {
|
|
|
- border-radius: 50%;
|
|
|
- border: 1.5px #ccc solid;
|
|
|
- font-size: 25px;
|
|
|
- line-height: 26px;
|
|
|
- font-weight: 10;
|
|
|
+ width: 120px;
|
|
|
+ cursor: pointer;
|
|
|
+ height: 40px;
|
|
|
+ border: #000 1px dashed;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 18px 10px 30px;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
- margin-top: 6px;
|
|
|
- margin-right: 5px;
|
|
|
- height: 27px;
|
|
|
- width: 27px;
|
|
|
- color: #ccc;
|
|
|
-}
|
|
|
-#upFile {
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- transform: scale(1.1, 1.1);
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ position: relative;
|
|
|
+ .jia {
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 1.5px #ccc solid;
|
|
|
+ font-size: 25px;
|
|
|
+ line-height: 26px;
|
|
|
+ font-weight: 10;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 6px;
|
|
|
+ margin-right: 5px;
|
|
|
+ height: 27px;
|
|
|
+ width: 27px;
|
|
|
+ color: #ccc;
|
|
|
+ }
|
|
|
+ #upFile {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ transform: scale(1.1, 1.1);
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.baseBtn { //所有页面底部按钮框(好像没用)
|
|
|
+.baseBtn {
|
|
|
+ //所有页面底部按钮框(好像没用)
|
|
|
|
|
|
-width: 100%;
|
|
|
-display: flex;
|
|
|
-justify-content: flex-end;
|
|
|
-margin: 10px 0;
|
|
|
-margin-top: 30px;
|
|
|
-.blockWidth {
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- [type="button"] {
|
|
|
- background: #409eff;
|
|
|
- color: #fff !important;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin: 10px 0;
|
|
|
+ margin-top: 30px;
|
|
|
+ .blockWidth {
|
|
|
display: flex;
|
|
|
- border: none;
|
|
|
- justify-content: center;
|
|
|
- font-size: 16px;
|
|
|
- width: 120px;
|
|
|
- margin-left: 20px;
|
|
|
- height: 40px;
|
|
|
- align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ [type="button"] {
|
|
|
+ background: #409eff;
|
|
|
+ color: #fff !important;
|
|
|
+ display: flex;
|
|
|
+ border: none;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 16px;
|
|
|
+ width: 120px;
|
|
|
+ margin-left: 20px;
|
|
|
+ height: 40px;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.twoStyle { //左边两边对齐,右边靠右的靠右样式资金管理页面里的(没用)
|
|
|
+.twoStyle {
|
|
|
+ //左边两边对齐,右边靠右的靠右样式资金管理页面里的(没用)
|
|
|
|
|
|
-display: flex !important;
|
|
|
-justify-content: flex-end;
|
|
|
+ display: flex !important;
|
|
|
+ justify-content: flex-end;
|
|
|
}
|
|
|
</style>
|