Skip to content

S
SuperMan
Commit b5380156 authored by 罗超's avatar 罗超
Browse files
Options

1

parent f2de6bc5
Hide whitespace changes
Inline Side-by-side
Showing with 5979 additions and 5815 deletions
src/assets/css/cssReset.css
View file @ b5380156
......@@ -535,6 +535,9 @@ input:-webkit-autofill {
.w780 {
width: 780px!important;
}
.w1000 {
width: 1000px!important;
}
.w50 {
width: 50px !important;
......
src/components/SalesModule/myadvert.vue
View file @ b5380156
<style>
@import "../../assets/css/advert/advmanager";
@import "../../assets/css/advert/advmanager";
</style>
<template>
<div class="advmanager-box">
<div class="content" style="top:50px;">
<!-- <ul>
<div class="advmanager-box">
<div class="content" style="top: 50px">
<!-- <ul>
<li v-for='item in addatas' :key="item.id">
<div class="img-box">
<img :src="item.advertisingPicUrlStr" />
......@@ -18,139 +17,189 @@
</div>
</li>
</ul> -->
<vueWaterfallEasy v-if='addatas.length!=0' ref="waterfall" :imgsArr="addatas" @scrollReachBottom="handleCurrentChange" :maxCols='7' :imgWidth='208' :enablePullDownEvent='true'>
<template slot-scope="props">
<span class="free"><i class="el-icon-share"></i> 0</span>
<div class="zezhao">
<a :href='`/#/advert?id=${props.value.id}`'><i class="el-icon-edit" title="修改"></i></a>
<a :href='props.value.advertisingPicUrlStr' download="广告图.png"><i class="el-icon-download" title="下载"></i></a>
<i class="el-icon-delete" title="删除" @click="deleteItem(props.value)"></i>
</div>
</template>
</vueWaterfallEasy>
<vueWaterfallEasy
v-if="addatas.length != 0"
ref="waterfall"
:imgsArr="addatas"
@scrollReachBottom="handleCurrentChange"
:maxCols="7"
:imgWidth="208"
:enablePullDownEvent="true"
>
<template slot-scope="props">
<span class="free"><i class="el-icon-share"></i> 0</span>
<div class="zezhao">
<a :href="`/#/advert?id=${props.value.id}`"
><i class="el-icon-edit" title="修改"></i
></a>
<a :href="props.value.advertisingPicUrlStr" download="广告图.png"
><i class="el-icon-download" title="下载"></i
></a>
<i
class="el-icon-delete"
title="删除"
@click="deleteItem(props.value)"
></i>
</div>
</template>
</vueWaterfallEasy>
<div v-if='addatas.length==0' style='width:100%;margin-top:50px;text-align:center;color: #ccc;'>
<i class="iconfont icon-kong" style="font-size: 120px;"></i><br/>
还没有广告哦，<a href='/#/advert' style="color:rgb(0, 129, 255)">立即制作</a>
</div>
</div>
<div
v-if="addatas.length == 0"
style="width: 100%; margin-top: 50px; text-align: center; color: #ccc"
>
<i class="iconfont icon-kong" style="font-size: 120px"></i><br />
还没有广告哦，<a href="/#/advert" style="color: rgb(0, 129, 255)"
>立即制作</a
>
</div>
</div>
</div>
</template>
<script>
import vueWaterfallEasy from 'vue-waterfall-easy'
import vueWaterfallEasy from "vue-waterfall-easy";
export default {
data(){
return{
lines:[],
teams:[],
modelTeams:[],
countrys:[],
addatas:[],
pageIndex:0,
pageSize:15,
total:0,
msg:{
lineId:'0',
teamId:'0',
countryId:'0',
type:'0'
},
user:{},
model:{},
isAdd:false,
uploadType:0,
}
},
components: {
vueWaterfallEasy
data() {
return {
lines: [],
teams: [],
modelTeams: [],
countrys: [],
addatas: [],
pageIndex: 0,
pageSize: 15,
total: 0,
msg: {
lineId: "0",
teamId: "0",
countryId: "0",
type: "0",
},
user: {},
model: {},
isAdd: false,
uploadType: 0,
};
},
components: {
vueWaterfallEasy,
},
mounted() {
this.user = JSON.parse(window.localStorage.userInfo);
this.getline();
this.getcountry();
this.getaddatas(0);
},
methods: {
deleteItem(x) {
this.apipost(
"Advertising_post_Remove",
{ ID: x.id },
(x) => {
if (x.data.resultCode == 1) {
this.$message.success("删除成功");
this.getaddatas(0);
} else {
this.$message.error(x.data.message);
}
},
(err) => {}
);
},
mounted(){
this.user=JSON.parse(window.localStorage.userInfo)
this.getline()
this.getcountry()
this.getaddatas(0)
handleCurrentChange(val) {
this.pageIndex++;
this.getaddatas(1);
},
methods:{
deleteItem(x){
this.apipost("Advertising_post_Remove", {'ID':x.id}, x => {
if(x.data.resultCode==1){
this.$message.success('删除成功')
this.getaddatas(0)
}else{
this.$message.error(x.data.message)
}
},err => {})
},
handleCurrentChange(val) {
this.pageIndex++
this.getaddatas(1)
},
getaddatas(type){
if(type==0){
this.pageIndex=0
}
let msg={
pageIndex:this.pageIndex,
pageSize:this.pageSize
}
this.apipost("Advertising_post_GetPageList", msg, x => {
x.data.data.pageData.forEach(x=>{
x.src=`${x.advertisingPicUrlStr}?x-oss-process=image/resize,w_200`
})
if(x.data.data.pageData.length==0){
this.$refs.waterfall.waterfallOver()
}
this.addatas=[];
this.addatas=this.addatas.concat(x.data.data.pageData)
this.total=x.data.data.pageCount
},err => {})
},
getcountry(){
this.apipost("dict_post_Destination_GetCountry", {}, x => {
this.countrys=x.data.data
},err => {})
getaddatas(type) {
if (type == 0) {
this.pageIndex = 0;
}
let msg = {
pageIndex: this.pageIndex,
pageSize: this.pageSize,
};
this.apipost(
"Advertising_post_GetPageList",
msg,
(x) => {
x.data.data.pageData.forEach((x) => {
x.src = `${x.advertisingPicUrlStr}?x-oss-process=image/resize,w_200`;
});
if (x.data.data.pageData.length == 0) {
this.$refs.waterfall.waterfallOver();
}
this.addatas = [];
this.addatas = this.addatas.concat(x.data.data.pageData);
this.total = x.data.data.pageCount;
},
getteam(){
let msg={
'RB_Branch_id':this.user.RB_Branch_id,
'isTOOP':1,
'lineID':this.msg.lineId
}
this.apipost("team_post_GetList", msg, x => {
this.teams=x.data.data
if(x.data.data.length>0)
this.msg.teamId=x.data.data[0].LtID
},err => {})
(err) => {}
);
},
getcountry() {
this.apipost(
"dict_post_Destination_GetCountry",
{},
(x) => {
this.countrys = x.data.data;
},
changeLine(){
this.teams.splice(0,this.teams.length-1)
if(this.msg.lineId!==0){
this.getteam()
}
(err) => {}
);
},
getteam() {
let msg = {
RB_Branch_id: this.user.RB_Branch_id,
isTOOP: 1,
lineID: this.msg.lineId,
};
this.apipost(
"team_post_GetList",
msg,
(x) => {
this.teams = x.data.data;
if (x.data.data.length > 0) this.msg.teamId = x.data.data[0].LtID;
},
changeLineForm(){
this.modelTeams.splice(0,this.modelTeams.length-1)
if(this.model.LineID!==0&&this.model.LineID!=''){
let msg={
'RB_Branch_id':this.user.RB_Branch_id,
'isTOOP':1,
'lineID':this.model.LineID
}
this.apipost("team_post_GetList", msg, x => {
this.modelTeams=x.data.data
if(x.data.data.length>0)
this.model.SeriesID=x.data.data[0].LtID
},err => {})
}
(err) => {}
);
},
changeLine() {
this.teams.splice(0, this.teams.length - 1);
if (this.msg.lineId !== 0) {
this.getteam();
}
},
changeLineForm() {
this.modelTeams.splice(0, this.modelTeams.length - 1);
if (this.model.LineID !== 0 && this.model.LineID != "") {
let msg = {
RB_Branch_id: this.user.RB_Branch_id,
isTOOP: 1,
lineID: this.model.LineID,
};
this.apipost(
"team_post_GetList",
msg,
(x) => {
this.modelTeams = x.data.data;
if (x.data.data.length > 0)
this.model.SeriesID = x.data.data[0].LtID;
},
(err) => {}
);
}
},
getline() {
let msg = { pageIndex: 0, pageSize: 100 };
this.apipost(
"line_post_GetPageList",
msg,
(x) => {
this.lines = x.data.data.pageData;
},
getline(){
let msg={'pageIndex':0,'pageSize':100}
this.apipost("line_post_GetPageList", msg, x => {
this.lines=x.data.data.pageData
},err => {})
}
}
}
(err) => {}
);
},
},
};
</script>
\ No newline at end of file
src/components/platformModule/advmanager.vue
View file @ b5380156
<style>
@import "../../assets/css/advert/advmanager";
@import "../../assets/css/advert/advmanager";
</style>
<template>
<div class="advmanager-box">
<div class="query-box">
<ul>
<!-- <li>
<div class="advmanager-box">
<div class="query-box">
<ul>
<!-- <li>
<span>{{$t('advmanager.v_line')}}：</span>
<el-select v-model="msg.lineId" clearable class="w150" filterable @change="changeLine">
<el-option :label="$t('advmanager.v_all')" value='0' ></el-option>
......@@ -27,49 +27,75 @@
</el-option>
</el-select>
</li> -->
<li>
<span>{{$t('advmanager.v_country')}}：</span>
<el-select v-model="msg.countryId" clearable class="w150" filterable>
<el-option :label="$t('advmanager.v_all')" value='0'></el-option>
<el-option v-for='item in countrys'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</li>
<li>
<span>{{$t('advmanager.v_type')}}：</span>
<el-select v-model="msg.type" class="w150" clearable filterable>
<el-option :label="$t('advmanager.v_all')" value='0'></el-option>
<el-option :label="$t('advmanager.v_shoufei')" value='1'></el-option>
<el-option :label="$t('advmanager.v_free')" value='2'></el-option>
</el-select>
</li>
<li>
<button class="normalBtn" type="button" @click="openaddbox">{{$t('pub.addBtn')}}</button>
<button class="hollowFixedBtn" type="button" @click="getaddatas(0)">{{$t('pub.searchBtn')}}</button>
</li>
</ul>
</div>
<div class="content" :class="{showAddBox:isAdd}" >
<vueWaterfallEasy :imgsArr="addatas" @scrollReachBottom="handleCurrentChange" :maxCols='7' :imgWidth='208' :enablePullDownEvent='true'>
<template slot-scope="props">
<span class="money" v-if="props.value.IsFee==1">￥{{props.value.ChargeAmount.toFixed(2)}}</span>
<span class="free" v-else>{{$t('advmanager.v_free')}}</span>
<div class="star-box">
<i class="iconfont icon-star star"></i>&nbsp; {{props.value.AdvertisingCount}}
</div>
<div class="zezhao">
<i class="el-icon-edit" :title="$t('pub.updateMsg')" @click="update(props.value)"></i>
<i class="el-icon-delete" :title="$t('system.table_delete')" @click="deleteItem(props.value)" ></i>
</div>
</template>
</vueWaterfallEasy>
</div>
<div class="add-box query-box" v-show="isAdd">
<ul>
<!-- <li>
<li>
<span>{{ $t("advmanager.v_country") }}：</span>
<el-select v-model="msg.countryId" clearable class="w150" filterable>
<el-option :label="$t('advmanager.v_all')" value="0"></el-option>
<el-option
v-for="item in countrys"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
</el-option>
</el-select>
</li>
<li>
<span>{{ $t("advmanager.v_type") }}：</span>
<el-select v-model="msg.type" class="w150" clearable filterable>
<el-option :label="$t('advmanager.v_all')" value="0"></el-option>
<el-option
:label="$t('advmanager.v_shoufei')"
value="1"
></el-option>
<el-option :label="$t('advmanager.v_free')" value="2"></el-option>
</el-select>
</li>
<li>
<button class="normalBtn" type="button" @click="openaddbox">
{{ $t("pub.addBtn") }}
</button>
<button class="hollowFixedBtn" type="button" @click="getaddatas(0)">
{{ $t("pub.searchBtn") }}
</button>
</li>
</ul>
</div>
<div class="content" :class="{ showAddBox: isAdd }">
<vueWaterfallEasy
:imgsArr="addatas"
@scrollReachBottom="handleCurrentChange"
:maxCols="7"
:imgWidth="208"
:enablePullDownEvent="true"
>
<template slot-scope="props">
<span class="money" v-if="props.value.IsFee == 1"
>￥{{ props.value.ChargeAmount.toFixed(2) }}</span
>
<span class="free" v-else>{{ $t("advmanager.v_free") }}</span>
<div class="star-box">
<i class="iconfont icon-star star"></i>&nbsp;
{{ props.value.AdvertisingCount }}
</div>
<div class="zezhao">
<i
class="el-icon-edit"
:title="$t('pub.updateMsg')"
@click="update(props.value)"
></i>
<i
class="el-icon-delete"
:title="$t('system.table_delete')"
@click="deleteItem(props.value)"
></i>
</div>
</template>
</vueWaterfallEasy>
</div>
<div class="add-box query-box" v-show="isAdd">
<ul>
<!-- <li>
<span>{{$t('advmanager.v_line')}}：</span>
<el-select v-model="model.LineID" clearable class="w150" @change="changeLineForm">
<el-option v-for='item in lines'
......@@ -89,358 +115,441 @@
</el-option>
</el-select>
</li> -->
<li>
<span>{{$t('advmanager.v_type')}}：</span>
<el-select v-model="model.IsFee" class="w150" clearable filterable>
<el-option :label="$t('advmanager.v_shoufei')" value='1'></el-option>
<el-option :label="$t('advmanager.v_free')" value='2'></el-option>
</el-select>
</li>
<li>
<span>{{$t('advmanager.v_country')}}：</span>
<el-select v-model="CountryID" multiple collapse-tags clearable class="w240" filterable>
<el-option v-for='item in countrys'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</li>
<li v-show='model.IsFee=="1"'>
<span>收费金额：</span>
<el-input v-model="model.ChargeAmount" class="w150" clearable filterable></el-input>
</li>
<li>
</li>
</ul>
<div class="upload-box">
<input type="file" value="" ref="loadFile" @change="upload" style="display:none;"/>
<label>底图：</label>
<div class="upload-box-normal" v-if='model.PictureUrl==""' @click="openupload(0)" >
<i class="iconfont icon-img_jiahao_big"></i>
</div>
<div class="upload-box-img" v-else>
<img :src='model.PictureUrl'>
<div class="zezhao">
<i class="el-icon-delete" title="删除" @click="deletePic(0)"></i>
</div>
</div>
<label>原图：</label>
<div class="upload-box-normal" v-if='model.SamplePicturesUrl==""' @click="openupload(1)" >
<i class="iconfont icon-img_jiahao_big"></i>
</div>
<div class="upload-box-img" v-else>
<img :src='model.SamplePicturesUrl'>
<div class="zezhao">
<i class="el-icon-delete" title="删除" @click="deletePic(1)"></i>
</div>
</div>
</div>
<div class="opera-btn-box">
<button class="normalBtn" type="button" @click="save">{{$t('pub.saveBtn')}}</button>
<button class="hollowFixedBtn" type="button" @click="close">{{$t('pub.cancelBtn')}}</button>
</div>
<li>
<span>{{ $t("advmanager.v_type") }}：</span>
<el-select v-model="model.IsFee" class="w150" clearable filterable>
<el-option
:label="$t('advmanager.v_shoufei')"
value="1"
></el-option>
<el-option :label="$t('advmanager.v_free')" value="2"></el-option>
</el-select>
</li>
<li>
<span>{{ $t("advmanager.v_country") }}：</span>
<el-select
v-model="CountryID"
multiple
collapse-tags
clearable
class="w240"
filterable
>
<el-option
v-for="item in countrys"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
</el-option>
</el-select>
</li>
<li v-show="model.IsFee == '1'">
<span>收费金额：</span>
<el-input
v-model="model.ChargeAmount"
class="w150"
clearable
filterable
></el-input>
</li>
<li></li>
</ul>
<div class="upload-box">
<input
type="file"
value=""
ref="loadFile"
@change="upload"
style="display: none"
/>
<label>底图：</label>
<div
class="upload-box-normal"
v-if="model.PictureUrl == ''"
@click="openupload(0)"
>
<i class="iconfont icon-img_jiahao_big"></i>
</div>
<!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="pageIndex" layout="total,prev, pager, next, jumper" :page-size="pageSize" :total="total">
</el-pagination> -->
<div class="upload-box-img" v-else>
<img :src="model.PictureUrl" />
<div class="zezhao">
<i class="el-icon-delete" title="删除" @click="deletePic(0)"></i>
</div>
</div>
<label>原图：</label>
<div
class="upload-box-normal"
v-if="model.SamplePicturesUrl == ''"
@click="openupload(1)"
>
<i class="iconfont icon-img_jiahao_big"></i>
</div>
<div class="upload-box-img" v-else>
<img :src="model.SamplePicturesUrl" />
<div class="zezhao">
<i class="el-icon-delete" title="删除" @click="deletePic(1)"></i>
</div>
</div>
</div>
<div class="opera-btn-box">
<button class="normalBtn" type="button" @click="save">
{{ $t("pub.saveBtn") }}
</button>
<button class="hollowFixedBtn" type="button" @click="close">
{{ $t("pub.cancelBtn") }}
</button>
</div>
</div>
<!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="pageIndex" layout="total,prev, pager, next, jumper" :page-size="pageSize" :total="total">
</el-pagination> -->
</div>
</template>
<script>
import vueWaterfallEasy from 'vue-waterfall-easy'
import vueWaterfallEasy from "vue-waterfall-easy";
export default {
data(){
return{
lines:[],
teams:[],
modelTeams:[],
countrys:[],
addatas:[],
CountryID:[],
pageIndex:0,
pageSize:50,
total:0,
msg:{
lineId:'0',
teamId:'0',
countryId:'0',
type:'0'
},
user:{},
model:{},
isAdd:false,
uploadType:0
}
data() {
return {
lines: [],
teams: [],
modelTeams: [],
countrys: [],
addatas: [],
CountryID: [],
pageIndex: 0,
pageSize: 50,
total: 0,
msg: {
lineId: "0",
teamId: "0",
countryId: "0",
type: "0",
},
user: {},
model: {},
isAdd: false,
uploadType: 0,
};
},
mounted() {
this.user = JSON.parse(window.localStorage.userInfo);
this.getline();
this.getcountry();
this.getaddatas(0);
},
components: {
vueWaterfallEasy,
},
methods: {
deleteItem(x) {
this.apipost(
"Advertising_post_DelAdvertising",
{ BAID: x.ID },
(x) => {
if (x.data.resultCode == 1) {
this.$message.success("删除成功");
this.getaddatas(0);
} else {
this.$message.error(x.data.message);
}
},
(err) => {}
);
},
mounted(){
this.user=JSON.parse(window.localStorage.userInfo)
this.getline()
this.getcountry()
this.getaddatas(0)
update(x) {
this.CountryID = [];
this.getmodelTeams(x.LineID);
x.CountryIds.forEach((y) => {
this.CountryID.push(y.CountryID);
});
this.model = {
ID: x.ID,
LineID: x.LineID,
SeriesID: x.SeriesID,
CountryID: x.CountryID,
ScenicSpotID: x.ScenicSpotID,
PictureUrl: x.PictureUrl,
SamplePicturesUrl: x.SamplePicturesUrl,
Title: x.Title,
ChargeAmount: x.ChargeAmount,
IsFee: x.IsFee.toString(),
};
this.isAdd = true;
},
components: {
vueWaterfallEasy
close() {
this.isAdd = false;
},
methods:{
deleteItem(x){
this.apipost("Advertising_post_DelAdvertising", {'BAID':x.ID}, x => {
if(x.data.resultCode==1){
this.$message.success('删除成功')
this.getaddatas(0)
}else{
this.$message.error(x.data.message)
}
},err => {})
},
update(x){
this.CountryID=[];
this.getmodelTeams(x.LineID);
x.CountryIds.forEach(y=>{
this.CountryID.push(y.CountryID);
})
this.model={
ID:x.ID,
LineID:x.LineID,
SeriesID:x.SeriesID,
CountryID:x.CountryID,
ScenicSpotID:x.ScenicSpotID,
PictureUrl:x.PictureUrl,
SamplePicturesUrl:x.SamplePicturesUrl,
Title:x.Title,
ChargeAmount:x.ChargeAmount,
IsFee:x.IsFee.toString()
}
this.isAdd=true
},
close(){
this.isAdd=false
},
save(){
if(this.model.LineID==''){
this.$message.error('请选择线路')
}else if(this.model.SeriesID===''){
this.$message.error('请选择系列')
}else if(this.CountryID.length==0){
this.$message.error('请选择国家')
}else if(this.model.IsFee==''){
this.$message.error('请选择类型')
}else if(this.model.ChargeAmount==''&&this.model.IsFee=='1'){
this.$message.error('请填写金额')
}else if(Number.isNaN(this.model.ChargeAmount)&&this.model.IsFee=='1'){
this.$message.error('填写金额非法')
}else if(this.model.PictureUrl==''){
this.$message.error('请选择广告图')
}else if(this.model.SamplePicturesUrl==''){
this.$message.error('请选择原图')
}else{
this.model.CountryIDs = this.CountryID;
this.model.ChargeAmount=this.model.IsFee=='1'?this.model.ChargeAmount:'0'
this.uploadImage(0)
}
},
base64ToBlob(code) {
let parts = code.split(';base64,');
let contentType = parts[0].split(':')[1];
let raw = window.atob(parts[1]);
let rawLength = raw.length;
save() {
if (this.model.LineID == "") {
this.$message.error("请选择线路");
} else if (this.model.SeriesID === "") {
this.$message.error("请选择系列");
} else if (this.CountryID.length == 0) {
this.$message.error("请选择国家");
} else if (this.model.IsFee == "") {
this.$message.error("请选择类型");
} else if (this.model.ChargeAmount == "" && this.model.IsFee == "1") {
this.$message.error("请填写金额");
} else if (
Number.isNaN(this.model.ChargeAmount) &&
this.model.IsFee == "1"
) {
this.$message.error("填写金额非法");
} else if (this.model.PictureUrl == "") {
this.$message.error("请选择广告图");
} else if (this.model.SamplePicturesUrl == "") {
this.$message.error("请选择原图");
} else {
this.model.CountryIDs = this.CountryID;
this.model.ChargeAmount =
this.model.IsFee == "1" ? this.model.ChargeAmount : "0";
this.uploadImage(0);
}
},
base64ToBlob(code) {
let parts = code.split(";base64,");
let contentType = parts[0].split(":")[1];
let raw = window.atob(parts[1]);
let rawLength = raw.length;
let uInt8Array = new Uint8Array(rawLength);
let uInt8Array = new Uint8Array(rawLength);
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], {type: contentType});
},
uploadImage(cnt) {
if(cnt==2){
this.apipost("Advertising_post_SetAdvertising", this.model, x => {
if(x.data.resultCode==1){
this.$message.success('保存成功');
this.isAdd=false;
this.CountryID = [];
this.getaddatas(0);
}else{
this.$message.error(x.data.message)
}
},err => {})
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], { type: contentType });
},
uploadImage(cnt) {
if (cnt == 2) {
this.apipost(
"Advertising_post_SetAdvertising",
this.model,
(x) => {
if (x.data.resultCode == 1) {
this.$message.success("保存成功");
this.isAdd = false;
this.CountryID = [];
this.getaddatas(0);
} else {
let dataUrl=cnt==0?this.model.PictureUrl:this.model.SamplePicturesUrl
if(dataUrl.indexOf('base64')==-1){
if(cnt==0){
this.model.PictureUrl=`/Adv${this.model.PictureUrl.split('/Adv')[1]}`
}else{
this.model.SamplePicturesUrl=`/Adv${this.model.SamplePicturesUrl.split('/Adv')[1]}`
}
this.uploadImage(cnt+1)
} else {
let file=this.base64ToBlob(dataUrl)
let newArr = []
newArr.push(file)
var path = `/Adv/template/${this.uuid(10,10)}.jpg`
let that=this
this.uploadBlob(path, newArr, x => {
if(cnt==0){
that.model.PictureUrl=path
that.uploadImage(1)
}else{
that.model.SamplePicturesUrl=path
that.uploadImage(2)
}
})
}
this.$message.error(x.data.message);
}
},
uuid(len, radix) {
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
var uuid = [], i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
},
(err) => {}
);
} else {
let dataUrl =
cnt == 0 ? this.model.PictureUrl : this.model.SamplePicturesUrl;
if (dataUrl.indexOf("base64") == -1) {
if (cnt == 0) {
this.model.PictureUrl = `/Adv${
this.model.PictureUrl.split("/Adv")[1]
}`;
} else {
this.model.SamplePicturesUrl = `/Adv${
this.model.SamplePicturesUrl.split("/Adv")[1]
}`;
}
this.uploadImage(cnt + 1);
} else {
let file = this.base64ToBlob(dataUrl);
let newArr = [];
newArr.push(file);
var path = `/Adv/template/${this.uuid(10, 10)}.jpg`;
let that = this;
this.uploadBlob(path, newArr, (x) => {
if (cnt == 0) {
that.model.PictureUrl = path;
that.uploadImage(1);
} else {
var r;
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
uuid[14] = '4';
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random()*16;
uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
that.model.SamplePicturesUrl = path;
that.uploadImage(2);
}
return uuid.join('');
},
deletePic(type){
if(type==0)
this.model.PictureUrl=''
else
this.model.SamplePicturesUrl=''
},
upload(){
if(this.$refs.loadFile.files.length>0 && this.$refs.loadFile.files[0].size>0){
let reader = new FileReader()
let that=this
reader.readAsDataURL(this.$refs.loadFile.files[0])
reader.onload=function(e) {
if(that.uploadType==0)
that.model.PictureUrl=e.target.result
else
that.model.SamplePicturesUrl=e.target.result
}
this.$refs.loadFile.value = "";
}
},
openupload(t){
this.uploadType=t
this.$refs.loadFile.click()
},
getmodelTeams(t){
let msg={
'RB_Branch_id':this.user.RB_Branch_id,
'isTOOP':1,
'lineID':t==0?this.lines[0].lineID:t
}
this.apipost("team_post_GetList", msg, x => {
this.modelTeams=x.data.data
if(t==0)
// this.model.SeriesID=this.modelTeams[0].LtID 没这LtID 要报错
this.model.SeriesID = 0;
},err => {})
},
openaddbox(){
this.CountryID = [];
this.getmodelTeams(0)
this.model={
ID:0,
LineID:this.lines[0].lineID,
SeriesID:0,
CountryID:this.countrys[0].ID,
ScenicSpotID:0,
PictureUrl:'',
SamplePicturesUrl:'',
Title:'无',
ChargeAmount:'1.00',
IsFee:'2'
}
this.isAdd=true
},
handleCurrentChange() {
this.pageIndex++
this.getaddatas(1)
},
getaddatas(type){
if(type==0){
this.pageIndex=0
}
let msg={
pageIndex:this.pageIndex,
pageSize:this.pageSize,
lineId:this.msg.lineId,
SeriesId:this.msg.teamId,
CountryId:this.msg.countryId,
AdvName:'',
IsFee:this.msg.type
}
this.apipost("Advertising_get_GetAdvertisingList", msg, x => {
x.data.data.pageData.forEach(x=>{
x.src=`${x.SamplePicturesUrl}?x-oss-process=image/resize,w_200`
x.id=x.ID
})
if(type==0){
this.addatas=x.data.data.pageData
}else{
this.addatas=this.addatas.concat(x.data.data.pageData)
}
this.total=x.data.data.count
},err => {})
});
}
}
},
uuid(len, radix) {
var chars =
"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(
""
);
var uuid = [],
i;
radix = radix || chars.length;
if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
} else {
var r;
uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
uuid[14] = "4";
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | (Math.random() * 16);
uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join("");
},
deletePic(type) {
if (type == 0) this.model.PictureUrl = "";
else this.model.SamplePicturesUrl = "";
},
upload() {
if (
this.$refs.loadFile.files.length > 0 &&
this.$refs.loadFile.files[0].size > 0
) {
let reader = new FileReader();
let that = this;
reader.readAsDataURL(this.$refs.loadFile.files[0]);
reader.onload = function (e) {
if (that.uploadType == 0) that.model.PictureUrl = e.target.result;
else that.model.SamplePicturesUrl = e.target.result;
};
this.$refs.loadFile.value = "";
}
},
openupload(t) {
this.uploadType = t;
this.$refs.loadFile.click();
},
getmodelTeams(t) {
let msg = {
RB_Branch_id: this.user.RB_Branch_id,
isTOOP: 1,
lineID: t == 0 ? this.lines[0].lineID : t,
};
this.apipost(
"team_post_GetList",
msg,
(x) => {
this.modelTeams = x.data.data;
if (t == 0)
// this.model.SeriesID=this.modelTeams[0].LtID 没这LtID 要报错
this.model.SeriesID = 0;
},
getcountry(){
this.apipost("dict_post_Destination_GetCountry", {}, x => {
this.countrys=x.data.data
},err => {})
(err) => {}
);
},
openaddbox() {
this.CountryID = [];
this.getmodelTeams(0);
this.model = {
ID: 0,
LineID: this.lines[0].lineID,
SeriesID: 0,
CountryID: this.countrys[0].ID,
ScenicSpotID: 0,
PictureUrl: "",
SamplePicturesUrl: "",
Title: "无",
ChargeAmount: "1.00",
IsFee: "2",
};
this.isAdd = true;
},
handleCurrentChange() {
this.pageIndex++;
this.getaddatas(1);
},
getaddatas(type) {
if (type == 0) {
this.pageIndex = 0;
}
let msg = {
pageIndex: this.pageIndex,
pageSize: this.pageSize,
lineId: this.msg.lineId,
SeriesId: this.msg.teamId,
CountryId: this.msg.countryId,
AdvName: "",
IsFee: this.msg.type,
};
this.apipost(
"Advertising_get_GetAdvertisingList",
msg,
(x) => {
x.data.data.pageData.forEach((x) => {
x.src = `${x.SamplePicturesUrl}?x-oss-process=image/resize,w_200`;
x.id = x.ID;
});
if (type == 0) {
this.addatas = x.data.data.pageData;
} else {
this.addatas = this.addatas.concat(x.data.data.pageData);
}
this.total = x.data.data.count;
},
getteam(){
let msg={
'RB_Branch_id':this.user.RB_Branch_id,
'isTOOP':1,
'lineID':this.msg.lineId
}
this.apipost("team_post_GetList", msg, x => {
this.teams=x.data.data
if(x.data.data.length>0)
this.msg.teamId=x.data.data[0].LtID
},err => {})
(err) => {}
);
},
getcountry() {
this.apipost(
"dict_post_Destination_GetCountry",
{},
(x) => {
this.countrys = x.data.data;
},
changeLine(){
this.teams.splice(0,this.teams.length-1)
if(this.msg.lineId!==0){
this.getteam()
}
(err) => {}
);
},
getteam() {
let msg = {
RB_Branch_id: this.user.RB_Branch_id,
isTOOP: 1,
lineID: this.msg.lineId,
};
this.apipost(
"team_post_GetList",
msg,
(x) => {
this.teams = x.data.data;
if (x.data.data.length > 0) this.msg.teamId = x.data.data[0].LtID;
},
changeLineForm(){
this.modelTeams.splice(0,this.modelTeams.length-1)
if(this.model.LineID!==0&&this.model.LineID!=''){
let msg={
'RB_Branch_id':this.user.RB_Branch_id,
'isTOOP':1,
'lineID':this.model.LineID
}
this.apipost("team_post_GetList", msg, x => {
this.modelTeams=x.data.data
if(x.data.data.length>0)
this.model.SeriesID=x.data.data[0].LtID
},err => {})
}
(err) => {}
);
},
changeLine() {
this.teams.splice(0, this.teams.length - 1);
if (this.msg.lineId !== 0) {
this.getteam();
}
},
changeLineForm() {
this.modelTeams.splice(0, this.modelTeams.length - 1);
if (this.model.LineID !== 0 && this.model.LineID != "") {
let msg = {
RB_Branch_id: this.user.RB_Branch_id,
isTOOP: 1,
lineID: this.model.LineID,
};
this.apipost(
"team_post_GetList",
msg,
(x) => {
this.modelTeams = x.data.data;
if (x.data.data.length > 0)
this.model.SeriesID = x.data.data[0].LtID;
},
(err) => {}
);
}
},
getline() {
let msg = { pageIndex: 0, pageSize: 100 };
this.apipost(
"line_post_GetPageList",
msg,
(x) => {
this.lines = x.data.data.pageData;
},
getline(){
let msg={'pageIndex':0,'pageSize':100}
this.apipost("line_post_GetPageList", msg, x => {
this.lines=x.data.data.pageData
},err => {})
}
}
}
(err) => {}
);
},
},
};
</script>
src/main.js
View file @ b5380156
......@@ -37,33 +37,35 @@ import pinyin from 'pinyin'
// import JsPDF from 'jspdf'
import lrz from 'lrz'
import 'vue-easytable/libs/themes-base/index.css'
import {VTable,VPagination} from 'vue-easytable'
import { VTable, VPagination } from 'vue-easytable'
import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)
Vue.config.productionTip = false
Vue.http = Vue.prototype.$http = axios
Vue.cookie = Vue.prototype.$cookie=cookie
Vue.commonUtils = Vue.prototype.$commonUtils=commonUtils
Vue.tripUtils=Vue.prototype.$tripUtils=tripUtils
Vue.DMCUtils=Vue.prototype.$DMCUtils=DMCUtils
Vue.languageUtils=Vue.prototype.$languageUtils=languageUtils
Vue.calendarUtils=Vue.prototype.$calendarUtils=calendarUtils
Vue.lunarCalendar=Vue.prototype.$lunarCalendar=lunarCalendar
Vue.googleMap=Vue.prototype.$googleMap=googleMap
Vue.AuthCode=Vue.prototype.$AuthCode=AuthCode
Vue.cookie = Vue.prototype.$cookie = cookie
Vue.commonUtils = Vue.prototype.$commonUtils = commonUtils
Vue.tripUtils = Vue.prototype.$tripUtils = tripUtils
Vue.DMCUtils = Vue.prototype.$DMCUtils = DMCUtils
Vue.languageUtils = Vue.prototype.$languageUtils = languageUtils
Vue.calendarUtils = Vue.prototype.$calendarUtils = calendarUtils
Vue.lunarCalendar = Vue.prototype.$lunarCalendar = lunarCalendar
Vue.googleMap = Vue.prototype.$googleMap = googleMap
Vue.AuthCode = Vue.prototype.$AuthCode = AuthCode
Vue.prototype.$echarts = echarts
Vue.chartsUtils=Vue.prototype.$chartsUtils=chartsUtils
Vue.chartsUtils = Vue.prototype.$chartsUtils = chartsUtils
Vue.prototype.$VueBarcode = VueBarcode
// Vue.prototype.GLOBAL = global_
// Vue.component('barcode', VueBarcode);
Vue.prototype.pinyin = pinyin
// Vue.prototype.h2c=h2c
Vue.prototype.lrz=lrz
Vue.prototype.lrz = lrz
/* eslint-disable no-new */
// Vue.use(htmlToPdf)
......@@ -74,7 +76,7 @@ Vue.use(vueQuillEditor)
//Vue.use(VueAMap);
Vue.use(VueBarcode); //声明条形码组件
Vue.use(store);
Vue.use(Viewer,{
Vue.use(Viewer, {
defaultOptions: {
zIndex: 9999
}
......@@ -87,28 +89,28 @@ Vue.use(Viewer,{
// 时间扩展格式化
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds() //秒
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds() //秒
};
if (/(y+)/.test(fmt)){ //根据y的长度来截取年
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
if (/(y+)/.test(fmt)) { //根据y的长度来截取年
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o){
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
for (var k in o) {
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
return fmt;
};
Vue.prototype.DateDiff = function (sDate1, sDate2) {
var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-")
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
aDate = sDate2.split("-")
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24) //把相差的毫秒数转换为天数
return iDays
Vue.prototype.DateDiff = function (sDate1, sDate2) {
var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-")
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
aDate = sDate2.split("-")
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24) //把相差的毫秒数转换为天数
return iDays
}
// 数组对比
......@@ -155,7 +157,7 @@ const i18n = new VueI18n({
'zh-CN': require('./assets/common/lang/zh'), // 中文语言包
'en-US': require('./assets/common/lang/en'), // 英文语言包
'zh-TW': require('./assets/common/lang/zh-tw'), // 台湾语言包
'Japanese' : require('./assets/common/lang/jp') // 日本语言包
'Japanese': require('./assets/common/lang/jp') // 日本语言包
}
})
......
src/router/config.js
View file @ b5380156
This source diff could not be displayed because it is too large. You can view the blob instead.
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