Skip to content

S
SuperMan
Commit a87695fb authored by 沈良进's avatar 沈良进
Browse files
Options

代码格式化调整

parent 6265eb73
Hide whitespace changes
Inline Side-by-side
Showing with 1620 additions and 1298 deletions
src/components/scenicSpot/scenicSpotInfoManage.vue
View file @ a87695fb
<style> <style>
.scenicSpotInfoManage .resourceImgAdd { .scenicSpotInfoManage .resourceImgAdd {
width: 620px; width: 620px;
margin: auto; margin: auto;
} }
.scenicSpotInfoManage .clearfix:after { .scenicSpotInfoManage .clearfix:after {
content: "\0020"; content: "\0020";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
} }
.scenicSpotInfoManage .resource-content { .scenicSpotInfoManage .resource-content {
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
font-size: 12px; font-size: 12px;
min-width: 1200px; min-width: 1200px;
} }
.scenicSpotInfoManage .resource-baseinfo { .scenicSpotInfoManage .resource-baseinfo {
float: left; float: left;
height: auto; height: auto;
width: 600px; width: 600px;
margin: 0 0 20px 30px; margin: 0 0 20px 30px;
} }
.scenicSpotInfoManage .resource-imginfo { .scenicSpotInfoManage .resource-imginfo {
float: left; float: left;
width: 510px; width: 510px;
margin-top: 35px; margin-top: 35px;
} }
.scenicSpotInfoManage .resource-lititle { .scenicSpotInfoManage .resource-lititle {
display: block; display: block;
border-left: 4px solid #e95252; border-left: 4px solid #e95252;
padding-left: 10px; padding-left: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.scenicSpotInfoManage .resource-baseinfo span { .scenicSpotInfoManage .resource-baseinfo span {
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .resource-name { .scenicSpotInfoManage .resource-name {
width: 300px; width: 300px;
height: 34px; height: 34px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
border-radius: 17px; border-radius: 17px;
outline: none; outline: none;
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
padding-left: 10px; padding-left: 10px;
} }
.scenicSpotInfoManage .common-lefttit { .scenicSpotInfoManage .common-lefttit {
width: 80px; width: 80px;
text-align: right; text-align: right;
margin: 0 7px 0 8px; margin: 0 7px 0 8px;
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .resource-net { .scenicSpotInfoManage .resource-net {
position: relative; position: relative;
} }
.scenicSpotInfoManage .resource-http { .scenicSpotInfoManage .resource-http {
position: absolute; position: absolute;
color: #999999; color: #999999;
width: 70px !important; width: 70px !important;
background-color: #f5f7fa; background-color: #f5f7fa;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
height: 32px; height: 32px;
border-top-left-radius: 17px; border-top-left-radius: 17px;
border-bottom-left-radius: 17px; border-bottom-left-radius: 17px;
top: 5px; top: 5px;
left: 1px; left: 1px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
} }
.scenicSpotInfoManage .R1 { .scenicSpotInfoManage .R1 {
width: 300px; width: 300px;
padding: 0 15px 0 80px; padding: 0 15px 0 80px;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.scenicSpotInfoManage .areaInput { .scenicSpotInfoManage .areaInput {
width: 300px; width: 300px;
padding-right: 120px; padding-right: 120px;
} }
.scenicSpotInfoManage .areaInput:focus { .scenicSpotInfoManage .areaInput:focus {
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .map-icon { .scenicSpotInfoManage .map-icon {
position: absolute; position: absolute;
right: 1px; right: 1px;
top: 1px; top: 1px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
padding-right: 15px; padding-right: 15px;
padding-left: 10px; padding-left: 10px;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
height: 32px; height: 32px;
background-color: #f5f7fa; background-color: #f5f7fa;
} }
.scenicSpotInfoManage .map-icon i { .scenicSpotInfoManage .map-icon i {
margin: 0 5px; margin: 0 5px;
position: relative; position: relative;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .save-Btn { .scenicSpotInfoManage .save-Btn {
width: 90px; width: 90px;
height: 30px; height: 30px;
background: rgba(233, 82, 82, 1); background: rgba(233, 82, 82, 1);
border-radius: 15px; border-radius: 15px;
color: #fff; color: #fff;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
margin-right: 20px; margin-right: 20px;
} }
.scenicSpotInfoManage .cancel-Btn, .scenicSpotInfoManage .cancel-Btn,
.save-Btn:hover { .save-Btn:hover {
opacity: 0.8; opacity: 0.8;
} }
.scenicSpotInfoManage .cancel-Btn { .scenicSpotInfoManage .cancel-Btn {
width: 90px; width: 90px;
height: 30px; height: 30px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
border-radius: 15px; border-radius: 15px;
color: #e95252; color: #e95252;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .re-img { .scenicSpotInfoManage .re-img {
width: 140px; width: 140px;
height: 93px; height: 93px;
border-radius: 10px; border-radius: 10px;
float: left; float: left;
margin: 0 30px 30px 0; margin: 0 30px 30px 0;
position: relative; position: relative;
} }
.scenicSpotInfoManage .re-img:first-child { .scenicSpotInfoManage .re-img:first-child {
margin-left: 0; margin-left: 0;
} }
.scenicSpotInfoManage .resource-imglist { .scenicSpotInfoManage .resource-imglist {
width: 100%; width: 100%;
height: auto; height: auto;
margin-top: 20px; margin-top: 20px;
} }
.scenicSpotInfoManage .resource-imglist img { .scenicSpotInfoManage .resource-imglist img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
} }
.scenicSpotInfoManage .add-img { .scenicSpotInfoManage .add-img {
margin-top: 20px; margin-top: 20px;
} }
.scenicSpotInfoManage .reimg-add { .scenicSpotInfoManage .reimg-add {
width: 140px; width: 140px;
height: 93px; height: 93px;
background: rgba(236, 236, 236, 1); background: rgba(236, 236, 236, 1);
border-radius: 10px; border-radius: 10px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .ad-one { .scenicSpotInfoManage .ad-one {
display: none; display: none;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
z-index: 999; z-index: 999;
} }
.scenicSpotInfoManage .bigAdd { .scenicSpotInfoManage .bigAdd {
font-size: 50px; font-size: 50px;
color: #d1d1d1; color: #d1d1d1;
position: absolute; position: absolute;
left: 45px; left: 45px;
top: 10px; top: 10px;
} }
.scenicSpotInfoManage .imgzhe { .scenicSpotInfoManage .imgzhe {
display: none; display: none;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
line-height: 93px; line-height: 93px;
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
} }
.scenicSpotInfoManage .reimg-add:hover .ad-one { .scenicSpotInfoManage .reimg-add:hover .ad-one {
display: block; display: block;
} }
.scenicSpotInfoManage .re-img:hover .imgzhe { .scenicSpotInfoManage .re-img:hover .imgzhe {
display: block; display: block;
} }
.scenicSpotInfoManage .ad-one div { .scenicSpotInfoManage .ad-one div {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
background: gray; background: gray;
color: #fff; color: #fff;
} }
.scenicSpotInfoManage .ad-one div:hover { .scenicSpotInfoManage .ad-one div:hover {
background-color: #fff; background-color: #fff;
color: #e95252; color: #e95252;
} }
.scenicSpotInfoManage .re-upload { .scenicSpotInfoManage .re-upload {
position: absolute; position: absolute;
top: 30px; top: 30px;
left: 30px; left: 30px;
} }
.scenicSpotInfoManage .re-find { .scenicSpotInfoManage .re-find {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 30px; right: 30px;
} }
.scenicSpotInfoManage .search-imgicon { .scenicSpotInfoManage .search-imgicon {
padding-right: 20px; padding-right: 20px;
margin-left: -40px; margin-left: -40px;
} }
.scenicSpotInfoManage .resAddImg { .scenicSpotInfoManage .resAddImg {
width: 520px; width: 520px;
padding-right: 45px; padding-right: 45px;
} }
.scenicSpotInfoManage .addimgContent { .scenicSpotInfoManage .addimgContent {
height: 290px; height: 290px;
overflow: auto; overflow: auto;
margin: 30px 0 30px 25px; margin: 30px 0 30px 25px;
width: 545px; width: 545px;
} }
.scenicSpotInfoManage .addimgDiv { .scenicSpotInfoManage .addimgDiv {
width: 160px; width: 160px;
height: 155px; height: 155px;
float: left; float: left;
margin: 0 20px 15px 0; margin: 0 20px 15px 0;
overflow: hidden; overflow: hidden;
} }
.scenicSpotInfoManage .addimgContent div:first-child { .scenicSpotInfoManage .addimgContent div:first-child {
margin-left: 0; margin-left: 0;
} }
.addimgContent div:nth-child(3n) { .addimgContent div:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.scenicSpotInfoManage .itemImgdiv { .scenicSpotInfoManage .itemImgdiv {
width: 160px; width: 160px;
height: 106px; height: 106px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .itemImgdiv img { .scenicSpotInfoManage .itemImgdiv img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
} }
.scenicSpotInfoManage .imgseclet { .scenicSpotInfoManage .imgseclet {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
text-align: center; text-align: center;
line-height: 106px; line-height: 106px;
color: #e95252; color: #e95252;
} }
.icon-dagouyouquan { .icon-dagouyouquan {
font-size: 25px; font-size: 25px;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar { .scenicSpotInfoManage .test-1::-webkit-scrollbar {
width: 0px; width: 0px;
height: 0px; height: 0px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar-track { .scenicSpotInfoManage .test-1::-webkit-scrollbar-track {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb { .scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb {
border-radius: 20px; border-radius: 20px;
background-color: #aaa; background-color: #aaa;
margin-bottom: 24px; margin-bottom: 24px;
} }
.scenicSpotInfoManage .test-1:hover::-webkit-scrollbar { .scenicSpotInfoManage .test-1:hover::-webkit-scrollbar {
width: 4px; width: 4px;
height: 4px; height: 4px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .addimg-btnlist { .scenicSpotInfoManage .addimg-btnlist {
text-align: center; text-align: center;
} }
.scenicSpotInfoManage .addimg-select { .scenicSpotInfoManage .addimg-select {
font-size: 14px; font-size: 14px;
color: #999999; color: #999999;
float: right; float: right;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
bottom: 20px; bottom: 20px;
} }
.scenicSpotInfoManage .re-delte { .scenicSpotInfoManage .re-delte {
width: 32px; width: 32px;
height: 32px; height: 32px;
background: gray; background: gray;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
line-height: 32px; line-height: 32px;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .re-delte:hover { .scenicSpotInfoManage .re-delte:hover {
color: #e95252; color: #e95252;
background: #fff; background: #fff;
} }
.scenicSpotInfoManage .imgDescription { .scenicSpotInfoManage .imgDescription {
font-size: 12px; font-size: 12px;
margin-top: 12px; margin-top: 12px;
color: #333333; color: #333333;
width: 100%; width: 100%;
line-height: 20px; line-height: 20px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.scenicSpotInfoManage .el-upload-dragger { .scenicSpotInfoManage .el-upload-dragger {
border: none; border: none;
} }
.scenicSpotInfoManage .res-span span:last-child { .scenicSpotInfoManage .res-span span:last-child {
display: inline; display: inline;
} }
.scenicSpotInfoManage .resourcerightTop span { .scenicSpotInfoManage .resourcerightTop span {
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .sheshi { .scenicSpotInfoManage .sheshi {
margin-bottom: 20px; margin-bottom: 20px;
} }
.scenicSpotInfoManage .dialog-footer { .scenicSpotInfoManage .dialog-footer {
padding-bottom: 30px; padding-bottom: 30px;
} }
.scenicSpotInfoManage .btn-list { .scenicSpotInfoManage .btn-list {
margin: 0 0 40px 30px; margin: 0 0 40px 30px;
} }
.scenicSpotInfoManage .input-with-select .el-input-group__prepend { .scenicSpotInfoManage .input-with-select .el-input-group__prepend {
background-color: #fff; background-color: #fff;
} }
.scenicSpotInfoManage .el-textarea__inner { .scenicSpotInfoManage .el-textarea__inner {
resize: none; resize: none;
height: 120px; height: 120px;
font-family: "微软雅黑"; font-family: "微软雅黑";
} }
.scenicSpotInfoManage .R1:focus { .scenicSpotInfoManage .R1:focus {
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .el-form-item__label { .scenicSpotInfoManage .el-form-item__label {
width: 96px; width: 96px;
font-size: 12px; font-size: 12px;
} }
.scenicSpotInfoManage .el-form-item__error { .scenicSpotInfoManage .el-form-item__error {
left: 100px; left: 100px;
} }
.scenicSpotInfoManage .hotelDay { .scenicSpotInfoManage .hotelDay {
margin-left: 10px; margin-left: 10px;
} }
.scenicSpotInfoManage .searchImgIcon { .scenicSpotInfoManage .searchImgIcon {
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .el-dialog--center .el-dialog__body { .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
padding: 25px 25px 0; padding: 25px 25px 0;
} }
.scenicSpotInfoManage .addressInput .el-input-group__append { .scenicSpotInfoManage .addressInput .el-input-group__append {
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
} }
.scenicSpotInfoManage ::-webkit-input-placeholder { .scenicSpotInfoManage ::-webkit-input-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage :-moz-placeholder { .scenicSpotInfoManage :-moz-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage ::-moz-placeholder { .scenicSpotInfoManage ::-moz-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage :-ms-input-placeholder { .scenicSpotInfoManage :-ms-input-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage .el-switch.is-checked .el-switch__core { .scenicSpotInfoManage .el-switch.is-checked .el-switch__core {
border-color: #4bca81; border-color: #4bca81;
background-color: #4bca81; background-color: #4bca81;
} }
.scenicSpotInfoManage .orderAdd { .scenicSpotInfoManage .orderAdd {
position: relative; position: relative;
width: 340px; width: 340px;
} }
.scenicSpotInfoManage .minus:hover { .scenicSpotInfoManage .minus:hover {
background-color: #cccccc; background-color: #cccccc;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .minus { .scenicSpotInfoManage .minus {
width: 34px; width: 34px;
height: 32px; height: 32px;
border: #dcdfe6; border: #dcdfe6;
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
position: absolute; position: absolute;
left: 101px; left: 101px;
border-radius: 50%; border-radius: 50%;
z-index: 999; z-index: 999;
top: 4px; top: 4px;
background-color: #dcdfe6; background-color: #dcdfe6;
} }
.scenicSpotInfoManage .addPeople { .scenicSpotInfoManage .addPeople {
width: 34px; width: 34px;
height: 32px; height: 32px;
top: 4px; top: 4px;
background-color: #dcdfe6; background-color: #dcdfe6;
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
position: absolute; position: absolute;
right: 41px; right: 41px;
border-radius: 50%; border-radius: 50%;
z-index: 999; z-index: 999;
} }
.scenicSpotInfoManage .addPeople:hover { .scenicSpotInfoManage .addPeople:hover {
background-color: #cccccc; background-color: #cccccc;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .orderAdd .el-input__inner { .scenicSpotInfoManage .orderAdd .el-input__inner {
padding-left: 90px; padding-left: 90px;
} }
.scenicSpotInfoManage .littleadd { .scenicSpotInfoManage .littleadd {
font-size: 12px !important; font-size: 12px !important;
color: #fff; color: #fff;
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .footabs { .scenicSpotInfoManage .footabs {
width: 300px; width: 300px;
min-height: 34px; min-height: 34px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background-color: #fff; background-color: #fff;
padding: 5px 10px; padding: 5px 10px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.scenicSpotInfoManage .foodtips { .scenicSpotInfoManage .foodtips {
display: inline-block; display: inline-block;
padding: 3px 5px; padding: 3px 5px;
background-color: #efefef; background-color: #efefef;
margin: 3px; margin: 3px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .toolOne { .scenicSpotInfoManage .toolOne {
margin: 0 0 28px 38px; margin: 0 0 28px 38px;
display: flex; display: flex;
} }
.scenicSpotInfoManage .foodTipsDiv { .scenicSpotInfoManage .foodTipsDiv {
max-width: 200px; max-width: 200px;
display: inline; display: inline;
} }
.scenicSpotInfoManage .wInput { .scenicSpotInfoManage .wInput {
border: none; border: none;
height: 30px; height: 30px;
} }
.scenicSpotInfoManage .wInput .el-input__inner { .scenicSpotInfoManage .wInput .el-input__inner {
border: none !important; border: none !important;
height: 28px; height: 28px;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
margin-top: 2px; margin-top: 2px;
} }
.scenicSpotInfoManage .delTips { .scenicSpotInfoManage .delTips {
position: absolute; position: absolute;
right: -5px; right: -5px;
top: -5px; top: -5px;
cursor: pointer; cursor: pointer;
color: #999; color: #999;
font-size: 14px; font-size: 14px;
} }
.scenicSpotInfoManage .delTips:hover { .scenicSpotInfoManage .delTips:hover {
color: #e95252; color: #e95252;
} }
.scenicSpotInfoManage .fanyong { .scenicSpotInfoManage .fanyong {
font-size: 12px; font-size: 12px;
color: #666666; color: #666666;
margin-right: 10px; margin-right: 10px;
} }
.scenicSpotInfoManage .footabs .el-tag { .scenicSpotInfoManage .footabs .el-tag {
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
} }
.scenicSpotInfoManage .footabs .el-input__inner { .scenicSpotInfoManage .footabs .el-input__inner {
height: 30px; height: 30px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .button-new-tag { .scenicSpotInfoManage .button-new-tag {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.scenicSpotInfoManage .input-new-tag { .scenicSpotInfoManage .input-new-tag {
width: 90px; width: 90px;
margin-left: 10px; margin-left: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
.scenicSpotInfoManage .el-dialog--center .el-dialog__body { .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
padding: 15px 25px 0 !important; padding: 15px 25px 0 !important;
} }
.scenicSpotInfoManage .mapList { .scenicSpotInfoManage .mapList {
width: 850px !important; width: 850px !important;
height: 510px !important; height: 510px !important;
} }
.scenicSpotInfoManage .fanbili { .scenicSpotInfoManage .fanbili {
margin-top: 8px; margin-top: 8px;
} }
.scenicSpotInfoManage .RabateDiv { .scenicSpotInfoManage .RabateDiv {
margin-left: 10px; margin-left: 10px;
} }
.scenicSpotInfoManage .RebateCount { .scenicSpotInfoManage .RebateCount {
height: 34px; height: 34px;
border-radius: 17px; border-radius: 17px;
float: left; float: left;
} }
.scenicSpotInfoManage .reOne, .scenicSpotInfoManage .reOne,
.scenicSpotInfoManage .reTwo, .scenicSpotInfoManage .reTwo,
.scenicSpotInfoManage .dayNum { .scenicSpotInfoManage .dayNum {
position: relative; position: relative;
} }
.scenicSpotInfoManage .leftPnum { .scenicSpotInfoManage .leftPnum {
float: left; float: left;
width: 50px; width: 50px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
position: absolute; position: absolute;
left: 1px; left: 1px;
top: 1px; top: 1px;
border-top-left-radius: 17px; border-top-left-radius: 17px;
border-bottom-left-radius: 17px; border-bottom-left-radius: 17px;
} }
.scenicSpotInfoManage .toolInput { .scenicSpotInfoManage .toolInput {
height: 34px; height: 34px;
padding-left: 5px; padding-left: 5px;
border: none; border: none;
} }
.scenicSpotInfoManage .inpuOne { .scenicSpotInfoManage .inpuOne {
width: 135px; width: 135px;
padding-left: 55px; padding-left: 55px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-right: none; border-right: none;
} }
.scenicSpotInfoManage .inpuTwo { .scenicSpotInfoManage .inpuTwo {
width: 166px; width: 166px;
padding: 0 45px 0 55px; padding: 0 45px 0 55px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
} }
.scenicSpotInfoManage .percentCon { .scenicSpotInfoManage .percentCon {
float: right; float: right;
width: 40px; width: 40px;
height: 32px; height: 32px;
text-align: center; text-align: center;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
line-height: 32px; line-height: 32px;
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
position: absolute; position: absolute;
right: 1px; right: 1px;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .fanNum { .scenicSpotInfoManage .fanNum {
float: left; float: left;
width: 50px; width: 50px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
position: absolute; position: absolute;
left: 1px; left: 1px;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .fdTag { .scenicSpotInfoManage .fdTag {
margin-top: 13px; margin-top: 13px;
} }
.scenicSpotInfoManage .addAddress .el-input__inner { .scenicSpotInfoManage .addAddress .el-input__inner {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border: 1px solid #d1d1d1 !important; border: 1px solid #d1d1d1 !important;
} }
.scenicSpotInfoManage .el-input-group__append { .scenicSpotInfoManage .el-input-group__append {
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} }
</style> </style>
<template> <template>
<div class="flexOne scenicSpotInfoManage"> <div class="flexOne scenicSpotInfoManage">
<div class="resource-content clearfix"> <div class="resource-content clearfix">
<el-form :model="addMsg" :rules="rules" ref="addMsg"> <el-form :model="addMsg" :rules="rules" ref="addMsg">
<div class="resource-baseinfo"> <div class="resource-baseinfo">
<span class="resource-lititle">{{$t('hotel.hotel_baseinfo')}}</span> <span class="resource-lititle">{{ $t("hotel.hotel_baseinfo") }}</span>
<el-form-item :label="$t('scen.sc_resName')" prop="Name"> <el-form-item :label="$t('scen.sc_resName')" prop="Name">
<el-input type="text" v-model="addMsg.Name" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="addMsg.Name"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="网址"> <el-form-item label="网址">
<el-input type="text" v-model="addMsg.Url" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="addMsg.Url"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="国家"> <el-form-item label="国家">
<el-select placeholder="请选择国家" filterable v-model="addMsg.Country" class='multiple_input w300' <el-select
@change="GetSubAreaList(addMsg.Country,1),addMsg.Province=0,addMsg.City=0,addMsg.District=0"> placeholder="请选择国家"
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> filterable
<el-option v-for="childItem in CountryList" :key="childItem.ID" :label="childItem.Name" v-model="addMsg.Country"
:value="childItem.ID"> class="multiple_input w300"
@change="
GetSubAreaList(addMsg.Country, 1),
(addMsg.Province = 0),
(addMsg.City = 0),
(addMsg.District = 0)
"
>
<el-option
:label="$t('pub.unlimitedSel')"
:value="SelectDefaultValue"
></el-option>
<el-option
v-for="childItem in CountryList"
:key="childItem.ID"
:label="childItem.Name"
:value="childItem.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="省"> <el-form-item label="省">
<el-select placeholder="请选择省" filterable class='multiple_input w300' v-model="addMsg.Province" <el-select
@change="GetSubAreaList(addMsg.Province,2),addMsg.City=0,addMsg.District=0"> placeholder="请选择省"
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> filterable
<el-option v-for="childItem in ProvinceList" :key="childItem.ID" :label="childItem.Name" class="multiple_input w300"
:value="childItem.ID"> v-model="addMsg.Province"
@change="
GetSubAreaList(addMsg.Province, 2),
(addMsg.City = 0),
(addMsg.District = 0)
"
>
<el-option
:label="$t('pub.unlimitedSel')"
:value="SelectDefaultValue"
></el-option>
<el-option
v-for="childItem in ProvinceList"
:key="childItem.ID"
:label="childItem.Name"
:value="childItem.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="市"> <el-form-item label="市">
<el-select placeholder="请选择市" filterable @change="GetSubAreaList(addMsg.City,3),addMsg.District=0" class='multiple_input w300' v-model="addMsg.City"> <el-select
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> placeholder="请选择市"
<el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name" filterable
:value="childItem.ID"> @change="GetSubAreaList(addMsg.City, 3), (addMsg.District = 0)"
class="multiple_input w300"
v-model="addMsg.City"
>
<el-option
:label="$t('pub.unlimitedSel')"
:value="SelectDefaultValue"
></el-option>
<el-option
v-for="childItem in CityList"
:key="childItem.ID"
:label="childItem.Name"
:value="childItem.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="区"> <el-form-item label="区">
<el-select v-model="addMsg.District" class="w300" @change="getArea" filterable :placeholder="$t('hotel.hotel_area')"> <el-select
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> v-model="addMsg.District"
<el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> class="w300"
@change="getArea"
filterable
:placeholder="$t('hotel.hotel_area')"
>
<el-option
:label="$t('pub.unlimitedSel')"
:value="SelectDefaultValue"
></el-option>
<el-option
v-for="item in district"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address"> <el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address">
<el-input placeholder="请输入内容" class="w300 addAddress" v-model="addMsg.Address"> <el-input
<el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button> placeholder="请输入内容"
class="w300 addAddress"
v-model="addMsg.Address"
>
<el-button
slot="append"
@click="selectAddress = true"
icon="iconfont icon-img_dw"
></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<div class="toolOne"> <div class="toolOne">
...@@ -757,49 +834,123 @@ ...@@ -757,49 +834,123 @@
<div class="RabateDiv clearfix"> <div class="RabateDiv clearfix">
<div class="RebateCount reOne"> <div class="RebateCount reOne">
<div class="leftPnum">经度</div> <div class="leftPnum">经度</div>
<input type="text" class="toolInput inpuOne" v-model="addMsg.Lng" maxlength="20"> <input
type="text"
class="toolInput inpuOne"
v-model="addMsg.Lng"
maxlength="20"
/>
</div> </div>
<div class="RebateCount reTwo"> <div class="RebateCount reTwo">
<div class="fanNum">纬度</div> <div class="fanNum">纬度</div>
<input type="text" class="toolInput inpuTwo" v-model="addMsg.Lat" maxlength="20"> <input
type="text"
class="toolInput inpuTwo"
v-model="addMsg.Lat"
maxlength="20"
/>
</div> </div>
</div> </div>
</div> </div>
<el-form-item :label="$t('restaurant.res_BusinessHours')" prop="OpeningHours"> <el-form-item
<el-input type="text" v-model="addMsg.OpeningHours" maxlength="100" class="w300"></el-input> :label="$t('restaurant.res_BusinessHours')"
prop="OpeningHours"
>
<el-input
type="text"
v-model="addMsg.OpeningHours"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('scen.sc_tel')" prop="Tel"> <el-form-item :label="$t('scen.sc_tel')" prop="Tel">
<el-input type="text" maxlength="20" v-model="addMsg.Tel" class="w300"></el-input> <el-input
type="text"
maxlength="20"
v-model="addMsg.Tel"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('scen.sc_parkDetail')" prop="TrafficInfo"> <el-form-item :label="$t('scen.sc_parkDetail')" prop="TrafficInfo">
<el-input type="text" maxlength="200" v-model="addMsg.TrafficInfo" class="w300"></el-input> <el-input
type="text"
maxlength="200"
v-model="addMsg.TrafficInfo"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<span class="resource-lititle sheshi">{{$t('restaurant.res_detailInformation')}}</span> <span class="resource-lititle sheshi">{{
$t("restaurant.res_detailInformation")
}}</span>
<el-form-item :label="$t('restaurant.res_salePlatform')"> <el-form-item :label="$t('restaurant.res_salePlatform')">
<el-select v-model="openplatString" class='multiple_input w300' multiple :placeholder="$t('pub.pleaseSel')"> <el-select
<el-option v-for="item in openplatform" :key="item.ID" :label="item.Name" :value="item.ID"> v-model="openplatString"
class="multiple_input w300"
multiple
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in openplatform"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('restaurant.res_advanceDays')" prop="DieLine"> <el-form-item
<el-input type="text" maxlength="10" class="w300" v-model="addMsg.DieLine" :label="$t('restaurant.res_advanceDays')"
@keyup.native="checkInteger(addMsg,'DieLine')"></el-input>&nbsp;{{$t('hotel.hotel_day')}} prop="DieLine"
>
<el-input
type="text"
maxlength="10"
class="w300"
v-model="addMsg.DieLine"
@keyup.native="checkInteger(addMsg, 'DieLine')"
></el-input
>&nbsp;{{ $t("hotel.hotel_day") }}
</el-form-item> </el-form-item>
<el-form-item label="是否预约"> <el-form-item label="是否预约">
<el-switch v-model="addMsg.AppointmentStyle" :active-value="inActive" :inactive-value="notInActive"> <el-switch
v-model="addMsg.AppointmentStyle"
:active-value="inActive"
:inactive-value="notInActive"
>
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="支付方式"> <el-form-item label="支付方式">
<el-select v-model="addMsg.PayStyle" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')" <el-select
:disabled="IsHaveAuth==1?false:true"> v-model="addMsg.PayStyle"
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> class="multiple_input w300"
<el-option v-for="item in PayList" :key="item.Id" :label="item.Name" :value="item.Id"> :placeholder="$t('pub.pleaseSel')"
:disabled="IsHaveAuth == 1 ? false : true"
>
<el-option
:label="$t('pub.unlimitedSel')"
:value="SelectDefaultValue"
></el-option>
<el-option
v-for="item in PayList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="免费"> <el-form-item label="免费">
<el-select v-model="addMsg.IsFree" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')"> <el-select
<el-option v-for="item in IsFreeList" :key="item.value" :label="item.label" :value="item.value"> v-model="addMsg.IsFree"
class="multiple_input w300"
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in IsFreeList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -808,11 +959,21 @@ ...@@ -808,11 +959,21 @@
<div class="RabateDiv clearfix"> <div class="RabateDiv clearfix">
<div class="RebateCount reOne"> <div class="RebateCount reOne">
<div class="leftPnum">小时</div> <div class="leftPnum">小时</div>
<input type="text" class="toolInput inpuOne" v-model="addMsg.PlayTimeHour" maxlength="20"> <input
type="text"
class="toolInput inpuOne"
v-model="addMsg.PlayTimeHour"
maxlength="20"
/>
</div> </div>
<div class="RebateCount reTwo"> <div class="RebateCount reTwo">
<div class="fanNum">分钟</div> <div class="fanNum">分钟</div>
<input type="text" class="toolInput inpuTwo" v-model="addMsg.PlayTimeMinutes" maxlength="20"> <input
type="text"
class="toolInput inpuTwo"
v-model="addMsg.PlayTimeMinutes"
maxlength="20"
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -820,80 +981,186 @@ ...@@ -820,80 +981,186 @@
<div class="resource-imginfo"> <div class="resource-imginfo">
<div class="resourcerightTop"> <div class="resourcerightTop">
<div class="toolOne"> <div class="toolOne">
<span class="fanbili">{{$t('restaurant.res_commissionColumn')}}</span> <span class="fanbili">{{
$t("restaurant.res_commissionColumn")
}}</span>
<div class="RabateDiv clearfix"> <div class="RabateDiv clearfix">
<div class="RebateCount reOne"> <div class="RebateCount reOne">
<div class="leftPnum">{{$t('admin.admin_personNumber')}}></div> <div class="leftPnum">
<input type="text" class="toolInput inpuOne" v-model="addMsg.RebateCount" {{ $t("admin.admin_personNumber") }}>
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20"> </div>
<input
type="text"
class="toolInput inpuOne"
v-model="addMsg.RebateCount"
onkeyup="value=value.replace(/[^\d]/g,'')"
maxlength="20"
/>
</div> </div>
<div class="RebateCount reTwo"> <div class="RebateCount reTwo">
<div class="fanNum">{{$t('restaurant.res_return')}}</div> <div class="fanNum">{{ $t("restaurant.res_return") }}</div>
<input type="text" class="toolInput inpuTwo" v-model="addMsg.RebateRatio" <input
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20"> type="text"
class="toolInput inpuTwo"
v-model="addMsg.RebateRatio"
onkeyup="value=value.replace(/[^\d]/g,'')"
maxlength="20"
/>
<div class="percentCon">%</div> <div class="percentCon">%</div>
</div> </div>
</div> </div>
</div> </div>
<div class="toolOne"> <div class="toolOne">
<span class="fdTag">{{$t('scen.sc_fdTag')}}</span> <span class="fdTag">{{ $t("scen.sc_fdTag") }}</span>
<div class="footabs"> <div class="footabs">
<el-tag :key="tag" v-for="tag in tipsList" closable :disable-transitions="false" <el-tag
@close="handleClose(tag)">{{tag}}</el-tag> :key="tag"
<el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" maxlength="6" v-for="tag in tipsList"
ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm"> closable
:disable-transitions="false"
@close="handleClose(tag)"
>{{ tag }}</el-tag
>
<el-input
class="input-new-tag"
v-if="inputVisible"
v-model="inputValue"
maxlength="6"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm"
>
</el-input> </el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput">+ {{$t('pub.addBtn')}} <el-button
v-else
class="button-new-tag"
size="small"
@click="showInput"
>+ {{ $t("pub.addBtn") }}
</el-button> </el-button>
</div> </div>
</div> </div>
<div class="toolOne"> <div class="toolOne">
<span class="fdTag">{{$t('scen.sc_dlTag')}}</span> <span class="fdTag">{{ $t("scen.sc_dlTag") }}</span>
<div class="footabs"> <div class="footabs">
<el-tag :key="tag" v-for="tag in Geographic" closable :disable-transitions="false" <el-tag
@close="handleClose2(tag)">{{tag}}</el-tag> :key="tag"
<el-input class="input-new-tag" v-if="inputVisible2" v-model="inputValue2" maxlength="6" v-for="tag in Geographic"
ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm2" @blur="handleInputConfirm2"> closable
:disable-transitions="false"
@close="handleClose2(tag)"
>{{ tag }}</el-tag
>
<el-input
class="input-new-tag"
v-if="inputVisible2"
v-model="inputValue2"
maxlength="6"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm2"
@blur="handleInputConfirm2"
>
</el-input> </el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput2">+ {{$t('pub.addBtn')}} <el-button
v-else
class="button-new-tag"
size="small"
@click="showInput2"
>+ {{ $t("pub.addBtn") }}
</el-button> </el-button>
</div> </div>
</div> </div>
<el-form-item :label="$t('restaurant.res_special')"> <el-form-item :label="$t('restaurant.res_special')">
<el-input type="textarea" class="w300" maxlength="1000" v-model="addMsg.Feature"></el-input> <el-input
type="textarea"
class="w300"
maxlength="1000"
v-model="addMsg.Feature"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="温馨提示" prop="About"> <el-form-item label="温馨提示" prop="About">
<el-input type="textarea" maxlength="1000" v-model="addMsg.About" class="w300"></el-input> <el-input
type="textarea"
maxlength="1000"
v-model="addMsg.About"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('restaurant.res_bookInformation')" prop="BookingInfo"> <el-form-item
<el-input type="textarea" maxlength="1000" v-model="addMsg.BookingInfo" class="w300"></el-input> :label="$t('restaurant.res_bookInformation')"
prop="BookingInfo"
>
<el-input
type="textarea"
maxlength="1000"
v-model="addMsg.BookingInfo"
class="w300"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('restaurant.res_WhetherToConfirm')"> <el-form-item :label="$t('restaurant.res_WhetherToConfirm')">
<el-switch v-model="addMsg.Sure" active-value="1" inactive-value="0"></el-switch> <el-switch
v-model="addMsg.Sure"
active-value="1"
inactive-value="0"
></el-switch>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-switch v-model="isBook" active-color="#13ce66" inactive-color="#ff4949" active-text="供应商" <el-switch
inactive-text="自订"></el-switch> v-model="isBook"
active-color="#13ce66"
inactive-color="#ff4949"
active-text="供应商"
inactive-text="自订"
></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="是否包含领队"> <el-form-item label="是否包含领队">
<el-switch v-model="addMsg.IsIncludeLeader" :active-value="0" :inactive-value="1"></el-switch> <el-switch
v-model="addMsg.IsIncludeLeader"
:active-value="0"
:inactive-value="1"
></el-switch>
</el-form-item> </el-form-item>
</div> </div>
<span class="resource-lititle">{{$t('hotel.hotel_imgintroduce')}}</span> <span class="resource-lititle">{{
$t("hotel.hotel_imgintroduce")
}}</span>
<div class="resource-list"> <div class="resource-list">
<div class="resource-imglist clearfix"> <div class="resource-imglist clearfix">
<div class="re-img" v-for="(item,index) in TicketCouponsImageArray" :key="item.subCode"> <div
<img v-if="!item" src="../../assets/img/bg_c3@3x.png"> class="re-img"
<img :src="item.ShowPath" :onerror='defaultImg' /> v-for="(item, index) in TicketCouponsImageArray"
:key="item.subCode"
>
<img v-if="!item" src="../../assets/img/bg_c3@3x.png" />
<img :src="item.ShowPath" :onerror="defaultImg" />
<div class="imgzhe"> <div class="imgzhe">
<div class="re-delte"><i @click.stop="showImg(item.ShowPath)" class="iconfont icon-img_cz"></i></div> <div class="re-delte">
<div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div> <i
<div class="re-delte" @click.stop="ExchangeImg(index,0)" v-if="index!=0&&item.ShowPath"> @click.stop="showImg(item.ShowPath)"
class="iconfont icon-img_cz"
></i>
</div>
<div class="re-delte" @click="delImg(index)">
<i class="iconfont icon-xingzhuang"></i>
</div>
<div
class="re-delte"
@click.stop="ExchangeImg(index, 0)"
v-if="index != 0 && item.ShowPath"
>
<i class="iconfont icon-zuoyi"></i> <i class="iconfont icon-zuoyi"></i>
</div> </div>
<div class="re-delte" @click.stop="ExchangeImg(index,1)" <div
v-if="index!=TicketCouponsImageArray.length-1&&item.ShowPath"> class="re-delte"
@click.stop="ExchangeImg(index, 1)"
v-if="
index != TicketCouponsImageArray.length - 1 &&
item.ShowPath
"
>
<i class="iconfont icon-youyi"></i> <i class="iconfont icon-youyi"></i>
</div> </div>
</div> </div>
...@@ -904,12 +1171,20 @@ ...@@ -904,12 +1171,20 @@
<i class="iconfont icon-img_haha bigAdd"></i> <i class="iconfont icon-img_haha bigAdd"></i>
<div class="ad-one"> <div class="ad-one">
<div class="re-upload"> <div class="re-upload">
<el-upload :file-list="fileList" :http-request="UploadImage" :multiple="true" <el-upload
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action=""> :file-list="fileList"
:http-request="UploadImage"
:multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false"
action=""
>
<i class="iconfont icon-img_bdsc"></i> <i class="iconfont icon-img_bdsc"></i>
</el-upload> </el-upload>
</div> </div>
<div class="re-find" @click="addImgOpen"><i class="iconfont icon-img_cz"></i></div> <div class="re-find" @click="addImgOpen">
<i class="iconfont icon-img_cz"></i>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -917,569 +1192,616 @@ ...@@ -917,569 +1192,616 @@
</div> </div>
</el-form> </el-form>
</div> </div>
<el-dialog custom-class="resourceImgAdd" title="添加图片" center :visible.sync="addimg"> <el-dialog
<DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:imgType="3"> custom-class="resourceImgAdd"
title="添加图片"
center
:visible.sync="addimg"
>
<DMCchooseImg
@closeImg="closeDMCchooseImg"
ref="DMCchooseImg1"
@headCallBack="getDMCimg"
v-bind:imgType="3"
>
</DMCchooseImg> </DMCchooseImg>
</el-dialog> </el-dialog>
<el-dialog custom-class="mapList" title="地图选址" center :visible.sync="selectAddress"> <el-dialog
<googleMap @refList="googleMap" v-on:headCallBack="headCall" v-bind:address="addMsg.Address"></googleMap> custom-class="mapList"
title="地图选址"
center
:visible.sync="selectAddress"
>
<googleMap
@refList="googleMap"
v-on:headCallBack="headCall"
v-bind:address="addMsg.Address"
></googleMap>
</el-dialog> </el-dialog>
<div class="btn-list"> <div class="btn-list">
<span class="common-lefttit"></span> <span class="common-lefttit"></span>
<button class="save-Btn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> <button class="save-Btn" @click="submitForm('addMsg')">
<button class="cancel-Btn" @click="goUrl('scenicSpotList')">{{$t('pub.cancelBtn')}}</button> {{ $t("pub.saveBtn") }}
</button>
<button class="cancel-Btn" @click="goUrl('scenicSpotList')">
{{ $t("pub.cancelBtn") }}
</button>
</div> </div>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer"> <viewer
<img v-for="src in images" :src="src" :key="src"> :images="images"
:options="imageOptions"
@inited="inited"
class="viewer"
ref="viewer"
>
<img v-for="src in images" :src="src" :key="src" />
</viewer> </viewer>
</div> </div>
</template> </template>
<script> <script>
import googleMap from "../commonPage/googleMap.vue"; import googleMap from "../commonPage/googleMap.vue";
import DMCchooseImg from "../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../commonPage/DMCchooseImg.vue";
export default { export default {
data() { data() {
return { return {
imageOptions: { imageOptions: {
navbar: false, navbar: false,
title: false title: false,
},
//是否有权限操作支付方式
IsHaveAuth: 0,
images: [],
selectAddress: false,
addimg: false,
imgKeyword: "",
imglistArry: [],
openplatform: "",
totalimg: "",
selecnum: 0,
ID: "",
tipsList: [],
tipsItem: "",
Geographic: [],
GeoItem: "",
value1: "true",
value2: "false",
defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
openplatString: "",
OpenPlatformStrings: "",
inputVisible: false,
inputValue: "",
inputVisible2: false,
inputValue2: "",
IsFreeList: [
{
value: 0,
label: "是",
}, },
//是否有权限操作支付方式 {
IsHaveAuth: 0, value: 1,
images: [], label: "否",
selectAddress: false,
addimg: false,
imgKeyword: "",
imglistArry: [],
openplatform: "",
totalimg: "",
selecnum: 0,
ID: "",
tipsList: [],
tipsItem: "",
Geographic: [],
GeoItem: "",
value1: "true",
value2: "false",
defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
openplatString: "",
OpenPlatformStrings: "",
inputVisible: false,
inputValue: "",
inputVisible2: false,
inputValue2: "",
IsFreeList: [{
value: 0,
label: "是"
},
{
value: 1,
label: "否"
}
],
isBook: true,
fileList: [],
//下拉框默认值
SelectDefaultValue: 0,
//国家列表
CountryList: [],
//省份列表
ProvinceList: [],
//城市列表
CityList: [],
//区域
district: [],
inActive: 1, //已选中
notInActive: 0, //未选中
//支付方式
PayList: [],
//上传的文件数组
TicketCouponsImageArray: [],
//删除的图片文件数组
DeleteImageArray: [],
addMsg: {
ID: 0,
Name: "",
ScenicSpotTag: "",
GeographicTag: "",
OpeningHours: "",
Tel: "",
TrafficInfo: "",
IsFree: 0,
Feature: "",
About: "",
BookingInfo: "",
Sure: "",
OpenPlatform: "",
DieLine: "",
QCountry: "",
QProvince: "",
QCity: "",
District: 0,
Address: "",
Lng: "",
Lat: "",
PicPath: "",
RebateCount: "",
RebateRatio: "",
Url: "",
IsSelfBook: "",
Country: 0,
Province: 0,
City: 0,
TicketCouponsImageList: [], //现在的图片
DeleteImageList: [], //要删除的图片
//是否预约
AppointmentStyle: 0,
//支付方式
PayStyle: 0,
PlayTimeHour: "", //游玩小时
PlayTimeMinutes: "", //游玩分钟
IsIncludeLeader: 0, //是否包含领队:0-包含,1-不包含
}, },
rules: { ],
//表单必填验证 isBook: true,
Name: [{ fileList: [],
//下拉框默认值
SelectDefaultValue: 0,
//国家列表
CountryList: [],
//省份列表
ProvinceList: [],
//城市列表
CityList: [],
//区域
district: [],
inActive: 1, //已选中
notInActive: 0, //未选中
//支付方式
PayList: [],
//上传的文件数组
TicketCouponsImageArray: [],
//删除的图片文件数组
DeleteImageArray: [],
addMsg: {
ID: 0,
Name: "",
ScenicSpotTag: "",
GeographicTag: "",
OpeningHours: "",
Tel: "",
TrafficInfo: "",
IsFree: 0,
Feature: "",
About: "",
BookingInfo: "",
Sure: "",
OpenPlatform: "",
DieLine: "",
QCountry: "",
QProvince: "",
QCity: "",
District: 0,
Address: "",
Lng: "",
Lat: "",
PicPath: "",
RebateCount: "",
RebateRatio: "",
Url: "",
IsSelfBook: "",
Country: 0,
Province: 0,
City: 0,
TicketCouponsImageList: [], //现在的图片
DeleteImageList: [], //要删除的图片
//是否预约
AppointmentStyle: 0,
//支付方式
PayStyle: 0,
PlayTimeHour: "", //游玩小时
PlayTimeMinutes: "", //游玩分钟
IsIncludeLeader: 0, //是否包含领队:0-包含,1-不包含
},
rules: {
//表单必填验证
Name: [
{
required: true, required: true,
message: "请填写名称", message: "请填写名称",
trigger: "change" trigger: "change",
}], },
Address: [{ ],
Address: [
{
required: true, required: true,
message: "请选择地址", message: "请选择地址",
trigger: "change" trigger: "change",
}], },
Descriptions: [{ ],
Descriptions: [
{
required: true, required: true,
message: "请输入文字描述", message: "请输入文字描述",
trigger: "change" trigger: "change",
}], },
DieLine: [{ ],
DieLine: [
{
pattern: this.$commonUtils.Regex.el_isInteger, pattern: this.$commonUtils.Regex.el_isInteger,
message: "请输入正确的数字" message: "请输入正确的数字",
}], },
RebateCount: [{ ],
RebateCount: [
{
pattern: this.$commonUtils.Regex.el_isInteger, pattern: this.$commonUtils.Regex.el_isInteger,
message: "请输入正确的数字" message: "请输入正确的数字",
}], },
RebateRatio: [{ ],
RebateRatio: [
{
pattern: this.$commonUtils.Regex.el_isInteger, pattern: this.$commonUtils.Regex.el_isInteger,
message: "请输入正确的数字" message: "请输入正确的数字",
}], },
SupportCount: [{ ],
SupportCount: [
{
required: true, required: true,
message: "请填写可预订人数", message: "请填写可预订人数",
trigger: "change" trigger: "change",
}]
}
};
},
components: {
googleMap: googleMap,
DMCchooseImg: DMCchooseImg
},
methods: {
inited(viewer) {
this.$viewer = viewer
},
showImg: function (src) {
let srcArr = src.split('?')
src = srcArr[0]
let isExsit = false
this.images.forEach(x => {
if (x === src)
isExsit = true
})
if (!isExsit)
this.images.push(src)
this.$viewer.show()
this.$viewer.view(this.images.indexOf(src))
},
//上传景点图片
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, x => {
//统一图片处理
var obj = this.$DMCUtils.DMCImageObj();
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath;
obj.Path = str;
obj.ShowPath = imgUrl;
this.TicketCouponsImageArray.push(obj);
});
},
//更新景点图片
updatePic() {
if (this.ID > 0) {
var postMsg = {
ID: this.ID,
PicPath: this.PicPathArray.toString(),
HotelImageList: this.HotelImageArray, //新增修改
DeleteImageList: this.DeleteImageArray //删除的图片
};
this.apipost(
"ticketcoupons_post_UpdateTicketCouponsPic",
postMsg,
res => {},
null
);
}
},
//删除图片
delImg(index) {
//更新图片
var item = this.TicketCouponsImageArray[index];
this.DeleteImageArray.push(item);
this.TicketCouponsImageArray.splice(index, 1);
},
addImgOpen() {
this.addimg = true;
this.initimgList();
},
closeDMCchooseImg() {
this.addimg = false;
},
saveResource() {
//保存餐厅信息
if (this.isBook) {
this.addMsg.IsSelfBook = 1;
} else {
this.addMsg.IsSelfBook = 0;
}
this.addMsg.OpenPlatform = this.openplatString.toString();
if (this.ID != "undefined") {
this.addMsg.ID = this.ID;
}
let picPathArr = [];
this.TicketCouponsImageArray.forEach(x => {
picPathArr.push(x.Path);
});
this.addMsg.PicPath = picPathArr.join(",");
this.addMsg.ScenicSpotTag = this.tipsList.join(",");
this.addMsg.GeographicTag = this.Geographic.join(",");
this.addMsg.TicketCouponsImageList = this.TicketCouponsImageArray;
this.addMsg.DeleteImageList = this.DeleteImageArray;
this.apipost(
"ticketcoupons_post_Set",
this.addMsg,
res => {
//修改添加接口
if (res.data.resultCode == 1) {
this.tips("保存成功！", "success");
this.goUrl("scenicSpotList");
} else {
this.tips(res.data.message, "error");
}
}, },
null ],
);
},
init() {
var msg = {};
this.apipost("hotel_post_GetPlatform", msg, res => {
//获取开放平台
this.openplatform = res.data.data;
});
}, },
initimgList() { };
//初始化弹窗图片列表 },
var keyWord = this.imgKeyword; components: {
this.imglistArry = []; googleMap: googleMap,
let msg = { DMCchooseImg: DMCchooseImg,
Name: keyWord, },
Type: 4 methods: {
inited(viewer) {
this.$viewer = viewer;
},
showImg: function (src) {
let srcArr = src.split("?");
src = srcArr[0];
let isExsit = false;
this.images.forEach((x) => {
if (x === src) isExsit = true;
});
if (!isExsit) this.images.push(src);
this.$viewer.show();
this.$viewer.view(this.images.indexOf(src));
},
//上传景点图片
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, (x) => {
//统一图片处理
var obj = this.$DMCUtils.DMCImageObj();
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath;
obj.Path = str;
obj.ShowPath = imgUrl;
this.TicketCouponsImageArray.push(obj);
});
},
//更新景点图片
updatePic() {
if (this.ID > 0) {
var postMsg = {
ID: this.ID,
PicPath: this.PicPathArray.toString(),
HotelImageList: this.HotelImageArray, //新增修改
DeleteImageList: this.DeleteImageArray, //删除的图片
}; };
this.apipost( this.apipost(
"hotel_post_GetPicList", "ticketcoupons_post_UpdateTicketCouponsPic",
msg, postMsg,
res => { (res) => {},
if (res.data.resultCode == 1) {
this.imglistArry = res.data.data;
this.totalimg = this.imglistArry.length;
}
},
null null
); );
}, }
selectImg(index) { },
//选取弹窗图片 //删除图片
this.imglistArry[index].isShow = !this.imglistArry[index].isShow; delImg(index) {
let num = 0; //更新图片
this.imglistArry.forEach(x => { var item = this.TicketCouponsImageArray[index];
if (x.isShow == true) { this.DeleteImageArray.push(item);
num++; this.TicketCouponsImageArray.splice(index, 1);
},
addImgOpen() {
this.addimg = true;
this.initimgList();
},
closeDMCchooseImg() {
this.addimg = false;
},
saveResource() {
//保存餐厅信息
if (this.isBook) {
this.addMsg.IsSelfBook = 1;
} else {
this.addMsg.IsSelfBook = 0;
}
this.addMsg.OpenPlatform = this.openplatString.toString();
if (this.ID != "undefined") {
this.addMsg.ID = this.ID;
}
let picPathArr = [];
this.TicketCouponsImageArray.forEach((x) => {
picPathArr.push(x.Path);
});
this.addMsg.PicPath = picPathArr.join(",");
this.addMsg.ScenicSpotTag = this.tipsList.join(",");
this.addMsg.GeographicTag = this.Geographic.join(",");
this.addMsg.TicketCouponsImageList = this.TicketCouponsImageArray;
this.addMsg.DeleteImageList = this.DeleteImageArray;
this.apipost(
"ticketcoupons_post_Set",
this.addMsg,
(res) => {
//修改添加接口
if (res.data.resultCode == 1) {
this.tips("保存成功！", "success");
this.goUrl("scenicSpotList");
} else {
this.tips(res.data.message, "error");
} }
this.selecnum = num; },
}); null
}, );
initHotelData() { },
//获取信息 init() {
var msg = { var msg = {};
ID: this.ID this.apipost("hotel_post_GetPlatform", msg, (res) => {
}; //获取开放平台
this.apipost( this.openplatform = res.data.data;
"ticketcoupons_post_Get", });
msg, },
res => { initimgList() {
if (res.data.resultCode == 1) { //初始化弹窗图片列表
this.addMsg = res.data.data; var keyWord = this.imgKeyword;
if (this.addMsg.Country > 0) { this.imglistArry = [];
this.GetSubAreaList(this.addMsg.Country, 1); let msg = {
} Name: keyWord,
if (this.addMsg.Province > 0) { Type: 4,
this.GetSubAreaList(this.addMsg.Province, 2); };
} this.apipost(
if(this.addMsg.City > 0){ "hotel_post_GetPicList",
this.GetSubAreaList(this.addMsg.City, 3); msg,
} (res) => {
if (this.addMsg.OpenPlatform) { if (res.data.resultCode == 1) {
this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(","); this.imglistArry = res.data.data;
this.OpenPlatformStrings.forEach(x => { this.totalimg = this.imglistArry.length;
this.openplatString.push(Number(x)); }
}); },
} null
if (res.data.data.ScenicSpotTag) { );
this.tipsList = res.data.data.ScenicSpotTag.split(","); },
} selectImg(index) {
if (res.data.data.GeographicTag) { //选取弹窗图片
this.Geographic = res.data.data.GeographicTag.split(","); this.imglistArry[index].isShow = !this.imglistArry[index].isShow;
} let num = 0;
if (res.data.data.Sure != null) { this.imglistArry.forEach((x) => {
this.addMsg.Sure = res.data.data.Sure.toString(); if (x.isShow == true) {
} num++;
this.isBook = this.addMsg.IsSelfBook; }
res.data.data.PicPath.split(",").forEach(x => { this.selecnum = num;
if (x != "") { });
var obj = this.$DMCUtils.DMCImageObj(); },
obj.ID = res.data.data.ID; initHotelData() {
obj.Path = x; //获取信息
obj.PicID = 0; var msg = {
obj.ShowPath = ID: this.ID,
this.domainManager().ViittoFileUrl + };
x + this.apipost(
"?x-oss-process=image/resize,l_140"; "ticketcoupons_post_Get",
this.TicketCouponsImageArray.push(obj); msg,
} (res) => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
if (this.addMsg.Country > 0) {
this.GetSubAreaList(this.addMsg.Country, 1);
}
if (this.addMsg.Province > 0) {
this.GetSubAreaList(this.addMsg.Province, 2);
}
if (this.addMsg.City > 0) {
this.GetSubAreaList(this.addMsg.City, 3);
}
if (this.addMsg.OpenPlatform) {
this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(",");
this.OpenPlatformStrings.forEach((x) => {
this.openplatString.push(Number(x));
}); });
} else {
this.tips(res.data.message, "error");
} }
}, if (res.data.data.ScenicSpotTag) {
null this.tipsList = res.data.data.ScenicSpotTag.split(",");
); }
}, if (res.data.data.GeographicTag) {
goUrl(path) { this.Geographic = res.data.data.GeographicTag.split(",");
this.$router.push({ }
path: path, if (res.data.data.Sure != null) {
query: { this.addMsg.Sure = res.data.data.Sure.toString();
cache: true }
} this.isBook = this.addMsg.IsSelfBook;
}); res.data.data.PicPath.split(",").forEach((x) => {
}, if (x != "") {
submitForm(addMsg) { var obj = this.$DMCUtils.DMCImageObj();
//提交创建、修改表单 obj.ID = res.data.data.ID;
let that = this; obj.Path = x;
that.$refs[addMsg].validate(valid => { obj.PicID = 0;
if (valid) { obj.ShowPath =
that.saveResource(); this.domainManager().ViittoFileUrl +
x +
"?x-oss-process=image/resize,l_140";
this.TicketCouponsImageArray.push(obj);
}
});
} else { } else {
return false; this.tips(res.data.message, "error");
} }
}); },
}, null
checkImgList() { );
this.imglistArry.forEach(x => { },
if (x.isShow == true) { goUrl(path) {
this.imgArray.push(x.Path); this.$router.push({
let arr = x.Path.split(".com"); path: path,
this.PicPathArray.push(arr[1]); query: {
} cache: true,
x.isShow = false; },
this.selecnum = 0; });
}); },
this.addimg = false; submitForm(addMsg) {
}, //提交创建、修改表单
resetImg() { let that = this;
this.imglistArry.forEach(x => { that.$refs[addMsg].validate((valid) => {
if (x.isShow == true) { if (valid) {
x.isShow = false; that.saveResource();
}
this.selecnum = 0;
});
},
tips(msg, type) {
this.$message({
message: msg,
duration: 2000,
type: type
});
},
minusCount() {
let SupportCount = parseInt(this.addMsg.SupportCount);
if (SupportCount > 0) {
SupportCount--;
}
this.addMsg.SupportCount = SupportCount;
},
addCount() {
let SupportCount = parseInt(this.addMsg.SupportCount);
SupportCount++;
this.addMsg.SupportCount = SupportCount;
},
getItemList(type) {
if (type == 1) {
this.tipsList.push(this.tipsItem);
this.tipsItem = "";
} else { } else {
this.Geographic.push(this.GeoItem); return false;
this.GeoItem = "";
} }
}, });
handleClose(tag) { },
this.tipsList.splice(this.tipsList.indexOf(tag), 1); checkImgList() {
}, this.imglistArry.forEach((x) => {
if (x.isShow == true) {
this.imgArray.push(x.Path);
let arr = x.Path.split(".com");
this.PicPathArray.push(arr[1]);
}
x.isShow = false;
this.selecnum = 0;
});
this.addimg = false;
},
resetImg() {
this.imglistArry.forEach((x) => {
if (x.isShow == true) {
x.isShow = false;
}
this.selecnum = 0;
});
},
tips(msg, type) {
this.$message({
message: msg,
duration: 2000,
type: type,
});
},
minusCount() {
let SupportCount = parseInt(this.addMsg.SupportCount);
if (SupportCount > 0) {
SupportCount--;
}
this.addMsg.SupportCount = SupportCount;
},
addCount() {
let SupportCount = parseInt(this.addMsg.SupportCount);
SupportCount++;
this.addMsg.SupportCount = SupportCount;
},
getItemList(type) {
if (type == 1) {
this.tipsList.push(this.tipsItem);
this.tipsItem = "";
} else {
this.Geographic.push(this.GeoItem);
this.GeoItem = "";
}
},
handleClose(tag) {
this.tipsList.splice(this.tipsList.indexOf(tag), 1);
},
showInput() { showInput() {
this.inputVisible = true; this.inputVisible = true;
this.$nextTick(_ => { this.$nextTick((_) => {
this.$refs.saveTagInput.$refs.input.focus(); this.$refs.saveTagInput.$refs.input.focus();
}); });
}, },
handleInputConfirm() { handleInputConfirm() {
let inputValue = this.inputValue; let inputValue = this.inputValue;
if (inputValue) { if (inputValue) {
this.tipsList.push(inputValue); this.tipsList.push(inputValue);
} }
this.inputVisible = false; this.inputVisible = false;
this.inputValue = ""; this.inputValue = "";
}, },
handleClose2(tag) { handleClose2(tag) {
this.Geographic.splice(this.Geographic.indexOf(tag), 1); this.Geographic.splice(this.Geographic.indexOf(tag), 1);
}, },
showInput2() { showInput2() {
this.inputVisible2 = true; this.inputVisible2 = true;
this.$nextTick(_ => { this.$nextTick((_) => {
this.$refs.saveTagInput.$refs.input.focus(); this.$refs.saveTagInput.$refs.input.focus();
}); });
}, },
handleInputConfirm2() { handleInputConfirm2() {
let inputValue = this.inputValue2; let inputValue = this.inputValue2;
if (inputValue) { if (inputValue) {
this.Geographic.push(inputValue); this.Geographic.push(inputValue);
} }
this.inputVisible2 = false; this.inputVisible2 = false;
this.inputValue2 = ""; this.inputValue2 = "";
}, },
googleMap() { googleMap() {
this.selectAddress = false; this.selectAddress = false;
}, },
headCall(msg) { headCall(msg) {
// this.addMsg.QCountry = msg.country; // this.addMsg.QCountry = msg.country;
// this.addMsg.QProvince = msg.province; // this.addMsg.QProvince = msg.province;
// this.addMsg.QCity = msg.city; // this.addMsg.QCity = msg.city;
// this.addMsg.Address = msg.address; // this.addMsg.Address = msg.address;
this.addMsg.Lng = msg.lng; this.addMsg.Lng = msg.lng;
this.addMsg.Lat = msg.lat; this.addMsg.Lat = msg.lat;
}, },
//获取国家 //获取国家
GetCounrty() { GetCounrty() {
this.apipost( this.apipost(
"dict_post_Destination_GetCountry", {}, "dict_post_Destination_GetCountry",
res => { {},
this.CountryList = res.data.data; (res) => {
}, this.CountryList = res.data.data;
err => {} },
); (err) => {}
}, );
//获取省份和城市 },
GetSubAreaList(ID, type) { //获取省份和城市
let msg = { GetSubAreaList(ID, type) {
Id: ID let msg = {
}; Id: ID,
if (this.addMsg.Country != 0) { };
this.apipost( if (this.addMsg.Country != 0) {
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.ProvinceList = res.data.data;
this.CityList=[];
this.district=[];
} else if (type == 2) {
this.CityList = res.data.data;
this.district=[];
}else if (type == 3) {
this.district = res.data.data;
}
},
err => {}
);
}
},
getDMCimg(imgArr) {
imgArr.forEach(imgItem => {
var obj = this.$DMCUtils.DMCImageObj();
obj.ID = 0;
obj.Path = "/" + this.$commonUtils.removeDomain(imgItem.Path);
obj.PicID = imgItem.ID;
obj.ShowPath = imgItem.Path + "?x-oss-process=image/resize,l_140";
this.TicketCouponsImageArray.push(obj);
});
},
//获取支付方式列表
GetPayList() {
this.apipost( this.apipost(
"dmc_post_Get_GetPayStyleList", {}, "dict_post_Destination_GetChildList",
res => { msg,
if (res.data.resultCode == 1) { (res) => {
this.PayList = res.data.data; if (type == 1) {
this.ProvinceList = res.data.data;
this.CityList = [];
this.district = [];
} else if (type == 2) {
this.CityList = res.data.data;
this.district = [];
} else if (type == 3) {
this.district = res.data.data;
} }
}, },
err => {} (err) => {}
); );
},
//图片左移右移
ExchangeImg(index, IsMove) {
var imgItem = this.TicketCouponsImageArray[index];
//左移
if (IsMove == 0) {
var upItem = this.TicketCouponsImageArray[index - 1];
this.$set(this.TicketCouponsImageArray, index - 1, imgItem);
this.$set(this.TicketCouponsImageArray, index, upItem);
} else {
//右移动
var downItem = this.TicketCouponsImageArray[index + 1];
this.$set(this.TicketCouponsImageArray, index + 1, imgItem);
this.$set(this.TicketCouponsImageArray, index, downItem);
}
},
getArea(){
this.$forceUpdate();
} }
}, },
mounted() { getDMCimg(imgArr) {
let userInfo = this.getLocalStorage() imgArr.forEach((imgItem) => {
//有权限操作的部门 var obj = this.$DMCUtils.DMCImageObj();
if (userInfo.RB_Department_Id == 240 || userInfo.RB_Department_Id == 1 || userInfo.RB_Department_Id == 3 || obj.ID = 0;
userInfo.RB_Branch_id == 49) { obj.Path = "/" + this.$commonUtils.removeDomain(imgItem.Path);
this.IsHaveAuth = 1; obj.PicID = imgItem.ID;
} obj.ShowPath = imgItem.Path + "?x-oss-process=image/resize,l_140";
this.GetPayList(); this.TicketCouponsImageArray.push(obj);
this.ID = this.$route.query.id; });
this.init(); //开放平台 },
this.GetCounrty(); //获取支付方式列表
if (typeof this.ID != "undefined") { GetPayList() {
this.initHotelData(); this.apipost(
"dmc_post_Get_GetPayStyleList",
{},
(res) => {
if (res.data.resultCode == 1) {
this.PayList = res.data.data;
}
},
(err) => {}
);
},
//图片左移右移
ExchangeImg(index, IsMove) {
var imgItem = this.TicketCouponsImageArray[index];
//左移
if (IsMove == 0) {
var upItem = this.TicketCouponsImageArray[index - 1];
this.$set(this.TicketCouponsImageArray, index - 1, imgItem);
this.$set(this.TicketCouponsImageArray, index, upItem);
} else {
//右移动
var downItem = this.TicketCouponsImageArray[index + 1];
this.$set(this.TicketCouponsImageArray, index + 1, imgItem);
this.$set(this.TicketCouponsImageArray, index, downItem);
} }
},
getArea() {
this.$forceUpdate();
},
},
mounted() {
let userInfo = this.getLocalStorage();
//有权限操作的部门
if (
userInfo.RB_Department_Id == 240 ||
userInfo.RB_Department_Id == 1 ||
userInfo.RB_Department_Id == 3 ||
userInfo.RB_Branch_id == 49
) {
this.IsHaveAuth = 1;
} }
}; this.GetPayList();
this.ID = this.$route.query.id;
this.init(); //开放平台
this.GetCounrty();
if (typeof this.ID != "undefined") {
this.initHotelData();
}
},
};
</script> </script>
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