// 面包屑样式 .my-L-breadcrumb { // height: 55px; height: 34px; display: flex; align-items: center; justify-content: space-between; padding-right: 20px; // .icon-jc-55fanhui { // color: #192a92; // font-size: 20px; // cursor: pointer; // } } // 申报权限企业名录tab列表样式 .table-lists { .tab-green { color: #24D3A9; } .tab-red { color: #C51717; } .tab-blue { color: #134EE6; } } // 项目库、企业的项目清单 状态样式 .table-status { p { padding: 0; margin: 0; display: flex; align-items: center; span { &:nth-of-type(1) { width: 6px; height: 6px; border-radius: 50%; margin-right: 10px; } } } .statusisZero { span { &:nth-of-type(1) { background-color: #cdcccc; } &:nth-of-type(2) { color: #cdcccc; } } } .statusisOne { span { &:nth-of-type(1) { background-color: #24D3A9; } &:nth-of-type(2) { color: #24D3A9; } } } .statusisTwo { span { &:nth-of-type(1) { background-color: #134EE6; } &:nth-of-type(2) { color: #134EE6; } } } .statusisThree { span { &:nth-of-type(1) { background-color: #FF9600; } &:nth-of-type(2) { color: #FF9600; } } } .statusisNine { span { &:nth-of-type(1) { background-color: red; } &:nth-of-type(2) { color: red; } } } } // 项目库、企业的项目清单操作按钮的样式 .table-operation { span { cursor: pointer; } .look-info { color: #192A92; margin-right: 15px; } .edit-info { color: #29A07A; margin-right: 15px; } .del-info { color: #C51717; } } .L-public-main { padding: 6px 6px 6px 6px; width: 100%; height: 100%; .L-main { width: 100%; height: 100%; padding: 24px 24px 43px 24px; background-color: #fff; header { margin-bottom: 25px; .btnss { display: flex; align-items: center; } .import-btn { margin-top: 3px; padding: 6px 15px; } .import-btn-export { padding: 8px 20px; } } section { width: 100%; height: calc(100% - 20px); overflow-y: auto; // padding-bottom: 20px; } .el-table::before { height: 0; } .el-table { margin-bottom: 25px; th { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #000000; } td { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #666666; } .evenNumber-row { background-color: #F6F9FD; } .project-name { text-decoration: underline; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #1890FF; cursor: pointer; } } .el-pagination { .btn-prev,.btn-next { padding: 0 13px; } } } } .projectInfo { .el-row { height: 100%; .el-col { height: 100%; } } .L_row { height: calc(100% - 40px); } .left-info{ height: calc(25% - 5px); background-color: white; padding: 28px 28px 0 28px; .project-info-title { margin-bottom: 28px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .el-descriptions-item__label { background: #F5F8FA; width: 230px; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #333333; } .el-descriptions-item__content { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; width: 430px; font-size: 14px; color: #333333; } .info-link { // display: flex; // align-items: center; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #333; a { text-decoration: underline; color: #134EE6; margin-left: 20px; } .a-primary { margin-left: 0; color: #1890FF; } } } .left-tabs{ height: calc(75% - 5px); margin-top: 10px; background-color: white; .tabs-top { width: 100%; display: flex; padding: 15px 28px; border-bottom: 1px solid #E4E7ED; .tabs-top-item { padding: 5px 34px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #999999; cursor: pointer; } .active-item { background: #1890FF; border-radius: 5px 5px 5px 5px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #FFFFFF; } } .tabs-bottom { padding: 20px 28px 0 28px; // 申报单位信息 .L-unitInfo { height: 100%; .a-primary { text-decoration: underline; margin-left: 0; color: #1890FF; } } .tabOneLabel,.tabOneContent { width: 220px; } .el-descriptions-item__label { background: #F5F8FA; width: 220px; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #333333; } .el-descriptions-item__content { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #333333; } .tabOneFileLabel { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 16px; color: #333333; width: auto; background-color: #fff; } .tabOneFileContent { a { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 16px; color: #333333; } } .project-info-title { margin-bottom: 28px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } // 企业库的企业基本信息 .enter-one-top { // overflow-y: auto; .el-descriptions__body { // height: 100%; } } .file-info-content { display: flex; } .margin-top-file { margin-top: 20px; } } } .enter-tabs { height: calc(70% - 5px); } .enter-footTabs { text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 10px; } // 备忘录 .projectInfo-memo { width: 100%; .memo-top { width: 100%; // margin-bottom: 15px; .project-info-top { display: flex; align-items: center; .project-info { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; margin-right: 60px; } } .el-date-editor { width: 340px; } .el-input { width: 320px; } .query-item { margin-left: 10px; .el-form-item__content { width: 100%; button { height: 32px; } } } } .memo-bottom { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; height: 400px; width: 100%; overflow-y: auto; .el-card { overflow: visible; } .el-card__header { background-color: #F5F8FA; border-bottom: 1px solid #D9D9D9; .clearfix { display: flex; align-items: center; .clearfix-left { flex: 1; display: flex; flex-direction: column; span { &:nth-of-type(1) { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } &:nth-of-type(2) { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; margin-top: 15px; } } } .clearfix-right { display: flex; .clearfix-bianji,.clearfix-shanchu { display: flex; align-items: center; padding: 5px 15px; cursor: pointer; // border-radius: 15px; border-radius: 50px; i { margin-right: 5px; } } .clearfix-bianji { background: rgba(24,144,255,0.3); } .clearfix-shanchu { background: rgba(243,110,65,0.3); margin-left: 10px; } } } } .clearfix-body { .memo-keyword { padding: 20px 15px 10px 15px; border-bottom: 1px solid #D9D9D9; .memo-keyword-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .memo-keyword-content { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; margin-top: 10px; height: 80px; overflow-y: auto; } } .memo-content { padding: 20px 15px 10px 15px; .memo-content-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .memo-content-content { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; margin-top: 10px; height: 80px; overflow-y: auto; } } } } } // 项目库详情的智能提醒 .smart-remind { height: 100%; .remind-top { display: flex; align-items: center; margin-bottom: 30px; .remind-title { font-weight: bold; font-size: 14px; color: #333333; margin-right: 20px; } } .remind-timeline { display: grid; grid-template-columns: 1fr; grid-gap: 10px; .el-card { background-color: #F5F8FA; border: none; } .el-card-border { border: 1px solid rgba(245, 95, 95, 0.4); // #FD5F5F } .warn-main { display: flex; justify-content: space-between; .warn-main-left { display: flex; .warn-main-img { padding-top: 3px; img { width: 20px; height: 20px; margin-right: 10px; } } .warn-main-content { .content-title { font-weight: bold; font-size: 15px; color: #333333; } .content-middle { font-weight: bold; font-size: 15px; color: #333333; margin: 10px 0; } .content-time { font-weight: 500; font-size: 14px; color: #737373; } } } .different-left { .warn-main-content { display: flex; flex-direction: column; justify-content: space-between; } } .warn-main-right { padding-right: 10px; display: flex; flex-direction: column; justify-content: space-between; .warn-main-right-chakan { display: flex; align-items: center; justify-content: center; background: rgba(19,78,230,0.1); padding: 5px 15px; cursor: pointer; border-radius: 50px; font-weight: 500; font-size: 14px; color: #134EE6; margin-bottom: 10px; } .warn-main-right-status { padding: 5px 15px; font-weight: 500; font-size: 14px; color: #4EB997; } .status-unread { color: #FD5F5F; } } } } } // 资金拨付进度 .money-schedule { height: 100%; .schedule-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .schedule-timeline { margin-top: 28px; .el-timeline-item__tail { border: 1px dashed #dfe4ed; } .el-timeline-item__wrapper { top: -20px; } .el-card__body { background-color: #F5F8FA; padding: 15px; .schedule-content { display: flex; align-items: center; .schedule-card-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .schedule-status { margin-left: 20px; padding: 5px 7px; border-radius: 2px 2px 2px 2px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 12px; color: #FFFFFF; cursor: pointer; } .orange { background: #F39801; } .green { background: #24D3A9; } .blue { background: #134EE6; } } .schedule-time { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; margin-top: 15px; } } } } // 项目进展 .L-projectProgress { width: 100%; height: 100%; background-color: #fff; padding: 27px 24px 0 27px; .el-step__head.is-process { color: #192a92; } .el-step__line { background-color: #192a92; } .el-step__icon{ border: 2px solid #192A92; } .el-tabs--border-card { border: none; box-shadow: none; -webkit-box-shadow: none; height: 100%; } .el-step__title { font-size: 12px; color: #192a92; border-color: none; } .projectProgress-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; // margin-bottom: 47px; } .left_title { height: 77px; padding-top: 20px; background-color: #fff; margin-bottom: 4px; } .schedule-timeline { overflow-y: scroll; padding: 15px 10px; .el-timeline { padding-left: 0; .timeline-item-green { .el-timeline-item__tail { border: 1px solid #4EB997; } } .timeline-item-red { .el-timeline-item__tail { border: 1px solid #ff1818; } } } .timeline-dot { position: absolute; left: -5px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 1px 1px 3px 0px #4EB997; .icon-jc-dian { color: #ff1818; } .icon-jc-dian-green { color: #4EB997; } } .timeline-dot-red { box-shadow: 1px 1px 3px 0px #ff1818; } .el-timeline-item__wrapper { top: -20px; } .el-card__body { background-color: #F5F8FA; padding: 15px; .schedule-content { display: flex; align-items: center; .card-content-left { flex: 1; .schedule-card-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .card-content-one,.card-content-two { margin-top: 10px; span { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; &:nth-of-type(1) { color: #737373; width: 70px; display: inline-block; } &:nth-of-type(2) { color: #333333; } } a { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #192A92; } } .card-content-three { margin-top: 20px; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; } .card-content-three-red { margin-top: 40px; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #FF1818; } } .card-content-right { .iconfont { font-size: 65px; } .icon-jc-daishenpi1-copy { color: #979797; } .icon-jc-shenpitongguo-copy { color: #4EB997; } .icon-jc-yijujue { color: #e05858; } } } .schedule-time { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #737373; margin-top: 15px; } } } } } // 导入新项目弹框 .project-import-dialog { .importFormItem { .el-form-item__label { text-align: left; } .el-form-item__content { .el-select,.el-date-editor { // width: 280px; width: calc(100% - 20px); } .btnsFlex { display: flex; align-items: center; margin-top: 40px; .el-upload { // .el-upload-dragger { display: flex; align-items: center; justify-content: center; width: 120px; height: 36px; background: #F1D78C; border: none; border-radius: 5px 5px 5px 5px; // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #000000; i { margin-right: 5px; } // } // .el-upload-dragger:hover { // background: oklab(.88 0 .1 / .5); // border-color: #f1d78c; // // border: 1px solid #f1d78c; // color: #000; // } } .el-upload:hover { background: oklab(.88 0 .1 / .5); border-color: #f1d78c; // border: 1px solid #f1d78c; color: #000; } a { text-decoration: underline; color: #134EE6; margin-left: 20px; } } } } } .importExplain { .importExplain-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #666666; } .importExplain-content { margin: 10px 0; span { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #666666; } } .importExplain-table { table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #cccccc; width: 80px; height: 37px; text-align: center; } th { background-color: #F6F9FD; } } } // 备忘录弹框样式 .memoDialog { .el-form-item__content { .el-textarea { textarea { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #333333; &::placeholder { color: #cccccc; } } } } } .el-table::before { height: 0; } .el-table__fixed::before,.el-table__fixed-right::before { height: 0; } .tabTwo-table::before { height: 1px; } // 新增发文/智能提醒 .newArticle { .el-date-editor { width: 100%; } .el-select { width: 100%; } .intelligentReminder_radio { padding-top: 10px; .el-radio-group { display: flex; flex-direction: column; label { margin-bottom: 10px; } } .intelligentReminder_text { span { color: red; } .el-input-number { width: 70px; margin: 0 5px; .el-input__inner { height: 30px; } } } } } // 发文详情 .info-dialog { .el-dialog__body { padding: 10px 20px; } .info-content { padding: 10px 20px; .info-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 20px; color: #000000; text-align: center; } .info-content-top { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #999999; margin: 20px 0 10px 0; display: flex; align-items: center; div { &:first-child { width: 200px; } } } .info-content-content { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 12px; color: #000000; max-height: 400px; overflow-y: scroll; } } .el-dialog__header { border-bottom: 1px solid #DDDDDD; span { // font-family: PingFang-SC, PingFang-SC; font-weight: 800; font-size: 16px; color: #000000; } } .el-dialog__footer { border-top: 1px solid #DDDDDD; padding: 10px 20px; .dialog-footer { .el-form { .dialog-from-item { margin-bottom: 0; .el-form-item__content { .el-button { padding: 10px 17px; } } } } } } } // 工作台 .workbench-box { height: 100%; header { height: 32%; background: url("../images/workbench.png"); background-size: 100% 100%; display: flex; align-items: center; .workbench-serch { padding-left: 200px; .workbench-title { display: flex; margin-bottom: 5px; .title-item { cursor: pointer; padding: 10px 60px 10px 40px; border-top-right-radius: 30% 100%; margin-right: 15px; background: #FFFFFF; box-shadow: 2px 0 3px 0px #ccc; } .checked-item { background: #409EFF; color: #fff; } } .workbench-btn { height: 45px; .el-autocomplete { width: 800px; height: 100%; } .el-input { width: 100%; height: 100%; input { height: 100%; } .el-input-group__append { width: 80px; text-align: center; cursor: pointer; // background: radial-gradient( farthest-side at 40px 40px, #1B84D2 20%, #30CEF5 100%); background: linear-gradient( to right, #1B84D2, #30CEF5); // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 16px; color: #FFFFFF; } } } } } // 工作台 .home-main { padding: 10px; height: calc(100% - 38%); overflow-y: scroll; .main-row { height: 100%; display: flex; background-color: #f6f7f9; .work-main-left { background-color: #fff; border-radius: 10px; margin-right: 10px; height: 100%; .main-left { padding: 10px 20px; height: 100%; .left-header { // display: flex; // justify-content: space-between; // align-items: center; padding: 10px 0; margin-bottom: 15px; .left-header-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } } .left-main { display: grid; grid-template-columns: 1fr; grid-gap: 10px; height: calc(100% - 55px); overflow-y: auto; .el-card { background-color: #F5F8FA; border: none; height: 120px; } .el-card-border { border: 1px solid rgba(245, 95, 95, 0.4); // #FD5F5F } .warn-main { display: flex; justify-content: space-between; .warn-main-left { display: flex; .warn-main-img { padding-top: 3px; img { width: 20px; height: 20px; margin-right: 10px; } } .warn-main-content { .content-title { font-weight: bold; font-size: 15px; color: #333333; } .content-middle { font-weight: bold; font-size: 15px; color: #333333; margin: 10px 0; } .content-time { font-weight: 500; font-size: 14px; color: #737373; } } } .different-left { .warn-main-content { display: flex; flex-direction: column; justify-content: space-between; } } .warn-main-right { padding-right: 10px; display: flex; flex-direction: column; justify-content: space-between; .warn-main-right-chakan { display: flex; align-items: center; justify-content: center; background: rgba(19,78,230,0.1); padding: 5px 15px; cursor: pointer; border-radius: 50px; font-weight: 500; font-size: 14px; color: #134EE6; margin-bottom: 10px; } .warn-main-right-status { padding: 5px 15px; font-weight: 500; font-size: 14px; color: #4EB997; } .status-unread { color: #FD5F5F; } } } } } } .work-main-right { background-color: #fff; border-radius: 10px; height: 100%; .main-right { padding: 10px 20px; .right-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; .right-header-title { // font-family: PingFang-SC, PingFang-SC; font-weight: bold; font-size: 14px; color: #333333; } .el-button { // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #134EE6; } } .right-main { .main-items { display: flex; align-items: center; padding: 10px 30px; background: #F5F8FA; border: 1px solid #D9D9D9; border-bottom: none; text-align: center; &:last-child { border-bottom: 1px solid #D9D9D9; } div { width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #666666; // &:last-child { // width: 20%; // // font-family: PingFang-SC, PingFang-SC; // font-weight: 500; // font-size: 14px; // color: #1890FF; // text-decoration: underline; // cursor: pointer; // } } .last_child_item { width: 20%; // font-family: PingFang-SC, PingFang-SC; font-weight: 500; font-size: 14px; color: #1890FF; text-decoration: underline; cursor: pointer; } .tab-red { color: #C51717; } } .main-item { background-color: #fff; } } } } } } } // 企业库==》项目清单的分页按钮 #L-pagination-list { margin-top: 15px; .btn-prev,.btn-next { padding: 0px 15px; } } .team-main { display: flex; justify-content: space-between; margin-bottom: 15px; &>div:nth-of-type(1) { color: #8E9298; width: 25%; text-align: right; } &>div:nth-of-type(2) { color: #292F38; width: 70%; } .activityContent { p { margin: 0; } } }