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"
},
"dependencies": {
"avue-plugin-map": "^1.0.1",
"axios": "0.18.1",
"core-js": "3.6.5",
"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">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<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>
<body>
<noscript>

3
src/main.js
Unescape View File

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

11
src/utils/index.js
Unescape View File

@ -115,3 +115,14 @@ export function param2Obj(url) {
})
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>经度：
</div>
<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>
</template>
<template v-slot:eng>
<template v-slot:lat>
<div class="xy-table-item">
<div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>纬度：
</div>
<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>
</template>
<template v-slot:extraFormBottom>
<avue-map size="small" :option="option" v-model="map" @mapClick="test"></avue-map>
</template>
</xy-dialog>
</div>
</template>
@ -99,12 +102,46 @@ export default {
address:'',
contact:'',
contactNumber:'',
lng:'',
eng:''
lng:'',//经度
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>

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

@ -1,39 +1,45 @@
<template>
<div>
<div class="selects">
<div class="selects-item">
<div class="selects-item-label">活动名称：</div>
<Input placeholder="活动名称搜索" clearable style="width: 150px;"/>
</div>
<div class="selects-item">
<div class="selects-item-label">发布系统：</div>
<Select placeholder="选择发布系统" style="width: 150px;" clearable>
</Select>
</div>
<div class="selects-item">
<div class="selects-item-label">创建时间：</div>
<DatePicker :value="select.createDate" style="width: 200px;" transfer placeholder="选择创建日期" type="daterange" placement="bottom" @on-change="(e)=>select.createDate = e"></DatePicker>
</div>
<div class="selects-item">
<div class="selects-item-label">有效时间：</div>
<DatePicker :value="select.effectiveDate" style="width: 200px;" transfer placeholder="选择有效时间" type="daterange" placement="bottom" @on-change="(e)=>select.effectiveDate = e"></DatePicker>
</div>
<div class="selects-item">
<Button type="primary" style="margin: 0 6px 0 12px;">查询</Button>
</div>
<div class="selects-item">
<Button type="error" ghost style="margin: 0 6px;" @click="resetSelect">重置</Button>
</div>
<div class="selects-item">
<Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button>
</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-item">
<div class="selects-item-label">活动名称：</div>
<Input placeholder="活动名称搜索" clearable style="width: 150px;"/>
</div>
<div class="selects-item">
<div class="selects-item-label">发布系统：</div>
<Select placeholder="选择发布系统" style="width: 150px;" clearable>
</Select>
</div>
<div class="selects-item">
<div class="selects-item-label">创建时间：</div>
<DatePicker :value="select.createDate" style="width: 200px;" transfer placeholder="选择创建日期" type="daterange" placement="bottom" @on-change="(e)=>select.createDate = e"></DatePicker>
</div>
<div class="selects-item">
<div class="selects-item-label">有效时间：</div>
<DatePicker :value="select.effectiveDate" style="width: 200px;" transfer placeholder="选择有效时间" type="daterange" placement="bottom" @on-change="(e)=>select.effectiveDate = e"></DatePicker>
</div>
<div class="selects-item">
<Button type="primary" style="margin: 0 6px 0 12px;">查询</Button>
</div>
<div class="selects-item">
<Button type="error" ghost style="margin: 0 6px;" @click="resetSelect">重置</Button>
</div>
<div class="selects-item">
<Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button>
</div>
</div>
</slot>
</lx-header>
</div>
<xy-table :list="list" :table-item="table"></xy-table>
@ -145,7 +151,7 @@ export default {
align-items: center;
justify-content: center;
margin-bottom: 6px;
margin-top: 6px;
&-label{
white-space: nowrap;

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

@ -1,7 +1,7 @@
<template>
<div style="padding: 0 20px">
<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>
<slot>
<div>

Write Preview
Loading…
Cancel
Save