- 框架初始化
 - 安装插件
 - 修复PHP8.4报错
This commit is contained in:
2025-04-19 17:21:20 +08:00
commit c6a4e1f5f6
5306 changed files with 967782 additions and 0 deletions

View File

@@ -0,0 +1,29 @@
{include file="/shopro/common/script" /}
<div id="addEdit" class="area-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="pid">
<el-cascader class="sa-w-360" v-model="form.model.pid" :options="area.select" :props="{
label: 'name',
value: 'id',
checkStrictly: true,
emitPath: false,
}" clearable placeholder="请选择上级行政区"></el-cascader>
</el-form-item>
<el-form-item label="行政区ID" prop="id">
<el-input class="sa-w-360" v-model="form.model.id" placeholder="请输入行政区ID"></el-input>
</el-form-item>
<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>
</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>

View File

@@ -0,0 +1,108 @@
{include file="/shopro/common/script" /}
<style>
.area-index .sa-title .tip {
margin-left: 8px;
font-weight: 400;
font-size: 12px;
color: var(--sa-subfont);
}
.area-index .sa-title .tip a {
color: var(--sa-subfont);
text-decoration: underline;
}
.area-index .tree-header {
height: 40px;
padding-left: 20px;
background: var(--sa-table-header-bg);
}
.area-index .tree-content .el-tree-node__content {
height: 48px;
}
.area-index .tree-content .el-tree-node__label {
flex: 1;
}
.area-index .tree-header .left,
.area-index .tree-content .left {
flex: 1;
}
.area-index .tree-header .id,
.area-index .tree-content .id {
margin-right: 12px;
color: #999;
}
.area-index .tree-header .level,
.area-index .tree-header .oper,
.area-index .tree-content .level,
.area-index .tree-content .oper {
flex-shrink: 0;
width: 120px;
}
</style>
<div id="index" class="area-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-flex-wrap sa-row-between">
<div class="sa-title-left">
<div class="left-name">省市区</div>
<div class="tip">
数据来源:
<a href="http://www.stats.gov.cn/sj/tjbz/tjyqhdmhcxhfdm/2022/" target="_blank">
2022年国家统计局区划代码
</a>
更新时间2022-10-31
</div>
</div>
<div class="sa-title-right">
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
{if $auth->check('shopro/data/area/add')}
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
{/if}
</div>
</div>
</el-header>
<el-main class="sa-main">
<el-scrollbar height="100%">
<div class="tree-header sa-flex">
<div class="left">名称</div>
<div class="level">级别</div>
<div class="oper">操作</div>
</div>
<el-tree class="tree-content" :data="state.data" node-key="id" ref="accessTree">
<template #default="{ node, data }">
<div class="tree-item sa-flex">
<div class="left sa-flex">
<div class="id"> #{{ data.id }} </div>
<div class="name">{{ data.name }}</div>
</div>
<div class="level">
{{ data.level == 'province' ? '省级' : data.level == 'city' ? '市级' : '区级' }}
</div>
<div class="oper">
{if $auth->check('shopro/data/area/edit')}
<el-button type="primary" link @click.stop="onEdit(node.data.id)">编辑</el-button>
{/if}
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
title="确认删除这条记录?" @confirm="onDelete(node.data.id)">
<template #reference>
{if $auth->check('shopro/data/area/delete')}
<el-button type="danger" link @click.stop>删除</el-button>
{/if}
</template>
</el-popconfirm>
</div>
</div>
</template>
</el-tree>
</el-scrollbar>
</el-main>
</el-container>
</div>

View File

@@ -0,0 +1,19 @@
{include file="/shopro/common/script" /}
<div id="select" class="area-select" v-cloak>
<el-container class="panel-block">
<el-main>
<el-scrollbar height="100%">
<el-checkbox v-model="state.checkedAll" :indeterminate="isIndeterminate" label="全选" @change="onChange">
</el-checkbox>
<el-tree :data="state.data" node-key="id" show-checkbox :default-checked-keys="state.ids"
@check-change="onChangeCheck" ref="treeRef">
<template #default="{ data }">{{ data.name }}</template>
</el-tree>
</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>

View File

@@ -0,0 +1,24 @@
{include file="/shopro/common/script" /}
<div id="addEdit" class="express-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="code">
<el-input class="sa-w-360" v-model="form.model.code" placeholder="请输入快递编码"></el-input>
</el-form-item>
<el-form-item label="权重" prop="weigh">
<el-input class="sa-w-360" v-model="form.model.weigh" placeholder="请输入权重" type="number"></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>

View File

@@ -0,0 +1,77 @@
{include file="/shopro/common/script" /}
<div id="index" class="express-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>
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
</sa-filter-condition>
</div>
<div class="sa-title-right">
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
{if $auth->check('shopro/data/express/add')}
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
{/if}
</div>
</div>
<el-alert class="mb-3" type="warning">
<template #title>快递鸟所有快递公司列表,可以只保留自己需要的,删除多余的快递公司</template>
</el-alert>
</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="140">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.code || '-' }}
</div>
</template>
</el-table-column>
<el-table-column prop="weigh" label="权重" min-width="100" sortable="custom">
</el-table-column>
<el-table-column fixed="right" label="操作" min-width="120">
<template #default="scope">
{if $auth->check('shopro/data/express/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/express/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/express/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>

View File

@@ -0,0 +1,45 @@
{include file="/shopro/common/script" /}
<div id="addEdit" class="fake-user-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="avatar">
<sa-uploader v-model="form.model.avatar" fileType="image"></sa-uploader>
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input class="sa-w-360" v-model="form.model.username" placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input class="sa-w-360" v-model="form.model.nickname" placeholder="请输入用户昵称"></el-input>
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input class="sa-w-360" v-model="form.model.email" placeholder="请输入电子邮箱"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input class="sa-w-360" v-model="form.model.mobile" placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="用户密码">
<el-input class="sa-w-360" v-model="form.model.password" placeholder="不修改请留空"></el-input>
</el-form-item>
<el-form-item label="用户性别">
<el-radio-group v-model="form.model.gender">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="state.type == 'edit'" label="创建时间">
{{ form.model.createtime }}
</el-form-item>
<el-form-item v-if="state.type == 'edit'" label="更新时间">
{{ form.model.updatetime }}
</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>

View File

@@ -0,0 +1,96 @@
{include file="/shopro/common/script" /}
<div id="index" class="fake-user-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>
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
</sa-filter-condition>
</div>
<div class="sa-title-right">
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
{if $auth->check('shopro/data/fake_user/add')}
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
{/if}
{if $auth->check('shopro/data/fake_user/random')}
<el-button @click="onRandom">自动生成</el-button>
{/if}
</div>
</div>
<el-alert class="mb-3" type="warning">
<template #title>
<div>1、可作为虚拟成团时候的虚拟用户和虚拟评价时候的虚拟用户</div>
<div>2、添加完之后可修改虚拟用户信息不要轻易删除虚拟用户</div>
</template>
</el-alert>
</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="180">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.username || '-' }}
</div>
</template>
</el-table-column>
<el-table-column label="用户信息" min-width="180">
<template #default="scope">
<sa-user-profile :user="scope.row" :id="scope.row.id" />
</template>
</el-table-column>
<el-table-column label="电子邮箱" min-width="170">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.email || '-' }}
</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/fake_user/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/fake_user/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/fake_user/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>

View File

@@ -0,0 +1,18 @@
{include file="/shopro/common/script" /}
<div id="random" class="fake-user-random" 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="num">
<el-input v-model="form.model.num" placeholder="请输入生成虚拟人数" type="number" min="0"></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>

View File

@@ -0,0 +1,31 @@
{include file="/shopro/common/script" /}
<div id="select" class="fake-user-select" v-cloak>
<el-container class="panel-block">
<el-main>
<el-table height="100%" class="sa-table" :data="state.data" stripe>
<el-table-column prop="id" label="ID" min-width="90"> </el-table-column>
<el-table-column label="用户名" min-width="180">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.username || '-' }}
</div>
</template>
</el-table-column>
<el-table-column label="用户信息" min-width="180">
<template #default="scope">
<sa-user-profile :user="scope.row" :id="scope.row.id" />
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" min-width="120">
<template #default="scope">
<el-button type="primary" link @click="onSelect(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
</el-main>
<el-footer class="sa-footer sa-flex sa-row-right">
<sa-pagination class="is-ellipsis" v-model="pagination" @pagination-change="getData"></sa-pagination>
</el-footer>
</el-container>
</div>

View File

@@ -0,0 +1,28 @@
{include file="/shopro/common/script" /}
<div id="addEdit" class="faq-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="title">
<el-input class="sa-w-360" v-model="form.model.title" placeholder="请输入标题"></el-input>
</el-form-item>
<el-form-item label="内容" prop="content">
<el-input class="sa-w-360" type="textarea" v-model="form.model.content" placeholder="请输入内容">
</el-input>
</el-form-item>
<el-form-item label="状态" required>
<el-radio-group v-model="form.model.status">
<el-radio label="normal">正常</el-radio>
<el-radio label="hidden">隐藏</el-radio>
</el-radio-group>
</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>

View File

@@ -0,0 +1,97 @@
{include file="/shopro/common/script" /}
<div id="index" class="faq-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>
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
</sa-filter-condition>
</div>
<div class="sa-title-right">
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
{if $auth->check('shopro/data/faq/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="100">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.title || '-' }}
</div>
</template>
</el-table-column>
<el-table-column label="内容" min-width="140">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.content || '-' }}
</div>
</template>
</el-table-column>
<el-table-column label="状态" min-width="100">
<template #default="scope">
<el-tag :type="scope.row.status == 'normal' ? 'success' : 'info'">
{{ scope.row.status_text }}
</el-tag>
</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/faq/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/faq/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/faq/delete')}
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
</el-button>
{/if}
{if $auth->check('shopro/data/faq/edit')}
<el-button type="success" :disabled="!batchHandle.data.length" @click="onBatchHandle('normal')">正常
</el-button>
{/if}
{if $auth->check('shopro/data/faq/edit')}
<el-button type="info" :disabled="!batchHandle.data.length" @click="onBatchHandle('hidden')">隐藏
</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>

View 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>

View 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>

View 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>

View File

@@ -0,0 +1,23 @@
{include file="/shopro/common/script" /}
<div id="addEdit" class="richtext-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="title">
<el-input class="sa-w-360" v-model="form.model.title" placeholder="请输入标题"></el-input>
</el-form-item>
<el-form-item label="内容" prop="content">
<form role="form">
<textarea id="richtextContent" class="editor"></textarea>
</form>
</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>

View File

@@ -0,0 +1,75 @@
{include file="/shopro/common/script" /}
<div id="index" class="richtext-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>
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
</sa-filter-condition>
</div>
<div class="sa-title-right">
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
{if $auth->check('shopro/data/richtext/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="120">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.title || '-' }}
</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/richtext/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/richtext/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/richtext/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>

View File

@@ -0,0 +1,43 @@
{include file="/shopro/common/script" /}
<div id="select" class="richtext-select" v-cloak>
<el-container class="panel-block">
<el-header>
<div class="sa-title sa-flex sa-row-right">
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
</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="120">
<template #default="scope">
<div class="sa-table-line-1">
{{ scope.row.title || '-' }}
</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">
<el-button type="primary" link @click="onSelect(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
</el-main>
<el-footer class="sa-footer sa-flex sa-row-right sa-flex-wrap">
<sa-pagination class="is-ellipsis" v-model="pagination" @pagination-change="getData"></sa-pagination>
</el-footer>
</el-container>
</div>