TreeData
/
cloud-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

master
陈思豪 2024-08-26 22:22:40 +08:00
parent 3d91e39aa8 2a97d9713c
commit 334c504a6e
14 changed files with 1031 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -40,7 +40,7 @@
"axios": "0.24.0",
"clipboard": "2.0.8",
"core-js": "3.25.3",
"echarts": "5.4.0",
"echarts": "^5.5.1",
"element-ui": "2.15.14",
"file-saver": "2.0.5",
"fuse.js": "6.4.3",

42
src/api/engine/engine.js
View File

@ -39,5 +39,47 @@ export function del(id){
}
//开启
export function onEngine(id){
return request({
url: "/engine/engine/onEngine/" + id,
method: "post",
data:id
})
}
//禁用
export function forbiddenEngine(id){
return request({
url: "/engine/engine/forbiddenEngine/" + id,
method: "post",
data:id
})
}
export function selectLevel(){
return request({
url: "/engine/level/selectLevelList",
method: "post"
})
}
// 查询规则引擎版本列表
export function getRuleEngineInfo(id) {
return request({
url: '/engine/engine/getRuleEngineInfo/' + id,
method: 'put'
})
}
// 通过id查询
export function findById(id) {
return request({
url: '/engine/engine/findById/' + id,
method: 'get'
})
}

32
src/api/port/port/index.js
View File

@ -6,3 +6,35 @@ export function getPhonePlace(tel) {
method: 'get'
})
}
export function findConnectorList(data) {
return request({
url: '/mart/connector/findConnectorList',
method: 'post',
data:data
})
}
export function addConnector(data) {
return request({
url: '/mart/connector/addConnector',
method: 'post',
data:data
})
}
export function getDeleteConnector(connectorId) {
return request({
url: '/mart/connector/getDeleteConnector?connectorId='+connectorId,
method: 'get'
})
}
export function updateConnector(data) {
return request({
url: '/mart/connector/updateConnector',
method: 'post',
data:data
})
}

9
src/api/system/user.js
View File

@ -89,6 +89,15 @@ export function changeUserStatus(userId, status) {
})
}
//对用户余额进行添加
export function addUserMoney(data) {
return request({
url: '/system/user/addUserMoney',
method: 'post',
data:data
})
}
// 查询用户个人信息
export function getUserProfile() {
return request({

57
src/api/version/version.js 100644
View File

@ -0,0 +1,57 @@
import request from '@/utils/request'
//查询规则引擎列表
export function list(data){
return request({
url: "/engine/version/list",
method: "get",
data:data
})
}
export function insert(data){
return request({
url: "/engine/version/insert",
method: "post",
data:data
})
}
// export function update(data){
// return request({
// url: "/engine/engine/update",
// method: "post",
// data:data
// })
// }
export function del(id){
return request({
url: "/engine/version/delete/" + id,
method: "post",
data:id
})
}
export function selectLevel(){
return request({
url: "/engine/level/selectLevelList",
method: "post"
})
}
// 查询规则引擎版本列表
export function getRuleEngineInfo(id) {
return request({
url: '/engine/engine/getRuleEngineInfo/' + id,
method: 'put'
})
}

246
src/views/engine/engine/index.vue
View File

@ -1,17 +1,17 @@
<template>
<div>
<el-form label-width="80px" :model="engine" :inline="true" class="demo-form-inline" size="small">
<el-form label-width="80px" :model="engineReq" :inline="true" class="demo-form-inline" size="small">
<el-form-item label="规则名称">
<el-input v-model="engine.name"></el-input>
<el-input v-model="engineReq.name"></el-input>
</el-form-item>
<el-form-item label="规则类型">
<el-input v-model="engine.type"></el-input>
<el-input v-model="engineReq.type"></el-input>
</el-form-item>
<el-form-item label="是否激活">
<el-input v-model="engine.isActivate"></el-input>
<el-input v-model="engineReq.isActivate"></el-input>
</el-form-item>
<el-form-item label="规则状态">
<el-input v-model="engine.status"></el-input>
<el-input v-model="engineReq.status"></el-input>
</el-form-item>
<el-button @click="select()">
查询
@ -26,46 +26,104 @@
v-hasPermi="['source:data:export']"
>导出
</el-button>
<!-- 添加按钮 /-->
<el-button
icon="el-icon-delete"
type="primary"
plain
icon="el-icon-plus"
size="mini"
type="danger"
@click="insert()"
@click="handleAdd"
v-hasPermi="['source:data:add']"
>新增
</el-button>
<el-dialog title="添加数据源接入" :visible.sync="dialogFormVisible" >
<el-form :model="engine">
<el-form-item label="接入源名称">
<el-input v-model="engine.id"></el-input>
<!-- 添加或修改规则引擎对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="12">
<el-form-item label="规则名称" prop="name">
<el-input v-model="form.name" placeholder="请输入规则名称"/>
</el-form-item>
<el-form-item label="数据来源系统名称">
<el-input v-model="engine.name"></el-input>
</el-col>
<el-col :span="12">
<el-form-item label="规则编码" prop="engineCode">
<el-input v-model="form.engineCode" placeholder="请输入规则编码"/>
</el-form-item>
<el-form-item label="主机地址">
<el-input v-model="engine.type"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="规则类型" prop="type">
<el-select v-model="form.type" placeholder="请选择规则类型" style="width: 100%">
<el-option
v-for="dict in dict.type.rule_engine_type"
:key="dict.value"
:label="dict.label"
:value="Number(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="主机端口">
<el-input v-model="engine.scope"></el-input>
</el-col>
<el-col :span="12">
<el-form-item label="规则级别" prop="scope">
<el-select v-model="form.scope" placeholder="请选择规则级别" style="width: 100%">
<el-option
v-for="dict in dict.type.rule_engine_level"
:key="dict.value"
:label="dict.label"
:value="Number(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据接入类型">
<el-input v-model="engine.engineCode"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否激活" prop="isActivate">
<el-radio-group v-model="form.isActivate">
<el-radio
v-for="dict in dict.type.rule_engine_activate_status"
:key="dict.value"
:label="dict.value"
>{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="数据库名称">
<el-input v-model="engine.isActivate"></el-input>
</el-col>
<el-col :span="12">
<el-form-item label="规则状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in dict.type.sys_normal_disable"
:key="dict.value"
:label="dict.value"
>{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="数据库用户">
<el-input v-model="engine.status"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="规则描述">
<editor v-model="form.description" :min-height="192"/>
</el-form-item>
<el-form-item label="数据库密码">
<el-input v-model="engine.description"></el-input>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-table :data="arr" style="width: 100%">
<el-table-column label="编号" prop="id"></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column>
@ -113,33 +171,18 @@
icon="el-icon-service"
size="mini"
type="text"
@click="handUpdate(scope.row.id)">规则维护</el-button>
@click="handleUpdate(scope.row)">修改规则配置</el-button>
<el-button
icon="el-icon-service"
size="mini"
type="text"
@click="engineRuleMaintenance(scope.row)">规则维护</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页-->
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@ -150,25 +193,16 @@
:total="total">
</el-pagination>
</div>
</template>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
import {insertAdd} from "@/api/etl/switch";
import {del, insert, selectEngineList, update} from "@/api/engine/engine";
export default {
name: "maintenance",
dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
@ -183,9 +217,36 @@ export default {
engine:{
},
title: "",
arr:[],
dialogFormVisible:false,
total:0
total:0,
form: {},
open:false,
// 表单校验
rules: {
name: [
{required: true, message: "规则名称不能为空", trigger: "blur"}
],
type: [
{required: true, message: "规则类型不能为空", trigger: "change"}
],
engineCode: [
{required: true, message: "规则编码不能为空", trigger: "blur"}
],
isActivate: [
{required: true, message: "是否激活不能为空", trigger: "change"}
],
status: [
{required: true, message: "规则状态不能为空", trigger: "change"}
],
createBy: [
{required: true, message: "创建者不能为空", trigger: "blur"}
],
createTime: [
{required: true, message: "创建时间不能为空", trigger: "blur"}
],
}
};
},
//计算属性 类似于data概念",
@ -204,13 +265,6 @@ export default {
this.engineReq.pageNum = val;
this.findSelectSourceList();
},
insert(){
this.dialogFormVisible = true
insert(this.engine).then(res =>{
this.$message.success(res.msg || "添加成功")
})
this.engine = {}
},
findSelectSourceList(){
selectEngineList(this.engineReq).then(res=>{
this.arr=res.data.list;
@ -218,22 +272,60 @@ export default {
})
},
handleDelete(id){
if (confirm("是否删除这条数据？")){
del(id).then(res =>{
//判断删除是否成功
this.$message.success(res.msg || "删除成功")
})
},
handUpdate(){
update(this.engine).then(res =>{
this.$message.success(res.msg || "修改成功")
})
}
},
findSelectSourceExport(){
this.download('engine/engine/export', {
...this.engineReq
}, `source_${new Date().getTime()}.xlsx`)
},
`source_${new Date().getTime()}.xlsx`)
},
select(){
this.findSelectSourceList();
},
/** 新增按钮操作 */
handleAdd() {
// this.reset();
this.open = true;
this.title = "添加规则引擎";
},
/** 修改按钮操作 */
handleUpdate(row) {
// this.reset();
this.form = row;
this.open = true;
this.title = "修改规则引擎";
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
update(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.findSelectSourceList();
this.open = false;
})
} else {
insert(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.findSelectSourceList();
this.open = false;
})
}
}
});
},
engineRuleMaintenance(row){
this.$router.push({
path:'list',
query:{id:row.id}
})
}
},
//生命周期 - 创建完成（可以访问当前this实例）",

111
src/views/engine/engine/list.vue 100644
View File

@ -0,0 +1,111 @@
<template>
<div>
<el-row :gutter="10">
<el-col :span="8" v-for="customer in scopeList" v-if="scopeList.length !== 0">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size: 18px;font-weight: 900">{{ customer.name }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.versionCode }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.isActivate }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.status }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.testStatus }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.ruleContent }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.engineMaintenanceId }}</span>
<span style="font-size: 18px;font-weight: 900">{{ customer.description }}</span>
</div>
<div>
<el-descriptions class="margin-top" :column="1" :size="size" border>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>版本名称</template>
{{ customer.name }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>版本编码</template>
{{ customer.versionClass }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>是否激活</template>
{{ customer.versionCode }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>版本状态</template>
{{ customer.isActivate }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>版本测试状态</template>
{{ customer.status }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>规则内容</template>
{{ customer.testStatus }}
</el-descriptions-item><el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>引擎维护编号</template>
{{ customer.ruleContent }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"><i class="el-icon-user"></i>描述</template>
{{ customer.engineMaintenanceId }}
</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">规则引擎版本</el-divider>
</div>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script>
import {findById, forbiddenEngine, getRuleEngineInfo, onEngine} from "@/api/engine/engine";
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {
scopeList: [],
maintenance:{}
}
},
methods: {
List(){
findById(this.maintenance.id).then(res =>{
this.scopeList = res.data;
console.log(this.scopeList)
})
},
handleStatusChange(row){
if (row.status === "Y"){
onEngine(row.id).then((res)=>{
this.$modal.msgSuccess("启用成功")
this.getList()
})
}else {
forbiddenEngine(row.id).then((res)=>{
this.$modal.msgSuccess("禁用成功")
this.getList()
})
}
},
},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
this.maintenance.id = this.$route.query.id
this.List();
}
}
</script>
<style scoped>
</style>

19
src/views/etl/switch/index.vue
View File

@ -77,27 +77,8 @@
<el-input v-model="sourceAddReq.connectionParams"></el-input>
</el-form-item>
<!-- <el-form-item label="初始化连接数量">-->
<!-- <el-input v-model="sourceAddReq.initLinkNum"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="最大连接数量">-->
<!-- <el-input v-model="sourceAddReq.maxLinkNum"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="最大等待时间">-->
<!-- <el-input v-model="sourceAddReq.maxWaitTime"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="最大等待次数">-->
<!-- <el-input v-model="sourceAddReq.maxWaitTimes"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="备注">-->
<!-- <el-input v-model="sourceAddReq.remark"></el-input>-->
<!-- </el-form-item>-->
</el-form>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>连接池配置</span>

19
src/views/money/pay/index.vue
View File

@ -2,8 +2,10 @@
<el-card class="box-card">
<ul class="msg-box">
<li>
<h4 style="margin-bottom: 15px;">充值说明</h4>
<h1 style="margin-bottom: 15px;">充值说明</h1>
<h4>你敢充钱,我就敢让你没钱</h4>
<h4>子龙说你得有个小目标</h4>
<h4>什么小目标,得一个亿</h4>
</li>
<li>
<h4 style="margin-bottom: 15px;">支付金额</h4>
@ -35,11 +37,13 @@
</template>
<script>
import { userRecharge } from "@/api/system/user";
import {addUserMoney, userRecharge} from "@/api/system/user";
export default {
data() {
return {
amountVal: '',
addSysUser: {},
disabled: false,
// 同步跳转页面地址
returnUrl: 'http://172.13.1.1/money/money',
@ -82,14 +86,14 @@ export default {
// 传递同步跳转地址
returnUrl: this.returnUrl,
// 商品名称
subject: '支付金额',
subject: '充值金额',
// 支付类型
productCode: 'FAST_INSTANT_TRADE_PAY'
}
userRecharge(praem).then(code => {
if (code.code === 200) {
// 支付方式跳转
this.$message.success('支付宝支付')
this.$message.success('支付宝支付跳转')
const payDiv = document.getElementById('payDiv');
if (payDiv) {
document.body.removeChild(payDiv);
@ -101,6 +105,13 @@ export default {
document.getElementById('payDiv').getElementsByTagName('form')[0].submit();
}
})
this.addSysUser.userBalance = this.rechargeParams.totalAmt;
let userId = localStorage.getItem('userId');
this.addSysUser.userId = userId;
addUserMoney(this.addSysUser).then(res => {
}).catch(error => {
console.error('Error updating user balance:', error);
});
}
},
// 获取当前日期的方法

143
src/views/money/user/index.vue
View File

@ -5,23 +5,69 @@
<p>余额：{{ userBalanceData.userBalance || '加载中...' }}</p>
<el-button type="primary" @click="navigateToRecharge">充值</el-button>
</el-card>
<el-card style="margin-top: 50px">
<!-- Form -->
<h1>余额预警</h1>
<el-button type="text" @click="dialogFormVisible = true">开启</el-button>
<el-dialog title="添加预警号码" :visible.sync="dialogFormVisible">
<el-divider style="color: #00afff">
<el-tag content-position="right" type="warning">
账户可用余额小于该值时,每天短信通知一次(最多连续提醒5天)
</el-tag>
</el-divider>
<el-form :model="form">
<el-form-item label="预警阈值：" :label-width="formLabelWidth">
<el-input v-model="form.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="预警号码：" :label-width="formLabelWidth">
<el-input v-model="form.phone" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
</div>
</el-dialog>
</el-card>
<el-card style="margin-top: 50px">
<div>
<!-- 装ECharts的容器 -->
<div id="main" style="width: 100%; height: 520px; background: #fff">
</div>
</div>
</el-card>
</div>
</template>
<script>
import { userBalance } from "@/api/system/user"; // 假设你的userBalance函数在@/api/money目录下
import { userBalance } from "@/api/system/user"; //
import * as echarts from 'echarts' //引用echarts
export default {
data() {
return {
charts: "",
dialogFormVisible: false,
formLabelWidth: '120px',
opinionData: ["155", "400", "900", "800", "300", "900", "270","684","165","0","300","150"], // 数据
userBalanceData: {
userBalance: '加载中...'
},
form:{
}
};
},
created() {
this.fetchUserBalance();
},
mounted() {
this.drawLine();
},
methods: {
navigateToRecharge() {
this.$router.push('/money/zfb');
@ -37,7 +83,7 @@ export default {
const response = await userBalance(userId);
if (response.data) {
console.log(response.data)
this.userBalanceData.userBalance = response.data; // 假设response.data直接返回了余额信息
this.userBalanceData.userBalance = response.data;
} else {
this.userBalanceData.userBalance = {userBalance: '获取失败'};
}
@ -46,6 +92,99 @@ export default {
console.error('Error fetching user balance:', error);
}
},
drawLine() {
// 初始化折线图
this.charts = echarts.init(document.getElementById('main'));
// 设置折线图数据和样式
this.charts.setOption({
title: {
left: "3%",
top: "5%",
text: "近12月消费趋势", // 自定义
},
tooltip: {
trigger: "axis",
},
legend: {
align: "right",
left: "3%",
top: "15%",
data: ["消费金额"], // 自定义
},
grid: {
top: "30%",
left: "5%",
right: "5%",
bottom: "5%",
containLabel: true,
},
toolbox: {
feature: {
saveAsImage: {},
},
},
// 自定义：设置x轴刻度
xAxis: {
type: "category",
boundaryGap: true,
axisTick: {
alignWithLabel: true,
},
// 自定义标签
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
},
// 自定义：设置y轴刻度
yAxis: {
type: "value",
boundaryGap: true,
splitNumber: 4,
interval: 250,
},
// 设置数据
series: [
{
name: "消费金额", // 自定义
type: "line",
stack: "总量", // 自定义
data: this.opinionData, // 自定义
areaStyle: {
color: {
type: "linear",
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: "rgb(255,200,213)",
},
{
offset: 1,
color: "#ffffff",
},
],
global: false,
},
},
itemStyle: {
color: "rgb(255,96,64)",
lineStyle: {
color: "rgb(255,96,64)",
},
},
},
],
});
},
},
};
</script>

4
src/views/pay/customer/index.vue
View File

@ -103,7 +103,9 @@
<el-descriptions class="margin-top" :column="1" :size="size" border>
<el-descriptions-item>
<template slot="label"><i class="el-icon-user"></i>客户名称</template>
<template slot="label">
<i class="el-icon-user"></i>
客户名称</template>
{{ customer.appName }}
</el-descriptions-item>
<el-descriptions-item>

316
src/views/port/port/index.vue
View File

@ -1,93 +1,221 @@
<template>
<div>
<el-row :gutter="12">
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>手机号查询归属地</span>
<el-button style="float: right; padding: 3px 0" @click="buyPhone">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="dialogFormVisible=true">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>IP查询归属地</span>
<el-button style="float: right; padding: 3px 0" @click="buyIp">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testIp">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>新闻头条</span>
<el-button style="float: right; padding: 3px 0" @click="buyNews">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testNews">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>气象预警</span>
<el-button style="float: right; padding: 3px 0" @click="buyWeather">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testWeather">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>生辰助手</span>
<el-button style="float: right; padding: 3px 0" @click="buyBirth">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testBirth">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>邮编查询</span>
<el-button style="float: right; padding: 3px 0" @click="buyPostcodd">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testPostcodd">测试</el-button>
</div>
</el-card>
</el-col>
</el-row>
<!-- 手机号查询归属地测试-->
<el-dialog title="手机号查询归属地" :visible.sync="dialogFormVisible">
<el-button icon="el-icon-plus" type="primary" size="mini" @click="dialogFormVisible=true">新增</el-button>
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
label="id"
width="100">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorId }}</span>
</template>
</el-table-column>
<el-table-column
label="接口名称"
width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorName }}</span>
</template>
</el-table-column>
<el-table-column
label="接口分类"
width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorSort }}</span>
</template>
</el-table-column>
<el-table-column
label="接口描述"
width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorDescribe }}</span>
</template>
</el-table-column>
<el-table-column
label="接口图片"
width="180">
<template slot-scope="scope">
<!-- <image-preview :src="scope.row.connectorPicture" width="50" height="50"/>-->
<el-image style="width: 100px; height: 100px" :src="scope.row.connectorPicture" :fit="fit"></el-image>
</template>
</el-table-column>
<el-table-column
label="公司"
width="150">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorCompany }}</span>
</template>
</el-table-column>
<el-table-column
label="更新时间"
width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorTime }}</span>
</template>
</el-table-column>
<el-table-column
label="剩余次数"
width="150">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorResidueDegree }}</span>
</template>
</el-table-column>
<el-table-column
label="购买次数"
width="150">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.connectorFrequency }}</span>
</template>
</el-table-column>
<el-table-column
label="状态"
width="180">
<template slot-scope="scope">
<span style="margin-left: 10px" v-if="scope.row.connectorStatus==0">审核中</span>
<span style="margin-left: 10px" v-if="scope.row.connectorStatus==1">审核通过</span>
<span style="margin-left: 10px" v-if="scope.row.connectorStatus==2">审核失败</span>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
icon="el-icon-pear"
size="mini"
@click="handleEdit(scope.row)">编辑</el-button>
<el-button
icon="el-icon-delete"
size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 新增接口-->
<el-dialog title="新增接口" :visible.sync="dialogFormVisible">
<el-form :model="form">
<el-form-item label="手机号" :label-width="formLabelWidth">
<el-input v-model="form.name" autocomplete="off"></el-input>
<el-form-item label="接口名称" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorName" autocomplete="off"></el-input>
</el-form-item>
<el-form-item :label-width="formLabelWidth">
<button @click="textPhone()">查询</button>
<el-form-item label="接口分类" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorSort" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="接口描述" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorDescribe" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="接口图片" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorPicture" autocomplete="off"></el-input>
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
</el-form-item>
<el-form-item label="公司" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorCompany" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="剩余次数" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorResidueDegree" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="购买次数" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorFrequency" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="addConnector">确 定</el-button>
</div>
</el-dialog>
<!-- 编辑接口-->
<el-dialog title="编辑接口" :visible.sync="dialogFormVisible1">
<el-form :model="formInline">
<el-form-item label="id" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorId" autocomplete="off" readonly></el-input>
</el-form-item>
<el-form-item label="接口名称" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorName" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="接口分类" :label-width="formLabelWidth">
<el-input v-model="formLabelAlign.connectorSort" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="接口描述" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorDescribe" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="接口图片" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorPicture" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="公司" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorCompany" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="剩余次数" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorResidueDegree" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="购买次数" :label-width="formLabelWidth">
<el-input v-model="formInline.connectorFrequency" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="状态" :label-width="formLabelWidth">
<el-select v-model="formInline.connectorStatus" placeholder="请审核">
<el-option label="审核中" value="0">审核中</el-option>
<el-option label="审核成功" value="1">审核成功</el-option>
<el-option label="审核失败" value="2">审核失败</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="updateConnector">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
import {getPhonePlace} from "@/api/port/port";
import {findConnectorList} from "@/api/port/port";
import {addConnector} from "@/api/port/port";
import {getDeleteConnector} from "@/api/port/port";
import {updateConnector} from "@/api/port/port";
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {
dialogFormVisible:false,
formInline:{},
form:{},
tableData:[],
formLabelAlign:{},
dialogFormVisible:false,
dialogFormVisible1:false,
};
},
//计算属性 类似于data概念",
@ -96,12 +224,45 @@ export default {
watch: {},
//方法集合",
methods: {
textPhone(){
alert(111);
updateConnector(){
updateConnector(this.formInline).then((res)=>{
alert(res.msg);
if (200==res.code){
this.findConnectorList();
this.dialogFormVisible1=false;
}
})
},
handleEdit(row){
this.formInline=row;
this.dialogFormVisible1=true;
},
handleDelete(row){
getDeleteConnector(row.connectorId).then((res)=>{
alert(res.msg);
if (200==res.code){
this.findConnectorList();
}
})
},
addConnector(){
addConnector(this.formLabelAlign).then((res)=>{
alert(res.msg);
if (200==res.code){
this.findConnectorList();
this.dialogFormVisible=false;
}
})
},
findConnectorList(){
findConnectorList(this.form).then((res)=>{
this.tableData=res.data;
})
}
},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
this.findConnectorList();
},
//生命周期 - 挂载完成（可以访问DOM元素）",
mounted() {
@ -123,24 +284,5 @@ export default {
};
</script>
<style scoped>
.text {
font-size: 14px;
}
.item {
margin-bottom: 18px;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both
}
.box-card {
width: 480px;
}
</style>

212
src/views/version/version/version.vue 100644
View File

@ -0,0 +1,212 @@
<template>
<div>
<!--条件查询-->
<el-form :model="version" >
<el-form-item label="版本编码" prop="pass">
<el-input type="text" v-model="version.versionCode" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="规则内容" prop="checkPass">
<el-input type="text" v-model="version.ruleContent" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="引擎维护编号" prop="checkPass">
<el-input type="text" v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm">查询</el-button>
</el-form-item>
</el-form>
<!-- 添加版本信息-->
<el-button type="text" @click="dialogFormVisible = true">添加版本信息</el-button>
<el-dialog title="添加信息" :visible.sync="dialogFormVisible">
<el-form :model="version">
<el-form-item label="版本类名" :label-width="formLabelWidth">
<el-input v-model="version.versionClass" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="版本名称" :label-width="formLabelWidth">
<el-input v-model="version.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="版本编码" :label-width="formLabelWidth">
<el-input v-model="version.versionCode" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="是否激活" :label-width="formLabelWidth">
<el-input v-model="version.isActivate" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="版本状态" :label-width="formLabelWidth">
<el-input v-model="version.status" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="版本测试状态" :label-width="formLabelWidth">
<el-input v-model="version.testStatus" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="规则内容" :label-width="formLabelWidth">
<el-input v-model="version.ruleContent" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="引擎维护编号" :label-width="formLabelWidth">
<el-input v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="描述" :label-width="formLabelWidth">
<el-input v-model="version.description" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="insert">确 定</el-button>
</div>
</el-dialog>
<!-- 列表-->
<el-table :data="arr" style="width: 100%">
<el-table-column label="编号" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.id }}</span>
</template>
</el-table-column>
<el-table-column label="版本类名" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.versionClass }}</span>
</template>
</el-table-column>
<el-table-column label="版本名称" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="版本编码" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.versionCode }}</span>
</template>
</el-table-column>
<el-table-column label="是否激活" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.isActivate }}</span>
</template>
</el-table-column>
<el-table-column label="版本状态" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.status }}</span>
</template>
</el-table-column>
<el-table-column label="版本测试状态" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.testStatus }}</span>
</template>
</el-table-column>
<el-table-column label="规则内容" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.ruleContent }}</span>
</template>
</el-table-column>
<el-table-column label="引擎维护编号" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.engineMaintenanceId }}</span>
</template>
</el-table-column>
<el-table-column label="描述" width="180">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.description }}</span>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import {list} from "@/api/version/version";
import {del, insert} from "@/api/version/version";
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {
arr:[],
version:{
},
dialogFormVisible:false,
formLabelWidth: '120px'
};
},
methods: {
List(){
list(this.version).then(res =>{
this.arr = res.data;
console.log(res)
console.log(this.arr)
})
},
submitForm(){
this.List();
},
insert(){
insert(this.version).then(res =>{
this.$message.success("添加成功");
})
this.dialogFormVisible=false;
},
handleDelete(id){
if (confirm("你确定删除吗?")){
del(id).then(res =>{
this.$message.success(res.msg || "删除成功")
})
}
}
},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
this.List();
}
}
</script>
<style scoped>
</style>

2
vue.config.js
View File

@ -38,7 +38,7 @@ module.exports = {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://172.13.1.1/prod-api`,
// target: `http://127.0.0.1/8080`,
// target: `http://127.0.0.1/8080`, `http://172.13.1.1/prod-api`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''