Skip to content

S
SuperMan
Commit d0cc4070 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 790afc86
Show whitespace changes
Inline Side-by-side
Showing with 1204 additions and 1044 deletions
src/components/SupplierIndex.vue
View file @ d0cc4070
......@@ -1552,7 +1552,7 @@
let msgs = this.$store.state.currSessionMsgs;
return msgs;
},
},
},
// mounted() {
// let that = this;
// this.MsgBus.$on('doudong', function () {
......@@ -3799,121 +3799,138 @@
</script>
<style lang="less">
@import "../assets/css/main.less";
@import "../assets/css/cssReset.css";
@import "../assets/css/message.css";
.downmz .khd a{
@import "../assets/css/main.less";
@import "../assets/css/cssReset.css";
@import "../assets/css/message.css";
.downmz .khd a {
color: #fff;
}
.downmz .khd{
}
.downmz .khd {
display: inline-block;
width:162px;
width: 162px;
height: 32px;
line-height:32px;
line-height: 32px;
text-align: center;
background: rgba(0,0,0,0.5);
font-family:"PingFangR";
font-weight:400;
color:rgb(66, 25, 25);
box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.21);
background: rgba(0, 0, 0, 0.5);
font-family: "PingFangR";
font-weight: 400;
color: rgb(66, 25, 25);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
border-radius: 4px;
cursor: pointer;
}
.downmz .im_bottom{
}
.downmz .im_bottom {
width: 100%;
height:114px;
height: 114px;
background: url('../assets/img/im/bottom.png') no-repeat;
position: absolute;
bottom:0;
left:0;
}
.downmz .downlist>div{
bottom: 0;
left: 0;
}
.downmz .downlist>div {
position: relative;
text-align: center;
}
.downmz .downlist>div>p{
}
.downmz .downlist>div>p {
position: absolute;
bottom:7px;
color:#333333;
bottom: 7px;
color: #333333;
font-size: 14px;
width:100%;
width: 100%;
font-weight: 400;
}
.downmz .downlist{
width:165px;
}
.downmz .downlist {
width: 165px;
height: 210px;
margin:25px auto;
margin: 25px auto;
background: #fff;
}
.downmz .top_1{
}
.downmz .top_1 {
width: 100%;
height: 59px;
background: url('../assets/img/im/yun.png') no-repeat;
background-size:100% 100%;
}
.downmz{
background-size: 100% 100%;
}
.downmz {
position: fixed;
top:50px;
top: 50px;
right: 0px;
width: 192px;
background: #FFD607;
height: calc(100% - 50px);
z-index:5000;
z-index: 5000;
min-height: 727px;
}
#downzip{
}
#downzip {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.3);
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
z-index: 2000;
display: table;
}
#downzip>div{
#downzip>div {
display: table-cell;
vertical-align: middle;
margin-top: 200px;
}
#downzip>div>div{
width:285px;
#downzip>div>div {
width: 285px;
height: 260px;
margin: 0 auto;
position: relative;
cursor: pointer;
}
.close{
.close {
position: absolute;
top: 0;
right: 0px;
width: 25px;
height: 25px;
}
.changelanguage{
width:124px;
}
.changelanguage .el-dropdown-menu__item .icon-duigou{
color:#000000;
.changelanguage {
width: 124px;
}
.changelanguage .el-dropdown-menu__item .icon-duigou {
color: #000000;
position: absolute;
right: 10px;
font-size: 12px;
}
.changelanguage .el-dropdown-menu__item{
padding:0;
padding-left:15px;
}
.changelanguage .el-dropdown-menu__item {
padding: 0;
padding-left: 15px;
font-size: 14px;
position: relative;
color:#333333;
}
.changelanguage .el-dropdown-menu__item:hover{
color: #333333;
}
.changelanguage .el-dropdown-menu__item:hover {
background: #D9D9D9;
color:#333333;
}
._dropdown.el-dropdown-menu {
color: #333333;
}
._dropdown.el-dropdown-menu {
padding: 0;
background-color: #FFF !important;
border-radius: 4px;
......@@ -3921,21 +3938,25 @@
width: 210px;
top: 40px !important;
box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
._dropdown_f1.el-dropdown-menu__item {
}
._dropdown_f1.el-dropdown-menu__item {
color: #ffffff !important;
height: 120px;
background: url("../assets/img/persion/bg-1.jpg");
background-size: cover;
background-repeat: no-repeat;
}
._dropdown_f1 .h-info-box {
}
._dropdown_f1 .h-info-box {
display: flex;
}
._dropdown_f1 .h-info-box .h-info {
}
._dropdown_f1 .h-info-box .h-info {
flex: 1;
}
._dropdown_f1 .h-info-box .h-info .k {
}
._dropdown_f1 .h-info-box .h-info .k {
color: #8a8894;
height: 16px;
line-height: 16px;
......@@ -3944,8 +3965,9 @@
text-align: right;
display: block;
margin-top: 10px;
}
._dropdown_f1 .h-info-box .h-info .v {
}
._dropdown_f1 .h-info-box .h-info .v {
color: #ddd;
// height: 20;
line-height: 18px;
......@@ -3954,9 +3976,9 @@
text-align: right;
display: block;
margin-top: 10px;
}
}
._dropdown_f1 .h-info-box .h-img {
._dropdown_f1 .h-info-box .h-img {
width: 100px;
height: 100px;
position: relative;
......@@ -3965,65 +3987,77 @@
margin-left: 20px;
display: flex;
margin-top: 10px;
background: rgba(44,39,57,.3);
background: rgba(44, 39, 57, .3);
border-radius: 100px;
}
._dropdown_f1 .h-info-box .h-img img {
}
._dropdown_f1 .h-info-box .h-img img {
width: 82px;
height: 82px;
border-radius: 82px;
}
._dropdown_f1.el-dropdown-menu__item .company {
}
._dropdown_f1.el-dropdown-menu__item .company {
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) {
}
._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) {
display: inline-block;
padding: 3px 8px;
background-color: #007eff;
border-radius: 9px;
line-height: 18px;
font-size: 12px;
}
._dropdown_f1.el-dropdown-menu__item:hover,
._dropdown_f1.el-dropdown-menu__item:focus {
}
._dropdown_f1.el-dropdown-menu__item:hover,
._dropdown_f1.el-dropdown-menu__item:focus {
background-color: #4d515b !important;
color: #ffffff !important;
}
._dropdown_other{
}
._dropdown_other {
line-height: 42px !important;
}
._dropdown_other.el-dropdown-menu__item {
}
._dropdown_other.el-dropdown-menu__item {
color: #6c7293;
position: relative;
}
._dropdown_other.el-dropdown-menu__item .el-badge {
}
._dropdown_other.el-dropdown-menu__item .el-badge {
position: absolute;
right: 35px;
top: 5px;
}
._dropdown_other.el-dropdown-menu__item .icon-right1 {
}
._dropdown_other.el-dropdown-menu__item .icon-right1 {
position: absolute;
right: 4px;
top: 3px;
font-size: 12px;
}
._dropdown_other.el-dropdown-menu__item i {
}
._dropdown_other.el-dropdown-menu__item i {
display: inline-block;
margin-right: 6px;
}
._dropdown_other.el-dropdown-menu__item:hover,
._dropdown_other.el-dropdown-menu__item:focus {
}
._dropdown_other.el-dropdown-menu__item:hover,
._dropdown_other.el-dropdown-menu__item:focus {
transition: background-color 0.3s ease;
background-color: #f7f8fa;
color:#5d78ff;
}
._dropdown .popper__arrow::after {
color: #5d78ff;
}
._dropdown .popper__arrow::after {
border-bottom-color: transparent !important;
}
.IM_body {
}
.IM_body {
position: absolute;
z-index: 9999;
right: 0;
......@@ -4038,36 +4072,39 @@
background-image: url("../assets/img/imbg/1.png");
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
background-clip: content-box;
}
.myDocumentsLink {
}
.myDocumentsLink {
margin: 25px 0;
}
}
.myDocumentsLink > span {
.myDocumentsLink>span {
font-size: 12px;
cursor: pointer;
color: #e95252;
}
}
.myDocumentsLink > span:not(:last-of-type):hover {
.myDocumentsLink>span:not(:last-of-type):hover {
text-decoration: underline;
}
}
.myDocumentsLink > span:not(:last-of-type):after {
.myDocumentsLink>span:not(:last-of-type):after {
content: ">";
margin: 0 3px;
color: #e95252;
pointer-events: none;
}
}
.myDocumentsLink > span:last-child {
.myDocumentsLink>span:last-child {
color: #666;
cursor: default;
}
.dsyNone {
}
.dsyNone {
display: none;
}
.indexMsgLayer {
}
.indexMsgLayer {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.2);
......@@ -4075,8 +4112,9 @@
height: 100%;
left: 0;
top: 0;
}
.indexMsgLayerContent {
}
.indexMsgLayerContent {
width: 400px;
background: #fff;
z-index: 1100;
......@@ -4087,109 +4125,128 @@
position: absolute;
box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
transition: right 0.5s;
}
.indexMsgLayerContent.rightZero {
}
.indexMsgLayerContent.rightZero {
right: 0px;
}
.indexMsgLayerContent .title {
}
.indexMsgLayerContent .title {
height: 48px;
background: #edeef0;
line-height: 48px;
font-size: 16px;
color: #333;
text-indent: 30px;
}
.indexMsgLayerContent .user {
}
.indexMsgLayerContent .user {
width: 340px;
margin: 0 30px;
border-bottom: 1px solid #e6e6e6;
height: 60px;
padding: 30px 0;
box-sizing: content-box;
}
.indexMsgLayerContent .user > p {
}
.indexMsgLayerContent .user>p {
line-height: 28px;
}
.indexMsgLayerContent .user > img {
}
.indexMsgLayerContent .user>img {
width: 58px;
height: 58px;
border-radius: 29px;
float: left;
margin: 0 12px 0 0;
}
.indexMsgLayerContent .detail {
}
.indexMsgLayerContent .detail {
width: 340px;
margin: 0 30px;
padding: 25px 0;
border-bottom: 1px solid #e6e6e6;
min-height: 120px;
}
.indexMsgLayerContent .audit {
}
.indexMsgLayerContent .audit {
width: 340px;
margin: 30px 30px 0;
min-height: 120px;
border-bottom: 1px solid #e6e6e6;
}
.indexMsgLayerContent .audit .auditItem {
}
.indexMsgLayerContent .audit .auditItem {
min-height: 80px;
width: 320px;
margin-left: 20px;
border-left: 1px solid #ededed;
position: relative;
font-size: 14px;
}
.indexMsgLayerContent .audit .auditItem:last-child {
}
.indexMsgLayerContent .audit .auditItem:last-child {
border-left: none;
}
.indexMsgLayerContent .audit .auditItem > p {
}
.indexMsgLayerContent .audit .auditItem>p {
line-height: 40px;
text-indent: 40px;
}
.indexMsgLayerContent .audit .auditItem > img {
}
.indexMsgLayerContent .audit .auditItem>img {
width: 40px;
height: 40px;
border-radius: 20px;
position: absolute;
left: -20px;
}
.indexMsgLayerContent .send {
}
.indexMsgLayerContent .send {
width: 340px;
margin: 30px 30px 0;
min-height: 120px;
}
.indexMsgLayerContent .send .sentTitle {
}
.indexMsgLayerContent .send .sentTitle {
height: 14px;
line-height: 14px;
text-indent: 10px;
border-left: 3px solid #e95252;
font-size: 14px;
}
.indexMsgLayerContent .send .sentTitle span {
}
.indexMsgLayerContent .send .sentTitle span {
color: #666;
margin-left: 20px;
}
.indexMsgLayerContent .send .sendList > div {
}
.indexMsgLayerContent .send .sendList>div {
float: left;
margin: 10px 10px 0 0;
font-size: 12px;
color: #666;
width: 40px;
text-align: center;
}
.indexMsgLayerContent .send .sendList > div > img {
}
.indexMsgLayerContent .send .sendList>div>img {
width: 40px;
height: 40px;
border-radius: 20px;
}
.indexMsgLayerContent .myApprovalTable tr {
}
.indexMsgLayerContent .myApprovalTable tr {
height: 40px;
font-size: 14px;
}
.indexMsgLayerContent .myApprovalTable tr td:nth-child(1) {
}
.indexMsgLayerContent .myApprovalTable tr td:nth-child(1) {
text-align: right;
color: #666;
}
.indexMsgLayerContentBtn {
}
.indexMsgLayerContentBtn {
position: fixed;
bottom: 0;
background: #fff;
......@@ -4198,16 +4255,19 @@
line-height: 40px;
padding: 0 30px;
border-top: 1px solid #f0f3fa;
}
.indexMsgLayerContentBtn input {
}
.indexMsgLayerContentBtn input {
margin-right: 10px;
}
.nav-right ul li.user_head .el-dropdown-link {
}
.nav-right ul li.user_head .el-dropdown-link {
display: flex;
align-items: center;
cursor: pointer;
}
.nav-right ul li.user_head span.name {
}
.nav-right ul li.user_head span.name {
color: #99a7b3;
font-size: 12px;
display: inline-block;
......@@ -4215,60 +4275,71 @@
overflow: hidden;
width: 45px;
height: 50px;
}
.nav-right ul li.user_head img {
}
.nav-right ul li.user_head img {
width: 24px;
height: 24px;
border-radius: 50%;
margin-top: 13px;
}
.nav {
}
.nav {
display: -webkit-box;
.size(100%, 50px);
.min-width(1366px);
background: #1f1e2e;
}
.nav-left {
}
.nav-left {
width: 56px;
line-height: 50px;
color: #e73828;
text-align: center;
}
.nav-left .GroupPic{
}
.nav-left .GroupPic {
width: 36px;
height: 36px;
-webkit-border-radius: 36px;
margin: 7px 0px 0px 15px;
}
.nav-left i.iconfont {
}
.nav-left i.iconfont {
font-size: 24px;
}
.nav-left img {
}
.nav-left img {
.fl();
.size(50px;50px);
.size(50px; 50px);
.circle(25px);
}
.nav-left p.name {
}
.nav-left p.name {
.fz(14px, 18px);
color: #444;
margin: 20px 0 5px 0;
}
.nav-left p.company {
}
.nav-left p.company {
.fz(12px);
color: #444;
}
.nav-middle {
}
.nav-middle {
/*width: calc(100% - 140px);*/
display: flex;
}
.nav-middle ul {
}
.nav-middle ul {
width: 100%;
margin: 0 auto;
height: 100%;
z-index: 2019128;
}
.nav-middle ul li {
}
.nav-middle ul li {
.min-size(100px, 100%);
.fz(14px);
.center(text-x);
......@@ -4278,16 +4349,19 @@
padding: 12px 10px;
float: left;
z-index: 2019128;
}
.nav-middle ul li i {
}
.nav-middle ul li i {
font-size: 16px;
color: #a6adb4;
}
.nav-middle ul li img {
}
.nav-middle ul li img {
height: 40px;
margin: 32px 0 14px;
}
.nav-middle ul li:hover .menuList_son{
}
.nav-middle ul li:hover .menuList_son {
// display: block;
width: 1000px;
z-index: 999999;
......@@ -4295,20 +4369,24 @@
// padding: 20px 0 20px 20px;
height: auto;
// transition: all .5s linear .5s;
animation:ttt .5s forwards;
}
@keyframes ttt {
0%{
opacity:0;
animation: ttt .5s forwards;
}
66%{
opacity:0;
@keyframes ttt {
0% {
opacity: 0;
}
100%{
opacity:1;
66% {
opacity: 0;
}
}
.nav-middle ul li .menuList_son{
100% {
opacity: 1;
}
}
.nav-middle ul li .menuList_son {
position: fixed;
z-index: 9000;
background-color: #FFF;
......@@ -4319,12 +4397,14 @@
overflow: hidden;
height: 0;
box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.menuList_tittle_box{
}
.menuList_tittle_box {
line-height: 30px;
// padding-top: 15px;
}
.menuList_son_one_tittle{
}
.menuList_son_one_tittle {
color: #5f6281;
font-size: 16px;
padding-bottom: 15px;
......@@ -4332,14 +4412,16 @@
text-align: left;
padding: 9px 10px;
font-family: "pingfangR";
}
.menuList_son_two_tittle{
}
.menuList_son_two_tittle {
color: #a1aad0;
text-align: left;
font-family: pingfangR;
padding: 0 9px;
}
.menuList_son_three_tittle{
}
.menuList_son_three_tittle {
cursor: pointer;
-webkit-transition: all linear 0.3s;
transition: all linear 0.3s;
......@@ -4348,96 +4430,115 @@
color: #494d5f;
/* font-family: pingfangR; */
font-size: 12px;
}
.menuList_son_three_tittle i{
}
.menuList_son_three_tittle i {
color: #494d5f;
display: inline-block;
margin-right: 10px;
font-size: 13px;
}
.menuList_son_three_tittle:hover{
}
.menuList_son_three_tittle:hover {
color: #5867dd;
background:#f8f8fb;
}
.menuList_son_three_tittle:hover i{
background: #f8f8fb;
}
.menuList_son_three_tittle:hover i {
color: #5867dd;
}
.menuList_son_item{
}
.menuList_son_item {
width: 100%;
display: flex;
justify-content: flex-start;
}
.menuList_son_item div:last-child{
border:none;
}
.hoverNote {
}
.menuList_son_item div:last-child {
border: none;
}
.hoverNote {
width: 0;
height: 4px;
background: #e95252;
position: absolute;
left: 0;
bottom: -2px;
}
.nav-middle ul li:hover {
}
.nav-middle ul li:hover {
background-color: #232337;
}
.nav-middle ul li:hover .hoverNote {
}
.nav-middle ul li:hover .hoverNote {
width: 100%;
transition: width 0.5s;
}
.nav-middle ul li i {
}
.nav-middle ul li i {
display: inline-block;
margin-right: 8px;
}
.big_tittle{
}
.big_tittle {
cursor: pointer;
font-size: 15px;
font-family: pingfangR;
}
.nav-middle ul li.active .big_tittle{
}
.nav-middle ul li.active .big_tittle {
color: #ffffff;
// background: #2f384d;
cursor: pointer;
}
}
.nav-middle ul li.active .hoverNote {
.nav-middle ul li.active .hoverNote {
width: 100%;
}
.nav-right {
}
.nav-right {
width: 220px;
position: absolute;
right: 0;
}
.nav-right ul {
}
.nav-right ul {
display: flex;
line-height: 50px;
justify-content: flex-end;
}
.nav-right ul li {
}
.nav-right ul li {
height: 50px;
margin-right: 20px;
text-align: center;
justify-content: flex-end;
}
.nav-right ul li i {
}
.nav-right ul li i {
cursor: pointer;
.fz(18px);
color: #e4e4e4;
}
.nav-right ul li i:hover {
}
.nav-right ul li i:hover {
color: #999;
}
.hide {
}
.hide {
display: none;
}
#message_box {
}
#message_box {
position: fixed;
left: 0;
top: 0;
z-index: 1889;
font-family: "PingFangSC-fine" !important;
}
.box {
}
.box {
height: 100%;
background-color: rgba(255, 255, 255, 0);
overflow: hidden;
......@@ -4446,55 +4547,70 @@
top: 0;
z-index: 180;
width: 100%;
}
.mybox-leave-active {
}
.mybox-leave-active {
transition: all 1s ease;
}
.mybox-enter-active {
}
.mybox-enter-active {
transition: all 0.5s ease;
}
.mybox-leave-active,
.mybox-enter {
}
.mybox-leave-active,
.mybox-enter {
right: -100% !important;
}
.mybox-leave,
.mybox-enter-active {
}
.mybox-leave,
.mybox-enter-active {
right: 0;
}
.noNewMsg {
}
.noNewMsg {
font-size: 16px;
color: #999;
text-align: center;
}
@keyframes zy {
}
@keyframes zy {
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,
100% {
transform: rotate(0deg);
}
}
.animation::before {
}
.animation::before {
color: #e95252;
float: left;
width: 18px;
height: 27px;
animation: zy 2.5s 0.15s linear infinite;
-moz-animation: zy 2.5s 0.15s linear infinite; /* Firefox */
-webkit-animation: zy 2.5s 0.15s linear infinite; /* Safari and Chrome */
-o-animation: zy 2.5s 0.15s linear infinite; /* Opera */
}
#message_box .content {
-moz-animation: zy 2.5s 0.15s linear infinite;
/* Firefox */
-webkit-animation: zy 2.5s 0.15s linear infinite;
/* Safari and Chrome */
-o-animation: zy 2.5s 0.15s linear infinite;
/* Opera */
}
#message_box .content {
width: 350px;
height: 100%;
background-image: url("../assets/img/message_bg@3x.png");
......@@ -4503,58 +4619,73 @@
right: 0;
top: 0;
z-index: 200;
}
#message_box .header {
}
#message_box .header {
padding: 18px 20px;
height: 6%;
}
#message_box .header i {
}
#message_box .header i {
color: #e95252;
font-size: 18px;
cursor: pointer;
}
#message_box .header > div {
}
#message_box .header>div {
width: 50%;
float: left;
}
#message_box .header > div:nth-child(2) {
}
#message_box .header>div:nth-child(2) {
text-align: right;
}
#message_box .header i.icon-img_caidan {
}
#message_box .header i.icon-img_caidan {
font-size: 16px;
}
#message_box .header > div:nth-child(2) .icon-img_delete_small {
}
#message_box .header>div:nth-child(2) .icon-img_delete_small {
display: inline-block;
margin-right: 38px;
}
.msgItem_box {
}
.msgItem_box {
height: 94%;
overflow: auto;
}
#message_box .msgItem {
}
#message_box .msgItem {
padding: 20px;
transition: all linear 0.5s;
cursor: pointer;
}
#message_box .msgItem:hover {
}
#message_box .msgItem:hover {
background: rgba(0, 0, 0, 0.1);
}
#message_box .msgItem:hover .icon-ego-guanbi {
}
#message_box .msgItem:hover .icon-ego-guanbi {
display: inline-block;
}
.msgItem_left {
}
.msgItem_left {
width: 40px;
}
.msgItem_right {
}
.msgItem_right {
width: 250px;
}
.msgItem_right > div > div {
}
.msgItem_right>div>div {
float: left;
}
.msgItem_right > div > div:nth-child(2) {
}
.msgItem_right>div>div:nth-child(2) {
float: right;
}
.msgItem_tit {
}
.msgItem_tit {
padding-left: 10px;
font-size: 14px;
color: #333333;
......@@ -4562,13 +4693,15 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.msgItem_left,
.msgItem_right {
}
.msgItem_left,
.msgItem_right {
height: 80px;
float: left;
}
.msgItem_radius {
}
.msgItem_radius {
height: 38px;
width: 38px;
line-height: 38px;
......@@ -4577,82 +4710,102 @@
background-color: #6694dc;
font-size: 12px;
color: white;
}
.msgItem_time {
}
.msgItem_time {
font-size: 14px;
color: #999999;
}
.icon-ego-guanbi {
}
.icon-ego-guanbi {
font-size: 12px;
color: #999999;
cursor: pointer;
display: inline-block;
padding-left: 20px;
display: none;
}
.msgItem_conten {
}
.msgItem_conten {
padding: 10px;
font-size: 12px;
color: #666666;
padding-bottom: 0;
}
.icon-imessage_top {
}
.icon-imessage_top {
animation: mymove 5s infinite;
-webkit-animation: mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove {
-webkit-animation: mymove 5s infinite;
/*Safari and Chrome*/
}
@keyframes mymove {
from {
left: 0px;
}
to {
left: 200px;
}
}
@-webkit-keyframes mymove /*Safari and Chrome*/ {
}
@-webkit-keyframes mymove
/*Safari and Chrome*/
{
from {
left: 0px;
}
to {
left: 200px;
}
}
.temDivs {
}
.temDivs {
/*flex:1;margin-top: 2px;*/
position: absolute;
top: 50px;
bottom: 0px;
left: 0px;
right: 0px;
}
.red {
}
.red {
color: #e95252 !important;
}
.weOytour {
}
.weOytour {
display: none;
}
.sysMsg_lod_more {
}
.sysMsg_lod_more {
text-align: center;
font-size: 12px;
color: #999999;
}
.IM_messageList2{
}
.IM_messageList2 {
top: 41px;
}
.IM_messageList ul li.sysMsg_lod_more:hover {
}
.IM_messageList ul li.sysMsg_lod_more:hover {
background-color: inherit;
height: auto;
line-height: 35px;
}
.IM_messageList ._SysNoteDate_ul li {
}
.IM_messageList ._SysNoteDate_ul li {
height: auto;
}
._more_dropdown._dropdown.el-dropdown-menu{
}
._more_dropdown._dropdown.el-dropdown-menu {
top: 50px !important;
border-radius: 0;
border-color: #ddd;
}
}
.logsBack{
.logsBack {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.2);
......@@ -4660,94 +4813,109 @@
height: 100%;
left: 0;
top: 0;
}
.updateLogs{
}
.updateLogs {
position: absolute;
width:400px;
width: 400px;
// height:400px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-200px;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
border-radius: 4px;
border:1px solid #DCDCDC;
border: 1px solid #DCDCDC;
z-index: 9999;
background-color: #fff;
}
.logsTitle{
width:100%;
padding:0 10px;
}
.logsTitle {
width: 100%;
padding: 0 10px;
text-align: center;
color:#333333;
font-size:14px;
margin-top:10px;
color: #333333;
font-size: 14px;
margin-top: 10px;
font-weight: bold;
}
.inlogs_Content{
width:100%;
padding:0 15px;
}
.inlogs_Content {
width: 100%;
padding: 0 15px;
// height:260px;
overflow: auto;
margin-top:20px;
color:#666666;
font-size:12px;
}
.inlogs_Content p{
margin-bottom:10px;
}
.logsImg{
margin-top:-30px;
margin-left:155px;
}
._saleRnk.el-dialog--center{
margin-top: 20px;
color: #666666;
font-size: 12px;
}
.inlogs_Content p {
margin-bottom: 10px;
}
.logsImg {
margin-top: -30px;
margin-left: 155px;
}
._saleRnk.el-dialog--center {
z-index: 2019523;
}
._saleRnk.el-dialog--center .el-dialog__body{
}
._saleRnk.el-dialog--center .el-dialog__body {
padding: 0;
max-height: 800px;
}
._saleRnk.el-dialog--center{
}
._saleRnk.el-dialog--center {
margin-top: 45px !important;
margin-bottom: 0 !important;
height: 850px;
}
.MenuConfirm{
}
.MenuConfirm {
display: inline-block;
width:15px;
height:15px;
font-size:12px;
width: 15px;
height: 15px;
font-size: 12px;
text-align: center;
border-radius: 2px;
background-color: #E95252;
color:#fff;
color: #fff;
line-height: 15px;
}
.Supplier_nav_rightList{
}
.Supplier_nav_rightList {
position: absolute;
right: 0;
}
.Supplier_nav_rightList ul li {
}
.Supplier_nav_rightList ul li {
height: 50px;
margin-right: 20px;
text-align: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
float:left;
float: left;
line-height: 50px;
justify-content: flex-end;
cursor: pointer;
}
.Supplier_nav_rightList ul li.user_head img{
}
.Supplier_nav_rightList ul li.user_head img {
width: 24px;
height: 24px;
border-radius: 50%;
margin-top: 13px;
}
.Supplier_nav_rightList ul li i{
color:#fff;
}
.Supplier_nav_rightList .SupplierName{
}
.Supplier_nav_rightList ul li i {
color: #fff;
}
.Supplier_nav_rightList .SupplierName {
position: relative;
top:-6px;
}
top: -6px;
}
</style>
src/components/TravelManager/TravelList/TravelControlList.vue
View file @ d0cc4070
......@@ -1540,6 +1540,7 @@
},
},
methods: {
//复制、新增报价单
NewCopyPriceSheet(item, type) {
if (type) {
this.CopyConfigOffer(item)
......
src/components/TravelManager/TravelList/TravelControlListSale.vue
View file @ d0cc4070
......@@ -478,25 +478,6 @@
<span>{{$t('Airticket.Air_StartTime')}}</span>
{{item.StartDate}}
</p>
<p class="travelnowrap flex" v-if="item.OfferUrlExtArray&&item.OfferUrlExtArray.length>0">
<span>报价单</span>
<span class="go_date">
<template v-for="(subItem,subIndex) in item.OfferUrlExtArray">
<a :key="subIndex" style="margin-left:20px;color:blue;cursor:pointer;" :href="subItem.Url"
v-if="subItem.Url" target="_blank" :download="subItem.Name">{{subItem.Name}}</a>
<template v-if="item.OfferUrlExtArray.length>1 && subIndex<item.OfferUrlExtArray.length">
<br :key="subIndex+1000" />
</template>
</template>
</span>
</p>
<p class="travelnowrap flex" v-else-if="item.PriceOfferUrl&&item.PriceOfferUrl!=''">
<span>报价单</span>
<span class="go_date">
<a style="margin-left:20px;color:blue;cursor:pointer;" :href="item.PriceOfferUrl"
v-if="item.PriceOfferUrl" target="_blank">下载报价单</a>
</span>
</p>
<p class="travelnowrap">
<span>{{$t('Operation.Op_teamNotice')}}</span>
{{item.OutNotice==1?"OK":"暂定"}}
......@@ -505,10 +486,6 @@
<span>{{$t('scen.sc_cp')}}</span>
{{item.OutBranchName}}
</p>
<p class="travelnowrap" v-if="item.Config_OfferId">
<span style="cursor:pointer;text-decoration:underline;color:blue;"
@click="showDialog(item.ID, item.Config_OfferId)">报价详情</span>
</p>
<p
v-if="(item.LineID==14 || item.LineID==90|| item.LineID==168) && item.HotelOrderListReports && item.HotelOrderListReports.length>0 ">
<el-popover width="980" trigger="click" popper-class="TC_HotelPop">
......@@ -596,6 +573,40 @@
<span slot="reference" class="price">{{$t('Operation.Op_priceDetail')}}</span>
</el-popover>
</p>
<p v-if="item.OfferUrlExtArray&&item.OfferUrlExtArray.length>0" style="margin-top:5px;">
<span>报价单</span>
<span> <template v-for="(subItem,subIndex) in item.OfferUrlExtArray">
<el-tooltip :key="subIndex" class="item" effect="dark" content="点击下载报价单" placement="top">
<a :key="subIndex+10000" style="color:blue;cursor:pointer;text-decoration:underline;"
:href="subItem.Url" v-if="subItem.Url" target="_blank"
:download="subItem.Name">{{subItem.Name}}</a>
</el-tooltip>
<template v-if="item.OfferUrlExtArray.length>1 && subIndex<item.OfferUrlExtArray.length">
<br :key="subIndex+1000" />
</template>
</template>
</span>
</p>
<p v-else-if="item.PriceOfferUrl&&item.PriceOfferUrl!=''" style="margin-top:5px;">
<span>报价单</span>
<span>
<el-tooltip class="item" effect="dark" content="点击下载报价单" placement="top">
<a :href="item.PriceOfferUrl" style="color:blue;cursor:pointer;text-decoration:underline;"
v-if="item.PriceOfferUrl" target="_blank">下载报价单</a>
</el-tooltip>
</span>
</p>
<p v-if="item.Config_OfferId&&item.Config_OfferId>0" style="margin-top:5px;">
<span style="cursor:pointer;text-decoration:underline;color:blue;"
@click="showDialog(item.ID, item.Config_OfferId)">报价详情</span>
</p>
<p v-if="item.Config_OfferId==0" style="margin-top:5px;">
<span style="cursor:pointer;text-decoration:underline;color:red;"
@click="NewCopyPriceSheet(item,0)">新增报价单</span>
<span style="cursor:pointer;text-decoration:underline;color:red;"
@click="NewCopyPriceSheet(item,1)">复制报价单</span>
</p>
</div>
</div>
<div class="el-col" style="width:150px;">
......@@ -677,7 +688,6 @@
style="cursor:pointer;color:rgb(71,191,140);text-decoration:underline;width:50px;">审核信息</div>
</el-popover>
</template>
</div>
</div>
<div class="el-col" style="width:200px;">
......@@ -784,14 +794,6 @@
<el-dropdown-item>
<div @click='GoToleaderReimbursement(item)' style="color:red">地接成本支出 </div>
</el-dropdown-item>
<template v-if="item.Config_OfferId==0&&item.TCState==1">
<el-dropdown-item>
<div @click="NewCopyPriceSheet(item,0)">新增报价单 </div>
</el-dropdown-item>
<el-dropdown-item>
<div @click="NewCopyPriceSheet(item,1)">复制报价单 </div>
</el-dropdown-item>
</template>
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -1082,61 +1084,56 @@
};
},
methods: {
NewCopyPriceSheet(item,type){
if(type){
//复制、新增报价单
NewCopyPriceSheet(item, type) {
if (type) {
this.CopyConfigOffer(item)
}else{
this.gotoOffer(item,1)
} else {
this.gotoOffer(item, 1)
}
},
//跳转到报价单
gotoOffer(item,type) {
let name = 'QuotationNewPrice'
gotoOffer(item) {
let query = {
offerid: item.Config_OfferId,
TCID: item.TCID,
blank: 'y',
tab: '报价单'
}
if(type){//新增报价单
query.TeamType = 1
query.configld = item.ID
query.TCID = item.TCID
query.LineID = item.LineID
query.LineName = item.LineName
query.ltID = item.ltID
query.LtName = item.LtName
query.DayNum = item.DayNum
query.OutDateTime = item.StartCityTime
query.OutBranchId = item.OutBranchId
query.ForbidChange = true
this.$router.push({
path: name,
query
});
}else{
this.$router.push({
path: name,
path: 'QuotationNewPrice',
query
});
}
},
// 复制报价单
CopyConfigOffer(item){
CopyConfigOffer(item) {
this.queryCommonData.loading = true;
let msg = {
ID: item.ID,
TCID: item.TCID,
}
this.apipost(
var that = this;
that.apipost(
"travel_post_CopyConfigOffer", msg,
res => {
that.queryCommonData.loading = false;
if (res.data.resultCode == 1) {
this.Success(res.data.message)
var tipMsg = "复制成功!查看报价单!"
that.getControlList();
this.Confirm(tipMsg, function () {
if (res.data.data && res.data.data > 0) {
let query = {
offerid: res.data.data,
blank: 'y',
tab: '报价单'
}
//跳转到新报价单页面
that.OpenNewPage('/QuotationNewPrice', query)
}
})
} else {
this.Error(res.data.message);
that.Error(res.data.message);
}
},
err => {}
);
});
},
//跳转到用款计划
GoToleaderReimbursement(item) {
......@@ -1281,7 +1278,6 @@
err => {}
);
},
//新获取列表数据
getControlList() {
var msg = JSON.parse(JSON.stringify(this.queryMsg));
......@@ -1351,7 +1347,6 @@
}
)
},
//验证大小
checkTeamNum(queryMsg) {
var TeamMinNum = parseInt(queryMsg.TeamMinNum);
......@@ -1515,7 +1510,6 @@
}
});
},
goUrl(path, id, name) {
this.$store.commit("pageConditionUpdate", this.queryMsg);
this.$router.push({
......@@ -1574,7 +1568,7 @@
});
},
//开团或修改
goToOpenTravel(path, configId, tcid,item) {
goToOpenTravel(path, configId, tcid, item) {
if (configId > 0) {
this.$store.commit("pageConditionUpdate", this.queryMsg);
this.$router.push({
......@@ -1845,7 +1839,7 @@
this.queryMsg.StartGroupDate = nowDate;
}
if ( this.queryCommonData.IsParentCompany != 1 && userInfo.RB_Branch_id != 49 && userInfo.RB_Branch_id!=1224) {
if (this.queryCommonData.IsParentCompany != 1 && userInfo.RB_Branch_id != 49 && userInfo.RB_Branch_id != 1224) {
this.queryMsg.OutBranchIds.push(userInfo.RB_Branch_id);
}
//默认查询全部团队状态
......
src/components/TravelManager/TravelList/oneDayTrip.vue
View file @ d0cc4070
......@@ -454,29 +454,7 @@
<a style="corsor:pointer;"
:href="domainManager().ViittoFileUrl+item.WordPath">{{$t('visa.v_salecompany')}}下载WORD行程</a>
</p>
<p class="travelnowrap flex" v-if="item.OfferUrlExtArray&&item.OfferUrlExtArray.length>0">
<span>报价单</span>
<span class="go_date">
<template v-for="(subItem,subIndex) in item.OfferUrlExtArray">
<a :key="subIndex" style="margin-left:20px;color:blue;cursor:pointer;" :href="subItem.Url"
v-if="subItem.Url" target="_blank" :download="subItem.Name">{{subItem.Name}}</a>
<template v-if="item.OfferUrlExtArray.length>1 && subIndex<item.OfferUrlExtArray.length">
<br :key="subIndex+1000" />
</template>
</template>
</span>
</p>
<p class="travelnowrap flex" v-else-if="item.PriceOfferUrl&&item.PriceOfferUrl!=''">
<span>报价单</span>
<span class="go_date">
<a style="margin-left:20px;color:blue;cursor:pointer;" :href="item.PriceOfferUrl"
v-if="item.PriceOfferUrl" target="_blank">下载报价单</a>
</span>
</p>
<p class="travelnowrap" v-if="item.Config_OfferId">
<span style="cursor:pointer;text-decoration:underline;color:blue;"
@click="showDialog(item.ID, item.Config_OfferId)">报价详情</span>
</p>
</div>
</div>
<div class="el-col" style="width:190px;">
......@@ -578,6 +556,39 @@
<span slot="reference" class="price">{{$t('Operation.Op_priceDetail')}}</span>
</el-popover>
</p>
<p v-if="item.OfferUrlExtArray&&item.OfferUrlExtArray.length>0" style="margin-top:5px;">
<span>报价单</span>
<span> <template v-for="(subItem,subIndex) in item.OfferUrlExtArray">
<el-tooltip :key="subIndex" class="item" effect="dark" content="点击下载报价单" placement="top">
<a :key="subIndex+10000" style="color:blue;cursor:pointer;text-decoration:underline;"
:href="subItem.Url" v-if="subItem.Url" target="_blank"
:download="subItem.Name">{{subItem.Name}}</a>
</el-tooltip>
<template v-if="item.OfferUrlExtArray.length>1 && subIndex<item.OfferUrlExtArray.length">
<br :key="subIndex+1000" />
</template>
</template>
</span>
</p>
<p v-else-if="item.PriceOfferUrl&&item.PriceOfferUrl!=''" style="margin-top:5px;">
<span>报价单</span>
<span>
<el-tooltip class="item" effect="dark" content="点击下载报价单" placement="top">
<a :href="item.PriceOfferUrl" style="color:blue;cursor:pointer;text-decoration:underline;"
v-if="item.PriceOfferUrl" target="_blank">下载报价单</a>
</el-tooltip>
</span>
</p>
<p v-if="item.Config_OfferId&&item.Config_OfferId>0" style="margin-top:5px;">
<span style="cursor:pointer;text-decoration:underline;color:blue;"
@click="showDialog(item.ID, item.Config_OfferId)">报价详情</span>
</p>
<p v-if="item.Config_OfferId==0" style="margin-top:5px;">
<span style="cursor:pointer;text-decoration:underline;color:red;"
@click="NewCopyPriceSheet(item,0)">新增报价单</span>
<span style="cursor:pointer;text-decoration:underline;color:red;"
@click="NewCopyPriceSheet(item,1)">复制报价单</span>
</p>
</div>
</div>
<div class="el-col" style="width:150px;">
......@@ -591,7 +602,6 @@
<p>
<span>{{$t('visa.v_yibaoru')}}</span>
<i>
{{item.OrderGuestNum}}
<span class="TCL-redType" v-if="item.OrderLeaderGuestNum>=1">+{{item.OrderLeaderGuestNum}}</span>人
</i>
......@@ -691,14 +701,6 @@
<el-dropdown-item>
<div @click='GoToleaderReimbursement(item)' style="color:red">地接成本支出 </div>
</el-dropdown-item>
<template v-if="item.Config_OfferId==0&&item.TCState==1">
<el-dropdown-item>
<div @click="NewCopyPriceSheet(item,0)">新增报价单 </div>
</el-dropdown-item>
<el-dropdown-item>
<div @click="NewCopyPriceSheet(item,1)">复制报价单 </div>
</el-dropdown-item>
</template>
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -994,61 +996,56 @@
}
},
methods: {
NewCopyPriceSheet(item,type){
if(type){
//复制、新增报价单
NewCopyPriceSheet(item, type) {
if (type) {
this.CopyConfigOffer(item)
}else{
this.gotoOffer(item,1)
} else {
this.gotoOffer(item, 1)
}
},
//跳转到报价单
gotoOffer(item,type) {
let name = 'QuotationNewPrice'
gotoOffer(item) {
let query = {
offerid: item.Config_OfferId,
TCID: item.TCID,
blank: 'y',
tab: '报价单'
}
if(type){//新增报价单
query.TeamType = 2
query.configld = item.ID
query.TCID = item.TCID
query.LineID = item.LineID
query.LineName = item.LineName
query.ltID = item.ltID
query.LtName = item.LtName
query.DayNum = item.DayNum
query.OutDateTime = item.StartCityTime
query.OutBranchId = item.OutBranchId
query.ForbidChange = true
this.$router.push({
path: name,
path: 'QuotationNewPrice',
query
});
}else{
this.$router.push({
path: name,
query
});
}
},
// 复制报价单
CopyConfigOffer(item){
CopyConfigOffer(item) {
this.queryCommonData.loading = true;
let msg = {
ID: item.ID,
TCID: item.TCID,
}
this.apipost(
var that = this;
that.apipost(
"travel_post_CopyConfigOffer", msg,
res => {
that.queryCommonData.loading = false;
if (res.data.resultCode == 1) {
this.Success(res.data.message)
var tipMsg = "复制成功!查看报价单!"
that.getControlList();
this.Confirm(tipMsg, function () {
if (res.data.data && res.data.data > 0) {
let query = {
offerid: res.data.data,
blank: 'y',
tab: '报价单'
}
//跳转到新报价单页面
that.OpenNewPage('/QuotationNewPrice', query)
}
})
} else {
this.Error(res.data.message);
that.Error(res.data.message);
}
},
err => {}
);
});
},
//跳转到用款计划
GoToleaderReimbursement(item) {
......@@ -1534,7 +1531,7 @@
})
},
//开团或修改
goToOpenTravel(path, configId, tcid,item) {
goToOpenTravel(path, configId, tcid, item) {
if (configId > 0) {
this.$store.commit('pageConditionUpdate', this.queryMsg)
this.$router.push({
......@@ -1555,7 +1552,7 @@
}
},
//当团修改
goTonowTeam(path, configId, tcid, TCNUM,item) {
goTonowTeam(path, configId, tcid, TCNUM, item) {
if (configId > 0) {
this.$store.commit('pageConditionUpdate', this.queryMsg)
this.$router.push({
......
src/components/newTravelmanager/TravelGroupControl/TravelPrice2.vue
View file @ d0cc4070
......@@ -398,12 +398,12 @@
<li class="liList" v-for="(dayobject,index) in days" :key="index+1000">
<span v-if="dayobject.checkState==$calendarUtils.checkState.noChecked"
class="other-month">{{dayobject.day.getDate()}}</span>
<!--@click="clickedDay(dayobject)"-->
<!---->
<span v-if="dayobject.checkState==$calendarUtils.checkState.checked"
class="checked1" >{{dayobject.day.getDate()}}</span>
<!--@click="clickedDay(dayobject)"-->
class="checked1" @click="clickedDay(dayobject)">{{dayobject.day.getDate()}}</span>
<!---->
<span
v-else-if="dayobject.checkState==$calendarUtils.checkState.hasValue" >{{dayobject.day.getDate()}}</span>
v-else-if="dayobject.checkState==$calendarUtils.checkState.hasValue" @click="clickedDay(dayobject)">{{dayobject.day.getDate()}}</span>
</li>
</ul>
</div>
......
src/components/newTravelmanager/TravelGroupControl/TravelPrice3.vue
View file @ d0cc4070
......@@ -384,12 +384,12 @@
<li class="liList" v-for="(dayobject,index) in days" :key="index+1000">
<span v-if="dayobject.checkState==$calendarUtils.checkState.noChecked"
class="other-month">{{dayobject.day.getDate()}}</span>
<!--@click="clickedDay(dayobject)"-->
<!---->
<span v-if="dayobject.checkState==$calendarUtils.checkState.checked"
class="checked1" >{{dayobject.day.getDate()}}</span>
<!--@click="clickedDay(dayobject)"-->
class="checked1" @click="clickedDay(dayobject)">{{dayobject.day.getDate()}}</span>
<!---->
<span
v-else-if="dayobject.checkState==$calendarUtils.checkState.hasValue" >{{dayobject.day.getDate()}}</span>
v-else-if="dayobject.checkState==$calendarUtils.checkState.hasValue" @click="clickedDay(dayobject)">{{dayobject.day.getDate()}}</span>
</li>
</ul>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment