Commit 7983f2b5 authored by 吴春's avatar 吴春

页面修改

parent 7e135b6a
......@@ -36,7 +36,7 @@
</div>
</el-form-item>
<el-form-item class="chooseLink" label="版权链接">
<el-input v-model="data.link" placeholder="点击选择链接" :disabled="true" size="small">
<el-input v-model="data.link" placeholder="点击选择链接" size="small">
<el-button slot="append" size="small" @click="isShowLink=true">选择链接</el-button>
</el-input>
</el-form-item>
......
......@@ -113,7 +113,7 @@
</div>
<div class="chooseLink">
<div style="margin: 5px 0;">广告链接</div>
<el-input v-model="item.link.url" placeholder="点击选择链接" :disabled="true" size="small">
<el-input v-model="item.link.url" placeholder="点击选择链接" size="small">
<el-button slot="append" size="small" @click="isShowLink=true,comImgIndex=index">选择链接
</el-button>
</el-input>
......
......@@ -58,8 +58,7 @@
<el-radio v-model="data.navStyle" :label="2">样式2(全部展示)</el-radio>
</el-form-item>
<el-form-item label="收起图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(1)"
flex="main:center cross:center"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(1)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.closedPicUrl) + ')'}">
<i v-if="data.closedPicUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.closedPicUrl!=''" class="image-delete" size="mini"
......@@ -67,8 +66,7 @@
</div>
</el-form-item>
<el-form-item label="展开图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(2)"
flex="main:center cross:center"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(2)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.openedPicUrl) + ')'}">
<i v-if="data.openedPicUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.openedPicUrl!=''" class="image-delete" size="mini"
......@@ -81,11 +79,10 @@
<el-switch v-model="data.home.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.home.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(3)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.home.picUrl) + ')'}">
<i v-if="data.home.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.home.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(3)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.home.picUrl) + ')'}">
<i v-if="data.home.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.home.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.home.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -93,14 +90,14 @@
<div class="edit-item">
<div style="margin-bottom: 10px;">小程序客服</div>
<el-form-item label="是否开启">
<el-switch v-model="data.customerService.opened" :active-value="true" :inactive-value="false"></el-switch>
<el-switch v-model="data.customerService.opened" :active-value="true" :inactive-value="false">
</el-switch>
</el-form-item>
<el-form-item v-if="data.customerService.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(4)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.customerService.picUrl) + ')'}">
<i v-if="data.customerService.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.customerService.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(4)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.customerService.picUrl) + ')'}">
<i v-if="data.customerService.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.customerService.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.customerService.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -111,11 +108,10 @@
<el-switch v-model="data.tel.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.tel.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(5)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.tel.picUrl) + ')'}">
<i v-if="data.tel.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.tel.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(5)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.tel.picUrl) + ')'}">
<i v-if="data.tel.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.tel.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.tel.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -129,11 +125,10 @@
<el-switch v-model="data.web.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.web.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(6)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.web.picUrl) + ')'}">
<i v-if="data.web.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.web.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(6)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.web.picUrl) + ')'}">
<i v-if="data.web.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.web.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.web.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -147,11 +142,10 @@
<el-switch v-model="data.mApp.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.mApp.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(7)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.mApp.picUrl) + ')'}">
<i v-if="data.mApp.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.mApp.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(7)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.mApp.picUrl) + ')'}">
<i v-if="data.mApp.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.mApp.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.mApp.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -168,11 +162,10 @@
<el-switch v-model="data.mapNav.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.mapNav.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(8)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.mapNav.picUrl) + ')'}">
<i v-if="data.mapNav.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.mapNav.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(8)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.mapNav.picUrl) + ')'}">
<i v-if="data.mapNav.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.mapNav.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.mapNav.picUrl=''" circle></el-button>
</div>
</el-form-item>
......@@ -180,7 +173,8 @@
<el-input v-model="data.mapNav.address"></el-input>
</el-form-item>
<el-form-item v-if="data.mapNav.opened" label="经纬度">
<el-input v-model="data.mapNav.location" @focus="isShowMap=true" placeholder="点击进入地图选择" readonly></el-input>
<el-input v-model="data.mapNav.location" @focus="isShowMap=true" placeholder="点击进入地图选择" readonly>
</el-input>
</el-form-item>
</div>
<div class="edit-item">
......@@ -189,16 +183,15 @@
<el-switch v-model="data.customize.opened" :active-value="true" :inactive-value="false"></el-switch>
</el-form-item>
<el-form-item v-if="data.customize.opened" label="图标">
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(9)"
flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.customize.picUrl) + ')'}">
<i v-if="data.customize.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.customize.picUrl!=''" class="image-delete" size="mini"
<div class="zk_pic_box" @click="choicImg=true,getImgUtl(9)" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.customize.picUrl) + ')'}">
<i v-if="data.customize.picUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.customize.picUrl!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="data.customize.picUrl=''" circle></el-button>
</div>
</el-form-item>
<el-form-item v-if="data.customize.opened" label="跳转链接">
<el-input :disabled="true" size="small" v-model="data.customize.link_url" autocomplete="off">
<el-input size="small" v-model="data.customize.link_url" autocomplete="off">
<el-button slot="append" size="mini" @click="isShowLink=true">选择链接</el-button>
</el-input>
</el-form-item>
......@@ -241,9 +234,9 @@
return {
choicImg: false,
isShowLink: false,
isShowMap:false,
isShowMap: false,
data: this.quickData.data,
type:null,
type: null,
};
},
created() {
......@@ -261,33 +254,33 @@
//选择图片
SelectId(msg) {
let commonUrl = this.getIconLink(msg.url);
switch (this.type){
case 1:
this.data.closedPicUrl=commonUrl;
switch (this.type) {
case 1:
this.data.closedPicUrl = commonUrl;
break;
case 2:
this.data.openedPicUrl=commonUrl;
case 2:
this.data.openedPicUrl = commonUrl;
break;
case 3:
this.data.home.picUrl=commonUrl;
case 3:
this.data.home.picUrl = commonUrl;
break;
case 4:
this.data.customerService.picUrl=commonUrl;
case 4:
this.data.customerService.picUrl = commonUrl;
break;
case 5:
this.data.tel.picUrl=commonUrl;
case 5:
this.data.tel.picUrl = commonUrl;
break;
case 6:
this.data.web.picUrl=commonUrl;
case 6:
this.data.web.picUrl = commonUrl;
break;
case 7:
this.data.mApp.picUrl=commonUrl;
case 7:
this.data.mApp.picUrl = commonUrl;
break;
case 8:
this.data.mapNav.picUrl=commonUrl;
case 8:
this.data.mapNav.picUrl = commonUrl;
break;
case 9:
this.data.customize.picUrl=commonUrl;
case 9:
this.data.customize.picUrl = commonUrl;
break;
}
this.choicImg = false;
......@@ -299,13 +292,13 @@
this.data.customize.link_url = obj.PageUrl;
this.isShowLink = false;
},
getImgUtl(type,) {
getImgUtl(type, ) {
this.type = type;
},
mapEvent(e) {
this.data.mapNav.location = e.lat + ',' + e.long;
this.data.mapNav.address =e.address;
this.isShowMap=false;
this.data.mapNav.address = e.address;
this.isShowMap = false;
},
},
......
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