duxianjin..
/
qn-sim-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat : 开发通道管理 基础卡管理 卡出库管理（卡出库未协商）

confidence
杜贤金 3 years ago
parent
e228b3aa33
commit
89826add80
10 changed files with 1628 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 49
      src/api/communication/basiccard.js
  2. 49
      src/api/communication/channel.js
  3. 48
      src/api/communication/outbound.js
  4. 2
      src/config/website.js
  5. 326
      src/views/communicationmanage/basiccard/basiccard.vue
  6. 235
      src/views/communicationmanage/channel/channel.vue
  7. 285
      src/views/communicationmanage/outbound/outbound.vue
  8. 322
      src/views/test.vue
  9. 329
      src/views/util/test.vue
  10. 2
      src/views/wel/component/Administrator.vue

49
src/api/communication/basiccard.js
Unescape View File

@ -0,0 +1,49 @@
import request from '@/router/axios';
//列表
export const getList = (current, size, params) => {
return request({
url: '/api/iot-sim/simcard/page',
method: 'get',
params: {
...params,
current,
size,
}
})
}
export const getDetail = (id) => {
return request({
url: '/api/iot-sim/simcard/detail',
method: 'get',
params: {
id
}
})
}
//新增
export const add = (row) => {
return request({
url: '/api/iot-sim/simcard/save',
method: 'post',
data: row
})
}
//删除
export const remove = (ids) => {
return request({
url: '/api/iot-sim/simcard/remove',
method: 'post',
params: {
ids,
}
})
}
//修改
export const update = (row) => {
return request({
url: '/api/iot-sim/simcard/update',
method: 'post',
data: row
})
}

49
src/api/communication/channel.js
Unescape View File

@ -0,0 +1,49 @@
import request from '@/router/axios';
//列表
export const getList = (current, size, params) => {
return request({
url: '/api/iot-sim/channel/page',
method: 'get',
params: {
...params,
current,
size,
}
})
}
export const getDetail = (id) => {
return request({
url: '/api/iot-sim/channel/detail',
method: 'get',
params: {
id
}
})
}
//新增
export const add = (row) => {
return request({
url: '/api/iot-sim/channel/save',
method: 'post',
data: row
})
}
//删除
export const remove = (ids) => {
return request({
url: '/api/iot-sim/channel/remove',
method: 'post',
params: {
ids,
}
})
}
//修改
export const update = (row) => {
return request({
url: '/api/iot-sim/channel/update',
method: 'post',
data: row
})
}

48
src/api/communication/outbound.js
Unescape View File

@ -0,0 +1,48 @@
import request from '@/router/axios';
//列表
export const getList = (current, size, params) => {
return request({
url: '/api/iot-sim/channel/page',
method: 'get',
params: {
...params,
current,
size,
}
})
}
export const getDetail = (id) => {
return request({
url: '/api/iot-sim/simcarddeliver/detail',
method: 'get',
params: {
id
}
})
}
//新增
export const add = (row) => {
return request({
url: '/api/iot-sim/simcarddeliver/save',
method: 'post',
data: row
})
}
//删除
export const remove = (id) => {
return request({
url: '/api/iot-sim/simcarddeliver/remove',
method: 'post',
params: {
id,
}
})
}
//修改
export const update = (row) => {
return request({
url: '/api/iot-sim/simcarddeliver/update',
method: 'post',
data: row
})
}

2
src/config/website.js
Unescape View File

@ -5,7 +5,7 @@ export default {
title: "saber", title: "saber",
logo: "S", logo: "S",
key: 'saber',//配置主键,目前用于存储 key: 'saber',//配置主键,目前用于存储
indexTitle: '大数据服务平台', indexTitle: '物联网平台',
clientId: 'falcon', // 客户端id clientId: 'falcon', // 客户端id
clientSecret: 'falcon_secret', // 客户端密钥 clientSecret: 'falcon_secret', // 客户端密钥
tenantMode: true, // 是否开启租户模式 tenantMode: true, // 是否开启租户模式

326
src/views/communicationmanage/basiccard/basiccard.vue
Unescape View File

@ -0,0 +1,326 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
</avue-crud>
</basic-container>
</template>
<script>
import {
getList,
add,
getDetail,
remove,
update,
} from "@/api/communication/basiccard";
import { mapGetters } from "vuex";
export default {
data() {
return {
form: {},
query: {},
loading: false,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
addBtn: true,
viewBtn: true,
delBtn: true,
columnBtn: false,
selection: false,
dialogClickModal: false,
dialogWidth: "60%",
column: [
{
label: "通道名称",
prop: "channelId",
dataType: "number",
type: "select",
span: 12,
labelWidth: 130,
search: true,
dicUrl: "/api/iot-sim/simcard/getChannel",
props: {
label: "name",
value: "id",
},
rules: [
{
required: true,
message: "请选择通道名称",
trigger: "change",
},
],
},
{
label: "批次号",
prop: "batchNum",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入批次号",
trigger: "blur",
},
],
},
// {
// label: "卡类型",
// prop: "cardType",
// type: "select",
// span: 12,
// dicUrl: "/api/iot-system/dict/dictionary?code=card_type",
// props: {
// label: "dictValue",
// value: "dictKey",
// },
// dataType:"number",
// labelWidth: 130,
// searchLabelWidth: 120,
// search: true,
// rules: [
// {
// required: true,
// message: "请选择卡类型",
// trigger: "change",
// },
// ],
// },
{
label: "iccid",
prop: "iccid",
width: 150,
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入iccid",
trigger: "blur",
},
],
},
{
label: "imsi",
prop: "imsi",
span: 12,
width: 150,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入imsi",
trigger: "blur",
},
],
},
{
label: "msisdn",
prop: "msisdn",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入msisdn",
trigger: "blur",
},
],
},
{
label: "是否出库",
prop: "isDeliver",
type: "select",
dicUrl: "/api/iot-system/dict/dictionary?code=yes_no",
props: {
label: "dictValue",
value: "dictKey",
},
dataType: "number",
span: 12,
labelWidth: 130,
search: true,
rules: [
{ required: true, message: "请选择是否出库", trigger: "change" },
],
},
{
label: "沉默期最后时间",
prop: "silentLastTime",
span: 12,
labelWidth: 130,
type: "datetime",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss",
hide: true,
rules: [
{
required: true,
message: "请选择沉默期最后时间",
trigger: "change",
},
],
},
{
label: "测试期最后时间",
prop: "testLastTime",
span: 12,
labelWidth: 130,
type: "datetime",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss",
hide: true,
rules: [
{
required: true,
message: "请选择测试期最后时间",
trigger: "change",
},
],
},
],
},
data: [],
};
},
computed: {
...mapGetters(["permission"]),
permissionList() {
return {
// viewBtn: this.vaildData(this.permission.sourceApi_view, false),
// editBtn: this.vaildData(this.permission.sourceApi_edit, false),
// delBtn: this.vaildData(this.permission.sourceApi_delete, false),
};
},
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
//新增
rowSave(row, done, loading) {
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//修改
rowUpdate(row, index, done, loading) {
update(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//删除
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
});
},
},
};
</script>
<style></style>

235
src/views/communicationmanage/channel/channel.vue
Unescape View File

@ -0,0 +1,235 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
</avue-crud>
</basic-container>
</template>
<script>
import {
getDetail,
getList,
add,
remove,
update,
} from "@/api/communication/channel";
import { mapGetters } from "vuex";
export default {
data() {
return {
form: {},
query: {},
loading: false,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
addBtn: true,
viewBtn: true,
delBtn: true,
columnBtn: false,
selection: false,
dialogClickModal: false,
dialogWidth: "60%",
column: [
{
label: "通道名称",
prop: "name",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入通道名称",
trigger: "blur",
},
],
},
{
label: "所属运营商类型",
type: "select",
span: 12,
dicUrl: "/api/iot-system/dict/dictionary?code=carrier_type",
props: {
label: "dictValue",
value: "dictKey",
},
dataType: "number",
prop: "carrierType",
labelWidth: 130,
searchLabelWidth: 120,
search: true,
rules: [
{
required: true,
message: "请选择所属运营商类型",
trigger: "change",
},
],
},
{
label: "接口类型",
type: "select",
dicUrl: "/api/iot-system/dict/dictionary?code=interface_type",
props: {
label: "dictValue",
value: "dictKey",
},
span: 12,
dataType: "number",
prop: "interfaceType",
labelWidth: 130,
search: true,
rules: [
{ required: true, message: "请选择接口类型", trigger: "change" },
],
},
{
label: "apiUrl",
prop: "apiUrl",
span: 12,
labelWidth: 130,
rules: [
{ required: true, message: "请输入apiUrl", trigger: "blur" },
],
},
],
},
data: [],
};
},
computed: {
...mapGetters(["permission"]),
permissionList() {
return {
// viewBtn: this.vaildData(this.permission.sourceApi_view, false),
// editBtn: this.vaildData(this.permission.sourceApi_edit, false),
// delBtn: this.vaildData(this.permission.sourceApi_delete, false),
};
},
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
//新增
rowSave(row, done, loading) {
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//修改
rowUpdate(row, index, done, loading) {
update(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//删除
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
});
},
},
};
</script>
<style></style>

285
src/views/communicationmanage/outbound/outbound.vue
Unescape View File

@ -0,0 +1,285 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
</avue-crud>
</basic-container>
</template>
<script>
import { getList,add,getDetail,remove,update } from "@/api/communication/basiccard";
import { mapGetters } from "vuex";
export default {
data() {
return {
form: {},
query: {},
loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
addBtn: true,
viewBtn: true,
delBtn: true,
columnBtn: false,
selection: false,
dialogClickModal: false,
dialogWidth: "60%",
column: [
{
label: "批次号",
prop: "batchNum",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入通道名称",
trigger: "blur",
},
],
},
{
label: "卡类型",
prop: "cardType",
type: "select",
span: 12,
dicUrl: "/api/iot-sim/channel/fillData",
props: {
label: "dictValue",
value: "dictKey",
},
// dataType: "number",
labelWidth: 130,
searchLabelWidth: 120,
search: true,
rules: [
{
required: true,
message: "请选择所属运营商类型",
trigger: "change",
},
],
},
{
label: "iccid",
prop: "iccid",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入通道名称",
trigger: "blur",
},
],
},
{
label: "imsi",
prop: "imsi",
span: 12,
labelWidth: 130,
search: true,
rules: [
{
required: true,
message: "请输入通道名称",
trigger: "blur",
},
],
},
{
label: "是否出库",
prop: "isDeliver",
type: "select",
dicData: [
{
label: "否",
value: 0,
},
{
label: "是",
value: 1,
},
],
span: 12,
props: {
label: "label",
value: "value",
},
labelWidth: 130,
search: true,
// slot: true,
// editDisplay: false,
rules: [
{ required: true, message: "请选择接口类型", trigger: "change" },
],
},
{
label: "业务状态",
prop: "status",
span: 12,
labelWidth: 130,
rules: [
{ required: true, message: "请输入apiUrl", trigger: "blur" },
],
},
{
label: "剩余流量(单位M)",
prop: "surplus",
span: 12,
labelWidth: 130,
rules: [
{ required: true, message: "请输入apiUrl", trigger: "blur" },
],
},
{
label: "使用量(单位M)",
prop: "usage",
span: 12,
labelWidth: 130,
rules: [
{ required: true, message: "请输入apiUrl", trigger: "blur" },
],
},
],
},
data: [],
};
},
computed: {
...mapGetters(["permission"]),
permissionList() {
return {
viewBtn: this.vaildData(this.permission.sourceApi_view, false),
editBtn: this.vaildData(this.permission.sourceApi_edit, false),
delBtn: this.vaildData(this.permission.sourceApi_delete, false),
};
},
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
//新增
rowSave(row, done, loading) {
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//修改
rowUpdate(row, index, done, loading) {
update(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
//删除
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
});
},
},
};
</script>
<style></style>

322
src/views/test.vue
Unescape View File

@ -1,10 +1,324 @@
<template> <template>
<basic-container>测试页</basic-container> <basic-container>
<!-- :table-loading="loading" :permission="permissionList" -->
<avue-crud
:option="option"
:data="data"
:page.sync="page"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
<template slot-scope="scope" slot="menu">
<el-button type="text" icon="el-icon-circle-plus-outline" size="small"
>新增子项
</el-button>
</template>
</avue-crud>
</basic-container>
</template> </template>
<script> <script>
export default {}; // import {getDetail, getList} from "@/api/core/customer/customerApi";
import { mapGetters } from "vuex";
export default {
data() {
return {
form: {},
query: {},
// loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
height: "auto", //高度自动
calcHeight: 30,
index: true, //表格序号
searchShow: true, //搜索是否展示
searchMenuSpan: 6, //搜索按钮的占位大小
searchType:'menu',
tip: true, //提示
border: true, //边框
headerAlign: "center", //表头居中
align: "center", //内容居中
addBtn: true, //添加按钮
editBtn: true, //编辑按钮
viewBtn: true, //查看按钮
delBtn: true, //删除按钮
searchBtn: true, //搜索按钮
saveBtn: true, //弹窗保存按钮
updateBtn: true, //更新按钮
cancelBtn: true, //弹窗取消按钮
dateBtn: false, //日期组件
printBtn: true, //打印按钮
excelBtn: true, //导出按钮
searchShowBtn:true,//搜索折叠
searchIcon:true,//半搜索按钮
refreshBtn: true, //刷新按钮
filterBtn: false, //筛选按钮
showColumnBtn: false,
dialogType: "dialog", //弹窗类型 dialog弹窗 drawer抽屉
dialogFullscreen: false, //弹窗是否全屏
dialogEscape: true, //弹窗esc关闭
dialogModal: true, //弹窗模态框
dialogClickModal: false, //弹窗点击模态框 是否关闭
dialogCloseBtn: true, //弹窗关闭按钮
menu: true, //操作栏是否显示
menuAlign: "center", //操作栏对齐方式
menuType: "menu", //按钮样式 icon 图标
column: [
{
label: "姓名",
prop: "name",
type: "input",
size: "mini",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
// {
// label: "时间",
// prop: "time",
// type: "timerange",
// search: true,
// span: 24,
// },
],
},
data: [],
};
},
computed: {
...mapGetters(["permission"]),
// permissionList() {
// return {
// viewBtn: this.vaildData(this.permission.sourceApi_view, false),
// editBtn: this.vaildData(this.permission.sourceApi_edit, false),
// delBtn: this.vaildData(this.permission.sourceApi_delete, false),
// };
// },
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
rowSave(row, done, loading) {
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
rowUpdate(row, index, done, loading) {
update(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.data = [
{
name: "喜羊羊",
age: 12,
},
{
name: "懒羊羊",
age: 16,
},
];
// this.loading = true;
// getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
// const data = res.data.data;
// this.page.total = data.total;
// this.data = data.records;
// this.loading = false;
// });
},
},
};
</script> </script>
<style> <style></style>
</style>

329
src/views/util/test.vue
Unescape View File

@ -1,21 +1,324 @@
<template> <template>
<div> <basic-container>
<basic-container>测试页</basic-container> <!-- :table-loading="loading" :permission="permissionList" -->
</div> <avue-crud
:option="option"
:data="data"
:page.sync="page"
:before-open="beforeOpen"
v-model="form"
ref="crud"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
<template slot-scope="scope" slot="menu">
<el-button type="text" icon="el-icon-circle-plus-outline" size="small"
>新增子项
</el-button>
</template>
</avue-crud>
</basic-container>
</template> </template>
<script> <script>
export default { // import {getDetail, getList} from "@/api/core/customer/customerApi";
name: "wel", import { mapGetters } from "vuex";
data() {
return {}; export default {
data() {
return {
form: {},
query: {},
// loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
option: {
height: "auto", //高度自动
calcHeight: 30,
index: true, //表格序号
searchShow: true, //搜索是否展示
searchMenuSpan: 6, //搜索按钮的占位大小
searchType:'menu',
tip: true, //提示
border: true, //边框
headerAlign: "center", //表头居中
align: "center", //内容居中
addBtn: true, //添加按钮
editBtn: true, //编辑按钮
viewBtn: true, //查看按钮
delBtn: true, //删除按钮
searchBtn: true, //搜索按钮
saveBtn: true, //弹窗保存按钮
updateBtn: true, //更新按钮
cancelBtn: true, //弹窗取消按钮
dateBtn: false, //日期组件
printBtn: true, //打印按钮
excelBtn: true, //导出按钮
searchShowBtn:true,//搜索显隐
searchIcon:true,//搜索折叠
refreshBtn: true, //刷新按钮
filterBtn: false, //筛选按钮
showColumnBtn: false,
dialogType: "dialog", //弹窗类型 dialog弹窗 drawer抽屉
dialogFullscreen: false, //弹窗是否全屏
dialogEscape: true, //弹窗esc关闭
dialogModal: true, //弹窗模态框
dialogClickModal: false, //弹窗点击模态框 是否关闭
dialogCloseBtn: true, //弹窗关闭按钮
menu: true, //操作栏是否显示
menuAlign: "center", //操作栏对齐方式
menuType: "menu", //按钮样式 icon 图标
column: [
{
label: "姓名",
prop: "name",
type: "input",
size: "mini",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
{
label: "年龄",
prop: "age",
type: "input",
search: true,
span: 12,
},
// {
// label: "时间",
// prop: "time",
// type: "timerange",
// search: true,
// span: 24,
// },
],
},
data: [],
};
},
computed: {
...mapGetters(["permission"]),
// permissionList() {
// return {
// viewBtn: this.vaildData(this.permission.sourceApi_view, false),
// editBtn: this.vaildData(this.permission.sourceApi_edit, false),
// delBtn: this.vaildData(this.permission.sourceApi_delete, false),
// };
// },
},
methods: {
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetail(this.form.id).then((res) => {
this.form = res.data.data;
});
}
done();
},
rowSave(row, done, loading) {
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
rowUpdate(row, index, done, loading) {
update(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
}
);
},
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
refreshChange() {
this.onLoad(this.page, this.query);
}, },
computed: {}, onLoad(page, params = {}) {
created() { this.data = [
{
name: "喜羊羊",
age: 12,
},
{
name: "懒羊羊",
age: 16,
},
];
// this.loading = true;
// getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
// const data = res.data.data;
// this.page.total = data.total;
// this.data = data.records;
// this.loading = false;
// });
}, },
methods: {} },
}; };
</script> </script>
<style scoped="scoped" lang="scss"> <style></style>
</style>

2
src/views/wel/component/Administrator.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="dashboard-container"> <div class="dashboard-container">
<div class="dashboard-text">欢迎访问大数据服务平台！</div> <div class="dashboard-text">欢迎访问物联网平台！</div>
<div> <div>
<img src="@/assets/shouye.png" alt class="dashboard-img" /> <img src="@/assets/shouye.png" alt class="dashboard-img" />
</div> </div>

Write Preview
Loading…
Cancel
Save