|
@@ -19,18 +19,37 @@
|
|
|
@expand-change="expandChange"
|
|
|
>
|
|
|
<template slot-scope="scope" slot="expand">
|
|
|
- <el-table :data="scope.row.insideList" v-loading="scope.row.loading">
|
|
|
- <el-table-column label="发货单号" prop="billNo" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="订单号" prop="orderNo" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="金额" prop="overpayment" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="消费类型" prop="overpaymentType" align="center" show-overflow-tooltip width="200">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.overpaymentType == 0? '增加': '消费' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="创建时间" prop="createTime" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- <el-table-column label="创建人" prop="createUserName" align="center" show-overflow-tooltip width="200"></el-table-column>
|
|
|
- </el-table>
|
|
|
+ <avue-crud :data="scope.row.insideList" :option="expandOption" :table-loading="scope.row.loading">
|
|
|
+ <template slot="headerSerial">
|
|
|
+ <el-button type="primary" icon="el-icon-plus"
|
|
|
+ v-if="roleName.includes('admin') || roleName.includes('财务')" size="mini"
|
|
|
+ @click.stop="addRow(scope.row)" circle>
|
|
|
+ </el-button>
|
|
|
+ <span v-else>序号</span>
|
|
|
+ </template>
|
|
|
+ <template slot="menu" slot-scope="{row,index}">
|
|
|
+ <el-button size="small" icon="el-icon-edit" :disabled="row.identifier == 0" type="text"
|
|
|
+ @click.stop="rowCell(row,scope)">
|
|
|
+ {{ row.$cellEdit ? "保存" : "修改" }}
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
+<!-- <el-table :data="scope.row.insideList" v-loading="scope.row.loading">-->
|
|
|
+<!-- <el-table-column label="发货单号" prop="billNo" align="center" show-overflow-tooltip-->
|
|
|
+<!-- width="200"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="订单号" prop="orderNo" align="center" show-overflow-tooltip-->
|
|
|
+<!-- width="200"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="金额" prop="overpayment" align="center" show-overflow-tooltip-->
|
|
|
+<!-- width="200"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="消费类型" prop="overpaymentType" align="center" show-overflow-tooltip width="200">-->
|
|
|
+<!-- <template slot-scope="scope">-->
|
|
|
+<!-- <span>{{ scope.row.overpaymentType == 0 ? '增加' : '消费' }}</span>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+<!-- <el-table-column label="创建时间" prop="createTime" align="center" show-overflow-tooltip-->
|
|
|
+<!-- width="200"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="创建人" prop="createUserName" align="center" show-overflow-tooltip width="200"></el-table-column>-->
|
|
|
+<!-- </el-table>-->
|
|
|
</template>
|
|
|
<template slot="corpIdSearch">
|
|
|
<crop-select
|
|
@@ -48,7 +67,7 @@
|
|
|
|
|
|
<script>
|
|
|
import option from './config/mainList.json';
|
|
|
-import {getList, overpaymentDetail} from '@/api/maintenance/overpayment';
|
|
|
+import {getList, overpaymentDetail, submit} from '@/api/maintenance/overpayment';
|
|
|
|
|
|
export default {
|
|
|
name: "index",
|
|
@@ -64,24 +83,127 @@ export default {
|
|
|
total: 0,
|
|
|
pageSizes: [20, 30, 40, 50, 100, 200, 300, 400, 500]
|
|
|
},
|
|
|
+ expandOption: {
|
|
|
+ border: true,
|
|
|
+ align: 'center',
|
|
|
+ menuAlign: 'center',
|
|
|
+ header: false,
|
|
|
+ index: true,
|
|
|
+ editBtn: false,
|
|
|
+ delBtn: false,
|
|
|
+ menuWidth: "80",
|
|
|
+ dialogClickModal: false,
|
|
|
+ indexSlot: true,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: '发货单号',
|
|
|
+ prop: 'billNo',
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '订单号',
|
|
|
+ prop: 'orderNo',
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '来源单号',
|
|
|
+ prop: 'srcOrderNo',
|
|
|
+ cell: true,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '金额',
|
|
|
+ prop: 'overpayment',
|
|
|
+ cell: true,
|
|
|
+ type: 'number',
|
|
|
+ precision: 2,
|
|
|
+ controls: false,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '消费类型',
|
|
|
+ prop: 'overpaymentType',
|
|
|
+ width: 80,
|
|
|
+ type: 'select',
|
|
|
+ dicData: [{
|
|
|
+ label: '增加',
|
|
|
+ value: 0
|
|
|
+ }, {
|
|
|
+ label: '消费',
|
|
|
+ value: 1
|
|
|
+ }],
|
|
|
+ cell: true,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '创建时间',
|
|
|
+ prop: 'createTime',
|
|
|
+ width: 150,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '创建人',
|
|
|
+ width: 80,
|
|
|
+ prop: 'createUserName',
|
|
|
+ overHidden: true
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
search: {},
|
|
|
loading: false,
|
|
|
+ roleName: ''
|
|
|
}
|
|
|
},
|
|
|
async created() {
|
|
|
// this.option = option
|
|
|
+ // 获取角色
|
|
|
+ this.roleName = localStorage.getItem('roleName')
|
|
|
this.option = await this.getColumnData(this.getColumnName(53), option);
|
|
|
let i = 0;
|
|
|
this.option.column.forEach(item => {
|
|
|
if (item.search) i++
|
|
|
})
|
|
|
- if (i % 3 !== 0){
|
|
|
+ if (i % 3 !== 0) {
|
|
|
const num = 3 - Number(i % 3)
|
|
|
this.option.searchMenuSpan = num * 8;
|
|
|
this.option.searchMenuPosition = "right";
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //明细新增
|
|
|
+ addRow(row) {
|
|
|
+ row.insideList.push({
|
|
|
+ pid: row.id,
|
|
|
+ $cellEdit: true
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //编辑
|
|
|
+ rowCell(row,scope) {
|
|
|
+ if (row.$cellEdit) {
|
|
|
+ submit({
|
|
|
+ ...row
|
|
|
+ }).then(res => {
|
|
|
+ this.$message.success('保存成功')
|
|
|
+ // this.$set(row, "$cellEdit", false);
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '加载中',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(255,255,255,0.7)'
|
|
|
+ });
|
|
|
+ overpaymentDetail({pid: scope.row.id}).then(res => {
|
|
|
+ scope.row.insideList = res.data.data? res.data.data: []
|
|
|
+ scope.row.loading = false
|
|
|
+ loading.close();
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.crud.doLayout();
|
|
|
+ });
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$set(row, "$cellEdit", true);
|
|
|
+ }
|
|
|
+ },
|
|
|
searchChange(params, done) {
|
|
|
this.onLoad(this.page, params);
|
|
|
done();
|
|
@@ -127,6 +249,9 @@ export default {
|
|
|
overpaymentDetail({pid: row.id}).then(res => {
|
|
|
row.insideList = res.data.data? res.data.data: []
|
|
|
row.loading = false
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.crud.doLayout();
|
|
|
+ });
|
|
|
})
|
|
|
}
|
|
|
},
|