Skip to content

S
SuperMan
Commit 366ce2b7 authored by liudong1993's avatar liudong1993
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents 57bf8d2e b151e310
Show whitespace changes
Inline Side-by-side
Showing with 1075 additions and 713 deletions
src/assets/common/lang/EN/fill.js
View file @ 366ce2b7
......@@ -2386,6 +2386,7 @@ export const obj = {
zicancd: 'Asset Menu',
qingsrcd: 'Please enter menu URL',
qingsrcdmc: 'Please enter menu name',
qingxzcd: 'Select menu',
qingxzcdcj: 'Please select menu level',
qingxzxtcd: 'Please select System menu',
caidanmbnwk: 'Menu names cannot be empty',
......
src/assets/common/lang/Japan/fill.js
View file @ 366ce2b7
......@@ -2386,6 +2386,7 @@ export const obj = {
zicancd: '資産メニュー',
qingsrcd: 'メニューURLを入力してください',
qingsrcdmc: 'メニュー名を入力してください',
qingxzcd: '選択メニュー',
qingxzcdcj: 'メニュー階層を選択してください',
qingxzxtcd: 'システムメニューを選択してください',
caidanmbnwk: 'メニュー名は空ではいけません',
......
src/assets/common/lang/zhCN/fill.js
View file @ 366ce2b7
......@@ -2386,6 +2386,7 @@ export const obj = {
zicancd: '资产菜单',
qingsrcd: '请输入菜单URL',
qingsrcdmc: '请输入菜单名称',
qingxzcd: '选择菜单',
qingxzcdcj: '请选择菜单层级',
qingxzxtcd: '请选择系统菜单',
caidanmbnwk: '菜单名不能为空',
......
src/assets/common/lang/zhTW/fill.js
View file @ 366ce2b7
......@@ -2386,6 +2386,7 @@ export const obj = {
zicancd: '資產菜單',
qingsrcd: '請輸入菜單URL',
qingsrcdmc: '請輸入菜單名稱',
qingxzcd: '選擇菜單',
qingxzcdcj: '請選擇菜單層級',
qingxzxtcd: '請選擇系統菜單',
caidanmbnwk: '菜單名不能爲空',
......
src/components/WebSet/WebSiteEdit.vue
View file @ 366ce2b7
......@@ -216,10 +216,10 @@
</div>
</div>
<div class="WebSite_Left">
<el-select v-model="countryId" @change="changeCountry" style="margin-bottom:12px;">
<!-- <el-select v-model="countryId" @change="changeCountry" style="margin-bottom:12px;">
<el-option v-for="x in tempCountry" :label="x.name" :value="x.val" :key="x.val">
</el-option>
</el-select>
</el-select> -->
<el-select v-model="templateId" @change="getTemplateDetails()">
<el-option :label="$t('pub.pleaseSel')" :value="0" :key="0">
</el-option>
......
src/components/WebSet/home/indexNav.vue
View file @ 366ce2b7
......@@ -18,6 +18,7 @@
width: 100%;
height: 100%;
}
.WebSite_slider .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -39,29 +40,35 @@
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
/deep/.WebSite_slider .el-form-item__content{
/deep/.WebSite_slider .el-form-item__content {
line-height: 20px;
}
.caidantext{
.caidantext {
font-size: 16px;
font-weight: bold;
color: #f45c43;
}
.caidantext.caidantext2{
.caidantext.caidantext2 {
color: dodgerblue;
}
.rowSbAc{
.rowSbAc {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rowEnd{
.rowEnd {
display: flex;
flex-direction: row;
justify-content: end;
}
.flex{
.flex {
flex: 1;
}
......@@ -69,14 +76,7 @@
<template>
<div class="WebSite_slider">
<el-form label-width="100px">
<!-- <el-row>
<el-col :span="24">
<el-form-item>
<p class="text-warning">※ {{$t('objFill.v101.wutuzbxians')}}</p>
</el-form-item>
</el-col>
</el-row> -->
<el-row class="rowSbAc" style="margin-bottom: 10px;">
<el-row class="rowSbAc" style="margin-bottom: ;">
<el-form-item label="Web LOGO" style="margin-bottom: 0;">
<div class="webSliderDiv" style="width: 100px;height: 100px;">
<el-upload :http-request="UploadAttachmentLogo" :multiple="true"
......@@ -84,7 +84,8 @@
<img v-if="plugData.Logo" :src="plugData.Logo" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.Logo=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="plugData.Logo=''"></i>
</div>
</el-upload>
</div>
......@@ -96,12 +97,12 @@
<img v-if="plugData.MBgColor" :src="plugData.MBgColor" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.MBgColor=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="plugData.MBgColor=''"></i>
</div>
</el-upload>
</div>
</el-form-item>
<el-form-item :label="$t('objFill.v101.beijinse')" style="margin-bottom: 0;flex: 1;flex-shrink: 0;">
<el-color-picker style='vertical-align: middle;' v-model="plugData.BgColor"></el-color-picker>
</el-form-item>
......@@ -114,78 +115,42 @@
<el-input type="text" v-model="plugData.SubTitle"></el-input>
</el-form-item>
</el-row>
<tbody>
<!--导航菜单-->
<el-tabs v-model="activeName" type="border-card" :before-leave="beforeLeave">
<el-tab-pane :key="index" v-for="(item,index) in plugData.MenuList" :label="$t('objFill.caidan')+(index+1)"
:name="index.toString()">
<table>
<tr>
<td class="caidantext">
{{$t('objFill.v101.activity.lianjie')}}
</td>
<td></td>
<td class="rowEnd">
&nbsp;
<div>
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.v101.activity.lianjie')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(3)"></el-button>
</el-tooltip>
</div>
</td>
</tr>
<tr v-for="(item,index) in plugData.BottomList" :key="index">
<td>
<el-form-item :label="$t('objFill.v101.activity.lianjie')+$t('objFill.biaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="item.LinkTitle"></el-input>
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)"
style="margin-bottom: 0;">
<el-select v-model="item.FileType" style="width: 100%;">
<el-option v-for="item in typeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</td>
<td>
<el-form-item :label="$t('objFill.caidan')+$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
<pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
<el-form-item :label="$t('objFill.v101.zhubiaoti')+(index+1)">
<el-input type="text" v-model="item.MenuName" style="width:210px;"></el-input>
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)">
</el-button>
</el-form-item>
</td>
<td>
&nbsp;
<el-tooltip v-show="plugData.BottomList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.v101.activity.lianjie')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(3,index)"></el-button>
</el-tooltip>
</td>
</tr>
</tbody>
<table>
<tbody v-for="(item,index) in plugData.MenuList" :key="index">
<tr>
<td class="caidantext">
{{$t('objFill.caidan')}}{{index+1}}:
</td>
<td></td>
<td class="rowEnd">
<div>
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.caidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(1)"></el-button>
</el-tooltip>
<el-tooltip v-show="plugData.MenuList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)"></el-button>
</el-tooltip>
</div>
</td>
</tr>
<tr>
<td class="w350">
<td rowspan="2">
<el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
<div class="webSliderDiv" @click="clickIndex=index">
<el-upload v-if="item.FileType==1" :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
<el-upload v-if="item.FileType==2" :http-request="UploadAttachment" :multiple="true"
accept="video/mp4,video/webm" :show-file-list="false" action="">
<video v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt=""></video>
<div class="webSliderDiv" @click="menuIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="false" :accept="getAccept(item.FileType)"
:show-file-list="false" action="">
<img v-if="item.FileType==1&&item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt="" />
<video v-if="item.FileType==2&&item.FileUrl" :src="item.FileUrl" class="web_imgUrl"
alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
</div>
......@@ -193,125 +158,171 @@
<div v-else>{{$t('objFill.v101.tupiqscersw')}}</div>
</el-form-item>
</td>
<td class="flex">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)" style="margin-bottom: 0;">
<el-select v-model="item.FileType" style="width: 100%;">
<el-option
v-for="item in typeList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
<pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
</el-form-item>
</td>
<td>
<el-form-item :label="$t('objFill.v101.zhubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="item.MenuName"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.fubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="item.MenuSubName"></el-input>
</el-form-item>
</td>
</tr>
<template v-for="(sub,i) in item.SubMenuList">
<tr>
<td class="caidantext caidantext2">
{{$t('objFill.v101.zicaidan')}}{{i+1}}:
<td>
<el-form-item :label="$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
</td>
<td></td>
<td class="rowEnd">
<div>
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.v101.zicaidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(2,index)"></el-button>
</el-tooltip>
<el-tooltip v-show="item.SubMenuList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.v101.zicaidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(2,index,i)"></el-button>
</tr>
<tr>
<td>{{$t('objFill.v101.zicaidan')}} &nbsp; <el-tooltip class="item" effect="dark"
:content="'+ '+$t('objFill.v101.zicaidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(2,index)">
</el-button>
</el-tooltip>
</div>
</td>
<td>
</td>
</tr>
<tbody v-for="(sub,subIndex) in item.SubMenuList" :key="`m1_i_`+index+`s_`+subIndex"
style="border-radius:5px; border:1px solid #ccc;margin-bottom:5px;margin-top:5px;">
<tr>
<td class="w350">
<td>
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(subIndex+1)"
style="margin-bottom: 0;">
<el-select v-model="sub.FileType" style="width: 100%;">
<el-option v-for="item in typeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</td>
<td>
<el-form-item :label="$t('objFill.v101.zhubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="sub.MenuName" style="width:210px;"></el-input>
<el-button v-show="subIndex!=0" type="danger" icon="el-icon-minus" size="mini" circle
@click="delMenu(2,index,i)">
</el-button>
</el-form-item>
</td>
</tr>
<tr>
<td rowspan="2">
<el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
<div class="webSliderDiv" @click="clickIndex=index,clickIndex2=i">
<el-upload v-if="sub.FileType==1" :http-request="UploadAttachment2" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="sub.FileUrl" :src="sub.FileUrl" class="web_imgUrl" alt="" />
<div class="webSliderDiv" @click="menuIndex=index,subMenuIndex=subIndex">
<el-upload :http-request="UploadAttachment2" :multiple="true" :accept="getAccept(sub.FileType)"
:show-file-list="false" action="">
<img v-if="sub.FileType==1&&sub.FileUrl" :src="sub.FileUrl" class="web_imgUrl" alt="" />
<video v-if="sub.FileType==2&&sub.FileUrl" :src="sub.FileUrl" class="web_imgUrl" alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="sub.FileUrl=''"></i>
</div>
</el-upload>
<el-upload v-if="sub.FileType==2" :http-request="UploadAttachment" :multiple="true"
accept="video/mp4,video/webm" :show-file-list="false" action="">
<video v-if="sub.FileUrl" :src="sub.FileUrl" class="web_imgUrl" alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="sub.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="sub.FileUrl=''"></i>
</div>
</el-upload>
</div>
<div v-if="plugData.Type==1">{{$t('objFill.v101.tupiqscsqin')}}</div>
<div v-else>{{$t('objFill.v101.tupiqscersw')}}</div>
</el-form-item>
</td>
<td>
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)" style="margin-bottom: 0;">
<el-select v-model="sub.FileType" style="width: 100%;">
<el-option
v-for="item in typeList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
<el-form-item :label="$t('objFill.fubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="sub.MenuSubName"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item :label="$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="sub.LinkUrl"></el-input> -->
<pageLinkUrl :item="sub" @getUrl="(url)=>{sub.LinkUrl=url}"></pageLinkUrl>
<el-input type="text" v-model="sub.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(sub)"></el-button>
</el-input>
</el-form-item>
</td>
</tr>
</tbody>
</table>
</el-tab-pane>
<el-tab-pane key="add" name="add" @click="addMenu(1)">
<span slot="label" style="padding:3px;font-size:20px;font-weight:bold;">
+
</span>
</el-tab-pane>
</el-tabs>
<table style="margin-top:10px;">
<tbody>
<tr>
<td class="caidantext">
{{$t('objFill.v101.activity.lianjie')}}
</td>
<td></td>
<td class="rowEnd">
&nbsp;
<div>
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.v101.activity.lianjie')"
placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(3)"></el-button>
</el-tooltip>
</div>
</td>
</tr>
<tr v-for="(item,index) in plugData.BottomList" :key="index">
<td>
<el-form-item :label="$t('objFill.v101.zhubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="sub.MenuName"></el-input>
<el-form-item :label="$t('objFill.v101.activity.lianjie')+$t('objFill.biaoti')+(index+1)"
style="margin-bottom: 0;">
<el-input type="text" v-model="item.LinkTitle"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.fubiaoti')+(index+1)" style="margin-bottom: 0;">
<el-input type="text" v-model="sub.MenuSubName"></el-input>
</td>
<td>
<el-form-item :label="$t('objFill.caidan')+$t('objFill.v101.activity.lianjie')+(index+1)"
style="margin-bottom: 0;">
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
</td>
<td>
&nbsp;
<el-tooltip v-show="plugData.BottomList.length>1" class="item" effect="dark"
:content="'- '+$t('objFill.v101.activity.lianjie')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(3,index)"></el-button>
</el-tooltip>
</td>
</tr>
</template>
</tbody>
</table>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import pageLinkUrl from "./linkUrl"
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
components: {
pageLinkUrl
chooseMenu
},
props: ["plugData"],
data() {
return {
clickIndex: 0, //点击图片索引
clickIndex2: 0,
typeList: [
{Name: this.$t('system.label_img'),Id: 1},
{Name: this.$t('objFill.shipin'),Id: 2},
menuIndex: 0, //点击图片索引
subMenuIndex: 0,
typeList: [{
Name: this.$t('system.label_img'),
Id: 1
},
{
Name: this.$t('objFill.shipin'),
Id: 2
},
],
clickType: 0,//1主菜单 2二级菜单
MenuList:{
clickType: 0, //1-一级菜单 2-二级菜单，3-底部导航
//一级菜单JSON
MenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
......@@ -319,6 +330,7 @@
MenuSubName: '',
SubMenuList: [],
},
//耳机菜单JSON
SubMenuList: {
FileType: 1,
FileUrl: '',
......@@ -327,63 +339,94 @@
MenuSubName: '',
SubMenuList: null,
},
//底部导航JSON
BottomList: {
LinkTitle: '',
LinkUrl: '',
}
},
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
activeName: "0",
};
},
created() {
},
methods: {
addMenu(type,index){
getAccept(uploadType) {
if (uploadType === 1) {
return 'image/jpeg,image/gif,image/png,image/bmp';
}
if (uploadType === 2) {
return 'video/mp4,video/webm';
}
return '*/*';
},
/* 点击添加选项卡时 */
beforeLeave(currentName, oldName) {
var self = this;
//重点，如果name是add，则什么都不触发
if (currentName == "add") {
self.addMenu(1);
return false
}
},
addMenu(type, index) {
this.clickType = type
if(type==1){
if (type == 1) {
//一级菜单
this.plugData.MenuList.push(JSON.parse(JSON.stringify(this.MenuList)))
}else if(type==2){
} else if (type == 2) {
//二级菜单
this.plugData.MenuList[index].SubMenuList.push(JSON.parse(JSON.stringify(this.SubMenuList)))
}else if(type==3){
} else if (type == 3) {
//底部导航
this.plugData.BottomList.push(JSON.parse(JSON.stringify(this.BottomList)))
}
},
delMenu(type,index,i){
this.clickType = type
if(type==1){
this.plugData.MenuList.splice(index,1)
}else if(type==2){
this.plugData.MenuList[index].SubMenuList.splice(i,1)
}else if(type==3){
this.plugData.BottomList.splice(i,1)
//删除菜单
delMenu(type, index, i) {
this.clickType = type;
var that = this;
that.Confirm(this.$t('tips.shifoushanchu'), function () {
//一级菜单
if (type == 1) {
that.plugData.MenuList.splice(index, 1)
}
//二级菜单
else if (type == 2) {
that.plugData.MenuList[index].SubMenuList.splice(i, 1)
}
//底部导航
else if (type == 3) {
that.plugData.BottomList.splice(i, 1)
}
});
},
//上传图片
UploadAttachment(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;
this.plugData.MenuList[this.clickIndex].FileUrl = imgUrl;
this.plugData.MenuList[this.menuIndex].FileUrl = imgUrl;
});
},
UploadAttachment2(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;
this.plugData.MenuList[this.clickIndex].SubMenuList[this.clickIndex2].FileUrl = imgUrl;
this.plugData.MenuList[this.menuIndex].SubMenuList[this.subMenuIndex].FileUrl = imgUrl;
});
},
UploadAttachmentLogo(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;
......@@ -394,7 +437,6 @@
UploadAttachmentMBgColor(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;
......@@ -402,6 +444,22 @@
this.plugData.MBgColor = imgUrl;
});
},
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
this.clickItem.MenuName = chooseMenuObj.MenuName;
this.clickItem.LinkTitle = chooseMenuObj.MenuName;
}
this.$refs.chooseMenu.initMenuCheck();
},
},
mounted() {}
};
......
src/components/WebSet/home/indexRoll1.vue
View file @ 366ce2b7
......@@ -18,6 +18,7 @@
width: 100%;
height: 100%;
}
.WebSite_slider .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -39,42 +40,51 @@
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
/deep/.WebSite_slider .el-form-item__content{
/deep/.WebSite_slider .el-form-item__content {
line-height: 20px;
}
.caidantext{
.caidantext {
font-size: 16px;
font-weight: bold;
color: #f45c43;
}
.caidantext.caidantext2{
.caidantext.caidantext2 {
color: dodgerblue;
}
.row{
.row {
display: flex;
flex-direction: row;
}
.rowSbAc{
.rowSbAc {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rowEnd{
.rowEnd {
display: flex;
flex-direction: row;
justify-content: end;
}
.colAs{
.colAs {
display: flex;
flex-direction: column;
justify-content: start;
align-items: stretch;
}
.flex{
.flex {
flex: 1;
}
.flex-shrink{
.flex-shrink {
flex: 1;
flex-shrink: 0;
}
......@@ -83,13 +93,7 @@
<template>
<div class="WebSite_slider">
<el-form label-width="100px">
<!-- <el-row>
<el-col :span="24">
<el-form-item>
<p class="text-warning">※ {{$t('objFill.v101.wutuzbxians')}}</p>
</el-form-item>
</el-col>
</el-row> -->
<el-row class="row">
<el-form-item :label="$t('objFill.v101.zhubiaoti')" class="flex-shrink" style="margin-bottom: 0;">
<el-input type="text" v-model="plugData.Title"></el-input>
......@@ -99,21 +103,9 @@
</el-form-item>
</el-row>
<el-row style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
<div class="webSliderDiv" style="width: 100px;height: 100px;">
<el-upload :http-request="UploadAttachmentCover" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="plugData.CoverImg" :src="plugData.CoverImg" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.CoverImg=''"></i>
</div>
</el-upload>
</div>
</el-form-item>
<el-form-item :label="$t('objFill.v101.jianjie')" class="flex" style="margin-bottom: 0;">
<el-input type="textarea"
:rows="2" v-model="plugData.Describe"></el-input>
<el-input type="textarea" :rows="2" v-model="plugData.Describe"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.v101.beijinse')" style="margin-bottom: 0;flex-shrink: 0;">
<el-color-picker style='vertical-align: middle;' v-model="plugData.BgColor"></el-color-picker>
......@@ -131,8 +123,10 @@
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.caidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(1)"></el-button>
</el-tooltip>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)"></el-button>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark"
:content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)">
</el-button>
</el-tooltip>
</div>
</td>
......@@ -146,7 +140,8 @@
<img v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
<el-upload v-if="item.FileType==2" :http-request="UploadAttachment" :multiple="true"
......@@ -154,7 +149,8 @@
<video v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
</div>
......@@ -163,23 +159,21 @@
</el-form-item>
</td>
<td class="flex">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)" style="margin-bottom: 0;">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)"
style="margin-bottom: 0;">
<el-select v-model="item.FileType" style="width: 100%;">
<el-option
v-for="item in typeList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
<el-option v-for="item in typeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
<pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
<el-input type="textarea"
:rows="2" v-model="item.SubDescribe"></el-input>
<el-input type="textarea" :rows="2" v-model="item.SubDescribe"></el-input>
</el-form-item>
</td>
<td class="colAs">
......@@ -194,59 +188,65 @@
</tbody>
</table>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import pageLinkUrl from "./linkUrl"
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
components: {
pageLinkUrl
chooseMenu
},
props: ["plugData"],
data() {
return {
clickIndex: 0, //点击图片索引
typeList: [
{Name: this.$t('system.label_img'),Id: 1},
{Name: this.$t('objFill.shipin'),Id: 2},
typeList: [{
Name: this.$t('system.label_img'),
Id: 1
},
{
Name: this.$t('objFill.shipin'),
Id: 2
},
],
clickType: 0,//1主菜单 2二级菜单
MenuList:{
clickType: 0, //1主菜单 2二级菜单
MenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
},
SubMenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
SubMenuList: null,
}
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {
},
methods: {
addMenu(type,index){
addMenu(type, index) {
this.clickType = type
this.plugData.NavList.push(JSON.parse(JSON.stringify(this.MenuList)))
},
delMenu(type,index,i){
delMenu(type, index, i) {
this.clickType = type
if(type==1){
this.plugData.NavList.splice(index,1)
if (type == 1) {
this.plugData.NavList.splice(index, 1)
}
},
//上传图片
UploadAttachment(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;
......@@ -254,16 +254,20 @@
this.plugData.NavList[this.clickIndex].FileUrl = imgUrl;
});
},
UploadAttachmentCover(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;
this.plugData.CoverImg = imgUrl;
});
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.SubName = chooseMenuObj.MenuName;
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
},
mounted() {}
......
src/components/WebSet/home/indexRoll2.vue
View file @ 366ce2b7
......@@ -18,6 +18,7 @@
width: 100%;
height: 100%;
}
.WebSite_slider .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -39,42 +40,51 @@
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
/deep/.WebSite_slider .el-form-item__content{
/deep/.WebSite_slider .el-form-item__content {
line-height: 20px;
}
.caidantext{
.caidantext {
font-size: 16px;
font-weight: bold;
color: #f45c43;
}
.caidantext.caidantext2{
.caidantext.caidantext2 {
color: dodgerblue;
}
.row{
.row {
display: flex;
flex-direction: row;
}
.rowSbAc{
.rowSbAc {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rowEnd{
.rowEnd {
display: flex;
flex-direction: row;
justify-content: end;
}
.colAs{
.colAs {
display: flex;
flex-direction: column;
justify-content: start;
align-items: stretch;
}
.flex{
.flex {
flex: 1;
}
.flex-shrink{
.flex-shrink {
flex: 1;
flex-shrink: 0;
}
......@@ -83,13 +93,6 @@
<template>
<div class="WebSite_slider">
<el-form label-width="100px">
<!-- <el-row>
<el-col :span="24">
<el-form-item>
<p class="text-warning">※ {{$t('objFill.v101.wutuzbxians')}}</p>
</el-form-item>
</el-col>
</el-row> -->
<el-row class="row">
<el-form-item :label="$t('objFill.v101.zhubiaoti')" class="flex-shrink" style="margin-bottom: 0;">
<el-input type="text" v-model="plugData.Title"></el-input>
......@@ -99,21 +102,8 @@
</el-form-item>
</el-row>
<el-row style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
<div class="webSliderDiv" style="width: 100px;height: 100px;">
<el-upload :http-request="UploadAttachmentCover" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="plugData.CoverImg" :src="plugData.CoverImg" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.CoverImg=''"></i>
</div>
</el-upload>
</div>
</el-form-item>
<el-form-item :label="$t('objFill.v101.jianjie')" class="flex" style="margin-bottom: 0;">
<el-input type="textarea"
:rows="2" v-model="plugData.Describe"></el-input>
<el-input type="textarea" :rows="2" v-model="plugData.Describe"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.v101.beijinse')" style="margin-bottom: 0;flex-shrink: 0;">
<el-color-picker style='vertical-align: middle;' v-model="plugData.BgColor"></el-color-picker>
......@@ -131,8 +121,10 @@
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.caidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(1)"></el-button>
</el-tooltip>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)"></el-button>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark"
:content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)">
</el-button>
</el-tooltip>
</div>
</td>
......@@ -146,7 +138,8 @@
<img v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
<el-upload v-if="item.FileType==2" :http-request="UploadAttachment" :multiple="true"
......@@ -154,7 +147,8 @@
<video v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
</div>
......@@ -163,23 +157,20 @@
</el-form-item>
</td>
<td class="flex">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)" style="margin-bottom: 0;">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)"
style="margin-bottom: 0;">
<el-select v-model="item.FileType" style="width: 100%;">
<el-option
v-for="item in typeList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
<el-option v-for="item in typeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
<pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
<el-input type="textarea"
:rows="2" v-model="item.SubDescribe"></el-input>
<el-input type="textarea" :rows="2" v-model="item.SubDescribe"></el-input>
</el-form-item>
</td>
<td class="colAs">
......@@ -194,59 +185,65 @@
</tbody>
</table>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import pageLinkUrl from "./linkUrl"
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
components: {
pageLinkUrl
chooseMenu
},
props: ["plugData"],
data() {
return {
clickIndex: 0, //点击图片索引
typeList: [
{Name: this.$t('system.label_img'),Id: 1},
{Name: this.$t('objFill.shipin'),Id: 2},
typeList: [{
Name: this.$t('system.label_img'),
Id: 1
},
{
Name: this.$t('objFill.shipin'),
Id: 2
},
],
clickType: 0,//1主菜单 2二级菜单
MenuList:{
clickType: 0, //1主菜单 2二级菜单
MenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
},
SubMenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
SubMenuList: null,
}
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {
},
methods: {
addMenu(type,index){
addMenu(type, index) {
this.clickType = type
this.plugData.NavList.push(JSON.parse(JSON.stringify(this.MenuList)))
},
delMenu(type,index,i){
delMenu(type, index, i) {
this.clickType = type
if(type==1){
this.plugData.NavList.splice(index,1)
if (type == 1) {
this.plugData.NavList.splice(index, 1)
}
},
//上传图片
UploadAttachment(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;
......@@ -254,16 +251,20 @@
this.plugData.NavList[this.clickIndex].FileUrl = imgUrl;
});
},
UploadAttachmentCover(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;
this.plugData.CoverImg = imgUrl;
});
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.SubName = chooseMenuObj.MenuName;
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
},
mounted() {}
......
src/components/WebSet/home/indexSlider1.vue
View file @ 366ce2b7
......@@ -8,7 +8,6 @@
line-height: 0;
height: 100px;
overflow: hidden;
/* height: 234px; */
border: 1px solid #ccc;
cursor: pointer;
position: relative;
......@@ -18,6 +17,7 @@
width: 100%;
height: 100%;
}
.WebSite_slider .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -39,42 +39,51 @@
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
/deep/.WebSite_slider .el-form-item__content{
/deep/.WebSite_slider .el-form-item__content {
line-height: 20px;
}
.caidantext{
.caidantext {
font-size: 16px;
font-weight: bold;
color: #f45c43;
}
.caidantext.caidantext2{
.caidantext.caidantext2 {
color: dodgerblue;
}
.row{
.row {
display: flex;
flex-direction: row;
}
.rowSbAc{
.rowSbAc {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rowEnd{
.rowEnd {
display: flex;
flex-direction: row;
justify-content: end;
}
.colAs{
.colAs {
display: flex;
flex-direction: column;
justify-content: start;
align-items: stretch;
}
.flex{
.flex {
flex: 1;
}
.flex-shrink{
.flex-shrink {
flex: 1;
flex-shrink: 0;
}
......@@ -83,13 +92,7 @@
<template>
<div class="WebSite_slider">
<el-form label-width="100px">
<!-- <el-row>
<el-col :span="24">
<el-form-item>
<p class="text-warning">※ {{$t('objFill.v101.wutuzbxians')}}</p>
</el-form-item>
</el-col>
</el-row> -->
<el-row class="row">
<el-form-item :label="$t('objFill.v101.zhubiaoti')" class="flex-shrink" style="margin-bottom: 0;">
<el-input type="text" v-model="plugData.Title"></el-input>
......@@ -99,21 +102,9 @@
</el-form-item>
</el-row>
<el-row style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
<div class="webSliderDiv" style="width: 100px;height: 100px;">
<el-upload :http-request="UploadAttachmentCover" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="plugData.CoverImg" :src="plugData.CoverImg" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.CoverImg=''"></i>
</div>
</el-upload>
</div>
</el-form-item>
<el-form-item :label="$t('objFill.v101.jianjie')" class="flex" style="margin-bottom: 0;">
<el-input type="textarea"
:rows="2" v-model="plugData.Describe"></el-input>
<el-input type="textarea" :rows="2" v-model="plugData.Describe"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.v101.beijinse')" style="margin-bottom: 0;flex-shrink: 0;">
<el-color-picker style='vertical-align: middle;' v-model="plugData.BgColor"></el-color-picker>
......@@ -131,8 +122,10 @@
<el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.caidan')" placement="top">
<el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(1)"></el-button>
</el-tooltip>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)"></el-button>
<el-tooltip v-show="plugData.NavList.length>1" class="item" effect="dark"
:content="'- '+$t('objFill.caidan')" placement="top">
<el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(1,index)">
</el-button>
</el-tooltip>
</div>
</td>
......@@ -146,7 +139,8 @@
<img v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
<el-upload v-if="item.FileType==2" :http-request="UploadAttachment" :multiple="true"
......@@ -154,7 +148,8 @@
<video v-if="item.FileUrl" :src="item.FileUrl" class="web_imgUrl" alt=""></video>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.FileUrl=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.FileUrl=''"></i>
</div>
</el-upload>
</div>
......@@ -163,23 +158,20 @@
</el-form-item>
</td>
<td class="flex">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)" style="margin-bottom: 0;">
<el-form-item :label="$t('objFill.v101.fengmian')+$t('system.query_type')+(index+1)"
style="margin-bottom: 0;">
<el-select v-model="item.FileType" style="width: 100%;">
<el-option
v-for="item in typeList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
<el-option v-for="item in typeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
<!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
<pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
<el-input type="textarea"
:rows="2" v-model="item.SubDescribe"></el-input>
<el-input type="textarea" :rows="2" v-model="item.SubDescribe"></el-input>
</el-form-item>
</td>
<td class="colAs">
......@@ -194,59 +186,65 @@
</tbody>
</table>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import pageLinkUrl from "./linkUrl"
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
components: {
pageLinkUrl
chooseMenu
},
props: ["plugData"],
data() {
return {
clickIndex: 0, //点击图片索引
typeList: [
{Name: this.$t('system.label_img'),Id: 1},
{Name: this.$t('objFill.shipin'),Id: 2},
typeList: [{
Name: this.$t('system.label_img'),
Id: 1
},
{
Name: this.$t('objFill.shipin'),
Id: 2
},
],
clickType: 0,//1主菜单 2二级菜单
MenuList:{
clickType: 0, //1主菜单 2二级菜单
MenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
},
SubMenuList: {
FileType: 1,
FileUrl: '',
LinkUrl: '',
MenuName: '',
MenuSubName: '',
SubMenuList: null,
}
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {
},
methods: {
addMenu(type,index){
addMenu(type, index) {
this.clickType = type
this.plugData.NavList.push(JSON.parse(JSON.stringify(this.MenuList)))
},
delMenu(type,index,i){
delMenu(type, index, i) {
this.clickType = type
if(type==1){
this.plugData.NavList.splice(index,1)
if (type == 1) {
this.plugData.NavList.splice(index, 1)
}
},
//上传图片
UploadAttachment(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;
......@@ -254,16 +252,20 @@
this.plugData.NavList[this.clickIndex].FileUrl = imgUrl;
});
},
UploadAttachmentCover(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;
this.plugData.CoverImg = imgUrl;
});
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.SubName = chooseMenuObj.MenuName;
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
},
mounted() {}
......
src/components/WebSet/home/linkUrl.vue
View file @ 366ce2b7
......@@ -10,14 +10,7 @@
<el-popover trigger="click">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="$t('objFill.v101.myOrdersAllType.zidingyi')+$t('objFill.caidan')" name="1">
<!-- <el-checkbox-group
v-model="checkedCities"
:min="0"
:max="1" class="column"
@change="getUrl">
<el-checkbox v-for="(item,i) in dataDiyList" :label="item.Id" :key="i">
{{item.CategoryName}}</el-checkbox>
</el-checkbox-group> -->
<div class="column">
<el-checkbox v-model="checked"
:true-label="item.Id"
......@@ -73,9 +66,6 @@
};
},
created() {
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]
// console.log(Array.from(new Set(data.arr.flat(Infinity))))
// console.log()
this.getOptions()
},
......
src/components/WebSet/plug-in/b2b_dialog.vue
View file @ 366ce2b7
......@@ -27,15 +27,18 @@
align-items: center;
justify-content: center;
}
.b2bDialog .webSliderDiv .addIconDiv:hover {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.b2bDialog .webSliderDiv i {
font-size: 50px;
color: #d1d1d1;
cursor: pointer;
}
}
.b2bDialog .webSliderDiv>div {
height: 100%;
}
......@@ -50,7 +53,7 @@
height: 310px !important;
border-radius: 50%;
overflow: hidden;
margin-left:80px;
margin-left: 80px;
}
.b2b_imgList {
......@@ -67,7 +70,6 @@
background-position: center;
background-size: cover;
}
</style>
<template>
<div class="b2bDialog">
......@@ -82,8 +84,8 @@
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10">
<div class="webSliderDiv" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.TripImageUrl" :src="item.TripImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -98,7 +100,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,clickIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,clickIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -125,7 +128,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,clickIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,clickIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -163,13 +167,14 @@
<el-col :span="12" v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<div>
<el-form-item>
<el-button type="primary" style="margin-left:80px;" size="small" @click="isShowTripDailog=true,clickIndex=index">{{$t('objFill.v101.xuanzhexingc')}}
<el-button type="primary" style="margin-left:80px;" size="small"
@click="isShowTripDailog=true,clickIndex=index">{{$t('objFill.v101.xuanzhexingc')}}
</el-button>
</el-form-item>
</div>
<div class="webSliderDiv webImg_radius" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.TripImageUrl" :src="item.TripImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -250,5 +255,4 @@
},
mounted() {},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/b2blink_dialog.vue
View file @ 366ce2b7
......@@ -73,7 +73,7 @@
<el-col :span="24">
<el-form-item>
<el-input type="text" v-model="plugData.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
<el-form-item>
......
src/components/WebSet/plug-in/banner_dialog.vue
View file @ 366ce2b7
......@@ -2,7 +2,7 @@
.bannerdialog .webSliderDiv {
line-height: 0;
height: 115px;
width:400px;
width: 400px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
......@@ -43,14 +43,14 @@
.bannerdialog .webSliderDiv>div {
height: 100%;
}
.bannerdialog .sectionImg{
position:absolute;
width:100%;
height:100%;
.bannerdialog .sectionImg {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
</style>
<template>
<div class="bannerdialog">
......@@ -68,8 +68,8 @@
<el-col :span="12" v-for="(item,index) in plugData.Details" :key="index">
<el-form-item>
<div class="webSliderDiv" @click="checkIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + item.ImageUrl + ')'}"></div>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -90,8 +90,8 @@
<el-col :span="12">
<el-form-item>
<div class="webSliderDiv" @click="checkIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + item.ImageUrl + ')'}"></div>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -110,20 +110,36 @@
<el-input type="text" v-model="item.LinkTitle"></el-input>
</el-form-item>
<el-form-item :label="$t('objFill.v101.lianjwz')" v-if="plugData.Type==2">
<el-input type="text" v-model="item.LinkUrl"></el-input>
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
</el-col>
</el-row>
</template>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
props: ["plugData"],
components: {
chooseMenu
},
data() {
return {
checkIndex: 1,
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {},
......@@ -131,17 +147,29 @@
UploadAttachment(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;
this.plugData.Details[this.checkIndex].ImageUrl=imgUrl;
this.plugData.Details[this.checkIndex].ImageUrl = imgUrl;
});
},
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.LinkTitle = chooseMenuObj.MenuName;
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
mounted() {
},
mounted() {},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/choose_menu.vue 0 → 100644
View file @ 366ce2b7
<style>
.choose_menu {
width: 450px;
line-height: 0;
max-height: 400px;
}
</style>
<template>
<div class="choose_menu">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="$t('objFill.v101.myOrdersAllType.zidingyi')+$t('objFill.caidan')" name="1">
<div class="column" style="height:400px;overflow-y:scroll;line-height:normal;">
<template v-for="(subItem,subIndex) in dataDiyList">
<div :key="subIndex" style="margin-bottom:10px;">
<el-checkbox v-model="subItem.IsChecked" :key="subIndex" @change="checkMenuChange(subItem)">
<span>{{subItem.CategoryName}}</span>
</el-checkbox>
</div>
</template>
</div>
</el-tab-pane>
<el-tab-pane :label="$t('ground.fenlei')+$t('objFill.caidan')" name="2">
<el-tree :data='WebSiteCategoryList' node-key="Id" ref="treeMenu" :props="defaultProps" @check="treeCheck"
:check-strictly="true" show-checkbox :check-on-click-node="true">
</el-tree>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
data() {
return {
defaultProps: {
children: "SubList",
label: "CategoryName",
},
activeName: '1',
WebSiteCategoryList: [], //分类菜单
dataDiyList: [], //自定义页面
checkedMenuObj: {}, //选中的菜单对象
};
},
created() {
this.getOptions()
},
methods: {
//复选框选择
checkMenuChange(subItem) {
if (this.dataDiyList && this.dataDiyList.length > 0) {
this.dataDiyList.forEach(item => {
item.IsChecked = false;
});
}
subItem.IsChecked = !subItem.IsChecked;
},
//树形菜单选择
treeCheck(node, list) {
if (list.checkedKeys.length == 2) {
//单选实现
this.$refs.treeMenu.setCheckedKeys([node.Id]);
this.checkedMenuObj = node;
}
},
//选项卡切换
handleClick() {
},
//获取菜单数据
getOptions() {
this.apipost(
"ws_post_GetAllMenuList", {},
res => {
if (res.data.resultCode == 1) {
this.WebSiteCategoryList = res.data.data.WebSiteCategoryList
this.dataDiyList = res.data.data.DiyList;
} else {
this.Error(res.data.message);
}
});
},
//初始化菜单选中状态
initMenuCheck() {
if (this.dataDiyList && this.dataDiyList.length > 0) {
this.dataDiyList.forEach(item => {
item.IsChecked = false;
});
}
this.checkedMenuObj = {};
},
//获取选择的菜单
getChooseMenu() {
var obj = {
MenuName: "",
MenuUrl: "",
};
if (this.activeName == "1") {
if (this.dataDiyList && this.dataDiyList.length > 0) {
this.dataDiyList.forEach(item => {
if (item.IsChecked) {
obj.MenuUrl = item.LinkUrl;
obj.MenuName = item.CategoryName;
}
});
}
} else {
obj.MenuUrl = this.checkedMenuObj.LinkUrl;
obj.MenuName = this.checkedMenuObj.CategoryName
}
var domainUrl = this.getLocalStorage().B2BDomain;
if (obj.MenuUrl) {
if (obj.MenuUrl.indexOf("https") != -1) {
} else if (obj.MenuUrl.indexOf("http") != -1) {
} else {
obj.MenuUrl = domainUrl + obj.MenuUrl;
}
}
return obj;
},
},
mounted() {
},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/choose_trip.vue
View file @ 366ce2b7
......@@ -85,14 +85,13 @@
.choose_trip .table-striped>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
</style>
<template>
<div class="choose_trip">
<el-form label-width="120px;">
<el-form >
<el-row>
<el-col :span="6">
<el-form-item :label="$t('system.table_ssLine')">
<el-form-item :label="$t('system.table_ssLine')" label-width="115px;">
<el-select class="w150" v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLinePlaceList()">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
......@@ -101,8 +100,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item :label="$t('Operation.Op_Country')+'/'+$t('system.query_dest')">
<el-col :span="6">
<el-form-item :label="$t('system.query_dest')" label-width="115px;">
<el-select class="w150" v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLineTeamList()">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
......@@ -112,7 +111,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('active.ad_xlmc')">
<el-form-item :label="$t('active.ad_xlmc')" label-width="115px;">
<el-select class="w150" v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in queryCommonData.LineTeamList" :label="item.LtName" :value="item.LtID"
......@@ -120,60 +119,88 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item>
<input type="button" class="hollowFixedBtn" @click="resetPageIndex(),GetList()"
<el-col :span="6">
<el-form-item :label="$t('visa.v_tuanhao')" label-width="115px;">
<el-input maxlength="50" v-model="queryMsg.TCNUM" class="w150" :placeholder="$t('pub.pleaseImport')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('Operation.Op_TeamName')" label-width="115px;">
<el-input maxlength="50" v-model="queryMsg.Title" class="w150" :placeholder="$t('pub.pleaseImport')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item :label="$t('scen.sc_ftTime')" label-width="115px;">
<DateLimit :clearable="false" :StartGroupDate="queryMsg.StartGroupDate"
:EndGroupDate="queryMsg.EndGroupDate" @change="(date) => (queryMsg.StartGroupDate = date)"></DateLimit>
<el-date-picker class="w150" type="date" v-model="queryMsg.EndGroupDate"
:picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<!--出团类型-->
<el-form-item :label="$t('objFill.v101.chutuanleix')" label-width="115px;">
<el-select class="w150" v-model="queryMsg.QTeamType">
<el-option v-for="item in teamList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<input type="button" class="hollowFixedBtn" @click="resetPageIndex(), GetList()"
:value="$t('pub.searchBtn')" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<table style="width:100%" class="table-striped" v-loading="queryMsg.loading">
<table style="width: 100%" class="table-striped" v-loading="queryMsg.loading">
<tr>
<th width="50">
{{$t('fnc.xuanze')}}
{{ $t("fnc.xuanze") }}
</th>
<th>
{{$t('objFill.v101.chufari')}}
{{ $t("objFill.v101.chufari") }}
</th>
<th colspan="2">
{{$t('visa.v_tuanhao')}}
{{ $t("visa.v_tuanhao") }}
</th>
<th>
{{$t('objFill.tianshu')}}
{{ $t("ground.tianshu") }}
</th>
<th>
{{$t('objFill.jiage')}}
{{ $t("objFill.jiage") }}
</th>
<th>
{{$t('objFill.v101.tuanweizku')}}
{{ $t("objFill.v101.tuanweizku") }}
</th>
</tr>
<tbody v-for="(item,index) in dataList" :key="index">
<tbody v-for="(item, index) in dataList" :key="index">
<tr>
<td rowspan="2">
<el-checkbox v-model="item.Checked" @change="changeTrip(item)"></el-checkbox>
</td>
<td>
{{item.StartDate}}
</td>
<td colspan="2">
{{item.TCNUM}}({{item.TCID}})
{{ item.StartDate }}
</td>
<td colspan="2">{{ item.TCNUM }}({{ item.TCID }})</td>
<td>
{{item.DayNum}}
{{ item.DayNum }}
</td>
<td>
{{item.B2BPrice}}
{{ item.B2BPrice }}
</td>
<td>
{{(item.FSeat+item.CSeat+item.YSeat)- (item.SurplusFSeat+item.SurplusCSeat+item.SurplusYSeat)}}
{{
item.FSeat +
item.CSeat +
item.YSeat -
(item.SurplusFSeat + item.SurplusCSeat + item.SurplusYSeat)
}}
</td>
</tr>
<tr>
<td colspan="6" style="text-align:left;">
<td colspan="6" style="text-align: left">
<span class="title">
{{item.Title}}
{{ item.Title }}
</span>
</td>
</tr>
......@@ -181,7 +208,9 @@
<tfoot>
<tr>
<td colspan="7">
<div class="noData" v-show="queryMsg.noData">{{$t('system.content_noData')}}</div>
<div class="noData" v-show="queryMsg.noData">
{{ $t("system.content_noData") }}
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
</el-pagination>
......@@ -192,7 +221,11 @@
</div>
</template>
<script>
import DateLimit from "../../public/DateLimit.vue";
export default {
components: {
DateLimit,
},
props: ["IsMultiple"],
data() {
return {
......@@ -235,14 +268,21 @@
total: 0,
noData: true,
loading: false,
QTeamType:'0,1,2'
QTeamType: 0,
},
queryCommonData: {
LineList: [],
PlaceList: [],
LineTeamList: [],
},
teamList: [], //团队类型列表
dataList: [], //列表数据
pickerBeginDateAfter: {
disabledDate: (time) => {
let startTime = new Date(this.queryMsg.StartGroupDate);
return startTime.getTime() >= time.getTime();
},
},
};
},
created() {
......@@ -260,7 +300,7 @@
changeTrip(item) {
//单选
if (!this.IsMultiple) {
this.dataList.forEach(x => {
this.dataList.forEach((x) => {
if (x.TCID == item.TCID) {
//item.Checked = !item.Checked;
} else {
......@@ -273,9 +313,9 @@
getLineList() {
this.apipost(
"line_post_GetList", {
LineDirection: 2
LineDirection: 2,
},
res => {
(res) => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineList = res.data.data;
this.queryCommonData.PlaceList = [];
......@@ -289,9 +329,9 @@
this.queryMsg.PlaceID = 0;
this.queryMsg.LineteamId = 0;
let msg = {
lineID: this.queryMsg.LineId
lineID: this.queryMsg.LineId,
};
this.apipost("team_post_GetLinePlace", msg, res => {
this.apipost("team_post_GetLinePlace", msg, (res) => {
if (res.data.resultCode == 1) {
this.queryCommonData.PlaceList = res.data.data;
this.queryCommonData.LineTeamList = [];
......@@ -304,9 +344,9 @@
let msg = {
lineID: this.queryMsg.LineId,
placeID: this.queryMsg.PlaceID,
isTOOP: 1
isTOOP: 1,
};
this.apipost("team_post_GetList", msg, res => {
this.apipost("team_post_GetList", msg, (res) => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineTeamList = res.data.data;
}
......@@ -325,15 +365,16 @@
GetList() {
this.queryMsg.loading = true;
this.apipost(
"travel_get_GetTravelPrciePageList_V2", this.queryMsg,
res => {
"travel_get_GetTravelPrciePageList_V2",
this.queryMsg,
(res) => {
this.queryMsg.loading = false;
if (res.data.resultCode == 1) {
var tempArray = res.data.data.pageData;
this.queryMsg.total = res.data.data.count;
this.queryMsg.noData = !this.queryMsg.total > 0;
if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => {
tempArray.forEach((item) => {
item.Checked = false;
});
}
......@@ -342,13 +383,13 @@
this.Error(res.data.message);
}
},
err => {}
(err) => {}
);
},
//获取选中的行程
getChooseData() {
var tempArray = [];
this.dataList.forEach(item => {
this.dataList.forEach((item) => {
if (item.Checked) {
tempArray.push(item);
}
......@@ -360,11 +401,19 @@
// this.dataList=[];
// this.queryMsg.pageIndex=1;
// this.queryMsg.total=0;
},
//团队类型
getTeamList() {
this.apipost("travel_GetTeamTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.teamList = res.data.data;
}
});
},
},
mounted() {
this.getTeamList();
this.getLineList();
},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/imglink_dialog.vue
View file @ 366ce2b7
......@@ -50,7 +50,6 @@
background-position: center;
background-size: cover;
}
</style>
<template>
<div class="WebSiteimgLink">
......@@ -73,8 +72,8 @@
<el-col :span="10">
<el-form-item>
<div class="webSliderDiv" @click="checkindex=1">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl1 + ')'}"></div>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -91,7 +90,8 @@
</el-form-item>
<el-form-item :label="$t('objFill.xingchengmc')+' 1'">
<el-input type="text" v-model="plugData.TripTitle1">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=1">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=1">{{$t('objFill.v101.xuanzhexingc')}}
</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -100,8 +100,8 @@
<el-col :span="10">
<el-form-item>
<div class="webSliderDiv" @click="checkindex=2">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl2 + ')'}"></div>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -120,7 +120,8 @@
</el-form-item>
<el-form-item :label="$t('objFill.xingchengmc')+' 2'">
<el-input type="text" v-model="plugData.TripTitle2">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=2">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=2">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -204,5 +205,4 @@
},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/paragraphLink_dialog.vue
View file @ 366ce2b7
......@@ -42,7 +42,6 @@
.paragraphLink .webSliderDiv>div {
height: 100%;
}
</style>
<template>
<div class="paragraphLink">
......@@ -64,7 +63,7 @@
<el-row :span="24">
<el-form-item :label="$t('objFill.xingchengmc')">
<el-input type="text" v-model="plugData.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-row>
......@@ -77,8 +76,8 @@
<el-col :span="24">
<el-form-item>
<div class="webSliderDiv">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="plugData.ImageUrl" :src="plugData.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -138,6 +137,7 @@
if (item.ImgCover && item.ImgCover.length > 0) {
imgUrl = item.ImgCover[0].Url;
}
var LinkUrl = this.$tripUtils.GetB2BUrl(this.getLocalStorage().B2BDomain, item.ConfigId, item.TCID);
var obj = {
StartDate: item.StartDate,
imgUrl: imgUrl,
......@@ -149,16 +149,14 @@
};
this.plugData.ImageUrl = obj.imgUrl;
this.plugData.TripTitle = obj.Title;
this.plugData.LinkUrl = LinkUrl;
this.$refs.chooseTrip.clearData();
});
}
},
},
mounted() {
},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/picture_dialog.vue
View file @ 366ce2b7
......@@ -68,10 +68,9 @@
<template v-if="plugData.Type==1||plugData.Type==2||plugData.Type==3">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10">
<div class="webSliderDiv" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -89,7 +88,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -120,8 +120,8 @@
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="5">
<div class="webSliderDiv myWebDiv" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -139,7 +139,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -158,8 +159,8 @@
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10">
<div class="webSliderDiv" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -175,7 +176,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -199,8 +201,8 @@
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10">
<div class="webSliderDiv webImg_radius" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -218,7 +220,8 @@
<el-col :span="24">
<el-form-item :label="$t('objFill.xingchengmc')+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle">
<el-button slot="append" type="primary" @click="isShowTripDailog=true,checkIndex=index">{{$t('objFill.v101.xuanzhexingc')}}</el-button>
<el-button slot="append" @click="isShowTripDailog=true,checkIndex=index">
{{$t('objFill.v101.xuanzhexingc')}}</el-button>
</el-input>
</el-form-item>
</el-col>
......@@ -257,8 +260,7 @@
components: {
chooseTrip
},
created() {
},
created() {},
methods: {
UploadAttachment(file) {
let newArr = [];
......@@ -289,7 +291,7 @@
TCID: item.TCID,
Title: item.Title,
DayNum: item.DayNum,
Price: item.B2BPrice,
Price: item.B2CPrice,
LinkUrl: LinkUrl,
};
if (this.plugData.Type == 1 || this.plugData.Type == 2 || this.plugData.Type == 3 || this.plugData
......@@ -314,5 +316,4 @@
},
mounted() {},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/qrcode_dialog.vue
View file @ 366ce2b7
......@@ -7,14 +7,17 @@
cursor: pointer;
position: relative;
}
.webSite_qrcode .webSliderDiv .web_imgUrl {
width: 100%;
height: 100%;
}
.webSite_qrcode .webSliderDiv .el-upload{
width:100%;
height:100%;
.webSite_qrcode .webSliderDiv .el-upload {
width: 100%;
height: 100%;
}
.webSite_qrcode .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -25,16 +28,17 @@
align-items: center;
justify-content: center;
}
.webSite_qrcode .webSliderDiv i {
font-size: 50px;
color: #d1d1d1;
cursor: pointer;
}
.webSliderDiv .addIconDiv:hover {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
</style>
<template>
<div class="webSite_qrcode">
......@@ -53,7 +57,8 @@
<img v-if="plugData.LinkImg1" :src="plugData.LinkImg1" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.LinkImg1=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="plugData.LinkImg1=''"></i>
</div>
</el-upload>
</div>
......@@ -76,7 +81,9 @@
<el-row>
<el-col :span="24">
<el-form-item :label="$t('objFill.v101.lianjwz')">
<el-input type="text" v-model="plugData.LinkUrl1"></el-input>
<el-input type="text" v-model="plugData.LinkUrl1">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(1)"></el-button>
</el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -90,7 +97,8 @@
<img v-if="plugData.LinkImg2" :src="plugData.LinkImg2" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="plugData.LinkImg2=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="plugData.LinkImg2=''"></i>
</div>
</el-upload>
</div>
......@@ -113,21 +121,36 @@
<el-row>
<el-col :span="24">
<el-form-item :label="$t('objFill.v101.lianjwz')">
<el-input type="text" v-model="plugData.LinkUrl2" maxlength="200"></el-input>
<el-input type="text" v-model="plugData.LinkUrl2" maxlength="200">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(2)"></el-button>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
props: ["plugData"],
components: {
chooseMenu
},
data() {
return {
clickIndex:1
clickIndex: 1,
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {},
......@@ -136,21 +159,38 @@
UploadAttachment(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;
if(this.clickIndex==1){
if (this.clickIndex == 1) {
this.plugData.LinkImg1 = imgUrl;
}else{
} else {
this.plugData.LinkImg2 = imgUrl;
}
});
},
//显示菜单弹窗
ShowMenuDialog(index) {
this.clickIndex = index;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
if (this.clickIndex == 1) {
this.plugData.TripTitle1 = chooseMenuObj.MenuName;
this.plugData.LinkUrl1 = chooseMenuObj.MenuUrl;
} else {
this.plugData.TripTitle2 = chooseMenuObj.MenuName;
this.plugData.LinkUrl2 = chooseMenuObj.MenuUrl;
}
}
this.$refs.chooseMenu.initMenuCheck();
},
mounted() {
},
mounted() {},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/searchs_dialog.vue
View file @ 366ce2b7
......@@ -2,11 +2,12 @@
.searchsdialog .webSliderDiv {
line-height: 0;
height: 115px;
width:400px;
width: 400px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
}
.searchsdialog .webSliderDiv .el-upload {
width: 100%;
height: 100%;
......@@ -37,14 +38,14 @@
.searchsdialog .webSliderDiv>div {
height: 100%;
}
.searchsdialog .sectionImg{
position:absolute;
width:100%;
height:100%;
.searchsdialog .sectionImg {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
</style>
<template>
<div class="searchsdialog">
......@@ -57,8 +58,8 @@
<el-col :span="12">
<el-form-item>
<div class="webSliderDiv" @click="checkIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + item.ImageUrl + ')'}"></div>
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
......@@ -74,20 +75,36 @@
</el-col>
<el-col :span="12">
<el-form-item :label="$t('objFill.v101.lianjie')">
<el-input type="text" v-model="plugData.LinkUrl"></el-input>
<el-input type="text" v-model="item.LinkUrl">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
</el-col>
</el-row>
</template>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
props: ["plugData"],
components: {
chooseMenu
},
data() {
return {
checkIndex: 1,
clickItem: {},
isShowMenuDialog: false, //是否显示菜单弹窗
};
},
created() {},
......@@ -95,17 +112,28 @@
UploadAttachment(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;
this.plugData.Details[this.checkIndex].ImageUrl=imgUrl;
this.plugData.Details[this.checkIndex].ImageUrl = imgUrl;
});
},
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
mounted() {
},
mounted() {},
};
</script>
\ No newline at end of file
src/components/WebSet/plug-in/slider_dialog.vue
View file @ 366ce2b7
......@@ -18,6 +18,7 @@
width: 100%;
height: 100%;
}
.WebSite_slider .webSliderDiv .addIconDiv {
position: absolute;
width: 100%;
......@@ -39,7 +40,6 @@
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
</style>
<template>
<div class="WebSite_slider">
......@@ -62,14 +62,15 @@
<tbody v-for="(item,index) in plugData.Details" :key="index">
<tr>
<td>
<el-form-item >
<el-form-item>
<div class="webSliderDiv" @click="clickIndex=index">
<el-upload :http-request="UploadAttachment" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="item.LinkImg" :src="item.LinkImg" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.LinkImg=''"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.LinkImg=''"></i>
</div>
</el-upload>
</div>
......@@ -79,21 +80,37 @@
</td>
<td>
<el-form-item :label="$t('objFill.v101.lianjie')+(index+1)">
<el-input type="text" v-model="item.LinkUrl" class="w250"></el-input>
<el-input type="text" v-model="item.LinkUrl" class="w300">
<el-button slot="append" icon="el-icon-search" @click="ShowMenuDialog(item)"></el-button>
</el-input>
</el-form-item>
</td>
</tr>
</tbody>
</table>
</el-form>
<el-dialog :title="$t('objFill.qingxzcd')" :visible.sync="isShowMenuDialog" width="500px" append-to-body>
<!-- 行程选中 -->
<chooseMenu ref="chooseMenu"></chooseMenu>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowMenuDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
<el-button type="danger" size="small" @click="getMenuChoose()">{{$t('pub.sureBtn')}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import chooseMenu from "../plug-in/choose_menu.vue"
export default {
props: ["plugData"],
components: {
chooseMenu
},
data() {
return {
clickIndex: 0, //点击图片索引
isShowMenuDialog: false, //是否显示菜单弹窗
clickItem: {},
};
},
created() {
......@@ -104,7 +121,6 @@
UploadAttachment(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;
......@@ -112,9 +128,21 @@
this.plugData.Details[this.clickIndex].LinkImg = imgUrl;
});
},
//显示菜单弹窗
ShowMenuDialog(item) {
this.clickItem = item;
this.isShowMenuDialog = true;
},
//获取选中的菜单数据
getMenuChoose() {
var chooseMenuObj = this.$refs.chooseMenu.getChooseMenu();
this.isShowMenuDialog = false;
if (chooseMenuObj) {
this.clickItem.LinkUrl = chooseMenuObj.MenuUrl;
}
this.$refs.chooseMenu.initMenuCheck();
},
},
mounted() {}
};
</script>
\ No newline at end of file
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