master
parent
670dccc462
commit
737c19a9bf
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -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>
|
||||
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "orderDetail"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -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>
|
||||
Loading…
Reference in new issue