<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
<script>
|
$(function () {
|
$(".el-sub-menu__title").hover(function () {
|
$(this).addClass('hovercurrent');
|
}, function () {
|
$(this).removeClass('hovercurrent');
|
});
|
});
|
</script>
|
<style>
|
.gap-4 {
|
grid-gap: 1rem;
|
gap: 1rem;
|
}
|
|
.flex-wrap {
|
flex-wrap: wrap;
|
}
|
|
.flex {
|
display: flex;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="{$guide.one.text}" two_word="{$guide.two.text}" />
|
</el-header>
|
<el-main>
|
<div class="flex-wrap gap-4">
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>平台列表</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="createPlatform(-1)">添加</el-link>
|
</div>
|
</template>
|
|
<el-table :data="platformList" border style="width: 100%">
|
<el-table-column label="平台名称" prop="docking_platform_name"></el-table-column>
|
<el-table-column label="平台编码" prop="cate_code" align="center"></el-table-column>
|
<el-table-column label="排序" prop="order_id" align="center" width="80"></el-table-column>
|
<el-table-column label="操作选项" width="160" align="center" fixed="right">
|
<template #default="scope">
|
<el-button size="small" type="primary" @click="createPlatform(scope.$index)">编辑</el-button>
|
<el-button size="small" @click="setOne(scope.$index)">管理下级</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</el-card>
|
</el-col>
|
<el-col :span="6">
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>一级分类列表</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="createOne(-1)">添加</el-link>
|
</div>
|
</template>
|
|
<el-table :data="oneList" border style="width: 100%">
|
<el-table-column label="一级分类名称" prop="cate_name"></el-table-column>
|
<el-table-column label="一级分类编码" prop="cate_code" align="center"></el-table-column>
|
|
<el-table-column label="排序" prop="order_id" align="center" width="80"></el-table-column>
|
<el-table-column label="操作选项" width="160" align="center" fixed="right">
|
<template #default="scope">
|
<el-button size="small" type="primary" @click="createOne(scope.$index)">编辑</el-button>
|
<el-button size="small" @click="setTwo(scope.$index)">管理下级</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</el-card>
|
</el-col>
|
<el-col :span="6">
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>二级分类列表</span>
|
<template v-if="oneList[currOneIndex]">({{oneList[currOneIndex].cate_name}})</template>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="createTwo(-1)">添加</el-link>
|
</div>
|
</template>
|
|
<el-table :data="twoList" border style="width: 100%">
|
<el-table-column label="二级分类名称" prop="cate_name">
|
<template #default="scope">
|
{{scope.row.cate_name}}
|
</template>
|
</el-table-column>
|
<el-table-column label="二级分类编码" prop="cate_code" align="center"></el-table-column>
|
|
<el-table-column label="排序" prop="order_id" align="center" width="80"></el-table-column>
|
<el-table-column label="操作选项" width="160" align="center" fixed="right">
|
<template #default="scope">
|
<el-button size="small" type="primary" @click="createTwo(scope.$index)">编辑</el-button>
|
<el-button size="small" @click="setThree(scope.$index)">管理下级</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</el-card>
|
</el-col>
|
<el-col :span="6">
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>三级分类列表</span>
|
<template v-if="oneList[currOneIndex]">
|
({{oneList[currOneIndex].cate_name}}
|
<template v-if="twoList[currTwoIndex]">/{{twoList[currTwoIndex].cate_name}})</template>
|
</template>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="createThree(-1)">添加</el-link>
|
</div>
|
</template>
|
|
<el-table :data="threeList" border style="width: 100%">
|
<el-table-column label="三级分类名称" prop="cate_name"></el-table-column>
|
<el-table-column label="三级分类编码" prop="cate_code" align="center"></el-table-column>
|
<el-table-column label="排序" prop="order_id" align="center" width="80"></el-table-column>
|
<el-table-column label="操作选项" width="100" align="center" fixed="right">
|
<template #default="scope">
|
<el-button size="small" type="primary" @click="createThree(scope.$index)">编辑</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</el-card>
|
</el-col>
|
</el-row>
|
|
|
|
</div>
|
</el-main>
|
|
</el-container>
|
</el-container>
|
|
|
<el-dialog :title="createPlatformTitle" v-model="dialogVisible.platform" :show-close="true" :before-close="platformCloseForm" width="600px">
|
<el-form :rules="platformRules" ref="platformForm" :model="platformForm" label-width="150px">
|
<el-form-item label="对接平台名称" prop="docking_platform_name">
|
<el-input v-model="platformForm.docking_platform_name" placeholder="请输入对接平台名称" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item label="平台编码" prop="cate_code">
|
<el-input v-model="platformForm.cate_code" placeholder="请输入平台编码" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="platformForm.id>0" label="排序值">
|
<el-input-number v-model="platformForm.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
|
<el-button type="primary" :loading="ifsubmit" @click="savePlatform">
|
<span v-if="!ifsubmit">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button><el-button @click="platformCloseForm">取消</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
|
<!-- 添加一级分类 -->
|
|
<el-dialog :title="createOneTitle" v-model="dialogVisible.one" :show-close="true" :before-close="oneCloseForm" width="600px">
|
<el-form :rules="oneRules" ref="oneForm" :model="oneForm" label-width="100px">
|
<el-form-item label="分类名称" prop="cate_name">
|
<el-input v-model="oneForm.cate_name" placeholder="请输入分类名称" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item label="分类编码" prop="cate_code">
|
<el-input v-model="oneForm.cate_code" placeholder="请输入分类编码" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="oneForm.id>0" label="排序值">
|
<el-input-number v-model="oneForm.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
|
<el-button type="primary" :loading="ifsubmit" @click="saveOne">
|
<span v-if="!ifsubmit">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button><el-button @click="oneCloseForm">取消</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
<!-- 添加二级分类 -->
|
<el-dialog :title="createTwoTitle" v-model="dialogVisible.two" :show-close="true" :before-close="twoCloseForm" width="600px">
|
<el-form :rules="twoRules" ref="twoForm" :model="twoForm" label-width="100px">
|
<el-form-item label="分类名称" prop="cate_name">
|
<el-input v-model="twoForm.cate_name" placeholder="请输入分类名称" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item label="分类编码" prop="cate_code">
|
<el-input v-model="twoForm.cate_code" placeholder="请输入分类编码" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="twoForm.id>0" label="排序值">
|
<el-input-number v-model="twoForm.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" :loading="ifsubmit" @click="saveTwo">
|
<span v-if="!ifsubmit">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button><el-button @click="twoCloseForm">取消</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
<!-- 添加三级分类 -->
|
<el-dialog :title="createThreeTitle" v-model="dialogVisible.three" :show-close="true" :before-close="threeCloseForm" width="600px">
|
<el-form :rules="threeRules" ref="threeForm" :model="threeForm" label-width="100px">
|
<el-form-item label="分类名称" prop="cate_name">
|
<el-input v-model="threeForm.cate_name" placeholder="请输入分类名称" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item label="分类编码" prop="cate_code">
|
<el-input v-model="threeForm.cate_code" placeholder="请输入分类编码" style="width: 300px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="threeForm.id>0" label="排序值">
|
<el-input-number v-model="threeForm.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" :loading="ifsubmit" @click="saveThree">
|
<span v-if="!ifsubmit">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button><el-button @click="threeCloseForm">取消</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script language="JavaScript">
|
const viewPath = '{$viewPath}';
|
</script>
|
<script src="/static/admin/js/category/index.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
</html>
|
