Skip to content

B
bill-manager-ui
Commit 4611a180 authored by 赵啸非's avatar 赵啸非
Browse files
Options

添加站点接入

parent 291db38f
Show whitespace changes
Inline Side-by-side
Showing with 743 additions and 3 deletions
admin/src/assets/mixins/table.js
View file @ 4611a180
...@@ -383,7 +383,6 @@ export default { ...@@ -383,7 +383,6 @@ export default {
if (!id) { if (!id) {
return this.$message.warning("请选中一条记录"); return this.$message.warning("请选中一条记录");
} }
this.$get(this.pageInfo.del, { id: id }) this.$get(this.pageInfo.del, { id: id })
.then((res) => { .then((res) => {
this.$message.success(res.msg); this.$message.success(res.msg);
......
admin/src/components/ImageUpload.vue
View file @ 4611a180
...@@ -42,7 +42,7 @@ export default { ...@@ -42,7 +42,7 @@ export default {
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
uploadImgUrl: "/m/file/commonupload", // 上传的图片服务器地址 uploadImgUrl: "/bill/file/commonupload", // 上传的图片服务器地址
}; };
}, },
props: { props: {
......
admin/src/main.js
View file @ 4611a180
...@@ -48,6 +48,7 @@ VueAMap.initAMapApiLoader({ ...@@ -48,6 +48,7 @@ VueAMap.initAMapApiLoader({
uiVersion: "1.0", uiVersion: "1.0",
}); });
Vue.prototype.Global = Global; Vue.prototype.Global = Global;
Vue.config.silent = true;
new Vue({ new Vue({
router, router,
store, store,
......
admin/src/router.js
View file @ 4611a180
...@@ -45,6 +45,10 @@ const router = new Router({ ...@@ -45,6 +45,10 @@ const router = new Router({
...restBuilder("pj/evaluate", "pj/evaluate"), //评价 ...restBuilder("pj/evaluate", "pj/evaluate"), //评价
...restBuilder("pj/evaluate/stat", "pj/evaluate/stat"), //评价 ...restBuilder("pj/evaluate/stat", "pj/evaluate/stat"), //评价
...restBuilder("access", "access"), //区县接入
...restBuilder("access/system", "access/system"), //区县接入
//以下为基础路由配置 //以下为基础路由配置
builder("", "Home"), builder("", "Home"),
builder("index", "Home"), builder("index", "Home"),
......
admin/src/views/access/drawershow.vue 0 → 100644
View file @ 4611a180
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
:destroy-on-close="true"
size="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="区域名称" prop="areaName" v-model="form.areaName" placeholder="请输入区域名称"/>
<Field label="区域编码" prop="areaCode" v-model="form.areaCode" placeholder="请输入区域编码"/>
<Field label="背景图片" prop="bigPath" placeholder="请输入背景图片地址">
<ImageUpload v-model="form.bigPath" prePath="/file/fileupload" />
</Field>
<Field label="标签" prop="tag" v-model="form.tag" type="textarea" placeholder="请输入标签"/>
<Field label="排序" prop="sort" v-model="form.sort" placeholder="请输入排序"/>
<Field label="备注" prop="remark" v-model="form.remark" placeholder="请输入备注"/>
</el-row>
<el-divider content-position="center">区域接入系统信息</el-divider>
<br/>
<el-row style="margin-left:10px" :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddAccessSystem">添加</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteAccessSystem">删除</el-button>
</el-col>
</el-row>
<el-table :data="accessSystemList" :row-class-name="rowAccessSystemIndex" @selection-change="handleAccessSystemSelectionChange" ref="accessSystem">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="序号" align="center" prop="index" width="50"/>
<el-table-column label="接入系统名称" prop="systemName">
<template slot-scope="scope">
<el-input v-model="scope.row.systemName" placeholder="请输入接入系统名称" />
</template>
</el-table-column>
<el-table-column label="接入系统编码" prop="systemCode">
<template slot-scope="scope">
<el-input v-model="scope.row.systemCode" placeholder="请输入接入系统编码" />
</template>
</el-table-column>
<el-table-column label="启用状态 " prop="enabled">
<template slot-scope="scope">
<el-input v-model="scope.row.enabled" placeholder="请输入启用状态 " />
</template>
</el-table-column>
<el-table-column label="排序" prop="sort">
<template slot-scope="scope">
<el-input v-model="scope.row.sort" placeholder="请输入排序" />
</template>
</el-table-column>
<el-table-column label="备注" prop="remark">
<template slot-scope="scope">
<el-input v-model="scope.row.remark" placeholder="请输入备注" />
</template>
</el-table-column>
</el-table>
<form-buttons @submit='submitForm' v-if="pageInfo.type!='view'" noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "AccessDetail",
mixins: [form],
components: {
},
created() {
this.changePath("access")
},
data() {
return {
// 子表选中数据
checkedAccessSystem: [],
// 区域接入系统表格数据
accessSystemList: [],
// 遮罩层
loading: true,
// 弹出层标题
title: "区域接入",
// 是否显示弹出层
open: false,
direction:"rtl",
toString:[
],
toDate:[
],
// 表单校验
rules: {
areaName: [
{required: true,message: "请输入区域名称", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",},
],
areaCode: [
{required: true,message: "请输入区域编码", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",},
],
bigPath: [
{required: true,message: "请输入背景图片地址", trigger: "blur" },
{max: 128,message: "最多只能录入128个字符",trigger: "blur",},
],
tag: [
{required: true,message: "请输入标签", trigger: "blur" },
{max: 255,message: "最多只能录入255个字符",trigger: "blur",},
],
createTime: [
{required: true,message: "请选择创建时间" },
],
}
};
},
methods: {
/** 区域接入系统序号 */
rowAccessSystemIndex({ row, rowIndex }) {
row.index = rowIndex + 1;
},
/** 区域接入系统添加按钮操作 */
handleAddAccessSystem() {
let obj = {};
obj.systemName = "";
obj.systemCode = "";
obj.enabled = "";
obj.accessTime = "";
obj.sort = "";
obj.remark = "";
obj.createUserId = "";
obj.createTime = "";
obj.updateTime = "";
this.accessSystemList.push(obj);
},
/** 区域接入系统删除按钮操作 */
handleDeleteAccessSystem() {
if (this.checkedAccessSystem.length == 0) {
this.$alert("请先选择要删除的区域接入系统数据", "提示", { confirmButtonText: "确定", });
} else {
this.accessSystemList.splice(this.checkedAccessSystem[0].index - 1, 1);
}
},
/** 单选框选中数据 */
handleAccessSystemSelectionChange(selection) {
if (selection.length > 1) {
this.$refs.accessSystem.clearSelection();
this.$refs.accessSystem.toggleRowSelection(selection.pop());
} else {
this.checkedAccessSystem = selection;
}
},
// 渲染前置处理
beforeRender(data) {
if(data.entity.accessSystemList) {
this.accessSystemList = data.entity.accessSystemList;
}
return data
},
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="access/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改区域接入";
},
/** 新增 */
add(row) {
this.reset()
this.urls.currUrl = "access/add";
this.getData();
this.pageInfo.type="add"
this.title = "新增区域接入";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="access/view";
this.getData();
this.pageInfo.type="view"
this.title = "区域接入详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
areaName : null,
areaCode : null,
bigPath : null,
tag : null,
sort : 0,
remark : null,
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
admin/src/views/access/list.vue 0 → 100644
View file @ 4611a180
<template>
<div class="page">
<LayoutTable :data="tableData" :config="tableConfig">
</LayoutTable>
<drawer-show ref="drawerform" @ok="getData" />
</div>
</template>
<script>
/** 表单弹出框模式需引入 */
import drawerShow from "./drawershow";
import table from "@/assets/mixins/table";
export default {
name: "AccessList",
components: {
drawerShow
},
mixins: [table],
methods: {
renderTable(tableData) {
return (
<el-table stripe data={tableData} class="total-table">
{this.columnSet.map((item) => this.renderTableColumn(item))}
</el-table>
);
},
renderTableColumn(options) {
return (
<el-table-column
prop={options.prop}
label={options.label}
width={options.width}
formatter={options.formatter}
>
</el-table-column>
);
},
/** 重写新增方法 */
toAdd(row) {
this.$refs.drawerform.add(row);
},
/** 重写编辑方法 */
toEdit(row) {
this.$refs.drawerform.edit(row);
},
/** 重写查看方法 */
toView(row) {
this.$refs.drawerform.view(row);
},
},
data() {
return {
/** 子表列元素 */
columnSet:[
{label: "接入系统名称", prop: "systemName"},
{label: "接入系统编码", prop: "systemCode"},
{label: "启用状态 ", prop: "enabled",formatter: this.formatter},
{label: "接入开通时间", prop: "accessTime", formatter: this.formatterDate},
{label: "排序", prop: "sort",formatter: this.formatter},
{label: "备注", prop: "remark"},
],
config: {
search: [
],
columns: [
{type: "selection", width: 60},
{label: "区域名称", prop: "areaName"},
{label: "区域编码", prop: "areaCode"},
{
label: "背景图片",
prop: "bigPath",
formatter: (row) => {
return row.bigPath != "" ? (
<el-image
style="width: 70px; height: 70px"
src={row.bigPath}
preview-src-list={[row.bigPath]}
></el-image>
) : (
"--"
);
},
},
{label: "标签", prop: "tag"},
{label: "排序", prop: "sort",formatter: this.formatter},
{label: "备注", prop: "remark"},
{label: "区域接入系统",
width: 120,
prop: "subColumns",
formatter: (row) => {
let widthsize = this.columnSet.reduce((pre, cur) => {
return pre + Number(cur.width);
}, 50);
return (
<el-popover placement="right" width={widthsize} trigger="click">
{this.renderTable(row.accessSystemList)}
<el-button type="text" slot="reference">详细</el-button>
</el-popover>
);
},
},
{
label: "操作",
width: 240,
formatter: row => {
return (
<table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
);
}
}
]
}
};
}
};
</script>
admin/src/views/access/system/drawershow.vue 0 → 100644
View file @ 4611a180
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
:destroy-on-close="true"
size="50%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="接入区域ID" prop="accessId" v-model="form.accessId" placeholder="请输入接入区域ID"/>
<Field label="接入系统名称" prop="systemName" v-model="form.systemName" placeholder="请输入接入系统名称"/>
<Field label="接入系统编码" prop="systemCode" v-model="form.systemCode" placeholder="请输入接入系统编码"/>
<Field label="启用状态 " prop="enabled" v-model="form.enabled" type="select" :enumData="dict.enabled" placeholder="请选择启用状态 "/>
<Field label="接入开通时间" prop="accessTime" v-model="form.accessTime" type="date" />
<Field label="排序" prop="sort" v-model="form.sort" placeholder="请输入排序"/>
<Field label="备注" prop="remark" v-model="form.remark" placeholder="请输入备注"/>
</el-row>
<form-buttons @submit='submitForm' v-if="pageInfo.type!='view'" noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "AccessSystemDetail",
mixins: [form],
components: {
},
created() {
this.changePath("access/system")
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "区域接入系统",
// 是否显示弹出层
open: false,
direction:"rtl",
toString:[
"enabled",
],
toDate:[
"accessTime",
],
// 表单校验
rules: {
systemName: [
{required: true,message: "请输入接入系统名称", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",},
],
systemCode: [
{required: true,message: "请输入接入系统编码", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",},
],
createTime: [
{required: true,message: "请选择创建时间" },
],
}
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="access/system/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改区域接入系统";
},
/** 新增 */
add(row) {
this.reset()
this.urls.currUrl = "access/system/add";
this.getData();
this.pageInfo.type="add"
this.title = "新增区域接入系统";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="access/system/view";
this.getData();
this.pageInfo.type="view"
this.title = "区域接入系统详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
accessId : null,
systemName : null,
systemCode : null,
enabled : 0,
accessTime : null,
sort : 0,
remark : null,
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
admin/src/views/access/system/list.vue 0 → 100644
View file @ 4611a180
<template>
<div class="page">
<LayoutTable :data="tableData" :config="tableConfig">
</LayoutTable>
<drawer-show ref="drawerform" @ok="getData" />
</div>
</template>
<script>
/** 表单弹出框模式需引入 */
import drawerShow from "./drawershow";
import table from "@/assets/mixins/table";
export default {
name: "AccessSystemList",
components: {
drawerShow
},
mixins: [table],
created() {
},
methods: {
/** 重写新增方法 */
toAdd(row) {
this.$refs.drawerform.add(row);
},
/** 重写编辑方法 */
toEdit(row) {
this.$refs.drawerform.edit(row);
},
/** 重写查看方法 */
toView(row) {
this.$refs.drawerform.view(row);
},
},
data() {
return {
config: {
search: [
],
columns: [
{type: "selection", width: 60},
{type: "index",label: "序号",width: 50},
{label: "接入区域ID", prop: "accessId", formatter: this.formatter},
{label: "接入系统名称", prop: "systemName"},
{label: "接入系统编码", prop: "systemCode"},
{label: "启用状态 ", prop: "enabled",formatter: this.formatter},
{label: "接入开通时间", prop: "accessTime", formatter: this.formatterDate},
{label: "排序", prop: "sort",formatter: this.formatter},
{label: "备注", prop: "remark"},
{label: "创建用户", prop: "createUserId", formatter: this.formatter},
{label: "创建时间", prop: "createTime", formatter: this.formatterDate},
{label: "更新时间", prop: "updateTime", formatter: this.formatterDate},
{
label: "操作",
width: 240,
formatter: row => {
return (
<table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
);
}
}
]
}
};
}
};
</script>
admin/src/views/access/system/view.vue 0 → 100644
View file @ 4611a180
<template>
<layout-view>
<el-descriptions :title="title" :column="column" :size="size" :colon="false" border>
<template slot="title">
<i class="el-icon-tickets"></i>
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="接入区域ID" label-class-name="labelClass" content-class-name="contentClass">
{{form.accessId}}
</el-descriptions-item>
<el-descriptions-item label="接入系统名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.systemName}}
</el-descriptions-item>
<el-descriptions-item label="接入系统编码" label-class-name="labelClass" content-class-name="contentClass">
{{form.systemCode}}
</el-descriptions-item>
<el-descriptions-item label="启用状态 " label-class-name="labelClass" content-class-name="contentClass">
{{ util_formatters("enabled", form.enabled) }}
</el-descriptions-item>
<el-descriptions-item label="接入开通时间" label-class-name="labelClass" content-class-name="contentClass">
{{ util_formatterDate(form.accessTime)}}
</el-descriptions-item>
<el-descriptions-item label="排序" label-class-name="labelClass" content-class-name="contentClass">
{{form.sort}}
</el-descriptions-item>
<el-descriptions-item label="备注" label-class-name="labelClass" content-class-name="contentClass">
{{form.remark}}
</el-descriptions-item>
</el-descriptions>
</layout-view>
</template>
<script>
import view from "@/assets/mixins/view";
export default {
mixins: [view],
components: {
},
methods: {
},
data() {
return {
size:"small",
column:2,
toString:[
"enabled",
],
toArrays: [
],
toDate: [
]
}
}
}
</script>
<style lang="less">
.labelClass{
width: 200px;
}
.el-descriptions__body{
margin-left: 5px;
margin-right: 5px;
color: #606266;
background-color: #FFF;
}
.contentClass{
width: 600px;
}
</style>
\ No newline at end of file
admin/src/views/access/view.vue 0 → 100644
View file @ 4611a180
<template>
<layout-view>
<el-descriptions :title="title" :column="column" :size="size" :colon="false" border>
<template slot="title">
<i class="el-icon-tickets"></i>
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="区域名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.areaName}}
</el-descriptions-item>
<el-descriptions-item label="区域编码" label-class-name="labelClass" content-class-name="contentClass">
{{form.areaCode}}
</el-descriptions-item>
<el-descriptions-item label="背景图片地址" label-class-name="labelClass" content-class-name="contentClass">
{{form.bigPath}}
</el-descriptions-item>
<el-descriptions-item label="标签" label-class-name="labelClass" content-class-name="contentClass">
{{form.tag}}
</el-descriptions-item>
<el-descriptions-item label="排序" label-class-name="labelClass" content-class-name="contentClass">
{{form.sort}}
</el-descriptions-item>
<el-descriptions-item label="备注" label-class-name="labelClass" content-class-name="contentClass">
{{form.remark}}
</el-descriptions-item>
</el-descriptions>
</layout-view>
</template>
<script>
import view from "@/assets/mixins/view";
export default {
mixins: [view],
components: {
},
methods: {
},
data() {
return {
size:"small",
column:2,
toString:[
],
toArrays: [
],
toDate: [
]
}
}
}
</script>
<style lang="less">
.labelClass{
width: 200px;
}
.el-descriptions__body{
margin-left: 5px;
margin-right: 5px;
color: #606266;
background-color: #FFF;
}
.contentClass{
width: 600px;
}
</style>
\ No newline at end of file
admin/src/views/pj/evaluate/stat/list.vue
View file @ 4611a180
...@@ -27,7 +27,31 @@ ...@@ -27,7 +27,31 @@
this.query.groupList=["year","month","day"] this.query.groupList=["year","month","day"]
}, },
methods: { methods: {
afterRender(data) {
console.log("data",data.data)
if(data.data.length>0){
var obj = data.data[0];
console.log(obj)
//遍历obj
Object.entries(obj).forEach(function([key, value]) {
// 使用 key 和 value
console.log("key:"+key+" value:"+value)
});
}
console.log("config",this.config)
},
/** 重写新增方法 */ /** 重写新增方法 */
toAdd(row) { toAdd(row) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment