lkddi/nexusphp
1
0
Fork 0
mirror of https://github.com/lkddi/nexusphp.git synced 2026-06-24 00:07:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

reset-admin

Browse Source
This commit is contained in:
xiaomlove
2021-04-21 19:54:50 +08:00
parent beb3a49bf2
commit 959db3cff2
139 changed files with 124 additions and 133052 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/src/views/agent-allow/form.vue
-218
View File
@@ -1,218 +0,0 @@
<template>
<div class="add">
<el-card class="add-container">
<el-form :model="goodForm" :rules="rules" ref="goodRef" class="goodForm" label-width="150px" style="width: 50%">
<el-form-item label="系列" prop="family">
<el-input type="text" v-model="goodForm.family" placeholder=""></el-input>
</el-form-item>
<el-form-item label="起始名称" prop="start_name">
<el-input type="text" v-model="goodForm.start_name" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Agent 起始" prop="agent_start">
<el-input type="text" v-model="goodForm.agent_start" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Agent 模式串" prop="agent_pattern">
<el-input type="text" v-model="goodForm.agent_pattern" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Agent 匹配次数" prop="agent_match_num">
<el-input type="number" min="0" v-model="goodForm.agent_match_num" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Agent 匹配类型" prop="agent_matchtype">
<el-radio v-model="goodForm.agent_matchtype" label="dec">十进制</el-radio>
<el-radio v-model="goodForm.agent_matchtype" label="hex">十六进制</el-radio>
</el-form-item>
<el-form-item label="Peer ID 起始" prop="peer_id_start">
<el-input type="text" v-model="goodForm.peer_id_start" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Peer ID 模式串" prop="peer_id_pattern">
<el-input type="text" v-model="goodForm.peer_id_pattern" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Peer ID 匹配次数" prop="peer_id_match_num">
<el-input type="number" min="0" v-model="goodForm.peer_id_match_num" placeholder=""></el-input>
</el-form-item>
<el-form-item label="Peer ID 匹配类型" prop="peer_id_matchtype">
<el-radio v-model="goodForm.peer_id_matchtype" label="dec">十进制</el-radio>
<el-radio v-model="goodForm.peer_id_matchtype" label="hex">十六进制</el-radio>
</el-form-item>
<el-form-item label="排除部分" prop="exception">
<el-radio v-model="goodForm.exception" label="yes">是</el-radio>
<el-radio v-model="goodForm.exception" label="no">否</el-radio>
</el-form-item>
<el-form-item label="允许 https" prop="allowhttps">
<el-radio v-model="goodForm.allowhttps" label="yes">是</el-radio>
<el-radio v-model="goodForm.allowhttps" label="no">否</el-radio>
</el-form-item>
<el-form-item label="备注">
<el-input type="textarea" v-model="goodForm.comment" placeholder=""></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitAdd()">{{ id ? '立即修改' : '立即创建' }}</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<script>
import { reactive, ref, toRefs, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
import WangEditor from 'wangeditor'
import axios from '@/utils/axios'
import api from '@/utils/api'
import { ElMessage } from 'element-plus'
import { useRoute, useRouter } from 'vue-router'
import { localGet, uploadImgServer, uploadImgsServer, hasEmoji } from '@/utils'
export default {
setup() {
const { proxy } = getCurrentInstance()
console.log('proxy', proxy)
const editor = ref(null)
const goodRef = ref(null)
const route = useRoute()
const router = useRouter()
const { id } = route.query
const state = reactive({
uploadImgServer,
token: localGet('token') || '',
id: id,
defaultCate: '',
goodForm: {
family: '',
start_name: '',
peer_id_pattern: '',
peer_id_match_num: '',
peer_id_matchtype: '',
peer_id_start: '',
agent_pattern: '',
agent_match_num: '',
agent_matchtype: '',
agent_start: '',
exception: '',
allowhttps: '',
comment: ''
},
rules: {
family: [
{ required: 'true' }
],
start_name: [
{ required: 'true'}
],
peer_id_pattern: [
{ required: 'true' }
],
peer_id_match_num: [
{ required: 'true' }
],
peer_id_matchtype: [
{ required: 'true' }
],
peer_id_start: [
{ required: 'true' }
],
agent_pattern: [
{ required: 'true' }
],
agent_match_num: [
{ required: 'true' }
],
agent_matchtype: [
{ required: 'true' }
],
agent_start: [
{ required: 'true' }
],
exception: [
{ required: 'true' }
],
allowhttps: [
{ required: 'true' }
],
comment: [
{ required: 'true' }
]
},
})
onMounted(() => {
if (id) {
getAgentAllow(id)
}
})
onBeforeUnmount(() => {
})
const getAgentAllow = (id) => {
api.getAllowAgent(id).then(res => {
state.goodForm = res
console.log(res, state.goodForm)
})
}
const submitAdd = () => {
goodRef.value.validate((vaild) => {
console.log("valid", vaild)
if (vaild) {
// 默认新增用 post 方法
let params = state.goodForm
let res
console.log('params', params)
if (id) {
res = api.updateAllowAgent(id, params)
} else {
res = api.storeAllowAgent(params)
}
ElMessage.success(id ? '修改成功' : '添加成功')
router.push({ path: '/agent-allow' })
}
})
}
const handleBeforeUpload = (file) => {
const sufix = file.name.split('.')[1] || ''
if (!['jpg', 'jpeg', 'png'].includes(sufix)) {
ElMessage.error('请上传 jpg、jpeg、png 格式的图片')
return false
}
}
const handleUrlSuccess = (val) => {
state.goodForm.goodsCoverImg = val.data || ''
}
const handleChangeCate = (val) => {
state.categoryId = val[2] || 0
}
return {
...toRefs(state),
goodRef,
submitAdd,
handleBeforeUpload,
handleUrlSuccess,
editor,
handleChangeCate
}
}
}
</script>
<style scoped>
.add {
display: flex;
}
.add-container {
flex: 1;
height: 100%;
}
.avatar-uploader {
width: 100px;
height: 100px;
color: #ddd;
font-size: 30px;
}
.avatar-uploader-icon {
display: block;
width: 100%;
height: 100%;
border: 1px solid #e9e9e9;
padding: 32px 17px;
}
</style>
admin/src/views/agent-allow/index.vue
-222
View File
@@ -1,222 +0,0 @@
<template>
<el-card class="swiper-container">
<template #header>
<div class="header">
<el-button type="primary" size="small" icon="el-icon-plus" @click="handleAdd">增加</el-button>
<!-- <el-popconfirm-->
<!-- title="确定删除吗？"-->
<!-- @confirm="handleDelete"-->
<!-- >-->
<!-- <template #reference>-->
<!-- <el-button type="danger" size="small" icon="el-icon-delete">批量删除</el-button>-->
<!-- </template>-->
<!-- </el-popconfirm>-->
</div>
</template>
<el-table
v-loading="loading"
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
>
</el-table-column>
<el-table-column
label="ID"
prop="id"
width="60"
>
</el-table-column>
<el-table-column
label="系列"
prop="family"
>
</el-table-column>
<el-table-column
label="Agent 起始"
prop="agent_start"
>
</el-table-column>
<el-table-column
label="Agent 模式串"
prop="agent_pattern"
></el-table-column>
<el-table-column
label="Agent 匹配次数"
prop="agent_match_num"
width="80px"
></el-table-column>
<el-table-column
prop="peer_id_start"
label="Peer ID 起始"
>
</el-table-column>
<el-table-column
prop="peer_id_pattern"
label="Peer ID 模式串"
>
</el-table-column>
<el-table-column
label="Peer ID 匹配次数"
prop="peer_id_match_num"
width="80px"
></el-table-column>
<el-table-column
label="操作"
width="100"
>
<template #default="scope">
<a style="cursor: pointer; margin-right: 10px" @click="handleEdit(scope.row.id)">修改</a>
<el-popconfirm
title="确定删除吗？"
@confirm="handleDeleteOne(scope.row.id)"
>
<template #reference>
<a style="cursor: pointer">删除</a>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!--总数超过一页，再展示分页器-->
<el-pagination
background
layout="prev, pager, next"
:total="total"
:page-size="pageSize"
:current-page="currentPage"
@current-change="changePage"
/>
</el-card>
</template>
<script>
import { onMounted, reactive, ref, toRefs } from 'vue'
import { ElMessage } from 'element-plus'
import { useRouter } from 'vue-router'
import AgentAllowForm from './form.vue'
import axios from '@/utils/axios'
import api from '@/utils/api'
export default {
name: 'Swiper',
components: {
},
setup() {
const router = useRouter()
const multipleTable = ref(null)
const addGood = ref(null)
const state = reactive({
loading: false,
tableData: [], // 数据列表
multipleSelection: [], // 选中项
total: 0, // 总条数
currentPage: 1, // 当前页
pageSize: 10, // 分页大小
type: 'add', // 操作类型
})
onMounted(() => {
// getCarousels()
listAgentAllow()
})
// 获取轮播图列表
const getCarousels = () => {
// state.loading = true
// axios.get('/carousels', {
// params: {
// pageNumber: state.currentPage,
// pageSize: state.pageSize
// }
// }).then(res => {
// state.tableData = res.list
// state.total = res.totalCount
// state.currentPage = res.currPage
// state.loading = false
// })
}
const listAgentAllow = () => {
state.loading = true
api.listAllowAgent({page: state.currentPage}).then(res => {
state.tableData = res.data
state.total = res.meta.total
state.currentPage = res.meta.current_page
state.pageSize = res.meta.per_page
state.loading = false
})
}
// 添加轮播项
const handleAdd = () => {
state.type = 'add'
// addGood.value.open()
router.push({
name: "agent-allow-form"
})
}
// 修改轮播图
const handleEdit = (id) => {
console.log("id", id)
router.push({
name: "agent-allow-form",
query: {id: id}
})
}
// 选择项
const handleSelectionChange = (val) => {
state.multipleSelection = val
}
// 批量删除
const handleDelete = () => {
if (!state.multipleSelection.length) {
ElMessage.error('请选择项')
return
}
axios.delete('/carousels', {
data: {
ids: state.multipleSelection.map(i => i.carouselId)
}
}).then(() => {
ElMessage.success('删除成功')
getCarousels()
})
}
// 单个删除
const handleDeleteOne = (id) => {
api.deleteAllowAgent(id).then(() => {
ElMessage.success('删除成功')
listAgentAllow()
})
}
const changePage = (val) => {
state.currentPage = val
listAgentAllow()
}
return {
...toRefs(state),
multipleTable,
handleSelectionChange,
addGood,
handleAdd,
handleEdit,
handleDelete,
handleDeleteOne,
getCarousels,
changePage
}
}
}
</script>
<style scoped>
.swiper-container {
min-height: 100%;
}
.el-card.is-always-shadow {
min-height: 100%!important;
}
</style>