Skip to content

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

样式修改

parent 5ea04de5
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 8466 additions and 6933 deletions
src/App.vue
View file @ cd7abbc4
<template> <template>
<div id="app"> <div id="app" :class="{'red-theme':isRed}">
<keep-alive> <keep-alive>
<router-view v-if="$route.meta.keepAlive"/> <router-view v-if="$route.meta.keepAlive"/>
</keep-alive> </keep-alive>
...@@ -66,7 +66,8 @@ export default { ...@@ -66,7 +66,8 @@ export default {
timer:null, timer:null,
useTime:0, useTime:0,
showCareer:false, showCareer:false,
careerId:0 careerId:0,
isRed:true
// sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : true // sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : true
} }
}, },
...@@ -173,7 +174,7 @@ export default { ...@@ -173,7 +174,7 @@ export default {
} }
</script> </script>
<style> <style>
@import "//at.alicdn.com/t/font_635492_erhq7cu6ne6.css"; @import "//at.alicdn.com/t/font_635492_5umd0wfprhv.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";
...@@ -195,5 +196,8 @@ export default { ...@@ -195,5 +196,8 @@ export default {
justify-content: center; justify-content: center;
z-index: 999999999999999; z-index: 999999999999999;
} }
.red-theme{
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, MicrosoftJhengHeiBoldFix, "\5FAE\8EDF\6B63\9ED1\9AD4", Microsoft JhengHei;
}
</style> </style>
src/assets/css/Details.css
View file @ cd7abbc4
...@@ -11,6 +11,66 @@ ...@@ -11,6 +11,66 @@
transition: all linear .3s; transition: all linear .3s;
} }
.red-theme .secondMenu {
z-index: 9;
}
.secondMenu .extender {
display: none;
height: 50px;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
right: 0;
cursor: pointer;
background: #f7f7f7;
}
.red-theme .el-menu-item i {
margin-right: 12px;
}
.secondMenu.big {
width: 230px;
}
.secondMenu .extender img {
width: 18px;
height: 15px;
transform: rotateY(0deg);
transition: transform 0.3s linear;
}
.secondMenu .extender img.close-extend {
transform: rotateY(180deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover img {
transform: rotateY(180deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover img.close-extend {
transform: rotateY(0deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover {
background: #F4F4F4;
}
.red-theme .secondMenu .extender {
display: flex;
}
.red-theme .secondMenu {
background: #FBFBFB;
border-right: 1px solid #dcdcdc;
}
.secondMenu .el-submenu__title i { .secondMenu .el-submenu__title i {
color: #a3ace0; color: #a3ace0;
font-size: 18px; font-size: 18px;
...@@ -27,11 +87,22 @@ ...@@ -27,11 +87,22 @@
margin-right: 10px; margin-right: 10px;
} }
.el-menu--vertical .thridMenu.red-theme i {
color: #787A7D !important;
font-size: 0;
}
.el-menu--vertical .thridMenu:hover, .el-menu--vertical .thridMenu:hover,
.el-menu--vertical .thridMenu:hover i { .el-menu--vertical .thridMenu:hover i {
color: #f1f1f1 !important; color: #f1f1f1 !important;
} }
.el-menu--vertical .thridMenu.red-theme:hover,
.el-menu--vertical .thridMenu.red-theme:hover i {
color: #B1B4B8 !important;
background: #F4F4F4 !important;
}
.secondMenu .el-submenu__title:hover i { .secondMenu .el-submenu__title:hover i {
color: #f1f1f1; color: #f1f1f1;
} }
...@@ -41,10 +112,46 @@ ...@@ -41,10 +112,46 @@
text-align: center; text-align: center;
} }
.menuItem .el-menu--collapse { .red-theme .menuItem .el-submenu__title {
text-align: left;
}
.red-theme .secondMenu .menuItem ul,
.red-theme .secondMenu .menuItem ul .el-submenu__title {
background: #FBFBFB !important;
border-right: none;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title i {
color: #787A7D !important;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title:hover {
background: #F4F4F4 !important;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title:i {
color: #B1B4B8 !important;
}
.red-theme .secondMenu .menuItem ul li {
width: 230px;
text-align: left;
}
.red-theme .secondMenu .menuItem ul li .menuItem .el-menu--collapse {
width: 51px; width: 51px;
} }
.red-theme .secondMenu .menuItem ul .el-submenu__title i {
margin-left: 16px;
margin-right: 16px;
}
.red-theme .menuItem .el-menu--collapse {
width: 100%;
}
/* .secondMenu:hover{ /* .secondMenu:hover{
width: 200px; width: 200px;
...@@ -174,6 +281,13 @@ ...@@ -174,6 +281,13 @@
color: #333333; color: #333333;
} }
.red-theme .resource-ttop {
background: #FFF;
margin-left: -19px;
padding-left: 19px;
width: calc(100% + 38px);
}
.resource-ttop i { .resource-ttop i {
font-size: 12px; font-size: 12px;
color: #999; color: #999;
...@@ -184,6 +298,10 @@ ...@@ -184,6 +298,10 @@
width: 200px; width: 200px;
} }
.red-theme .secondMenu_l {
width: 100%;
}
.menuItem .el-menu-item-group__title { .menuItem .el-menu-item-group__title {
padding: 0; padding: 0;
} }
...@@ -192,6 +310,10 @@ ...@@ -192,6 +310,10 @@
background: #f2f2f2; background: #f2f2f2;
} }
.ren-theme .flexParent {
background: '#F0F2FA';
}
.my_maxheight { .my_maxheight {
max-height: 600px; max-height: 600px;
overflow: auto; overflow: auto;
...@@ -201,12 +323,20 @@ ...@@ -201,12 +323,20 @@
border-bottom: 1px solid #0f1522; border-bottom: 1px solid #0f1522;
} }
.my_maxheight.red .el-menu-item-group__title {
border-bottom: 1px solid #ccc;
}
.my_maxheight .el-menu-item-group__title span { .my_maxheight .el-menu-item-group__title span {
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
font-family: "PingFangSC-fine"; font-family: "PingFangSC-fine";
} }
.my_maxheight.red .el-menu-item-group__title span {
color: #787A7D;
}
.my_maxheight::-webkit-scrollbar { .my_maxheight::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 4px; width: 4px;
...@@ -249,6 +379,10 @@ ...@@ -249,6 +379,10 @@
position: relative; position: relative;
} }
.red-theme .nav-tabs-box {
background: #FFF;
}
.nav-tabs-box .is-active { .nav-tabs-box .is-active {
background: #f2f2f2; background: #f2f2f2;
} }
...@@ -257,6 +391,11 @@ ...@@ -257,6 +391,11 @@
background: #f0f0f0; background: #f0f0f0;
} }
.red-theme .nav-tabs-box .el-tabs {
background: #FFF;
margin-left: 100px !important;
}
.browner-opera-box { .browner-opera-box {
position: absolute; position: absolute;
width: 100px; width: 100px;
...@@ -265,6 +404,7 @@ ...@@ -265,6 +404,7 @@
top: 0; top: 0;
display: flex; display: flex;
padding: 5px; padding: 5px;
margin-top: 1px;
} }
.browner-opera-box i { .browner-opera-box i {
......
src/assets/css/cssReset.css
View file @ cd7abbc4
This diff is collapsed.
src/assets/css/global/config.css
View file @ cd7abbc4
.secondMenu{ .secondMenu {
margin: 0px 0px 0 0 !important; margin: 0px 0px 0 0 !important;
} }
.el-pagination{
.el-pagination {
border: none !important; border: none !important;
border-top: 1px solid #dcdfe6 !important; border-top: 1px solid #dcdfe6 !important;
} }
.el-pagination { .el-pagination {
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
...@@ -15,9 +17,23 @@ ...@@ -15,9 +17,23 @@
font-size: 14px; font-size: 14px;
margin-top: 15px; margin-top: 15px;
} }
.el-pagination__total{
.el-pagination__total {
vertical-align: middle !important; vertical-align: middle !important;
} }
th{
font-family:PingFangSC-Semibold !important; th {
font-family: PingFangSC-Semibold !important;
}
.red-theme th {
font-family: unset !important;
font-weight: normal !important;
color: #303133 !important;
}
.red-theme .el-button--danger {
color: #fff;
background-color: #f45c43 !important;
border-color: #f45c43 !important;
} }
\ No newline at end of file
src/components/Details.vue
View file @ cd7abbc4
<style> <style>
@import "../assets/css/Details.css"; @import "../assets/css/Details.css";
</style> </style>
<template> <template>
<div class="flexDiv"> <div class="flexDiv">
<div class="secondMenu"> <div class="secondMenu" :class="{'big':!isCollapse}">
<div class="secondMenu_l"> <div class="secondMenu_l">
<div class="menuItem"> <div class="menuItem">
<el-menu default-active="" background-color="#282733" text-color="#a3ace0" active-text-color="#FFFFFF" <el-menu default-active="1" :background-color="!isRed?'#282733':'#FBFBFB'" :text-color="!isRed?'#a3ace0':'#787A7D'" :active-text-color="!isRed?'#FFFFFF':'#33B3FF'"
class="el-menu-vertical-demo" :collapse="isCollapse"> :collapse="isCollapse">
<el-submenu v-for="(item,index) in items" :index="String(index+1)" :key='index'> <el-submenu v-for="(item,index) in items" :index="String(index+1)" :key='index'>
<template slot="title" class="left-nav"> <template slot="title" class="left-nav">
<i :class="[fontPub,item.MenuStyleIcon]" class="big-icon"></i> <i :class="[fontPub,item.MenuStyleIcon]" class="big-icon"></i>
{{item.MenuName}}
</template> </template>
<el-menu-item-group class="my_maxheight"> <el-menu-item-group class="my_maxheight" :class="{'red':isRed}">
<span slot="title">{{item.MenuName}}</span> <span slot="title" v-if="isCollapse">{{item.MenuName}}</span>
<el-menu-item class="thridMenu" v-for="(subItem,sindex) in item.childerns" <el-menu-item class="thridMenu" :class="{'red-theme':isRed}" v-for="(subItem,sindex) in item.childerns"
:index="String(index+1)+'-'+String(sindex+1)" @click="goUrl(subItem.MenuUrl)" :key='sindex'> :index="String(index+1)+'-'+String(sindex+1)" @click="goUrl(subItem.MenuUrl)" :key='sindex'>
<i :class="[fontPub,subItem.MenuStyleIcon]"></i> <i :class="[fontPub,subItem.MenuStyleIcon]"></i>
{{subItem.MenuName}}</el-menu-item> {{subItem.MenuName}}</el-menu-item>
...@@ -24,6 +24,9 @@ ...@@ -24,6 +24,9 @@
</el-menu> </el-menu>
</div> </div>
</div> </div>
<div class="extender" v-if="isRed" @click="changeMenuShowType">
<img src="../assets/img/extends.png" :class="{'close-extend':isCollapse}" />
</div>
</div> </div>
<div class="flexParent" v-if="openMode==1"> <div class="flexParent" v-if="openMode==1">
<div class="nav-tabs-box" @contextmenu.prevent="showRightMenu" :style="{width:`${navWidth}px`}"> <div class="nav-tabs-box" @contextmenu.prevent="showRightMenu" :style="{width:`${navWidth}px`}">
...@@ -101,7 +104,8 @@ ...@@ -101,7 +104,8 @@
blankUrl: '', blankUrl: '',
navWidth: 0, navWidth: 0,
//加密id //加密id
EnCodeWord: '' EnCodeWord: '',
isRed:true
}; };
}, },
components: { components: {
...@@ -149,6 +153,9 @@ ...@@ -149,6 +153,9 @@
}, },
mounted() { mounted() {
this.openMode = 0 this.openMode = 0
if(localStorage.navsot){
this.isCollapse=localStorage.navsot=='a'
}
if (localStorage.openMode && localStorage.openMode == 1) if (localStorage.openMode && localStorage.openMode == 1)
this.openMode = 1 this.openMode = 1
this.MsgBus.$on('msg', () => { this.MsgBus.$on('msg', () => {
...@@ -179,6 +186,10 @@ ...@@ -179,6 +186,10 @@
methods: { methods: {
nullMethod() { nullMethod() {
},
changeMenuShowType(){
this.isCollapse=!this.isCollapse;
localStorage.navsot=this.isCollapse?'a':'b'
}, },
referPage() { referPage() {
this.currentTabName = this.tabs[this.currentRightIndex].name + '_' + this.currentRightIndex this.currentTabName = this.tabs[this.currentRightIndex].name + '_' + this.currentRightIndex
......
src/components/Login2019.vue
View file @ cd7abbc4
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<p class="FPF_b">{{groupModel.GroupName?groupModel.GroupName:''}}</p> <p class="FPF_b">{{groupModel.GroupName?groupModel.GroupName:''}}</p>
</div> </div>
<div class="sumMainTitle FPF_s">登录</div> <div class="sumMainTitle FPF_s">登陸</div>
<div class="login-commonBotm"> <div class="login-commonBotm">
<i class="icon-login-name iconfont icon-user11" :style="{color: name_bline==true?'#E95252':'#000000'}"></i> <i class="icon-login-name iconfont icon-user11" :style="{color: name_bline==true?'#E95252':'#000000'}"></i>
<input class="input FPF_b" @focus="name_bline=true" @blur="name_bline=false" maxlength="20" <input class="input FPF_b" @focus="name_bline=true" @blur="name_bline=false" maxlength="20"
...@@ -87,11 +87,11 @@ ...@@ -87,11 +87,11 @@
</div> </div>
<div style="text-align: center;margin-top: 40px;"> <div style="text-align: center;margin-top: 40px;">
<button type="button" class="sLoginBtn FPF_s" :class="{'loginIng':loginState==1}" :disabled="loginState==1" <button type="button" class="sLoginBtn FPF_s" :class="{'loginIng':loginState==1}" :disabled="loginState==1"
@click="doLogin">{{loginState==1?'登录中...':'登录'}}</button> @click="doLogin">{{loginState==1?'登陸中...':'登陸'}}</button>
</div> </div>
<div class="forgetPw"> <div class="forgetPw">
<div> <div>
<el-checkbox v-model="checkedAotu">下次自动登录</el-checkbox> <el-checkbox v-model="checkedAotu">下次自動登陸</el-checkbox>
</div> </div>
<span @click="updatePwd">{{$t('login.login_forgetpwd')}}?</span> <span @click="updatePwd">{{$t('login.login_forgetpwd')}}?</span>
</div> </div>
...@@ -264,10 +264,10 @@ ...@@ -264,10 +264,10 @@
initData() { initData() {
//判断是否是线上环境 //判断是否是线上环境
if (!this.isOnline()) { if (!this.isOnline()) {
this.userInfo.name = "18117845617"; this.userInfo.name = "paulwu1657@gmail.com";
this.userInfo.password = "123456"; this.userInfo.password = "123456";
} }
this.userInfo.Domain = window.location.hostname this.userInfo.Domain = 'ys.oytour.com'//window.location.hostname
}, },
doLogin() { doLogin() {
if (this.userInfo.name == "") { if (this.userInfo.name == "") {
...@@ -423,7 +423,7 @@ ...@@ -423,7 +423,7 @@
}); });
}, },
getGroup() { //获取集团 getGroup() { //获取集团
let Domain = window.location.hostname let Domain = 'ys.oytour.com'///window.location.hostname
this.apipost('admin_get_GetModelByDomain', { this.apipost('admin_get_GetModelByDomain', {
'Domain': Domain 'Domain': Domain
}, res => { }, res => {
......
src/components/WebSet/WebSiteAbout.vue
View file @ cd7abbc4
<style> <style>
.WebSiteAbout .WebSiteTopdiv { .WebSiteAbout {
margin: 10px 0; height: calc(100% - 15px);
width: 1080px; }
display: flex; .WebSiteAbout .WebSiteTopdiv {
align-items: center; /* text-align: right; */
justify-content: space-between; margin: 10px auto;
} max-width: 1080px;
min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteAbout .WebSiteTopdiv .title {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #fff;
}
</style> </style>
<template> <template>
<!--关于我们--> <!--关于我们-->
<div class="WebSiteAbout"> <div class="WebSiteAbout">
<div class="WebSiteTopdiv"> <div class="WebSiteTopdiv">
<div>关于我们版面設定</div> <div class="title">
<div> <div>关于我们版面設定</div>
<el-button type="primary" size="small" @click="saveData()">保存</el-button> <div>
<el-button type="primary" size="small" @click="goAbout()">瀏覽頁面</el-button> <el-button type="primary" size="small" @click="saveData()">保存</el-button>
<el-button type="primary" size="small" @click="goAbout()">瀏覽頁面</el-button>
</div>
</div> </div>
</div> <WebSiteEdit
<div> ref="WebSiteEdit"
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.HomeDataList" :templateData="postMsg.HomeDataList"
v-on:getNewTemplateData="getNewTemplateData"> v-on:getNewTemplateData="getNewTemplateData"
</WebSiteEdit> ></WebSiteEdit>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import WebSiteEdit from "../WebSet/WebSiteEdit.vue" import WebSiteEdit from "../WebSet/WebSiteEdit.vue";
export default { export default {
data() { data() {
return { return {
postMsg: { postMsg: {
Id: 0, Id: 0,
AboutDataList: [], AboutDataList: [],
//当前登录用户信息 //当前登录用户信息
CurrentUserInfo: {}, CurrentUserInfo: {}
} }
}; };
},
mounted() {
this.getData();
let userInfo = this.getLocalStorage();
this.CurrentUserInfo = userInfo;
},
components: {
WebSiteEdit
},
methods: {
//获取配置
getData() {
this.apipost(
"ws_get_GetHomeAboutTrip",
{},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
if (tempData) {
if (tempData.Id) {
this.postMsg.Id = tempData.Id;
}
if (tempData.AboutDataList && tempData.AboutDataList.length > 0) {
this.postMsg.AboutDataList = tempData.AboutDataList;
}
}
this.$refs.WebSiteEdit.initData(this.postMsg.AboutDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
}, },
mounted() { //保存数据
this.getData(); saveData() {
let userInfo = this.getLocalStorage(); this.apipost(
this.CurrentUserInfo = userInfo; "ws_post_SetAboutData",
this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
}, },
components: { //获取模板数据
WebSiteEdit getNewTemplateData(templateDataList) {
this.postMsg.AboutDataList = templateDataList;
}, },
methods: { //跳转至预览
//获取配置 goAbout() {
getData() { var B2BDomain = this.CurrentUserInfo.B2BDomain;
this.apipost( this.$tripUtils.GotoB2CAbout(B2BDomain);
"ws_get_GetHomeAboutTrip", {},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
if (tempData) {
if (tempData.Id) {
this.postMsg.Id = tempData.Id;
}
if (tempData.AboutDataList && tempData.AboutDataList.length > 0) {
this.postMsg.AboutDataList = tempData.AboutDataList;
}
}
this.$refs.WebSiteEdit.initData(this.postMsg.AboutDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//保存数据
saveData() {
this.apipost(
"ws_post_SetAboutData", this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.AboutDataList = templateDataList;
},
//跳转至预览
goAbout(){
var B2BDomain = this.CurrentUserInfo.B2BDomain;
this.$tripUtils.GotoB2CAbout(B2BDomain);
}
} }
} }
};
</script> </script>
src/components/WebSet/WebSiteEdit.vue
View file @ cd7abbc4
<style> <style>
.WebSiteEdit { .WebSiteEdit {
width: 100%; width: 100%;
height: 100%; height: calc(100% - 54px);
min-width: 0; min-width: 0;
background-color: #f3f3f3; background-color: #f3f3f3;
} }
.WebSiteContent { .WebSiteContent {
min-width: 1280px; height: 100%;
height: 725px;
display: flex; display: flex;
width: 100%;
} }
.WebSite_Left { .WebSite_Left {
background-color: rgba(34, 45, 50, .8); background-color: #dadadacc;
padding: 20px; padding: 20px;
overflow-y: auto; overflow-y: auto;
width: 250px; width: 250px;
height: 100%; height: calc(100% + 54px);
margin-top: -54px;
top: 0; top: 0;
} }
.WebSite_right { .WebSite_right {
padding-left: 2px; margin-right: 20px;
flex: 1;
position: relative; position: relative;
overflow-y: auto; overflow-y: auto;
border: 1px solid #d1d1d1;
border-top: none;
padding-top: 15px;
} }
[flex] { [flex] {
...@@ -49,12 +54,12 @@ ...@@ -49,12 +54,12 @@
} }
.WebSite_right_preview { .WebSite_right_preview {
width: 800px; width: 100%;
border: 1px solid #d2d6de; /* overflow-y: auto;
overflow-y: auto;
min-height: 725px; min-height: 725px;
height: 725px; height: 725px; */
margin: 0 20px; /* margin: 0 20px; */
height: 100%;
background-color: #ddd; background-color: #ddd;
} }
...@@ -172,23 +177,7 @@ ...@@ -172,23 +177,7 @@
</style> </style>
<template> <template>
<div class="WebSiteEdit"> <div class="WebSiteEdit">
<div flex="box:first" class="WebSiteContent"> <div class="WebSiteContent">
<div class="WebSite_Left">
<el-select v-model="templateId" @change="getTemplateDetails()">
<el-option label="请选择" :value="0" :key="0">
</el-option>
<el-option v-for="item in templateList" :label="item.TemplateName" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
<div class="temp-list-wrap">
<div v-for="(subItem,subIndex) in detailsList" class="temp-list-item" :key="subIndex" draggable="true"
@dragstart="dragLeftStart($event,subItem)" @dragend="dragendLeft($event,subItem)">
<img v-if="subItem.TemplateData&&subItem.TemplateData.CoverImg" :src="subItem.TemplateData.CoverImg"
:alt="subItem.SubTemplateName" />
<div class="temp-font">{{subItem.SubTemplateName}}</div>
</div>
</div>
</div>
<div class="WebSite_right" draggable="true" @drop="drop($event,0)"> <div class="WebSite_right" draggable="true" @drop="drop($event,0)">
<div class="WebSite_right_preview" @drop="drop($event,0)"> <div class="WebSite_right_preview" @drop="drop($event,0)">
<div v-for="(item,index) in dataList" draggable="true" @drop="drop($event,index)" <div v-for="(item,index) in dataList" draggable="true" @drop="drop($event,index)"
...@@ -226,6 +215,22 @@ ...@@ -226,6 +215,22 @@
</div> </div>
</div> </div>
</div> </div>
<div class="WebSite_Left">
<el-select v-model="templateId" @change="getTemplateDetails()">
<el-option label="请选择" :value="0" :key="0">
</el-option>
<el-option v-for="item in templateList" :label="item.TemplateName" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
<div class="temp-list-wrap">
<div v-for="(subItem,subIndex) in detailsList" class="temp-list-item" :key="subIndex" draggable="true"
@dragstart="dragLeftStart($event,subItem)" @dragend="dragendLeft($event,subItem)">
<img v-if="subItem.TemplateData&&subItem.TemplateData.CoverImg" :src="subItem.TemplateData.CoverImg"
:alt="subItem.SubTemplateName" />
<div class="temp-font">{{subItem.SubTemplateName}}</div>
</div>
</div>
</div>
</div> </div>
<el-dialog :title="commonTitle" :visible.sync="isShowDialog" width="1000px"> <el-dialog :title="commonTitle" :visible.sync="isShowDialog" width="1000px">
<!--视频--> <!--视频-->
......
src/components/WebSet/WebSiteIndex.vue
View file @ cd7abbc4
<style> <style>
.WebSiteIndex{
height: calc(100% - 15px);
}
.WebSiteIndex .WebSiteTopdiv { .WebSiteIndex .WebSiteTopdiv {
/* text-align: right; */ /* text-align: right; */
margin: 10px 0; margin: 10px auto;
width: 1080px; max-width: 1080px;
min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteIndex .WebSiteTopdiv .title{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #FFF;
} }
</style> </style>
<template> <template>
<!--首頁(首页)--> <!--首頁(首页)-->
<div class="WebSiteIndex"> <div class="WebSiteIndex">
<div class="WebSiteTopdiv"> <div class="WebSiteTopdiv">
首页版面設定 <div class="title">
<el-button type="primary" size="small" @click="saveData()">保存</el-button> 首页版面設定
</div> <el-button type="primary" size="small" @click="saveData()">保存</el-button>
<div> </div>
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.HomeDataList" <WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.HomeDataList"
v-on:getNewTemplateData="getNewTemplateData"> v-on:getNewTemplateData="getNewTemplateData">
</WebSiteEdit> </WebSiteEdit>
</div> </div>
<div>
</div>
</div> </div>
</template> </template>
<script> <script>
......
src/components/WebSet/WebSiteService.vue
View file @ cd7abbc4
...@@ -26,17 +26,17 @@ ...@@ -26,17 +26,17 @@
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
<label>状态</label> <label>狀態：</label>
<el-select class="wp40 accountList" v-model="msg.DemandStatus" placeholder="请选择"> <el-select class="wp40 accountList" v-model="msg.DemandStatus" placeholder="請選擇">
<el-option :key="0" label="待处理" :value="0"> </el-option> <el-option :key="0" label="待處理" :value="0"> </el-option>
<el-option :key="1" label="处理中" :value="1"> </el-option> <el-option :key="1" label="處理中" :value="1"> </el-option>
<el-option :key="2" label="已完成" :value="2"> </el-option> <el-option :key="2" label="已完成" :value="2"> </el-option>
<el-option :key="3" label="转订单" :value="3"> </el-option> <el-option :key="3" label="轉訂單" :value="3"> </el-option>
<el-option :key="4" label="已取消" :value="4"> </el-option> <el-option :key="4" label="已取消" :value="4"> </el-option>
</el-select> </el-select>
</li> </li>
<li> <li>
<label>稱呼</label> <label>稱呼：</label>
<el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210"> <el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210">
</el-input> </el-input>
</li> </li>
......
src/components/WebSet/WebSiteUpdate.vue
View file @ cd7abbc4
<style> <style>
.WebSiteIndex .WebSiteTopdiv { .WebSiteIndex {
/* text-align: right; */ height: calc(100% - 15px);
margin: 10px 0; }
width: 1080px; .WebSiteIndex .WebSiteTopdiv {
display: flex; /* text-align: right; */
align-items: center; margin: 10px auto;
justify-content: space-between; max-width: 1080px;
} min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteIndex .WebSiteTopdiv .title {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #fff;
}
</style> </style>
<template> <template>
<!--首頁(首页)--> <!--首頁(首页)-->
<div class="WebSiteIndex"> <div class="WebSiteIndex">
<div class="WebSiteTopdiv"> <div class="WebSiteTopdiv">
<div>自訂頁面 版面設定</div> <div class="title">
<div style="margin-left:-180px;">页面名称&nbsp;&nbsp;<el-input type="text" v-model="postMsg.PageName" class="w250"></el-input></div> <!-- <div>自訂頁面 版面設定</div> -->
<div> <div style="font-size:12px;">
<el-button type="primary" size="small" @click="gotoList()">返回列表</el-button> 页面名称：&nbsp;&nbsp;
<el-button type="primary" size="small" @click="saveData()">保存</el-button> <el-input type="text" v-model="postMsg.PageName" class="w250"></el-input>
</div>
<div>
<el-button type="primary" size="small" @click="gotoList()">返回列表</el-button>
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
</div>
</div> </div>
</div>
<div>
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.PageDataList" v-on:getNewTemplateData="getNewTemplateData"> <WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.PageDataList" v-on:getNewTemplateData="getNewTemplateData">
</WebSiteEdit> </WebSiteEdit>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import WebSiteEdit from "../WebSet/WebSiteEdit.vue" import WebSiteEdit from "../WebSet/WebSiteEdit.vue";
export default { export default {
data() { data() {
return { return {
postMsg: { postMsg: {
PageName: '', PageName: "",
Id: 0, Id: 0,
PageDataList: [], PageDataList: []
}
};
},
mounted() {
if (this.$route.query.Id && this.$route.query.Id > 0) {
this.postMsg.Id = this.$route.query.Id;
this.getPage();
} }
};
},
mounted() {
if (this.$route.query.Id && this.$route.query.Id > 0) {
this.postMsg.Id = this.$route.query.Id;
this.getPage();
}
},
components: {
WebSiteEdit
},
methods: {
//修改
getPage() {
this.apipost(
"ws_post_GetPage",
{
Id: this.postMsg.Id
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.postMsg.PageDataList = tempData.PageDataList;
this.postMsg.Id = tempData.Id;
this.postMsg.PageName = tempData.PageName;
this.$refs.WebSiteEdit.initData(this.postMsg.PageDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
}, },
components: { //新增、修改广告
WebSiteEdit saveData() {
}, this.apipost(
methods: { "ws_post_SetPage",
//修改 this.postMsg,
getPage() { res => {
this.apipost( if (res.data.resultCode == 1) {
"ws_post_GetPage", { this.postMsg.Id = res.data.data.Id;
Id: this.postMsg.Id, this.$router.push({
}, path: "/WebSiteUpdate",
res => { query: {
if (res.data.resultCode == 1) { Id: res.data.data.Id,
var tempData = res.data.data; tab: "编辑自定页面"
this.postMsg.PageDataList = tempData.PageDataList; }
this.postMsg.Id = tempData.Id; });
this.postMsg.PageName = tempData.PageName; this.Success(res.data.message);
this.$refs.WebSiteEdit.initData(this.postMsg.PageDataList); } else {
} else { this.Error(res.data.message);
this.Error(res.data.message);
}
},
err => {}
);
},
//新增、修改广告
saveData() {
this.apipost(
"ws_post_SetPage", this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.postMsg.Id = res.data.data.Id;
this.$router.push({
path: '/WebSiteUpdate',
query: {
Id: res.data.data.Id,
tab: "编辑自定页面"
}
});
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.PageDataList = templateDataList;
},
gotoList() {
this.$router.push({
path: '/WebSiteCustomer',
query: {
tab: "自定页面"
} }
}); },
} err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.PageDataList = templateDataList;
},
gotoList() {
this.$router.push({
path: "/WebSiteCustomer",
query: {
tab: "自定页面"
}
});
} }
} }
};
</script> </script>
src/components/index.vue
View file @ cd7abbc4
This diff is collapsed.
src/components/temp/websiteManager.vue 0 → 100644
View file @ cd7abbc4
<style lang="less" scoped>
@import "../../assets/css/main.less";
@import "../../assets/css/cssReset.css";
</style>
<template>
<div>
<leftNav></leftNav>
<!-- <FinanceHome/> -->
</div>
</template>
<script>
import leftNav from '../public/leftNav.vue'
import FinanceHome from '../FinanceHome/index.vue'
export default {
data (){
return{
}
},
components:{
leftNav,
FinanceHome
},
mounted(){
},
methods:{
goUrl (path,id) {
this.$router.push({ path: "Details",query:{path,id} })
},
}
}
</script>
\ No newline at end of file
src/plug/index.js
View file @ cd7abbc4
This diff is collapsed.
src/router/config.js
View file @ cd7abbc4
This diff is collapsed.
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