From 737c19a9bfaaf55dfee4271189c6442641db5d21 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Thu, 3 Mar 2022 14:09:22 +0800
Subject: [PATCH] zx

---
 src/api/manage/index.js                       |  99 ++++++
 src/router/manage.js                          |  45 ++-
 .../ChargingManage/ChargingStandard/index.vue | 294 ++++++++++++++++++
 .../ChargingManage/FinancialBill/_detail.vue  | 122 ++++++++
 .../ChargingManage/FinancialBill/_payback.vue | 152 +++++++++
 .../ChargingManage/FinancialBill/index.vue    | 161 ++++++++++
 src/views/Manage/ChargingManage/index.vue     |  13 +
 src/views/Manage/OrderManage/_addOrder.vue    |  31 ++
 src/views/Manage/OrderManage/_detail.vue      |  15 +
 src/views/Manage/OrderManage/index.vue        | 180 +++++++++++
 src/views/Manage/VillageManage/index.vue      |   4 +-
 11 files changed, 1109 insertions(+), 7 deletions(-)
 create mode 100644 src/views/Manage/ChargingManage/FinancialBill/_detail.vue
 create mode 100644 src/views/Manage/ChargingManage/FinancialBill/_payback.vue
 create mode 100644 src/views/Manage/ChargingManage/index.vue
 create mode 100644 src/views/Manage/OrderManage/_addOrder.vue
 create mode 100644 src/views/Manage/OrderManage/_detail.vue

diff --git a/src/api/manage/index.js b/src/api/manage/index.js
index 0504090..67d44d4 100644
--- a/src/api/manage/index.js
+++ b/src/api/manage/index.js
@@ -43,4 +43,103 @@ export function getCustomerDetail(params) {
 		method: 'get',
 		params: params,
 	})
+}
+
+// 订单管理-查询所有订单
+export function getAllOrder(params) {
+	return httpService({
+		url: `/user/financialStatements/list`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 订单管理-订单解绑小区
+export function orderUnbound(params) {
+	return httpService({
+		url: `/user/order/unbindingCommunity`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-收费标准-查询收费模版信息
+export function getChargingList(params) {
+	return httpService({
+		url: `/user/charging/list`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-收费标准-查询收费标准时间类型
+export function findTimeType(params) {
+	return httpService({
+		url: `/user/charging/findTimeType`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-收费标准-查询收费标准功能模块大类信息
+export function findSuperNavigation(params) {
+	return httpService({
+		url: `/user/charging/findSuperNavigation`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-收费标准-启用/禁用收费模版
+export function onoffCharging(params) {
+	return httpService({
+		url: `/user/charging/updateStatus`,
+		method: 'post',
+		params: params,
+	})
+}
+
+// 收费管理-收费标准-添加收费模版
+export function addCharge(params) {
+	return httpService({
+		url: `/user/charging/insert`,
+		method: 'post',
+		data: params,
+	})
+}
+
+// 收费管理-财务账单-查询所有财务账单
+export function getAllList(params) {
+	return httpService({
+		url: `/user/financialStatements/list`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-财务账单-财务账单详情
+export function getOrderDetail(params) {
+	return httpService({
+		url: `/user/financialStatements/findDetails`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-财务账单-退款页面回显
+export function getPayback(params) {
+	return httpService({
+		url: `/user/financialStatements/findById`,
+		method: 'get',
+		params: params,
+	})
+}
+
+// 收费管理-财务账单-退款
+export function postRefund(params) {
+	return httpService({
+		url: `/user/financialStatements/refund`,
+		method: 'post',
+		params: params,
+	})
 }
\ No newline at end of file
diff --git a/src/router/manage.js b/src/router/manage.js
index b3d885c..381d3dc 100644
--- a/src/router/manage.js
+++ b/src/router/manage.js
@@ -27,7 +27,7 @@ export default [
 		meta: {title: '客户列表'},
 	},
 	{
-		path: '/Manage/SettleRequestManage/customer_detail',
+		path: '/Manage/CustomerList/customer_detail',
 		name: "customer_detail",
 		title: "查看客户详情",
 		hide: true,
@@ -53,28 +53,63 @@ export default [
 		component: resolve => require(['@/views/Manage/OrderManage'], resolve),
 		meta: {title: '订单管理'},
 	},
+	{
+		path: '/Manage/OrderManage/order_detail',
+		name: "order_detail",
+		title: "订单详情",
+		hide: true,
+		icon: 'container',
+		component: resolve => require(['@/views/Manage/OrderManage/_detail'], resolve),
+		meta: {title: '订单详情'},
+	},
+	{
+		path: '/Manage/OrderManage/add_order',
+		name: "add_order",
+		title: "添加订单",
+		hide: true,
+		icon: 'container',
+		component: resolve => require(['@/views/Manage/OrderManage/_addOrder'], resolve),
+		meta: {title: '添加订单'},
+	},
 	{
 		path: '/Manage/ChargingManage',
 		name: "ChargingManage",
 		title: "收费管理",
 		icon: 'pay-circle',
-		redirect: '/ChargingManage/ChargingStandard',
+		// redirect: '/Manage/ChargingManage/ChargingStandard',
+		component: resolve => require(['@/views/Manage/ChargingManage'], resolve),
 		meta: {title: '收费管理'},
 		children: [
 			{
-				path: '/ChargingManage/ChargingStandard',
+				path: '/Manage/ChargingManage/ChargingStandard',
 				name: "ChargingStandard",
 				title: "收费标准",
 				component: resolve => require(['@/views/Manage/ChargingManage/ChargingStandard'], resolve),
 				meta: { title: '收费标准' },
 			},
 			{
-				path: '/ChargingManage/FinancialBill',
+				path: '/Manage/ChargingManage/FinancialBill',
 				name: "FinancialBill",
 				title: "财务账单",
 				component: resolve => require(['@/views/Manage/ChargingManage/FinancialBill'], resolve),
 				meta: { title: '财务账单' },
-			}
+			},
+			{
+				path: '/Manage/ChargingManage/FinancialBill/_detail',
+				name: "_billDetail",
+				title: "账单明细",
+				hide: true,
+				component: resolve => require(['@/views/Manage/ChargingManage/FinancialBill/_detail'], resolve),
+				meta: { title: '账单明细' },
+			},
+			{
+				path: '/Manage/ChargingManage/FinancialBill/_payback',
+				name: "_payback",
+				title: "退款",
+				hide: true,
+				component: resolve => require(['@/views/Manage/ChargingManage/FinancialBill/_payback'], resolve),
+				meta: { title: '退款' },
+			},
 		]
 	},
 ]
\ No newline at end of file
diff --git a/src/views/Manage/ChargingManage/ChargingStandard/index.vue b/src/views/Manage/ChargingManage/ChargingStandard/index.vue
index e69de29..1e2e6ba 100644
--- a/src/views/Manage/ChargingManage/ChargingStandard/index.vue
+++ b/src/views/Manage/ChargingManage/ChargingStandard/index.vue
@@ -0,0 +1,294 @@
+<template>
+    <div class="main">
+        <div class="cardTitle">收费标准</div>
+        <div class="search-box">
+            <a-space size="large">
+                <a-input v-model="form.name" placeholder="请输入模版名称" />
+                <a-button @click="onSearch" type="primary">查 询</a-button>
+                <a-button @click="onReset">重 置</a-button>
+            </a-space>
+        </div>
+
+        <div id="commonTable">
+            <div style="margin-bottom: 16px">
+                <a-button @click="handlerAdd" type="primary">
+                    新建收费模版
+                </a-button>
+            </div>
+            <a-table
+                :scroll="{ x: 1300 }"
+                :columns="columns"
+                :data-source="tableData"
+                :pagination="pagination"
+                @change="handleTableChange"
+                :row-key="
+                (record, index) => {
+                    return index;
+                }
+                "
+            >
+                <span slot="tags" slot-scope="text, record">
+                    <a-tag v-for="(item, index) in record.includeFunctionModelList" :key="index" :color="colors[index] ? colors[index] : 'black'">
+                        {{item}}
+                    </a-tag>
+                </span>
+                <span slot="formatter" slot-scope="text, record">
+                    <a-switch :checked="record.status==2 ? false : true" checked-children="启用" un-checked-children="禁用" @change="onChange(record)" />
+                </span>
+                <span slot="action" slot-scope="text,record">
+                    <a @click="detail(record)">修改设置</a>
+                </span>
+            </a-table>
+            <a-drawer title="新建收费模版" :visible="visible" @close="hanlderClose" width="512">
+                <a-form-model>
+                    <a-form-model-item label="模版名称">
+                        <a-input v-model="addForm.name" style="width: 240px" placeholder="请输入模版名称" />
+                    </a-form-model-item>
+                    <a-form-model-item label="功能模块大类">
+                        <a-checkbox-group :options="modalType" @change="modelChange" />
+                    </a-form-model-item>
+                    <a-form-model-item label="时间类型">
+                        <a-checkbox-group :options="timeType" @change="timeChange" />
+                    </a-form-model-item>
+                    <a-form-model-item label="价格参数">
+                        <div class="columns">
+                            <span class="columns-item">功能模块</span>
+                            <span class="columns-item">时间</span>
+                            <span class="columns-item">价格</span>
+                        </div>
+                        <div class="model-item" v-for="(item, index) in modelInput" :key="index">
+                            <template v-if="activeModel.indexOf(item.id)!=-1">
+                                <span class="models">{{item.name}}</span>
+                                <span class="models2">
+                                    <div v-for="(it , id) in timeInput" :key="id">
+                                        <span v-if="activeTime.indexOf(it.id)!=-1">
+                                            {{it.years}}年{{it.months}}个月{{it.days}}天
+                                            <a-input v-model="addForm.chargingTemplateFunctionTimeTypeDTO[id + index * timeInput.length].unitPrice" style="width:120px;margin-left: 65px"></a-input>
+                                        </span>
+                                    </div>
+                                </span>
+                            </template>
+                        </div>
+                    </a-form-model-item>
+                </a-form-model>
+                <a-button @click="addConfirm" type="primary">确定</a-button>
+            </a-drawer>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getChargingList} from "@/api/manage"
+// import {onoffCharging} from "@/api/manage"
+import {findTimeType, findSuperNavigation, addCharge} from "@/api/manage";
+export default {
+    name: "chagingStandard",
+    data() {
+        return {
+            form: {
+                pageNum: 1,
+                size: 10,
+                name: ''
+            },
+            colors: ['volcano','orange','yellow','green','blue','purple','grey'],
+            tableData: [],
+            columns: [
+                {
+					title: "模版名称",
+					dataIndex: "name",
+					width: "200",
+				},
+				{
+					title: "包含功能模块",
+					dataIndex: "includeFunctionModelList",
+					scopedSlots: { customRender: "tags" },
+					width: "280",
+				},
+                {
+					title: "已购买次数",
+					dataIndex: "payNum",
+					width: "200",
+				},
+				{
+					title: "状态",
+					dataIndex: "status",
+					scopedSlots: { customRender: "formatter" },
+					width: "120",
+				},
+				{
+					title: "操作",
+					dataIndex: "action",
+					key: "action",
+					width: "180",
+					fixed: "right",
+					scopedSlots: { customRender: "action" },
+				},
+            ],
+            pagination: {
+                current: 1,
+				total: 0,
+				pageSize: 10,
+				showTotal: (total) => `共 ${total} 条`,
+				showSizeChanger: true,
+				showQuickJumper: true,
+            },
+            //新建
+            addForm: {
+                name: '',
+                chargingTemplateFunctionTimeTypeDTO: [
+                    {
+                        chargingFunctionId: 0,
+                        chargingTimeTypeId: 0,
+                        unitPrice: 0,
+                    }
+                ],
+            },
+            visible: false,
+            //收费标准时间类型
+            timeType: [],
+            activeTime: [],
+            timeInput: [],
+            //收费标准模块信息
+            modalType: [],
+            activeModel: [],
+            modelInput: [],
+        }
+    },
+    mounted() {
+        this.getType();
+        this.getData();
+    },
+    methods: {
+        getData() {
+            getChargingList(this.form).then(res => {
+                this.pagination.total = res.data.total;
+                let data = res.data.rows;
+                this.tableData = data;
+                this.doPrice();
+            })
+        },
+        //获取后台数据
+        getType() {
+            findTimeType().then(res => {
+                let data = res.data;
+                this.timeInput = data; //输入框
+                let opts = [];
+                data.forEach(ele => {
+                    let obj = {
+                        label: ele.years+'年' + ele.months+'个月' + ele.days+'天',
+                        value: ele.id
+                    };
+                    opts.push(obj)
+                })
+                this.timeType = opts //多选框
+            });
+            findSuperNavigation().then(res => {
+                let data = res.data;
+                this.modelInput = data; //输入框
+                let opts = [];
+                data.forEach(ele => {
+                    let obj = {
+                        label: ele.name, value: ele.id
+                    };
+                    opts.push(obj)
+                })
+                this.modalType = opts //多选框
+            })
+        },
+        //填充价格
+        doPrice() {
+            let addForm = [];
+            for(let i = 0;i < this.modelInput.length;i++){
+                for(let j = 0; j < this.timeInput.length;j++) {
+                    let obj = {
+                        chargingFunctionId: this.modelInput[i].id,
+                        chargingTimeTypeId: this.timeInput[j].id,
+                        unitPrice: 0,
+                    };
+                    addForm.push(obj)
+                }
+            };
+            this.addForm.chargingTemplateFunctionTimeTypeDTO = addForm;
+        },
+        //分页
+		handleTableChange(pagination) {
+			this.form.size = pagination.pageSize;
+			this.form.pageNum = pagination.current;
+			this.getData();
+		},
+        //新建收费模版
+        handlerAdd() {
+            this.visible = true
+        },
+        //-改变选择的模块
+        modelChange(val) {
+            this.activeModel = val;
+        },
+        timeChange(val) {
+            this.activeTime = val
+        },
+        hanlderClose() {
+            this.visible = false
+        },
+        //确定添加
+        addConfirm() {
+            let adds = this.addForm.chargingTemplateFunctionTimeTypeDTO
+            let chosenAdds = [];
+            adds.forEach(ele => {
+                if(this.activeModel.indexOf(ele.chargingFunctionId)!= -1 && 
+                   this.activeTime.indexOf(ele.chargingTimeTypeId)!= -1) {
+                    let obj = {
+                        chargingFunctionId: ele.chargingFunctionId,
+                        chargingTimeTypeId: ele.chargingTimeTypeId,
+                        unitPrice: ele.unitPrice
+                    };
+                    chosenAdds.push(obj)
+                }
+            })
+            let obj = {
+                name: this.addForm.name,
+                chargingTemplateFunctionTimeTypeDTO: chosenAdds
+            }
+            addCharge(obj).then(res => {
+            })
+        },
+        //修改设置
+        detail(record) {
+
+        },
+        //修改状态
+        onChange(record) {
+            console.log(record);
+        },
+        //查询和重置
+        onSearch() {
+            this.getData()
+        },
+        onReset() {
+            this.form.name = '';
+            this.getData();
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.columns {
+    display: flex;
+    justify-content: flex-start;
+    background: lightgrey;
+    .columns-item {
+        width: 160px;
+    }
+}
+.model-item {
+    display: flex;
+    justify-content: flex-start;
+    .models {
+        width: 160px;
+    }
+    .models2 {
+        width: 320px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/ChargingManage/FinancialBill/_detail.vue b/src/views/Manage/ChargingManage/FinancialBill/_detail.vue
new file mode 100644
index 0000000..a6b3a25
--- /dev/null
+++ b/src/views/Manage/ChargingManage/FinancialBill/_detail.vue
@@ -0,0 +1,122 @@
+<template>
+    <div class="main">
+        <div class="cardTitle">账单明细</div>
+        <a-divider />
+        <div class="content">
+            <a-descriptions title="账单信息" :column="3">
+                <a-descriptions-item label="订单号">
+                    {{infoList.code}}
+                </a-descriptions-item>
+                <a-descriptions-item label="公司全称">
+                    {{infoList.companyName}}
+                </a-descriptions-item>
+                <a-descriptions-item label="绑定账户">
+                    {{infoList.userName}}
+                </a-descriptions-item>
+                <a-descriptions-item label="绑定小区">
+                    {{infoList.communityName}}
+                </a-descriptions-item>
+                <a-descriptions-item label="小区地址">
+                    {{infoList.communityAddress}}
+                </a-descriptions-item>
+                <a-descriptions-item label="购买功能">
+                    <a-tag v-for="(item, index) in infoList.includeFunctionModelList" :key="index">
+                        {{item}}
+                    </a-tag>
+                </a-descriptions-item>
+                <a-descriptions-item label="时间备注">
+                    {{infoList.remakes}}
+                </a-descriptions-item>
+                <a-descriptions-item label="支付方式">
+                    {{infoList.payType == 1 ? '线上' : (infoList.payType == 2 ? '支付宝' : '微信')}}
+                </a-descriptions-item>
+                <a-descriptions-item label="支付金额">
+                    {{infoList.price}} 元
+                </a-descriptions-item>
+                <a-descriptions-item label="购买时间">
+                    {{infoList.buyingDate}}
+                </a-descriptions-item>
+                <a-descriptions-item label="有效期至">
+                    {{infoList.expirationDate}}
+                </a-descriptions-item>
+            </a-descriptions>
+            <a-divider></a-divider>
+            <a-descriptions title="退款记录">
+            </a-descriptions>
+            <a-table :columns="columns" :data-source="tableData" :row-key="(record,index) => {return index}">
+                <span slot="payment" slot-scope="scope">
+                    <div v-if="scope == 1">线上</div>
+                    <div v-if="scope == 2">支付宝</div>
+                    <div v-if="scope == 3">微信</div>
+                </span>
+            </a-table>
+            <div class="footer">
+                <a-space style="margin-left: 70%">
+                    <a-button type="primary">导出</a-button>
+                    <a-button @click="goBack">返回</a-button>
+                </a-space>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getOrderDetail} from "@/api/manage"
+export default {
+    name: "billDetail",
+    data() {
+        return {
+            form: {
+                id: 0,
+            },
+            infoList: [],
+            //退款
+            columns: [
+                {
+					title: "退款时间",
+					dataIndex: "refundDate",
+					width: "200",
+				},
+                {
+					title: "退款金额",
+					dataIndex: "price",
+					width: "200",
+				},
+                {
+					title: "退款原因",
+					dataIndex: "reason",
+					width: "200",
+				},
+                {
+					title: "退款方式",
+					dataIndex: "type",
+					width: "200",
+                    scopedSlots: { customRender: "payment" },
+				},
+            ],
+            tableData: [],
+        }
+    },
+    mounted() {
+        this.form.id = this.$route.query.id;
+        this.getData();
+    },
+    methods: {
+        getData() {
+            let obj = Object.assign({}, this.form)
+            getOrderDetail(obj).then(res => {
+                let data = res.data;
+                this.infoList = data;
+                this.tableData = data.financialStatementsDetailRefundVoList
+            })
+        },
+        goBack() {
+            this.$router.go(-1);
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/ChargingManage/FinancialBill/_payback.vue b/src/views/Manage/ChargingManage/FinancialBill/_payback.vue
new file mode 100644
index 0000000..13067aa
--- /dev/null
+++ b/src/views/Manage/ChargingManage/FinancialBill/_payback.vue
@@ -0,0 +1,152 @@
+<template>
+    <div class="main">
+        <div class="cardTitle">退款订单</div>
+        <a-divider />
+        <div class="content">
+            <a-descriptions title="退款信息" :column="3">
+                <a-descriptions-item label="订单号">
+                    {{infoList.code}}
+                </a-descriptions-item>
+                <a-descriptions-item label="公司信息">
+                    {{infoList.companyName}}
+                </a-descriptions-item>
+                <a-descriptions-item label="小区信息">
+                    {{infoList.communityName}}
+                </a-descriptions-item>
+                <a-descriptions-item label="小区地址">
+                    {{infoList.communityAddress}}
+                </a-descriptions-item>
+            </a-descriptions>
+            <a-divider></a-divider>
+            <div class="payback-content">
+                <span>取消功能模块：</span>
+                <a-checkbox-group :options="modelType" @change="modelChange" />
+                <a-form-model layout="inline">
+                    <a-form-model-item label="退款金额">
+                        <a-input-number v-model="paybackForm.price"></a-input-number>
+                    </a-form-model-item>
+                </a-form-model>
+                <a-form-model layout="inline">
+                    <a-form-model-item label="退款方式">
+                        <a-select v-model="paybackForm.type" style="width: 200px" placeholder="请选择退款方式">
+                            <a-select-option :value="1">
+                                线上
+                            </a-select-option>
+                            <a-select-option :value="2">
+                                支付宝
+                            </a-select-option>
+                            <a-select-option :value="3">
+                                微信
+                            </a-select-option>
+                        </a-select>
+                    </a-form-model-item>
+                </a-form-model>
+                <a-form-model layout="inline">
+                    <a-form-model-item label="退款原因">
+                        <a-textarea placeholder="请输入退款原因" v-model="paybackForm.reason"></a-textarea>
+                    </a-form-model-item>
+                </a-form-model>
+            </div>
+        </div>
+        <div class="footer">
+            <a-space style="margin-left: 70%">
+                <a-button @click="handlerConfirm" type="primary">确定</a-button>
+                <a-button @click="goBack">取消</a-button>
+            </a-space>
+        </div>
+        <a-modal
+        title="确认退款信息"
+        :visible="auditShow"
+        @ok="auditSubmit"
+        @cancel="auditCancel"
+        >
+        <div class="content">
+            <a-descriptions :column="1">
+                <a-descriptions-item label="退款金额">
+                    {{paybackForm.price}} 元
+                </a-descriptions-item>
+                <a-descriptions-item label="退款方式">
+                    {{paybackForm.type == 1 ? '线上' : (paybackForm.type == 2 ? '支付宝' : '微信')}}
+                </a-descriptions-item>
+                <a-descriptions-item label="退款原因">
+                    {{paybackForm.reason}}
+                </a-descriptions-item>
+            </a-descriptions>
+        </div>
+        </a-modal>
+    </div>
+</template>
+
+<script>
+import {getPayback} from "@/api/manage";
+import {postRefund} from "@/api/manage";
+export default {
+    name: "billDetail",
+    data() {
+        return {
+            form: {
+                id: 0,
+            },
+            infoList: [],
+            paybackForm: {
+                functionOrderId: undefined,
+                chargingFunctionIds: '',
+                type: 1,
+                price: 0,
+                reason: '',
+            },
+            auditShow: false,
+            modelType: [],
+        }
+    },
+    mounted() {
+        this.form.id = this.$route.query.id;
+        this.paybackForm.functionOrderId = this.$route.query.id;
+        this.getData();
+    },
+    methods: {
+        getData() {
+            let obj = Object.assign({}, this.form)
+            getPayback(obj).then(res => {
+                let data = res.data;
+                this.infoList = data;
+                let modelType = [];
+                data.chooseFunctionModelVoList.forEach(ele => {
+                    let obj = {label: ele.name, value: ele.id};
+                    modelType.push(obj)
+                });
+                this.modelType = modelType
+            })
+        },
+        modelChange(val) {
+            let chargingFunctionIds = val.toString();
+            this.paybackForm.chargingFunctionIds = chargingFunctionIds
+        },
+        //确认框
+        handlerConfirm() {
+            this.auditShow = true;
+        },
+        goBack() {
+            this.$router.go(-1);
+        },
+        auditSubmit() {
+            postRefund(this.paybackForm).then(res => {
+                console.log(res)
+            });
+            this.auditShow = false;
+        },
+        auditCancel() {
+            this.auditShow = false
+        }
+    }
+}
+</script>
+
+<style lang="less">
+.payback-content {
+    width: 100%;
+}
+.btn-container {
+    float: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/ChargingManage/FinancialBill/index.vue b/src/views/Manage/ChargingManage/FinancialBill/index.vue
index e69de29..8124187 100644
--- a/src/views/Manage/ChargingManage/FinancialBill/index.vue
+++ b/src/views/Manage/ChargingManage/FinancialBill/index.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="main">
+        <div class="cardTitle">财务账单</div>
+        <div class="search-box">
+            <a-space size="large">
+                <a-input v-model="form.code" placeholder="请输入订单号" />
+                <a-input v-model="form.name" placeholder="请输入公司名称" />
+                <a-date-picker v-model="form.createDateStart" placeholder="请选择订单时间" />到
+                <a-date-picker v-model="form.createDateEnd" placeholder="请选择订单时间" />
+                <a-date-picker v-model="form.buyingDateStart" placeholder="请选择购买时间" />到
+                <a-date-picker v-model="form.buyingDateEnd" placeholder="请选择购买时间" />
+                <a-button @click="onSearch" type="primary">查 询</a-button>
+                <a-button @click="onReset">重 置</a-button>
+            </a-space>
+        </div>
+
+        <div id="commonTable">
+            <a-table
+                :scroll="{ x: 1300 }"
+                :columns="columns"
+                :data-source="tableData"
+                :pagination="pagination"
+                @change="handleTableChange"
+                :row-key="
+                (record, index) => {
+                    return index;
+                }
+                "
+            >
+                <span slot="tags" slot-scope="text, record">
+                    <a-tag v-for="(item, index) in record.includeFunctionModelList" :key="index" :color="colors[index] ? colors[index] : 'black'">
+                        {{item}}
+                    </a-tag>
+                </span>
+                <span slot="action" slot-scope="text,record">
+                    <a @click="payback(record)">退款</a>
+                    <span style="margin: 5px">|</span>
+                    <a @click="billDetail(record)">账单明细</a>
+                </span>
+            </a-table>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getAllList} from "@/api/manage"
+export default {
+    name: "chagingStandard",
+    data() {
+        return {
+            form: {
+                pageNum: 1,
+                size: 10,
+                code: '',
+                name: '',
+                createDateStart: '',
+                createDateEnd: '',
+                buyingDateStart: '',
+                buyingDateEnd: ''
+            },
+            tableData: [],
+            colors: ['volcano','orange','yellow','green','blue','purple','grey'],
+            columns: [
+                {
+					title: "订单号",
+					dataIndex: "code",
+					width: "200",
+				},
+                {
+					title: "公司名称",
+					dataIndex: "name",
+					width: "200",
+				},
+                {
+					title: "付款金额",
+					dataIndex: "payPrice",
+					width: "200",
+				},
+				{
+					title: "包含功能模块",
+					dataIndex: "includeFunctionModelList",
+					scopedSlots: { customRender: "tags" },
+					width: "280",
+				},
+                {
+					title: "订单生成时间",
+					dataIndex: "createDate",
+					width: "200",
+				},
+				{
+					title: "操作",
+					dataIndex: "action",
+					key: "action",
+					width: "180",
+					fixed: "right",
+					scopedSlots: { customRender: "action" },
+				},
+            ],
+            pagination: {
+                current: 1,
+				total: 0,
+				pageSize: 10,
+				showTotal: (total) => `共 ${total} 条`,
+				showSizeChanger: true,
+				showQuickJumper: true,
+            }
+        }
+    },
+    mounted() {
+        this.getData()
+    },
+    methods: {
+        getData() {
+            getAllList(this.form).then(res => {
+                this.pagination.total = res.data.total;
+                let data = res.data.rows;
+                this.tableData = data;
+            })
+        },
+        //分页
+		handleTableChange(pagination) {
+			this.form.size = pagination.pageSize;
+			this.form.pageNum = pagination.current;
+			this.getData();
+		},
+        //查询和重置
+        onSearch() {
+            this.getData()
+        },
+        onReset() {
+            this.form.name = '';
+            this.getData();
+        },
+        //退款和详情
+        payback(record) {
+            this.$router.push(
+				{
+					name:'_payback',
+					query: {
+						id: record.id
+					}
+				}
+			)
+        },
+        billDetail(record) {
+            this.$router.push(
+				{
+					name:'_billDetail',
+					query: {
+						id: record.id
+					}
+				}
+			)
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/ChargingManage/index.vue b/src/views/Manage/ChargingManage/index.vue
new file mode 100644
index 0000000..8787f75
--- /dev/null
+++ b/src/views/Manage/ChargingManage/index.vue
@@ -0,0 +1,13 @@
+<template>
+    <router-view></router-view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/OrderManage/_addOrder.vue b/src/views/Manage/OrderManage/_addOrder.vue
new file mode 100644
index 0000000..e23545e
--- /dev/null
+++ b/src/views/Manage/OrderManage/_addOrder.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="main">
+      <div class="cardTitle">添加订单信息</div>
+      <a-divider />
+      <div class="content">
+            <a-form-model>
+                <a-form-model-item label="订单号">
+                    <a-input style="width: 240px"></a-input>
+                </a-form-model-item>
+                <a-form-model-item label="选择功能模块">
+
+                </a-form-model-item>
+                <a-form-model-item label="选择有效时长">
+                    <a-select style="width: 240px">
+                        
+                    </a-select>
+                </a-form-model-item>
+            </a-form-model>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/OrderManage/_detail.vue b/src/views/Manage/OrderManage/_detail.vue
new file mode 100644
index 0000000..03da406
--- /dev/null
+++ b/src/views/Manage/OrderManage/_detail.vue
@@ -0,0 +1,15 @@
+<template>
+    <div>
+        test
+    </div>
+</template>
+
+<script>
+export default {
+    name: "orderDetail"
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/OrderManage/index.vue b/src/views/Manage/OrderManage/index.vue
index e69de29..eeeb574 100644
--- a/src/views/Manage/OrderManage/index.vue
+++ b/src/views/Manage/OrderManage/index.vue
@@ -0,0 +1,180 @@
+<template>
+    <div class="main">
+        <div class="cardTitle">订单管理</div>
+        <div class="search-box">
+            <a-space size="large">
+                <a-input v-model="form.code" placeholder="请输入订单号" />
+                <a-input v-model="form.name" placeholder="请输入企业名称" />
+                <a-select v-model="form.isCustomized" style="width: 200px" placeholder="类型">
+                    <a-select-option :value="0">定制</a-select-option>
+                    <a-select-option :value="1">不定制</a-select-option>
+                </a-select>
+                <a-select v-model="form.status" style="width: 200px" placeholder="订单状态">
+                    <a-select-option :value="0">待支付</a-select-option>
+                    <a-select-option :value="1">支付超时</a-select-option>
+                    <a-select-option :value="2">已支付</a-select-option>
+                </a-select>
+                <a-button type="primary" @click="handlerSearch">查 询</a-button>
+                <a-button @click="handlerReset">重 置</a-button>
+            </a-space>
+        </div>
+        <div id="commonTable">
+            <div style="margin-bottom: 16px">
+                <a-button @click="addOrder" type="primary">
+                    新建订单
+                </a-button>
+            </div>
+            <a-table
+                :scroll="{ x: 1300 }"
+                :columns="columns"
+                :data-source="tableData"
+                :pagination="pagination"
+                @change="handleTableChange"
+                :row-key="
+                (record, index) => {
+                    return index;
+                }
+                "
+            >
+                <!-- 操作 -->
+                <span slot="tags" slot-scope="text, record">
+                    <a-tag v-for="(item, index) in record.includeFunctionModelList" :key="index" :color="colors[index] ? colors[index] : 'black'">
+                        {{item}}
+                    </a-tag>
+                </span>
+                <span slot="type" slot-scope="scope">
+                    {{scope === 1 ? "定制" : "不定制"}}
+                </span>
+                <span slot="formatter" slot-scope="scope">{{
+                scope === 1 ? "支付超时" : (scope === 2 ? "已支付" : "待支付")
+                }}</span>
+                <span slot="action" slot-scope="text,record">
+                    <a-popconfirm title="确定要解绑吗?" @confirm="unbound(record)" @cancel="() => {return}">
+                        <a>解绑小区</a>
+                    </a-popconfirm>
+                </span>
+            </a-table>
+        </div>
+    </div>
+</template>
+
+<script>
+import { consoleShow } from "@/api/basic/console";
+import {getAllOrder,orderUnbound} from "@/api/manage/index.js"
+export default {
+    name: "",
+    data() {
+        return {
+            form: {
+                pageNum: 1,
+                size: 10,
+                code: '',
+                name: '',
+                isCustomized: 0,
+                status: 0,
+            },
+            //颜色列表
+            colors: ['volcano','orange','yellow','green','blue','purple','grey'],
+            columns: [
+                {
+					title: "订单号",
+					dataIndex: "code",
+					width: "200",
+				},
+                {
+					title: "公司名",
+					dataIndex: "name",
+					width: "200",
+				},
+				{
+					title: "类型",
+					dataIndex: "isCustomized",
+					scopedSlots: { customRender: "type" },
+					width: "200",
+				},
+				{
+					title: "包含功能模块",
+					dataIndex: "includeFunctionModelList",
+					scopedSlots: { customRender: "tags" },
+					width: "280",
+				},
+				{
+					title: "状态",
+					dataIndex: "status",
+					scopedSlots: { customRender: "formatter" },
+					width: "120",
+				},
+				{
+					title: "操作",
+					dataIndex: "action",
+					key: "action",
+					width: "180",
+					fixed: "right",
+					scopedSlots: { customRender: "action" },
+				},
+            ],
+            //   数据
+			tableData: [],
+			//   分页
+			pagination: {
+				current: 1,
+				total: 0,
+				pageSize: 10,
+				showTotal: (total) => `共 ${total} 条`,
+				showSizeChanger: true,
+				showQuickJumper: true,
+			},
+			loading: false,
+			selectedRowKeys: [],
+        }
+    },
+    mounted() {
+        consoleShow().then(res => {
+            // console.log(res)
+        })
+        this.getData();
+    },
+    methods: {
+        getData() {
+            getAllOrder(this.form).then(res => {
+                this.pagination.total = res.data.total;
+                let data = res.data.rows;
+                this.tableData = data;
+            })
+        },
+		//查询
+		handlerSearch() {
+			this.getData()
+		},
+		//重置
+		handlerReset() {
+            this.form.code = '',
+            this.form.name = '',
+            this.form.isCustomized = 0,
+            this.form.status = 0,
+			this.getData()
+		},
+		//分页
+		handleTableChange(pagination) {
+			this.form.size = pagination.pageSize;
+			this.form.pageNum = pagination.current;
+			this.getData();
+		},
+        //添加订单
+        addOrder() {
+            this.$router.push({name: 'add_order'})
+        },
+        //解绑
+        unbound(record) {
+            let obj = { adminFunctionOrderId : record.id }
+            orderUnbound(obj).then(res => {
+                this.getData();
+            })
+        },
+    }
+}
+</script>
+
+<style lang="less" scoped> 
+
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/VillageManage/index.vue b/src/views/Manage/VillageManage/index.vue
index 81c253e..6808aa8 100644
--- a/src/views/Manage/VillageManage/index.vue
+++ b/src/views/Manage/VillageManage/index.vue
@@ -9,9 +9,9 @@
       @selectionChoosed="selectionChoosed"
     >
       <template v-slot:actionBox="data">
-        <a href="javascript:;" @click="del(data)">del</a>
+        <a @click="del(data)">删除</a>
         <span style="margin: 5px">|</span>
-        <a href="javascript:;">detail</a>
+        <a>详情</a>
       </template>
     </commonTable>
   </div>