init
- 框架初始化 - 安装插件 - 修复PHP8.4报错
This commit is contained in:
24
application/admin/view/shopro/data/page/add.html
Normal file
24
application/admin/view/shopro/data/page/add.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="addEdit" class="page-form" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-main>
|
||||
<el-scrollbar height="100%">
|
||||
<el-form :model="form.model" :rules="form.rules" ref="formRef" label-width="100px">
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input class="sa-w-360" v-model="form.model.name" placeholder="请输入名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="路径" prop="path">
|
||||
<el-input class="sa-w-360" v-model="form.model.path" placeholder="请输入路径"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="分组" prop="group">
|
||||
<el-input class="sa-w-360" v-model="form.model.group" placeholder="请输入分组"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer--submit sa-flex sa-row-right">
|
||||
<el-button type="primary" @click="onConfirm">确定</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</div>
|
||||
86
application/admin/view/shopro/data/page/index.html
Normal file
86
application/admin/view/shopro/data/page/index.html
Normal file
@@ -0,0 +1,86 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="index" class="page-index panel panel-default panel-intro" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header class="sa-header">
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div class="sa-title-left">
|
||||
<div class="left-name">页面链接</div>
|
||||
</div>
|
||||
<div class="sa-title-right">
|
||||
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
|
||||
{if $auth->check('shopro/data/page/add')}
|
||||
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="sa-main">
|
||||
<el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
|
||||
@sort-change="onChangeSort">
|
||||
<el-table-column type="selection" width="48" align="center"></el-table-column>
|
||||
<el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
|
||||
<el-table-column label="名称" min-width="200">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.name || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="路径" min-width="340">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.path || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="分组" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.group || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.createtime || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="更新时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.updatetime || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
{if $auth->check('shopro/data/page/edit')}
|
||||
<el-button type="primary" link @click="onEdit(scope.row.id)">编辑</el-button>
|
||||
{/if}
|
||||
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
|
||||
title="确认删除这条记录?" @confirm="onDelete(scope.row.id)">
|
||||
<template #reference>
|
||||
{if $auth->check('shopro/data/page/delete')}
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
{/if}
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
|
||||
<div class="sa-batch sa-flex">
|
||||
<div class="tip">
|
||||
已选择 <span>{{batchHandle.data.length}}</span> 项</div>
|
||||
<div class="sa-flex">
|
||||
{if $auth->check('shopro/data/page/delete')}
|
||||
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
|
||||
</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
<sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
|
||||
</div>
|
||||
123
application/admin/view/shopro/data/page/select.html
Normal file
123
application/admin/view/shopro/data/page/select.html
Normal file
@@ -0,0 +1,123 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<style>
|
||||
.page-select .page-select-main {
|
||||
--el-main-padding: 0;
|
||||
}
|
||||
|
||||
.page-select .el-aside {
|
||||
--el-aside-width: 140px;
|
||||
border-right: 1px solid var(--sa-border);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.page-select .top {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-select .group .name {
|
||||
margin: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.page-select .group .link {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.page-select .group .link .item {
|
||||
padding: 0 16px;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid var(--sa-border);
|
||||
border-radius: 4px;
|
||||
margin: 0 12px 12px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--sa-font);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.page-select .group .link .item:hover {
|
||||
color: var(--el-color-primary);
|
||||
background: var(--t-bg-hover);
|
||||
}
|
||||
|
||||
.page-select .group .link .item.item-active {
|
||||
color: var(--el-color-primary);
|
||||
background: var(--t-bg-active);
|
||||
}
|
||||
|
||||
.page-select .left .group {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--sa-subtitle);
|
||||
margin-bottom: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.page-select .left .group:hover {
|
||||
color: var(--el-color-primary);
|
||||
background: var(--t-bg-hover);
|
||||
}
|
||||
|
||||
.page-select .left .group.is-active {
|
||||
color: var(--el-color-primary);
|
||||
background: var(--t-bg-active);
|
||||
}
|
||||
|
||||
.page-select .right .name {
|
||||
line-height: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--sa-subtitle);
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.page-select .right-group .link {
|
||||
border-bottom: 1px dashed var(--sa-border);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="select" class="page-select" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-main class="page-select-main">
|
||||
<el-container class="top">
|
||||
<el-aside>
|
||||
<el-scrollbar class="left" height="100%">
|
||||
<div class="group" :class="state.currentIndex == i ? 'is-active' : ''"
|
||||
v-for="(g, i) in state.data" :key="g" @click.stop="onChangeIndex(i)">
|
||||
<div class="name">{{ g.group }}</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<el-scrollbar class="right" ref="rightScrollRef" height="100%" @scroll="onRightScroll">
|
||||
<div class="group right-group" :ref="(el) => setRightRef(el, g, i)" v-for="(g, i) in state.data"
|
||||
:key="g">
|
||||
<div class="name">{{ g.group }}</div>
|
||||
<div class="link sa-flex sa-flex-wrap">
|
||||
<template v-for="l in g.children" :key="l">
|
||||
<el-popover popper-class="sa-popper" trigger="hover" :content="l.path">
|
||||
<template #reference>
|
||||
<div class="item" :class="state.selected.id == l.id ? 'item-active' : ''"
|
||||
@click="onSelect(l)">
|
||||
{{ l.name }}
|
||||
</div>
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer--submit sa-flex sa-row-right">
|
||||
<el-button type="primary" @click="onConfirm">确定</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</div>
|
||||
Reference in New Issue
Block a user