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

页面修改

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