111
This commit is contained in:
parent
7b6ea4badb
commit
0d76834e3c
|
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
|||
// 查询设施列表
|
||||
export function listEquipment(query) {
|
||||
return request({
|
||||
url: '/system/equipment/list',
|
||||
url: '/system/hallEqu/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
|
|
@ -12,7 +12,7 @@ export function listEquipment(query) {
|
|||
// 查询设施详细
|
||||
export function getEquipment(equipmentId) {
|
||||
return request({
|
||||
url: '/system/equipment/' + equipmentId,
|
||||
url: '/system/hallEqu/' + equipmentId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
|
@ -20,7 +20,7 @@ export function getEquipment(equipmentId) {
|
|||
// 新增设施
|
||||
export function addEquipment(data) {
|
||||
return request({
|
||||
url: '/system/equipment',
|
||||
url: '/system/hallEqu',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
|
|
@ -29,7 +29,7 @@ export function addEquipment(data) {
|
|||
// 修改设施
|
||||
export function updateEquipment(data) {
|
||||
return request({
|
||||
url: '/system/equipment',
|
||||
url: '/system/hallEqu',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
|
|
@ -38,7 +38,7 @@ export function updateEquipment(data) {
|
|||
// 删除设施
|
||||
export function delEquipment(equipmentId) {
|
||||
return request({
|
||||
url: '/system/equipment/' + equipmentId,
|
||||
url: '/system/hallEqu/' + equipmentId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
|
|||
44
src/api/system/wifi.js
Normal file
44
src/api/system/wifi.js
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询wifi列表
|
||||
export function listWifi(query) {
|
||||
return request({
|
||||
url: '/system/wifi/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询wifi详细
|
||||
export function getWifi(wifiId) {
|
||||
return request({
|
||||
url: '/system/wifi/' + wifiId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增wifi
|
||||
export function addWifi(data) {
|
||||
return request({
|
||||
url: '/system/wifi',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改wifi
|
||||
export function updateWifi(data) {
|
||||
return request({
|
||||
url: '/system/wifi',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除wifi
|
||||
export function delWifi(wifiId) {
|
||||
return request({
|
||||
url: '/system/wifi/' + wifiId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
1
src/assets/icons/svg/equipment.svg
Normal file
1
src/assets/icons/svg/equipment.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736143093516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6278" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M968.145455 232.727273v-11.636364L577.163636 118.690909 51.2 183.854545v11.636364l337.454545 141.963636L968.145455 232.727273zM551.563636 139.636364l18.618182-11.636364 214.109091 62.836364v32.581818h-37.236364l-6.981818-2.327273v2.327273L465.454545 286.254545l-20.945454-13.963636v-23.272727l223.418182-48.872727-114.036364-34.909091V139.636364zM209.454545 181.527273l32.581819-6.981818-4.654546-2.327273 286.254546-44.218182 23.272727 13.963636v23.272728L300.218182 193.163636l132.654545 48.872728v34.909091l-32.581818 6.981818L209.454545 211.781818V181.527273z" p-id="6279" fill="#bfbfbf"></path><path d="M421.236364 267.636364v-16.290909L244.363636 186.181818l-23.272727 4.654546v11.636363l179.2 69.818182zM737.745455 188.509091l-162.909091-48.872727-11.636364 6.981818v9.309091l128 37.236363 25.6-4.654545zM535.272727 153.6v-6.981818l-13.963636-6.981818-244.363636 37.236363 11.636363 6.981818zM751.709091 209.454545h23.272727v-11.636363l-34.909091-9.309091v18.618182zM716.8 200.145455h-2.327273l13.963637 4.654545v-4.654545zM456.145455 256v9.309091l11.636363 6.981818 256-58.181818-32.581818-9.309091zM81.454545 267.636364v53.527272l179.2 88.436364v-62.836364zM884.363636 302.545455l-337.454545 60.50909v69.818182L884.363636 365.381818z" p-id="6280" fill="#bfbfbf"></path><path d="M975.127273 244.363636L388.654545 349.090909h-2.327272L46.545455 204.8l-20.945455 11.636364 4.654545 81.454545 20.945455 20.945455 18.618182 9.309091v-79.127273l202.472727 90.763636v88.436364l148.945455 72.145454 4.654545 200.145455-174.545454 44.218182-2.327273 20.945454 190.836363 139.636364 309.527273-97.745455 2.327273-23.272727-181.527273-104.727273v-181.527272l76.8-13.963637 2.327273-55.854545 316.509091-62.836364 27.927273-18.618182 4.654545-88.436363-23.272727-13.963637zM572.509091 723.781818l32.581818 23.272727-130.327273 34.909091-79.127272-48.872727 6.981818-9.309091 74.472727 46.545455 100.072727-27.927273-13.963636-9.309091 9.309091-9.309091z m325.818182-349.090909L535.272727 446.836364v-93.090909l363.054546-65.163637v86.109091zM69.818182 328.145455l202.472727 100.072727L69.818182 328.145455z" p-id="6281" fill="#bfbfbf"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -203,6 +203,20 @@ export const dynamicRoutes = [
|
|||
meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/storeDetail',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:store:query'],
|
||||
children: [
|
||||
{
|
||||
path: 'index/:storeId(\\d+)',
|
||||
component: () => import('@/views/system/store/store_detail'),
|
||||
name: 'StoreDetail',
|
||||
meta: { title: '店铺详情', activeMenu: '/system/store' }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
|
|
|
|||
|
|
@ -9,26 +9,10 @@
|
|||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="房间" prop="roomId">
|
||||
<el-form-item label="sn" prop="sn">
|
||||
<el-input
|
||||
v-model="queryParams.roomId"
|
||||
placeholder="请输入房间"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联的设备" prop="deviceIds">
|
||||
<el-input
|
||||
v-model="queryParams.deviceIds"
|
||||
placeholder="请输入关联的设备"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="逻辑删除标志" prop="deleted">
|
||||
<el-input
|
||||
v-model="queryParams.deleted"
|
||||
placeholder="请输入逻辑删除标志"
|
||||
v-model="queryParams.sn"
|
||||
placeholder="请输入sn"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
|
|
@ -36,7 +20,55 @@
|
|||
<el-form-item label="设施类型" prop="type">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择设施类型" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_equipment_type"
|
||||
v-for="dict in filteredEquipmentTypes"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺名" prop="storeName">
|
||||
<el-input
|
||||
v-model="queryParams.storeName"
|
||||
placeholder="请输入店铺名"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="开锁方式" prop="unlockMode">
|
||||
<el-select v-model="queryParams.unlockMode" placeholder="请选择开锁方式" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_unlock_mode"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开锁条件" prop="unlockCondition">
|
||||
<el-select v-model="queryParams.unlockCondition" placeholder="请选择开锁条件" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_unlock_condition"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="设施状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择设施状态" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_equipment_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标签" prop="tags">
|
||||
<el-select v-model="queryParams.tags" placeholder="请选择标签" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_room_tags"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
|
|
@ -116,6 +148,51 @@
|
|||
<template v-else-if="column.key === 'type'">
|
||||
<dict-tag :options="dict.type.ss_equipment_type" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'unlockMode'">
|
||||
<dict-tag :options="dict.type.ss_unlock_mode" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'unlockCondition'">
|
||||
<dict-tag :options="dict.type.ss_unlock_condition" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'status'">
|
||||
<dict-tag :options="dict.type.ss_equipment_status" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'picture'">
|
||||
<image-preview :src="d.row[column.key]" :width="50" :height="50"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'unlockTime'">
|
||||
{{ formatUnlockTime(d.row[column.key]) }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'ruleIds'">
|
||||
{{ formatFeeRules(d.row.feeRuleVOS) }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'sn'">
|
||||
<el-link
|
||||
type="primary"
|
||||
@click="handleSnClick(d.row.device ? d.row.device.deviceId : '')"
|
||||
>
|
||||
{{ d.row.device ? d.row.device.sn : '-' }}
|
||||
</el-link>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'address'">
|
||||
<el-link
|
||||
type="primary"
|
||||
@click="handleAddressClick(d.row.lng, d.row.lat)"
|
||||
v-if="d.row.lng && d.row.lat"
|
||||
>
|
||||
{{ d.row.address || '-' }}
|
||||
</el-link>
|
||||
<span v-else>{{ d.row.address || '-' }}</span>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'tags'">
|
||||
<template v-if="d.row[column.key]">
|
||||
<dict-tag
|
||||
:options="dict.type.ss_room_tags"
|
||||
:value="d.row[column.key]"
|
||||
/>
|
||||
</template>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{d.row[column.key]}}
|
||||
</template>
|
||||
|
|
@ -156,28 +233,71 @@
|
|||
<el-form-item label="设施名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入设施名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="图片" prop="picture">
|
||||
<el-form-item label="设施图片" prop="picture">
|
||||
<el-input v-model="form.picture" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="房间" prop="roomId">
|
||||
<el-input v-model="form.roomId" placeholder="请输入房间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="关联的设备" prop="deviceIds">
|
||||
<el-input v-model="form.deviceIds" placeholder="请输入关联的设备" />
|
||||
</el-form-item>
|
||||
<el-form-item label="逻辑删除标志" prop="deleted">
|
||||
<el-input v-model="form.deleted" placeholder="请输入逻辑删除标志" />
|
||||
<el-form-item label="sn" prop="deviceId">
|
||||
<el-input v-model="form.deviceId" placeholder="请输入sn" />
|
||||
</el-form-item>
|
||||
<el-form-item label="设施类型" prop="type">
|
||||
<el-select v-model="form.type" placeholder="请选择设施类型">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_equipment_type"
|
||||
v-for="dict in filteredEquipmentTypes"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺名" prop="storeName">
|
||||
<el-input v-model="form.storeName" placeholder="请输入店铺名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="套餐" prop="ruleIds">
|
||||
<el-input v-model="form.ruleIds" placeholder="请输入套餐" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开锁方式" prop="unlockMode">
|
||||
<el-select v-model="form.unlockMode" placeholder="请选择开锁方式">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_unlock_mode"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开锁条件" prop="unlockCondition">
|
||||
<el-select v-model="form.unlockCondition" placeholder="请选择开锁条件">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_unlock_condition"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开锁时长" prop="unlockTime">
|
||||
<el-input v-model="form.unlockTime" placeholder="请输入开锁时长" />
|
||||
</el-form-item>
|
||||
<el-form-item label="设施状态" prop="status">
|
||||
<el-select v-model="form.status" placeholder="请选择设施状态">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_equipment_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标签" prop="tags">
|
||||
<el-select v-model="form.tags" placeholder="请选择标签">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_room_tags"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
|
|
@ -200,18 +320,23 @@ const defaultSort = {
|
|||
export default {
|
||||
name: "Equipment",
|
||||
mixins: [$showColumns],
|
||||
dicts: ['ss_equipment_type'],
|
||||
dicts: ['ss_equipment_type', 'ss_unlock_mode', 'ss_unlock_condition', 'ss_equipment_status', 'ss_room_tags'],
|
||||
data() {
|
||||
return {
|
||||
// 字段列表
|
||||
columns: [
|
||||
{key: 'equipmentId', visible: true, label: '设施id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'name', visible: true, label: '设施名称', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'picture', visible: true, label: '图片', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'roomId', visible: true, label: '房间', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'deviceIds', visible: true, label: '关联的设备', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'deleted', visible: true, label: '逻辑删除标志', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'picture', visible: true, label: '设施图片', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'sn', visible: true, label: 'sn', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'type', visible: true, label: '设施类型', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'storeName', visible: true, label: '店铺名', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'ruleIds', visible: true, label: '套餐', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'unlockMode', visible: true, label: '开锁方式', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'unlockCondition', visible: true, label: '开锁条件', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'unlockTime', visible: true, label: '开锁时长', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'status', visible: true, label: '设施状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'tags', visible: true, label: '标签', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
],
|
||||
// 排序方式
|
||||
orderSorts: ['ascending', 'descending', null],
|
||||
|
|
@ -243,21 +368,31 @@ export default {
|
|||
name: null,
|
||||
picture: null,
|
||||
roomId: null,
|
||||
deviceIds: null,
|
||||
deleted: null,
|
||||
type: null
|
||||
deviceId: null,
|
||||
type: null,
|
||||
storeId: null,
|
||||
storeName: null,
|
||||
ruleIds: null,
|
||||
unlockMode: null,
|
||||
unlockCondition: null,
|
||||
unlockTime: null,
|
||||
status: null,
|
||||
tags: null,
|
||||
merchantId: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
deleted: [
|
||||
{ required: true, message: "逻辑删除标志不能为空", trigger: "blur" }
|
||||
],
|
||||
tags: [
|
||||
{ required: true, message: "标签不能为空", trigger: "change" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// 添加日志检查字典数据
|
||||
console.log('设备标签字典:', this.dict.type.ss_equipment_tags);
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -276,8 +411,13 @@ export default {
|
|||
getList() {
|
||||
this.loading = true;
|
||||
listEquipment(this.queryParams).then(response => {
|
||||
this.equipmentList = response.rows;
|
||||
this.total = response.total;
|
||||
this.equipmentList = response.rows
|
||||
.filter(item => ['2', '3'].includes(item.type))
|
||||
.map(item => ({
|
||||
...item,
|
||||
tags: item.tags || undefined
|
||||
}));
|
||||
this.total = this.equipmentList.length;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
|
@ -289,15 +429,15 @@ export default {
|
|||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
equipmentId: null,
|
||||
name: null,
|
||||
picture: null,
|
||||
roomId: null,
|
||||
deviceIds: null,
|
||||
deleted: null,
|
||||
createBy: null,
|
||||
createTime: null,
|
||||
type: null
|
||||
equipmentId: undefined,
|
||||
equipmentName: undefined,
|
||||
storeId: undefined,
|
||||
roomId: undefined,
|
||||
type: undefined,
|
||||
picture: undefined,
|
||||
tags: undefined,
|
||||
specification: undefined,
|
||||
status: "0"
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
|
@ -368,6 +508,38 @@ export default {
|
|||
this.download('system/equipment/export', {
|
||||
...this.queryParams
|
||||
}, `equipment_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 格式化套餐规则
|
||||
formatFeeRules(feeRuleVOS) {
|
||||
if (!feeRuleVOS || !feeRuleVOS.length) {
|
||||
return '-';
|
||||
}
|
||||
return feeRuleVOS.map(rule => rule.explain).join('，');
|
||||
},
|
||||
// 格式化开锁时长
|
||||
formatUnlockTime(time) {
|
||||
if (time === null || time === undefined) {
|
||||
return '-';
|
||||
}
|
||||
return time === 0 ? '立即' : time + 's';
|
||||
},
|
||||
// 处理 sn 点击跳转到设备详情页面
|
||||
handleSnClick(deviceId) {
|
||||
if (!deviceId) return;
|
||||
this.$router.push({
|
||||
path: `/system/deviceDetail/index/${deviceId}`
|
||||
});
|
||||
},
|
||||
// 处理地址点击跳转到地图
|
||||
handleAddressClick(lng, lat) {
|
||||
if (!lng || !lat) return;
|
||||
window.open(`https://uri.amap.com/marker?position=${lng},${lat}&callnative=1`);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 过滤设施类型选项
|
||||
filteredEquipmentTypes() {
|
||||
return this.dict.type.ss_equipment_type.filter(item => ['2', '3'].includes(item.value));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -112,6 +112,9 @@
|
|||
<template v-else-if="column.key === 'type'">
|
||||
<dict-tag :options="dict.type.ss_room_type" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'tags'">
|
||||
<dict-tag :options="dict.type.ss_room_tags" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'picture'">
|
||||
<image-preview :src="d.row[column.key]" :width="50" :height="50"/>
|
||||
</template>
|
||||
|
|
@ -182,7 +185,14 @@
|
|||
<image-upload v-model="form.picture"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="标签" prop="tags">
|
||||
<el-input v-model="form.tags" placeholder="请输入标签" />
|
||||
<el-select v-model="form.tags" placeholder="请选择标签">
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_room_tags"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="规格" prop="specification">
|
||||
<el-input v-model="form.specification" placeholder="请输入规格" />
|
||||
|
|
@ -210,7 +220,7 @@ const defaultSort = {
|
|||
export default {
|
||||
name: "Room",
|
||||
mixins: [$showColumns],
|
||||
dicts: ['ss_room_type', 'ss_room_status'],
|
||||
dicts: ['ss_room_type', 'ss_room_status','ss_room_tags'],
|
||||
data() {
|
||||
return {
|
||||
// 字段列表
|
||||
|
|
@ -221,7 +231,6 @@ export default {
|
|||
{key: 'type', visible: true, label: '类型', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'picture', visible: true, label: '图片', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'tags', visible: true, label: '标签', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'specification', visible: true, label: '规格', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
],
|
||||
// 排序方式
|
||||
|
|
@ -274,6 +283,9 @@ export default {
|
|||
type: [
|
||||
{ required: true, message: "类型不能为空", trigger: "blur" }
|
||||
],
|
||||
tags: [
|
||||
{ required: true, message: "标签不能为空", trigger: "change" }
|
||||
],
|
||||
}
|
||||
};
|
||||
},
|
||||
|
|
@ -315,16 +327,13 @@ export default {
|
|||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
roomId: null,
|
||||
roomName: null,
|
||||
storeId: null,
|
||||
storeName: null,
|
||||
type: '1',
|
||||
picture: null,
|
||||
tags: null,
|
||||
specification: null,
|
||||
status: null,
|
||||
merchantId: null
|
||||
roomId: undefined,
|
||||
roomName: undefined,
|
||||
storeId: undefined,
|
||||
type: undefined,
|
||||
picture: undefined,
|
||||
tags: undefined,
|
||||
specification: undefined
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable @change="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.e_store_status"
|
||||
v-for="dict in dict.type.ss_store_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
|
|
@ -111,26 +111,40 @@
|
|||
<template v-else-if="column.key === 'picture'">
|
||||
<image-preview :src="d.row[column.key]" :width="50" :height="50"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'address'">
|
||||
<el-link
|
||||
type="primary"
|
||||
@click="openMap(d.row.lng, d.row.lat)"
|
||||
v-if="d.row.lng && d.row.lat"
|
||||
>
|
||||
{{ d.row.address || '-' }}
|
||||
</el-link>
|
||||
<span v-else>{{ d.row.address || '-' }}</span>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'businessTime'">
|
||||
{{ formatBusinessTime(d.row.businessTimeStart, d.row.businessTimeEnd) }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'tags'">
|
||||
<dict-tag :options="dict.type.ss_store_tags" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'typeTags'">
|
||||
<dict-tag :options="dict.type.ss_room_type" :value="d.row[column.key]"/>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{d.row[column.key]}}
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
<el-table-column label="位置" align="center" prop="location" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-link
|
||||
type="primary"
|
||||
@click="openMap(scope.row.lng, scope.row.lat)"
|
||||
v-if="scope.row.lng && scope.row.lat"
|
||||
>
|
||||
{{ scope.row.lng }},{{ scope.row.lat }}
|
||||
</el-link>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-view"
|
||||
@click="handleView(scope.row)"
|
||||
v-hasPermi="['system:store:query']"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
|
|
@ -182,7 +196,7 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="图片" prop="picture">
|
||||
<el-input v-model="form.picture" type="textarea" placeholder="请输入内容" />
|
||||
<image-upload v-model="form.picture"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
|
@ -236,13 +250,15 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="wifi账号" prop="wifi">
|
||||
<el-input v-model="form.wifi" placeholder="请输入wifi账号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="wifi密码" prop="wifiPasswrd">
|
||||
<el-input v-model="form.wifiPasswrd" placeholder="请输入wifi密码" />
|
||||
<el-form-item label="标签" prop="tags">
|
||||
<el-select v-model="form.tags" placeholder="请选择标签" clearable>
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_store_tags"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
|
|
@ -267,7 +283,7 @@ const defaultSort = {
|
|||
export default {
|
||||
name: "Store",
|
||||
mixins: [$showColumns],
|
||||
dicts: ['ss_store_status'],
|
||||
dicts: ['ss_store_status', 'ss_store_tags', 'ss_room_type'],
|
||||
data() {
|
||||
return {
|
||||
// 字段列表
|
||||
|
|
@ -279,12 +295,11 @@ export default {
|
|||
{key: 'contactMobile', visible: true, label: '联系电话', minWidth: null, sortable: true, overflow: false, align: 'center', width: 100},
|
||||
{key: 'picture', visible: true, label: '商户图片', minWidth: null, sortable: true, overflow: false, align: 'center', width: 100},
|
||||
{key: 'address', visible: true, label: '门店地址', minWidth: null, sortable: true, overflow: false, align: 'center', width: 150},
|
||||
{key: 'businessTimeStart', visible: true, label: '营业时间起始', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
|
||||
{key: 'businessTimeEnd', visible: true, label: '营业时间结束', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
|
||||
{key: 'businessTime', visible: true, label: '营业时间', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
|
||||
{key: 'serverPhone', visible: true, label: '客服电话', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'wifi', visible: true, label: 'wifi', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'wifiPassword', visible: true, label: '密码', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'tags', visible: true, label: '标签', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'typeTags', visible: true, label: '类型', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
],
|
||||
// 排序方式
|
||||
orderSorts: ['ascending', 'descending', null],
|
||||
|
|
@ -500,7 +515,26 @@ export default {
|
|||
openMap(lng, lat) {
|
||||
// 使用高德地图打开位置
|
||||
window.open(`https://uri.amap.com/marker?position=${lng},${lat}&callnative=1`);
|
||||
}
|
||||
},
|
||||
// 格式化营业时间
|
||||
formatBusinessTime(start, end) {
|
||||
if (!start && !end) return '-';
|
||||
return `${start || '-'} - ${end || '-'}`;
|
||||
},
|
||||
/** 查看详情按钮操作 */
|
||||
handleView(row) {
|
||||
if (!row.storeId) {
|
||||
this.$modal.msgError("店铺ID不能为空");
|
||||
return;
|
||||
}
|
||||
console.log('跳转到店铺详情，ID:', row.storeId); // 添加日志
|
||||
this.$router.push({
|
||||
path: `/system/storeDetail/index/${row.storeId}`
|
||||
}).catch(err => {
|
||||
console.error('路由跳转错误:', err); // 添加错误日志
|
||||
this.$modal.msgError("页面跳转失败");
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
338
src/views/system/store/store_detail.vue
Normal file
338
src/views/system/store/store_detail.vue
Normal file
|
|
@ -0,0 +1,338 @@
|
|||
<template>
|
||||
<div class="store-detail">
|
||||
<!-- 上半部分 -->
|
||||
<el-row :gutter="20" class="top-section">
|
||||
<!-- 左侧信息 -->
|
||||
<el-col :span="24" class="left-section">
|
||||
<el-card class="info-card" shadow="always">
|
||||
<div slot="header" class="card-header">
|
||||
<span>基本信息</span>
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="2">
|
||||
<div class="store-image">
|
||||
<image-preview
|
||||
:src="storeData.picture"
|
||||
:width="80"
|
||||
:height="80"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">
|
||||
<span class="label">店铺名称:</span>
|
||||
<span class="value">{{ storeData.name || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">联系人:</span>
|
||||
<span class="value">{{ storeData.contactName || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">联系电话:</span>
|
||||
<span class="value">{{ storeData.contactMobile || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">营业时间:</span>
|
||||
<span class="value">{{ formatBusinessTime(storeData.businessTimeStart, storeData.businessTimeEnd) }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">
|
||||
<span class="label">店长:</span>
|
||||
<span class="value">{{ storeData.managerName || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">客服电话:</span>
|
||||
<span class="value">{{ storeData.serverPhone || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">身份证号:</span>
|
||||
<span class="value">{{ storeData.idcard || '--' }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">
|
||||
<span class="label">状态:</span>
|
||||
<dict-tag :options="dict.type.ss_store_status" :value="storeData.status"/>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">标签:</span>
|
||||
<dict-tag :options="dict.type.ss_store_tags" :value="storeData.tags"/>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">类型:</span>
|
||||
<dict-tag :options="dict.type.ss_room_type" :value="storeData.typeTags"/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card class="info-card" shadow="always">
|
||||
<div slot="header" class="card-header">
|
||||
<span>位置信息</span>
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="20">
|
||||
<div class="info-item">
|
||||
<span class="label">门店地址:</span>
|
||||
<el-link
|
||||
type="primary"
|
||||
@click="openMap(storeData.lng, storeData.lat)"
|
||||
v-if="storeData.lng && storeData.lat"
|
||||
>
|
||||
{{ storeData.address || '--' }}
|
||||
</el-link>
|
||||
<span v-else>{{ storeData.address || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">经度:</span>
|
||||
<span class="value">{{ storeData.lng || '--' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">纬度:</span>
|
||||
<span class="value">{{ storeData.lat || '--' }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div slot="header" class="card-header">
|
||||
<span>店铺位置</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 下半部分 - 选项卡 -->
|
||||
<el-card class="tab-card">
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="房间列表" name="rooms">
|
||||
<!-- 房间列表内容 -->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="设施列表" name="equipments">
|
||||
<!-- 设施列表内容 -->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="设备列表" name="equipments">
|
||||
<!-- 设备列表内容 -->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="员工列表" name="equipments">
|
||||
<!-- 员工列表内容 -->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="订单列表" name="orders">
|
||||
<!-- 订单列表内容 -->
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getStore, delStore } from "@/api/system/store";
|
||||
|
||||
export default {
|
||||
name: 'StoreDetail',
|
||||
dicts: ['ss_store_status', 'ss_store_tags', 'ss_room_type'],
|
||||
directives: {
|
||||
hasPermi: ['system:store:query']
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
storeData: {},
|
||||
activeTab: 'rooms',
|
||||
map: null,
|
||||
marker: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const storeId = this.$route.params.storeId;
|
||||
this.getStoreData(storeId);
|
||||
},
|
||||
mounted() {
|
||||
// 在组件挂载后初始化地图
|
||||
this.$nextTick(() => {
|
||||
this.initMap();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getStoreData(storeId) {
|
||||
getStore(storeId).then(response => {
|
||||
this.storeData = response.data;
|
||||
// 数据加载完成后更新地图标记
|
||||
this.$nextTick(() => {
|
||||
this.updateMapMarker();
|
||||
});
|
||||
});
|
||||
},
|
||||
formatBusinessTime(start, end) {
|
||||
if (!start && !end) return '--';
|
||||
return `${start || '--'} - ${end || '--'}`;
|
||||
},
|
||||
openMap(lng, lat) {
|
||||
if (!lng || !lat) return;
|
||||
window.open(`https://uri.amap.com/marker?position=${lng},${lat}&callnative=1`);
|
||||
},
|
||||
handleEdit() {
|
||||
this.$router.push(`/system/store/index?storeId=${this.storeData.storeId}`);
|
||||
},
|
||||
handleDelete() {
|
||||
this.$modal.confirm('是否确认删除该店铺？').then(() => {
|
||||
return delStore(this.storeData.storeId);
|
||||
}).then(() => {
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
this.$router.push('/system/store/index');
|
||||
}).catch(() => {});
|
||||
},
|
||||
// 初始化地图
|
||||
initMap() {
|
||||
// 创建地图实例
|
||||
this.map = new AMap.Map('mapContainer', {
|
||||
zoom: 15,
|
||||
viewMode: '3D'
|
||||
});
|
||||
|
||||
// 添加地图控件
|
||||
this.map.addControl(new AMap.ToolBar());
|
||||
this.map.addControl(new AMap.Scale());
|
||||
},
|
||||
// 更新地图标记
|
||||
updateMapMarker() {
|
||||
const { lng, lat } = this.storeData;
|
||||
if (!lng || !lat) return;
|
||||
|
||||
// 设置地图中心点
|
||||
this.map.setCenter([lng, lat]);
|
||||
|
||||
// 清除旧的标记
|
||||
if (this.marker) {
|
||||
this.map.remove(this.marker);
|
||||
}
|
||||
|
||||
// 创建新的标记
|
||||
this.marker = new AMap.Marker({
|
||||
position: new AMap.LngLat(lng, lat),
|
||||
title: this.storeData.name,
|
||||
animation: 'AMAP_ANIMATION_DROP'
|
||||
});
|
||||
|
||||
// 添加标记到地图
|
||||
this.map.add(this.marker);
|
||||
|
||||
// 创建信息窗体
|
||||
const infoWindow = new AMap.InfoWindow({
|
||||
content: `
|
||||
<div class="info-window">
|
||||
<h4>${this.storeData.name || '未命名店铺'}</h4>
|
||||
<p>${this.storeData.address || '暂无地址'}</p>
|
||||
</div>
|
||||
`,
|
||||
offset: new AMap.Pixel(0, -30)
|
||||
});
|
||||
|
||||
// 绑定点击事件
|
||||
this.marker.on('click', () => {
|
||||
infoWindow.open(this.map, this.marker.getPosition());
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.store-detail {
|
||||
padding: 20px;
|
||||
|
||||
.top-section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.info-card {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
|
||||
.action-buttons {
|
||||
.el-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-item {
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.label {
|
||||
color: #606266;
|
||||
margin-right: 10px;
|
||||
min-width: 100px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.map-container {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.store-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10px 0;
|
||||
|
||||
:deep(.el-image) {
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-card {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.map-card {
|
||||
.map-container {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 信息窗体样式
|
||||
:deep(.info-window) {
|
||||
padding: 8px;
|
||||
|
||||
h4 {
|
||||
margin: 0 0 5px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.el-tag) {
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
324
src/views/system/wifi/index.vue
Normal file
324
src/views/system/wifi/index.vue
Normal file
|
|
@ -0,0 +1,324 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="wifi" prop="wifi">
|
||||
<el-input
|
||||
v-model="queryParams.wifi"
|
||||
placeholder="请输入wifi"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input
|
||||
v-model="queryParams.password"
|
||||
placeholder="请输入密码"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺id" prop="storeId">
|
||||
<el-input
|
||||
v-model="queryParams.storeId"
|
||||
placeholder="请输入店铺id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['system:wifi:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['system:wifi:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['system:wifi:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['system:wifi:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="wifiList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<template v-for="column of showColumns">
|
||||
<el-table-column
|
||||
:key="column.key"
|
||||
:label="column.label"
|
||||
:prop="column.key"
|
||||
:align="column.align"
|
||||
:min-width="column.minWidth"
|
||||
:sort-orders="orderSorts"
|
||||
:sortable="column.sortable"
|
||||
:show-overflow-tooltip="column.overflow"
|
||||
:width="column.width"
|
||||
>
|
||||
<template slot-scope="d">
|
||||
<template v-if="column.key === 'wifiId'">
|
||||
{{d.row[column.key]}}
|
||||
</template>
|
||||
<template v-else>
|
||||
{{d.row[column.key]}}
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:wifi:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:wifi:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改wifi对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="wifi" prop="wifi">
|
||||
<el-input v-model="form.wifi" placeholder="请输入wifi" />
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input v-model="form.password" placeholder="请输入密码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺id" prop="storeId">
|
||||
<el-input v-model="form.storeId" placeholder="请输入店铺id" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listWifi, getWifi, delWifi, addWifi, updateWifi } from "@/api/system/wifi";
|
||||
import { $showColumns } from '@/utils/mixins';
|
||||
|
||||
// 默认排序字段
|
||||
const defaultSort = {
|
||||
prop: "createTime",
|
||||
order: "descending"
|
||||
}
|
||||
|
||||
export default {
|
||||
name: "Wifi",
|
||||
mixins: [$showColumns],
|
||||
data() {
|
||||
return {
|
||||
// 字段列表
|
||||
columns: [
|
||||
{key: 'wifiId', visible: true, label: 'id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'wifi', visible: true, label: 'wifi', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'password', visible: true, label: '密码', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
{key: 'storeId', visible: true, label: '店铺id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
|
||||
],
|
||||
// 排序方式
|
||||
orderSorts: ['ascending', 'descending', null],
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// wifi表格数据
|
||||
wifiList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
defaultSort,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
orderByColumn: defaultSort.prop,
|
||||
isAsc: defaultSort.order,
|
||||
wifi: null,
|
||||
password: null,
|
||||
storeId: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 当排序按钮被点击时触发 **/
|
||||
onSortChange(column) {
|
||||
if (column.order == null) {
|
||||
this.queryParams.orderByColumn = defaultSort.prop;
|
||||
this.queryParams.isAsc = defaultSort.order;
|
||||
} else {
|
||||
this.queryParams.orderByColumn = column.prop;
|
||||
this.queryParams.isAsc = column.order;
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
/** 查询wifi列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listWifi(this.queryParams).then(response => {
|
||||
this.wifiList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
wifiId: null,
|
||||
wifi: null,
|
||||
password: null,
|
||||
storeId: null,
|
||||
createBy: null,
|
||||
createTime: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.wifiId)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加wifi";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const wifiId = row.wifiId || this.ids
|
||||
getWifi(wifiId).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改wifi";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.wifiId != null) {
|
||||
updateWifi(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addWifi(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const wifiIds = row.wifiId || this.ids;
|
||||
this.$modal.confirm('是否确认删除wifi编号为"' + wifiIds + '"的数据项？').then(function() {
|
||||
return delWifi(wifiIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('system/wifi/export', {
|
||||
...this.queryParams
|
||||
}, `wifi_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -5,9 +5,9 @@
|
|||
<el-col :span="24" :xs="24">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="类型" prop="userType">
|
||||
<el-select v-model="queryParams.userType" placeholder="请选择用户类型" style="width: 100px" clearable>
|
||||
<el-select v-model="queryParams.userType" placeholder="请选择用户类型" clearable>
|
||||
<el-option
|
||||
v-for="dict in dict.type.ss_user_type"
|
||||
v-for="dict in filteredUserTypes"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
|
|
@ -56,6 +56,16 @@
|
|||
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['system:user:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
|
|
@ -69,7 +79,7 @@
|
|||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" ></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
||||
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange" max-height="650">
|
||||
<el-table-column type="selection" width="50" align="center" />
|
||||
<el-table-column label="用户编号" align="center" key="userId" prop="userId" />
|
||||
<el-table-column label="用户名称" align="center" key="userName" prop="userName" :show-overflow-tooltip="true" />
|
||||
|
|
@ -99,36 +109,44 @@
|
|||
></el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
fixed="right"
|
||||
class-name="small-padding fixed-width"
|
||||
width="220"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-view"
|
||||
@click="handleSee(scope.row)"
|
||||
v-hasPermi="['system:smUser:detail']"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:smUser:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:smUser:remove']"
|
||||
>删除</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-setting"
|
||||
@click="handleUpdateRisk(scope.row)"
|
||||
v-hasPermi="['system:smUser:edit']"
|
||||
>配置</el-button>
|
||||
<div class="operation-btns">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-view"
|
||||
@click="handleSee(scope.row)"
|
||||
v-hasPermi="['system:smUser:detail']"
|
||||
>详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:smUser:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:smUser:remove']"
|
||||
>删除</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-setting"
|
||||
@click="handleUpdateRisk(scope.row)"
|
||||
v-hasPermi="['system:smUser:edit']"
|
||||
>配置</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -148,27 +166,15 @@
|
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="用户昵称" prop="nickName">
|
||||
<el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
|
||||
<el-form-item label="用户名称" prop="userName">
|
||||
<el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="phonenumber">
|
||||
<el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="邮箱" prop="email">
|
||||
<el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
|
|
@ -177,24 +183,19 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.userId == undefined" label="支付密码" prop="payPassword">
|
||||
<el-input v-model="form.payPassword" placeholder="请输入支付密码" type="payPassword" maxlength="20" show-password/>
|
||||
<el-form-item label="用户类型" prop="userType">
|
||||
<el-select v-model="form.userType" placeholder="请选择用户类型">
|
||||
<el-option
|
||||
v-for="dict in filteredUserTypes"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="用户性别">
|
||||
<el-select v-model="form.sex" placeholder="请选择性别">
|
||||
<el-option
|
||||
v-for="dict in dict.type.sys_user_sex"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="状态">
|
||||
<el-radio-group v-model="form.status">
|
||||
|
|
@ -214,6 +215,45 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-if="form.userType === '01'">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务费率" prop="serviceFeeProportion">
|
||||
<el-input-number
|
||||
v-model="form.serviceFeeProportion"
|
||||
:min="0"
|
||||
:max="100"
|
||||
:precision="2"
|
||||
controls-position="right"
|
||||
>
|
||||
<template slot="append">%</template>
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-if="form.userType === '05'">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="分红状态" prop="dividendStatus">
|
||||
<el-switch
|
||||
v-model="form.dividendStatus"
|
||||
active-value="0"
|
||||
inactive-value="1"
|
||||
></el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="分红比例" prop="dividendProportion">
|
||||
<el-input-number
|
||||
v-model="form.dividendProportion"
|
||||
:min="0"
|
||||
:max="100"
|
||||
:precision="2"
|
||||
controls-position="right"
|
||||
>
|
||||
<template slot="append">%</template>
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
|
|
@ -329,10 +369,10 @@ export default {
|
|||
open: false,
|
||||
// 是否显示弹出层
|
||||
open2: false,
|
||||
// 默认密码
|
||||
initPassword: undefined,
|
||||
// 默认支付密码
|
||||
initPayPassword: undefined,
|
||||
// // 默认密码
|
||||
// initPassword: undefined,
|
||||
// // 默认支付密码
|
||||
// initPayPassword: undefined,
|
||||
// 日期范围
|
||||
dateRange: [],
|
||||
// 表单参数
|
||||
|
|
@ -363,6 +403,7 @@ export default {
|
|||
userName: undefined,
|
||||
phonenumber: undefined,
|
||||
status: undefined,
|
||||
userType: undefined
|
||||
},
|
||||
// 列信息
|
||||
columns: [
|
||||
|
|
@ -383,27 +424,22 @@ export default {
|
|||
nickName: [
|
||||
{ required: true, message: "用户昵称不能为空", trigger: "blur" }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: "用户密码不能为空", trigger: "blur" },
|
||||
{ min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
|
||||
],
|
||||
// payPassword: [
|
||||
// { required: true, message: "支付密码不能为空", trigger: "blur" },
|
||||
// { min: 5, max: 20, message: '支付密码长度必须介于 5 和 20 之间', trigger: 'blur' }
|
||||
// ],
|
||||
email: [
|
||||
{
|
||||
type: "email",
|
||||
message: "请输入正确的邮箱地址",
|
||||
trigger: ["blur", "change"]
|
||||
}
|
||||
],
|
||||
phonenumber: [
|
||||
{ required: true, message: "手机号码不能为空", trigger: "blur" },
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: "请输入正确的手机号码",
|
||||
trigger: "blur"
|
||||
}
|
||||
],
|
||||
userType: [
|
||||
{ required: true, message: "用户类型不能为空", trigger: "change" }
|
||||
],
|
||||
serviceFeeProportion: [
|
||||
{ required: true, message: "服务费率不能为空", trigger: "blur" }
|
||||
],
|
||||
dividendProportion: [
|
||||
{ required: true, message: "分红比例不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
|
@ -467,18 +503,15 @@ export default {
|
|||
reset() {
|
||||
this.form = {
|
||||
userId: undefined,
|
||||
// deptId: undefined,
|
||||
userName: undefined,
|
||||
nickName: undefined,
|
||||
password: undefined,
|
||||
payPassword: undefined,
|
||||
phonenumber: undefined,
|
||||
email: undefined,
|
||||
sex: undefined,
|
||||
status: "0",
|
||||
remark: undefined,
|
||||
postIds: [],
|
||||
roleIds: []
|
||||
userType: undefined,
|
||||
serviceFeeProportion: 0,
|
||||
dividendStatus: "1",
|
||||
dividendProportion: 0,
|
||||
remark: undefined
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
|
@ -535,17 +568,6 @@ export default {
|
|||
});
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 绑定系统用户 */
|
||||
// handleBandSysUser(row){
|
||||
// this.reset();
|
||||
// const userId = row.userId || this.ids;
|
||||
// getSysUserList({userType:"00",pageSize:9999,pageNum:1}).then(response => {
|
||||
// this.sysUserOptions = response.rows;
|
||||
// this.form.userId = userId;
|
||||
// this.open2 = true;
|
||||
// this.title = "绑定系统用户";
|
||||
// });
|
||||
// },
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
|
|
@ -571,14 +593,23 @@ export default {
|
|||
submitForm: function() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.userId != undefined) {
|
||||
updateUser(this.form).then(response => {
|
||||
const submitData = { ...this.form };
|
||||
// 转换百分比为小数
|
||||
if (submitData.userType === '01') { // 商户
|
||||
submitData.serviceFeeProportion = submitData.serviceFeeProportion / 100;
|
||||
}
|
||||
if (submitData.userType === '05') { // 合伙人
|
||||
submitData.dividendProportion = submitData.dividendProportion / 100;
|
||||
}
|
||||
|
||||
if (submitData.userId != undefined) {
|
||||
updateUser(submitData).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addUser(this.form).then(response => {
|
||||
addUser(submitData).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
|
|
@ -629,6 +660,42 @@ export default {
|
|||
submitFileForm() {
|
||||
this.$refs.upload.submit();
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 过滤后的用户类型选项（排除超级管理员）
|
||||
filteredUserTypes() {
|
||||
return this.dict.type.ss_user_type.filter(item => item.value !== '09');
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.operation-btns {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
|
||||
.el-button {
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
min-width: 50px;
|
||||
|
||||
& + .el-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 确保表格行高自适应
|
||||
:deep(.el-table) {
|
||||
.el-table__row {
|
||||
.cell {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user