czg_team/management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化资源管理

Browse Source
This commit is contained in:
gyq
2024-05-11 17:17:42 +08:00
parent 8441022041
commit 5eb74b5463
6 changed files with 160 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/shop/components/addShop.vue
View File

@@ -5,6 +5,9 @@
<el-form-item label="店铺名称" prop="shopName">
<el-input v-model="form.shopName" placeholder="请输入门店名称"></el-input>
</el-form-item>
<el-form-item label="连锁店扩展店名" prop="chainName">
<el-input v-model="form.chainName" placeholder="请输入连锁店扩展店名"></el-input>
</el-form-item>
<el-form-item label="门店logo" prop="logo">
<el-image :src="form.logo || require('@/assets/images/upload.png')" fit="contain"
style="width: 80px;height: 80px;" @click="showUpload = true; uploadIndex = 1"></el-image>
@@ -49,14 +52,17 @@
</el-form-item> -->
<el-form-item label="店铺经度">
<el-row>
<el-col :span="4">
<el-input v-model="form.lng" placeholder="经度"></el-input>
<el-col :span="9" v-if="form.provinces">
<el-input :value="`${form.provinces}-${form.cities}-${form.districts}`" disabled />
</el-col>
<el-col :span="4" v-if="form.lng">
<el-input v-model="form.lng" placeholder="经度" disabled></el-input>
</el-col>
<el-col :span="4" v-if="form.lng">
<el-input v-model="form.lat" placeholder="纬度" disabled></el-input>
</el-col>
<el-col :span="4">
<el-input v-model="form.lat" placeholder="纬度" style="margin-left: 10px;"></el-input>
</el-col>
<el-col :span="4">
<el-button type="primary" plain icon="el-icon-place" style="margin-left: 20px;"
<el-button type="primary" plain icon="el-icon-place"
@click="showLocation = true">选择坐标</el-button>
</el-col>
</el-row>
@@ -129,7 +135,7 @@
import { getToken } from '@/utils/auth'
import { mapGetters } from 'vuex'
import crudQiNiu from '@/api/tools/qiniu'
import { tbShopInfoPost } from '@/api/shop'
import { tbShopInfoPost, geocode } from '@/api/shop'
export default {
computed: {
...mapGetters([
@@ -168,7 +174,11 @@ export default {
detail: '',
status: 1,
logo: '',
coverImg: ''
coverImg: '',
provinces: '',
cities: '',
districts: '',
chainName: ''
},
resetForm: '',
rules: {
@@ -179,6 +189,13 @@ export default {
trigger: 'blur'
}
],
chainName: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
logo: [
{
required: true,
@@ -226,20 +243,20 @@ export default {
this.amapOptions.center = [res[0].lng, res[0].lat]
},
// 确认地址选择
selectLocationHandle(item) {
async selectLocationHandle(item) {
console.log(item);
this.form.lng = item.lng
this.form.lat = item.lat
this.form.address = item.address
this.showLocation = false
console.log(this.$refs.map.$$getInstance());
const position = `${item.lng},${item.lat}`;
const res = JSON.parse(await geocode({ location: position }))
console.log(res);
const position = { lng: item.lng, lat: item.lat };
this.$refs.map.geocoder.getAddress(position, (status, result) => {
if (status === 'complete' && result.info === 'OK') {
// 打印省市区信息
console.log(result.regeocode.addressComponent);
}
})
this.form.provinces = res.addressComponent.province
this.form.cities = res.addressComponent.city
this.form.districts = res.addressComponent.district
},
// 保存
submitHandle() {

12
src/views/system/menu/index.vue
View File

@@ -79,6 +79,12 @@
<el-form-item v-show="form.iFrame.toString() !== 'true' && form.type.toString() === '1'" label="选中父级菜单">
<el-input v-model="form.activeMenu" placeholder="请输入父级菜单path" style="width: 178px;" />
</el-form-item>
<el-form-item label="商家可用">
<el-radio-group v-model="form.isShop" size="mini">
<el-radio-button :label="1">是</el-radio-button>
<el-radio-button :label="0">否</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="上级类目" prop="pid">
<treeselect v-model="form.pid" :options="menus" :load-options="loadMenus" style="width: 450px;"
placeholder="选择上级类目" />
@@ -125,6 +131,12 @@
<span v-else>是</span>
</template>
</el-table-column>
<el-table-column prop="isShop" label="商家可用" width="75px">
<template slot-scope="scope">
<span v-if="scope.row.isShop">是</span>
<span v-else>否</span>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建日期" width="135px" />
<el-table-column v-if="checkPer(['admin', 'menu:edit', 'menu:del'])" label="操作" width="130px" align="center"
fixed="right">

26
src/views/system/resource_manage/components/add.vue
View File

@@ -8,7 +8,7 @@
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="团购卷" prop="group" v-if="form.type == 'group'">
<el-form-item label="团购卷" prop="group">
<div v-if="!productIds.length">
<el-button type="primary" icon="el-icon-plus" @click="$refs.groupTypeList.show()">
添加团购券
@@ -21,10 +21,10 @@
</el-tag>
</div>
</el-form-item>
<el-form-item label="描述" prop="name" v-if="form.type != 'group'">
<el-form-item label="描述" prop="name">
<el-input v-model="form.name" placeholder="请输入描述"></el-input>
</el-form-item>
<el-form-item label="值" prop="value" v-if="form.type != 'group'">
<el-form-item label="值" prop="value">
<el-input v-model="form.value" placeholder="请输入值"></el-input>
</el-form-item>
<el-form-item label="跳转类型" prop="jumpType">
@@ -42,9 +42,9 @@
<el-form-item label="背景色">
<el-color-picker v-model="form.backColor"></el-color-picker>
</el-form-item>
<el-form-item label="相对跳转地址" prop="value">
<!-- <el-form-item label="相对跳转地址" prop="value">
<el-input v-model="form.relUrl" placeholder="请输入相对跳转地址"></el-input>
</el-form-item>
</el-form-item> -->
<el-form-item label="绝对跳转地址" prop="value">
<el-input v-model="form.absUrl" placeholder="请输入绝对跳转地址"></el-input>
</el-form-item>
@@ -79,7 +79,7 @@
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</el-dialog>
<groupTypeList ref="groupTypeList" @success="row => productIds = [row]" />
<groupTypeList ref="groupTypeList" @success="groupSuccess" />
</div>
</template>
@@ -148,14 +148,20 @@ export default {
this.resetForm = { ...this.form };
},
methods: {
groupSuccess(row) {
this.productIds = [row]
this.form.name = row.name
this.form.value = row.id
},
// 选择类型
typeChange(e) {
if (e == 'group') {
// if (e == 'group') {
} else if (e == 'custom') {
// } else if (e == 'custom') {
} else {
// } else {
}
// }
},
// 提交
onSubmitHandle() {

10
src/views/system/resource_manage/enumData.js
View File

@@ -42,10 +42,14 @@ export default {
value: "ownMenu",
label: "个人中心菜单"
},
// {
// value: "group",
// label: "团购卷"
// },
{
value: "group",
label: "团购卷"
},
value: "hotCoupon",
label: "热榜推荐"
}
// {
// value: "custom",
// label: "自定义"

13
src/views/system/resource_manage/index.vue
View File

@@ -3,9 +3,15 @@
<div class="head-container">
<el-row :gutter="20">
<el-col :span="6">
<el-input v-model="query.blurry" size="small" clearable placeholder="请输入名称或描述" style="width: 100%;"
<el-input v-model="query.name" size="small" clearable placeholder="请输入名称或描述" style="width: 100%;"
class="filter-item" @keyup.enter.native="getTableData" />
</el-col>
<el-col :span="6">
<el-select v-model="query.type" placeholder="请选择资源类型">
<el-option v-for="item in enumData.typeList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="getTableData">查询</el-button>
<el-button @click="resetHandle">重置</el-button>
@@ -23,7 +29,7 @@
<el-table-column label="描述" prop="name"></el-table-column>
<el-table-column label="类型" prop="type">
<template v-slot="scope">
{{ scope.row.type | typeFilter }}
{{ scope.row.type }}
</template>
</el-table-column>
<el-table-column label="跳转类型" prop="jumpType">
@@ -107,6 +113,7 @@ export default {
},
data() {
return {
enumData,
query: {
name: "",
type: ''
@@ -122,7 +129,7 @@ export default {
},
filters: {
typeFilter(t) {
let e = enumData.typeList.find(item => item.value == t).label
let e = t ? enumData.typeList.find(item => item.value == t).label : t
return e ? e : t
},
jumpFilter(t) {