wangyifang
/
yunyubang-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2022-8-3 ad，map

Browse Source
master
271556543@qq.com 3 years ago
parent 08a06560ee
commit 4777fcdea8
7 changed files with 110 additions and 43 deletions
Show Stats Download Patch File Download Diff File

1
package.json
Unescape View File

@ -14,6 +14,7 @@
"test:ci": "npm run lint && npm run test:unit" "test:ci": "npm run lint && npm run test:unit"
}, },
"dependencies": { "dependencies": {
"avue-plugin-map": "^1.0.1",
"axios": "0.18.1", "axios": "0.18.1",
"core-js": "3.6.5", "core-js": "3.6.5",
"echarts": "^4.2.1", "echarts": "^4.2.1",

9
public/index.html
Unescape View File

@ -6,6 +6,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= webpackConfig.name %></title> <title><%= webpackConfig.name %></title>
<script>
window._AMapSecurityConfig = {
securityJsCode: '68787c7a64e7240670e6a538b326d64b',
}
</script>
<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=1a9ee0079fcb3c6c64c96dc903989994&plugin=AMap.PlaceSearch'></script>
<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
</head> </head>
<body> <body>
<noscript> <noscript>

3
src/main.js
Unescape View File

@ -44,6 +44,9 @@ Vue.use(VueParticles)
Vue.config.productionTip = false Vue.config.productionTip = false
import AvueMap from 'avue-plugin-map'
Vue.use(AvueMap)
import LxHeader from "@/components/LxHeader/index" import LxHeader from "@/components/LxHeader/index"
Vue.component('lx-header',LxHeader) Vue.component('lx-header',LxHeader)
import XyTable from "@/components/XyTable" import XyTable from "@/components/XyTable"

11
src/utils/index.js
Unescape View File

@ -115,3 +115,14 @@ export function param2Obj(url) {
}) })
return obj return obj
} }
//防抖
export function debounce(fn,delay=500){
let timer = null
return function _debounce() {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
fn()
}, delay)
}
}

49
src/views/business/component/addStore.vue
Unescape View File

@ -68,20 +68,23 @@
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>经度： <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>经度：
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-input clearable placeholder="请填写经度" v-model="form.lng" style="width: 120px;"/> <el-input disabled clearable placeholder="请填写经度" v-model="form.lng" style="width: 120px;"/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:eng> <template v-slot:lat>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>纬度： <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>纬度：
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-input clearable placeholder="请填写纬度" v-model="form.eng" style="width: 120px;"/> <el-input disabled clearable placeholder="请填写纬度" v-model="form.lat" style="width: 120px;"/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:extraFormBottom>
<avue-map size="small" :option="option" v-model="map" @mapClick="test"></avue-map>
</template>
</xy-dialog> </xy-dialog>
</div> </div>
</template> </template>
@ -99,12 +102,46 @@ export default {
address:'', address:'',
contact:'', contact:'',
contactNumber:'', contactNumber:'',
lng:'', lng:'',//经度
eng:'' lat:'',//纬度
},
map:{
},
option: {
column: [
{
label: '坐标',
prop: 'map',
type: 'map',
//高德初始化参数
params:{
zoom: 10,
// zoomEnable: false,
// dragEnable: false,
}
}]
} }
} }
}, },
methods: {} methods: {
test(r,p){
this.$nextTick(()=>{
this.form.lat = p
this.form.lng = r
})
}
},
watch:{
map(newVal){
this.form.lat = newVal?.location?.lat
this.form.lng = newVal?.location?.lng
}
},
mounted() {
}
} }
</script> </script>

12
src/views/marketing/ad.vue
Unescape View File

@ -1,6 +1,9 @@
<template> <template>
<div> <div style="padding: 0 20px">
<div ref="lxHeader">
<lx-header icon="md-apps" text="广告管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
<div slot="content"></div>
<slot>
<div class="selects"> <div class="selects">
<div class="selects-item"> <div class="selects-item">
<div class="selects-item-label">活动名称：</div> <div class="selects-item-label">活动名称：</div>
@ -35,6 +38,9 @@
<Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button> <Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button>
</div> </div>
</div> </div>
</slot>
</lx-header>
</div>
<xy-table :list="list" :table-item="table"></xy-table> <xy-table :list="list" :table-item="table"></xy-table>
@ -145,7 +151,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: 6px; margin-top: 6px;
&-label{ &-label{
white-space: nowrap; white-space: nowrap;

2
src/views/productService/policyManage.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<div style="padding: 0 20px"> <div style="padding: 0 20px">
<div ref="lxHeader"> <div ref="lxHeader">
<lx-header icon="md-apps" text="产品与服务管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px"> <lx-header icon="md-apps" text="政策管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
<div slot="content"></div> <div slot="content"></div>
<slot> <slot>
<div> <div>

Write Preview
Loading…
Cancel
Save