Skip to content

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

页面修改

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