Commit 8fa8db1e authored by zhengke's avatar zhengke

修改

parent d806c6a5
...@@ -173,7 +173,7 @@ export default { ...@@ -173,7 +173,7 @@ export default {
} }
</script> </script>
<style> <style>
@import "//at.alicdn.com/t/font_635492_pnkqfvbvc4.css"; @import "//at.alicdn.com/t/font_635492_2ir29znz8xp.css";
@import "./assets/css/Semibold.css"; @import "./assets/css/Semibold.css";
@import "./assets/css/global/config.css"; @import "./assets/css/global/config.css";
@import "./assets/css/fileIcon.css"; @import "./assets/css/fileIcon.css";
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<th>累计佣金</th> <th>累计佣金</th>
<th>可提现佣金</th> <th>可提现佣金</th>
<th>待结算佣金</th> <th>待结算佣金</th>
<th>提现佣金</th> <th>结算佣金</th>
</tr> </tr>
<tr v-for="(item,i) in dataList" :key="i"> <tr v-for="(item,i) in dataList" :key="i">
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<th>累计佣金</th> <th>累计佣金</th>
<th>可提现佣金</th> <th>可提现佣金</th>
<th>待结算佣金</th> <th>待结算佣金</th>
<th>提现佣金</th> <th>结算佣金</th>
</tr> </tr>
<tr v-for="(item,i) in dataList" :key="i"> <tr v-for="(item,i) in dataList" :key="i">
......
<style>
.webLogoDiv {
width: 288px;
height: 234px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
}
.webLogoDiv .web_imgUrl {
width: 100%;
height: 100%;
}
.webLogoDiv .addIconDiv {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: transparent;
}
.webLogoDiv i {
font-size: 50px;
color: #d1d1d1;
left: 42%;
cursor: pointer;
position: absolute;
top: 42%;
}
.webLogoDiv .addIconDiv:hover {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.WebSite_Line {
width: 100%;
height: 1px;
margin: 20px 0;
border-bottom: 1px solid #eee;
}
.WebSite_font {
margin: 0 0 20px 20px;
}
.WebSite_Box {
position: relative;
border-radius: 3px;
background: #ffffff;
border: 1px solid #ccc;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.WebSite_Header {
font-size: 16px;
padding: 10px;
border-bottom: 1px solid #f4f4f4;
}
.WebSite_body {
padding: 20px;
}
.todo-list {
list-style: none;
}
.todo-list>li {
position: relative;
border: 1px solid #dcdcdc;
border-radius: 2px;
padding: 10px;
background: #f4f4f4;
margin-bottom: 2px;
}
.todo-list .handle {
display: inline-block;
cursor: move;
margin: 0 5px;
}
.todo-list>li .WebSite_text {
display: inline-block;
margin-left: 5px;
font-weight: bold;
font-size: 14px;
}
.WebNav_link {
color: #3c8dbc;
}
.WebSite_tools {
position: absolute;
top: 50%;
right: 0;
z-index: 2;
margin-top: -20px;
height: 40px;
color: #666;
display: block;
line-height: 40px;
}
.WebSite_tools i {
cursor: pointer;
}
.todo-list>li .WebSite_tools .del-btn {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
}
.Web_BtnDiv {
position: absolute;
right: 10px;
top: 5px;
}
</style>
<template> <template>
<!--网站设定(网站设置)--> <!--网站设定(网站设置)-->
<div class="WebSiteConfig"> <div class="WebSiteConfig">
<div class="BasicSet"> <el-form :model="msg" ref="msg" label-width="130px">
基本设置 <el-tabs v-model="activeName" @tab-click="handleClick">
<br /> <el-tab-pane label="基本設定" name="first">
网站名称 <el-input></el-input> <el-row>
<el-col :span="24">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>基本設定</span>
</div> </div>
<el-col :span="12">
<div class="BasicInfo"> <el-form-item label="網站名稱" label-width="80px">
旅行社基本資料 <el-input v-model="PostMsg.WebSiteName"></el-input>
<br /> </el-form-item>
网站名称 <el-input></el-input> <el-form-item label="" label-width="80px">
<el-button type="primary" size="small">儲存修改</el-button>
</el-form-item>
</el-col>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane label="前台顯示資訊" name="second">
<el-row>
<el-col :span="24">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>旅行社基本資料</span>
</div>
<el-col :span="8">
<el-form-item label="旅行社名稱">
<el-input v-model="PostMsg.TAName"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代表人">
<el-input v-model="PostMsg.TABehalf"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="交觀証號">
<el-input v-model="PostMsg.TAJiaoGuanCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="品保編號">
<el-input v-model="PostMsg.TAJiaoGuanCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="統一編號">
<el-input v-model="PostMsg.TAUnifyCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="旅行社類型">
<el-select v-model="PostMsg.TAType" style="width:100%">
<el-option v-for="item in travelAgencyType" :label="item.Name" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="企業LOGO">
<div>彩色(圖片尺寸:240x90)</div>
<div class="webLogoDiv" @click="commonType=1">
<el-upload :http-request="UploadImage" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="PostMsg.TALogo" :src="PostMsg.TALogo" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
</div>
</el-upload>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="企業LOGO">
<div>白色(圖片尺寸:240x90)</div>
<div class="webLogoDiv" @click="commonType=2">
<el-upload :http-request="UploadImage" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="PostMsg.TALogo2" :src="PostMsg.TALogo2" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
</div>
</el-upload>
</div> </div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="網站icon">
<div>(圖片尺寸:16x16)</div>
<div class="webLogoDiv" @click="commonType=3" style="width:100px;height:100px;">
<el-upload :http-request="UploadImage" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="PostMsg.TAIcon" :src="PostMsg.TAIcon" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha" style="left:25%;top:33%"></i>
</div>
</el-upload>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="WebSite_Line"></div>
<div class="WebSite_font">總公司聯絡資訊</div>
</el-col>
<el-col :span="8">
<el-form-item label="電話">
<el-input v-model="PostMsg.TATel"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="傳真">
<el-input v-model="PostMsg.TAFax"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="聯絡人">
<el-input v-model="PostMsg.TALinkMan"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地址">
<el-input v-model="PostMsg.TAAddress"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="服務信箱">
<el-input v-model="PostMsg.TAServiceMail"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="服務時間">
<el-input v-model="PostMsg.TAServiceTime"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="WebSite_Line"></div>
<div class="WebSite_font">網路社群</div>
</el-col>
<el-col :span="12">
<el-form-item label="Line行動條碼網址">
<el-input v-model="PostMsg.TALineUrl"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Facebook粉絲團網址" label-width="150px">
<el-input v-model="PostMsg.TAFaceBookUrl"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="WebSite_Line"></div>
<div class="WebSite_font">其他顯示設定</div>
</el-col>
<el-col :span="8">
<el-form-item label="可售位顯示方式">
<el-select v-model="PostMsg.TASeatShowType" style="width:100%">
<el-option v-for="item in SaleSeatType" :label="item.Name" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不公開價格文字設定" label-width="140px">
<el-input v-model="PostMsg.TANoPublicPrice"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="全站字體大小">
<el-select v-model="PostMsg.TAWordSize" style="width:100%">
<el-option v-for="item in TAWordSizeType" :label="item.Name" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="背景顏色">
<el-color-picker v-model="PostMsg.TABgColor"></el-color-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label-width="0">
<el-input type="textarea" v-model="PostMsg.TAOrderInfoDes" :rows="4"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item>
<el-button type="primary" size="small">儲存修改</el-button>
</el-form-item>
</el-col>
</el-card>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane label="導航設定" name="third">
<el-col :span="7" style="margin-right:40px;">
<div class="WebSite_Box">
<div class="WebSite_Header">
網站選單設定
<div class="Web_BtnDiv">
<el-button type="primary" size="small">新增選單</el-button>
</div>
</div>
<div class="WebSite_body">
<ul class="todo-list">
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">519住宿趣</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">519住宿趣</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
</ul>
</div>
</div>
</el-col>
<el-col :span="7" style="margin-right:40px;">
<div class="WebSite_Box">
<div class="WebSite_Header">
刊尾選單設定
<div class="Web_BtnDiv">
<el-button type="primary" size="small">新增選單</el-button>
</div> </div>
</div>
<div class="WebSite_body">
<ul class="todo-list">
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">關於我們</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">關於我們</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
</ul>
</div>
</div>
<div class="WebSite_Box">
<div class="WebSite_Header">
分公司資訊設定
<div class="Web_BtnDiv">
<el-button type="primary" size="small">新增選單</el-button>
</div>
</div>
<div class="WebSite_body">
<ul class="todo-list">
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">玩家旅行社-台中公司</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
</ul>
</div>
</div>
</el-col>
<el-col :span="7">
<div class="WebSite_Box">
<div class="WebSite_Header">
<div>刊尾小圖設定</div>
<div style="font-size:12px;">(圖片尺寸:40x40或60x40(前台顯示高度40px)</div>
<div class="Web_BtnDiv">
<el-button type="primary" size="small">新增選單</el-button>
</div>
</div>
<div class="WebSite_body">
<ul class="todo-list">
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">關於我們</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">關於我們</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
</ul>
</div>
</div>
<div class="WebSite_Box">
<div class="WebSite_Header">
表單簽核職位設定
<div class="Web_BtnDiv">
<el-button type="primary" size="small" @click="isShowDialog=true">新增選單</el-button>
</div>
</div>
<div class="WebSite_body">
<ul class="todo-list">
<li>
<span class="handle">
<i class="iconfont icon-diandiandian"></i>
</span>
<span class="WebSite_text">
<a class="WebNav_link" href="">職位名稱</a>
</span>
<div class="WebSite_tools">
<i class="iconfont icon-xiugai"></i>
<i class="iconfont icon-guanbi del-btn"></i>
</div>
</li>
</ul>
</div>
</div>
</el-col>
<el-col :span="24" style="text-align:right;padding-right:8%;margin-top:50px;">
<el-button type="primary" size="small">儲存修改</el-button>
</el-col>
</el-tab-pane>
</el-tabs>
</el-form>
<el-dialog title="編輯選單" :visible.sync="isShowDialog" width="500px">
<el-form label-width="100px">
<!-- 第一个 -->
<template>
<el-form-item label="顯示文字">
<el-input></el-input>
</el-form-item>
<el-form-item label="連結">
<el-input></el-input>
</el-form-item>
<el-form-item label="連結">
<el-select style="width:100%">
<el-option label="是" :value="1" :key="1"></el-option>
<el-option label="否" :value="0" :key="0"></el-option>
</el-select>
</el-form-item>
</template>
<!-- 第二个 -->
<template>
<el-form-item label="顯示項目">
<el-select style="width:100%">
<el-option label="首页" :value="1" :key="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="開新分頁">
<el-select style="width:100%">
<el-option label="是" :value="1" :key="1"></el-option>
<el-option label="否" :value="0" :key="0"></el-option>
</el-select>
</el-form-item>
</template>
<!-- 第三个 -->
<template>
<el-form-item label="顯示項目">
<el-select style="width:100%">
<el-option label="國際航空運輸協會" :value="1" :key="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="連結">
<el-input></el-input>
</el-form-item>
<el-form-item label="預覽圖片">
<img src="http://manage.tripsaas.com/protected/img/white_label_front/logos/certifi_tata.png" alt="" style="height:80px;">
</el-form-item>
</template>
<!-- 第四个 -->
<template>
<el-form-item label="公司名稱">
<el-input></el-input>
</el-form-item>
<el-form-item label="電話">
<el-input></el-input>
</el-form-item>
<el-form-item label="地址">
<el-input></el-input>
</el-form-item>
<el-form-item label="傳真">
<el-input></el-input>
</el-form-item>
<el-form-item label="旅行社類型">
<el-input></el-input>
</el-form-item>
<el-form-item label="協會證號">
<el-input></el-input>
</el-form-item>
<el-form-item label="統一編號">
<el-input></el-input>
</el-form-item>
</template>
<!-- 第五个 -->
<template>
<el-form-item label="職位名稱">
<el-input></el-input>
</el-form-item>
</template>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowDialog = false" size="small">取 消</el-button>
<el-button type="danger" @click="AddTicd" size="small">确 定</el-button>
</span>
</el-dialog>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
//弹窗
isShowDialog:false,
//选项卡
activeName: 'first',
commonType: 1,
//旅行社类型 //旅行社类型
travelAgencyType: [{ travelAgencyType: [{
Id: 1, Id: 1,
...@@ -34,20 +601,136 @@ ...@@ -34,20 +601,136 @@
Name: "綜合旅行社" Name: "綜合旅行社"
}, },
], ],
// //可售位顯示方式
SaleSeatType: [{ SaleSeatType: [{
Id: 1,
Name: '顯示可售位 / 總位數'
}, {
Id: 2,
Name: '只顯示可報名人數'
}, {
Id: 3,
Name: '皆不顯示'
}],
//全站字體大小
TAWordSizeType: [{
Id: 1,
Name: '小'
}, {
Id: 2,
Name: '中'
}, {
Id: 3,
Name: '大'
}],
msg: {
},
PostMsg: {
Id: 0,
WebSiteName: "网站名称",
TAName: "旅行社名称",
TABehalf: "代表人",
TAJiaoGuanCode: "交观证号",
TAUnifyCode: "统一编号",
TAType: 1,
TALogo: "第一个Logo",
TALogo2: "第二个Logo",
TAIcon: "Icon",
TATel: "联系电话",
TAFax: "传真",
TALinkMan: "联系人",
TAAddress: "联系地址",
TAServiceMail: "服务邮箱",
TAServiceTime: "服务时间",
TALineUrl: "Line行動條碼網址",
TAFaceBookUrl: "FaceBook地址",
TASeatShowType: 1,
TANoPublicPrice: "不公開價格文字設定",
TAWordSize: 1,
TABgColor: "背景颜色",
TAOrderInfoDes: "订购页面价格标准内容",
//網站選單設定
HeaderNavList: [{
Id: 0,
Type: 1,
Icon: "",
NavTitle: "导航名称",
NavUrl: "导航链接",
IsNewOpen: 1,
SortNum: 1
}],
//刊尾選單設定
BottomNavList: [{
Id: 0,
Type: 3,
Icon: "",
NavTitle: "导航名称",
NavUrl: "导航链接",
IsNewOpen: 1,
SortNum: 1
}],
//刊尾小圖設定
FooterNavList: [{
Id: 0,
Type: 2,
Icon: "",
NavTitle: "导航名称",
NavUrl: "导航链接",
IsNewOpen: 1,
SortNum: 1
}],
//分公司資訊設定
WebSiteBranchConfigList: [{
Id: 0,
BName: "分公司名称",
BTel: "分公司电话",
BAddress: "分公司地址",
BFax: "分公司地址",
BType: 1,
BXieHuiCode: "協會證號",
BUnifyCode: "統一編號"
}],
//表單簽核職位設定
PositionList: [{
Id: 0,
Name: "职位名称",
SortNum: 1
}] }]
}
}; };
}, },
mounted() { mounted() {
this.getData(); //this.getData();
}, },
methods: { methods: {
//获取配置 //获取配置
getData() { getData() {
},
handleClick(val) {
},
//上传图片
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/WebSite/";
this.UploadSelfFileT(path, newArr, x => {
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + str;
console.log(this.commonType, 'type')
if (this.commonType == 1) {
this.PostMsg.TALogo = imgUrl;
} else if (this.commonType == 2) {
this.PostMsg.TALogo2 = imgUrl;
} else {
this.PostMsg.TAIcon = imgUrl;
} }
});
},
} }
} }
......
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