|
|
@@ -1,240 +1,243 @@
|
|
|
<template>
|
|
|
- <div class="ele-body">
|
|
|
- <el-card shadow="never" v-loading="loading">
|
|
|
- <div class="ele-border-lighter form-content" v-loading="loading">
|
|
|
-
|
|
|
- <!-- 数据表格 -->
|
|
|
- <ele-pro-table
|
|
|
- ref="table"
|
|
|
- :columns="columns"
|
|
|
- :datasource="datasource"
|
|
|
- height="calc(100vh - 385px)"
|
|
|
- full-height="calc(100vh - 116px)"
|
|
|
- tool-class="ele-toolbar-form"
|
|
|
- :selection.sync="selection"
|
|
|
- cache-key="eomContactPageTable"
|
|
|
- >
|
|
|
-
|
|
|
- <!-- 查看详情列 -->
|
|
|
-
|
|
|
- <template v-slot:statementNo="{ row }">
|
|
|
- <el-link type="primary" :underline="false" @click="openorderDetail(row,'statementNo')"> {{ row.statementNo }}</el-link>
|
|
|
- </template>
|
|
|
- <template v-slot:orderNo="{ row }">
|
|
|
- <el-link type="primary" :underline="false" @click="openorderDetail(row,'orderNo')"> {{ row.orderNo }}</el-link>
|
|
|
- </template>
|
|
|
-
|
|
|
- </ele-pro-table>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <detail-dialog ref="DetailDialogRef"></detail-dialog>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <script>
|
|
|
+ <div class="ele-body">
|
|
|
+ <el-card shadow="never" v-loading="loading">
|
|
|
+ <div class="ele-border-lighter form-content" v-loading="loading">
|
|
|
+ <!-- 数据表格 -->
|
|
|
+ <ele-pro-table
|
|
|
+ ref="table"
|
|
|
+ :columns="columns"
|
|
|
+ :datasource="datasource"
|
|
|
+ height="calc(100vh - 385px)"
|
|
|
+ full-height="calc(100vh - 116px)"
|
|
|
+ tool-class="ele-toolbar-form"
|
|
|
+ :selection.sync="selection"
|
|
|
+ cache-key="eomContactPageTable"
|
|
|
+ >
|
|
|
+ <!-- 查看详情列 -->
|
|
|
+
|
|
|
+ <template v-slot:statementNo="{ row }">
|
|
|
+ <el-link
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="openorderDetail(row, 'statementNo')"
|
|
|
+ >
|
|
|
+ {{ row.statementNo }}</el-link
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <template v-slot:orderNo="{ row }">
|
|
|
+ <el-link
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="openorderDetail(row, 'orderNo')"
|
|
|
+ >
|
|
|
+ {{ row.orderNo }}</el-link
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <detail-dialog ref="DetailDialogRef"></detail-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
import detailDialog from '@/views/saleManage/saleOrder/accountstatement/components/detailDialog.vue';
|
|
|
- import {reviewStatus} from '@/enum/dict';
|
|
|
- import {getAccountstatementList} from '@/api/saleManage/accountstatement';
|
|
|
+ import { reviewStatus } from '@/enum/dict';
|
|
|
+ import { getAccountstatementList } from '@/api/saleManage/accountstatement';
|
|
|
import dictMixins from '@/mixins/dictMixins';
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
export default {
|
|
|
- mixins: [dictMixins],
|
|
|
- components: {
|
|
|
- detailDialog,
|
|
|
- },
|
|
|
- props:{
|
|
|
- orderId:String
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- activeComp: 'saleorder',
|
|
|
- tabOptions: [
|
|
|
- { key: 'saleorder', name: '销售订单' },
|
|
|
- { key: 'invoice', name: '发货单' },
|
|
|
- { key: 'returnorder', name: '退货单' }
|
|
|
- ],
|
|
|
- selection:[], //单选中集合
|
|
|
- delVisible:false, //批量删除弹框状态
|
|
|
- loading: false, // 加载状态
|
|
|
- columns: [
|
|
|
- {
|
|
|
- width: 45,
|
|
|
- type: 'selection',
|
|
|
- columnKey: 'selection',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- columnKey: 'index',
|
|
|
- label: '序号',
|
|
|
- type: 'index',
|
|
|
- width: 55,
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- fixed: 'left'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'statementNo',
|
|
|
- label: '对账单编码',
|
|
|
- align: 'center',
|
|
|
- slot: 'statementNo',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: 'contactName',
|
|
|
- label: '客户名称',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 180,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'projectName',
|
|
|
- label: '项目名称',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'accountPeriod',
|
|
|
- label: '账期',
|
|
|
- align: 'center',
|
|
|
- slot: 'accountPeriod',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'orderNum',
|
|
|
- label: '订单量',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'productNum',
|
|
|
- label: '产品总数量',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'totalPrice',
|
|
|
- label: '产品总金额',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'reviewStatus',
|
|
|
- label: '状态',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 200,
|
|
|
- formatter: (_row, _column, cellValue) => {
|
|
|
+ mixins: [dictMixins],
|
|
|
+ components: {
|
|
|
+ detailDialog
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ orderId: String
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeComp: 'saleorder',
|
|
|
+ tabOptions: [
|
|
|
+ { key: 'saleorder', name: '销售订单' },
|
|
|
+ { key: 'invoice', name: '发货单' },
|
|
|
+ { key: 'returnorder', name: '退货单' }
|
|
|
+ ],
|
|
|
+ selection: [], //单选中集合
|
|
|
+ delVisible: false, //批量删除弹框状态
|
|
|
+ loading: false, // 加载状态
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ width: 45,
|
|
|
+ type: 'selection',
|
|
|
+ columnKey: 'selection',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ columnKey: 'index',
|
|
|
+ label: '序号',
|
|
|
+ type: 'index',
|
|
|
+ width: 55,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'statementNo',
|
|
|
+ label: '对账单编码',
|
|
|
+ align: 'center',
|
|
|
+ slot: 'statementNo',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'contactName',
|
|
|
+ label: '客户名称',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'projectName',
|
|
|
+ label: '项目名称',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'accountPeriod',
|
|
|
+ label: '账期',
|
|
|
+ align: 'center',
|
|
|
+ slot: 'accountPeriod',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'orderNum',
|
|
|
+ label: '订单量',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'productNum',
|
|
|
+ label: '产品总数量',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'totalPrice',
|
|
|
+ label: '产品总金额',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'reviewStatus',
|
|
|
+ label: '状态',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 200,
|
|
|
+ formatter: (_row, _column, cellValue) => {
|
|
|
return reviewStatus[_row.reviewStatus];
|
|
|
}
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: 'createTime',
|
|
|
- label: '创建时间',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 170
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- columnKey: 'action',
|
|
|
- label: '操作',
|
|
|
- width: 230,
|
|
|
- align: 'center',
|
|
|
- resizable: false,
|
|
|
- slot: 'action',
|
|
|
- showOverflowTooltip: true,
|
|
|
- fixed: 'right',
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'createTime',
|
|
|
+ label: '创建时间',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 170
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ columnKey: 'action',
|
|
|
+ label: '操作',
|
|
|
+ width: 230,
|
|
|
+ align: 'center',
|
|
|
+ resizable: false,
|
|
|
+ slot: 'action',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ fixed: 'right'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ /* 表格数据源 */
|
|
|
+ datasource({ page, limit, where, order }) {
|
|
|
+ return getAccountstatementList({
|
|
|
+ pageNum: page,
|
|
|
+ size: limit,
|
|
|
+ type: 1,
|
|
|
+ orderId: this.orderId,
|
|
|
+ ...where
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 刷新表格 */
|
|
|
+ reload(where) {
|
|
|
+ this.$refs.table.reload({ page: 1, where });
|
|
|
+ this.$emit('getToDoReminder');
|
|
|
},
|
|
|
- computed: {},
|
|
|
-
|
|
|
- methods: {
|
|
|
-
|
|
|
-
|
|
|
- /* 表格数据源 */
|
|
|
- datasource({ page, limit, where, order }) {
|
|
|
- return getAccountstatementList({
|
|
|
- pageNum: page,
|
|
|
- size: limit,
|
|
|
- type:1,
|
|
|
- orderId:this.orderId,
|
|
|
- ...where
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- /* 刷新表格 */
|
|
|
- reload(where) {
|
|
|
- this.$refs.table.reload({ page: 1, where });
|
|
|
- },
|
|
|
-
|
|
|
- //新增编辑
|
|
|
- openEdit(type,row) {
|
|
|
- this.$refs.accountDialogRef.open( type,row);
|
|
|
- this.$refs.accountDialogRef.$refs.form &&
|
|
|
+
|
|
|
+ //新增编辑
|
|
|
+ openEdit(type, row) {
|
|
|
+ this.$refs.accountDialogRef.open(type, row);
|
|
|
+ this.$refs.accountDialogRef.$refs.form &&
|
|
|
this.$refs.accountDialogRef.$refs.form.clearValidate();
|
|
|
- },
|
|
|
-
|
|
|
- //批量删除
|
|
|
- allDelBtn(){
|
|
|
- if(this.selection.length===0) return
|
|
|
- this.delVisible=true
|
|
|
- },
|
|
|
-
|
|
|
- //删除接口
|
|
|
- remove(delData) {
|
|
|
- deletetAccountstatement(delData).then((res) => {
|
|
|
- this.$message.success('删除成功!');
|
|
|
- this.reload();
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
+ },
|
|
|
+
|
|
|
+ //批量删除
|
|
|
+ allDelBtn() {
|
|
|
+ if (this.selection.length === 0) return;
|
|
|
+ this.delVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ //删除接口
|
|
|
+ remove(delData) {
|
|
|
+ deletetAccountstatement(delData).then((res) => {
|
|
|
+ this.$message.success('删除成功!');
|
|
|
+ this.reload();
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
//删除弹框确定
|
|
|
- commitBtn(){
|
|
|
- const dataId=this.selection.map(v=>v.id)
|
|
|
- this.remove(dataId)
|
|
|
- },
|
|
|
-
|
|
|
+ commitBtn() {
|
|
|
+ const dataId = this.selection.map((v) => v.id);
|
|
|
+ this.remove(dataId);
|
|
|
+ },
|
|
|
+
|
|
|
//查看详情
|
|
|
- openorderDetail(row,type){
|
|
|
-
|
|
|
- if(type==='statementNo'){
|
|
|
- this.$refs.DetailDialogRef.open(row);
|
|
|
+ openorderDetail(row, type) {
|
|
|
+ if (type === 'statementNo') {
|
|
|
+ this.$refs.DetailDialogRef.open(row);
|
|
|
+ }
|
|
|
+ if (type === 'orderNo') {
|
|
|
+ this.$refs.orderDetailDialogRef.open({ id: row.orderId });
|
|
|
+ }
|
|
|
}
|
|
|
- if(type==='orderNo'){
|
|
|
- this.$refs.orderDetailDialogRef.open({id:row.orderId});
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- }
|
|
|
- };
|
|
|
- </script>
|
|
|
-
|
|
|
- <style lang="scss" scoped>
|
|
|
- .ele-body{
|
|
|
- padding-top:0;
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .ele-body {
|
|
|
+ padding-top: 0;
|
|
|
padding-bottom: 0;
|
|
|
}
|
|
|
- :deep .el-card__body{
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
- :deep(.el-link--inner){
|
|
|
+ :deep .el-card__body {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ :deep(.el-link--inner) {
|
|
|
margin-left: 0px !important;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.sys-organization-list {
|
|
|
height: calc(100vh - 264px);
|
|
|
box-sizing: border-box;
|
|
|
@@ -248,21 +251,20 @@
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .switch_left ul .active{
|
|
|
+
|
|
|
+ .switch_left ul .active {
|
|
|
border-top: 4px solid var(--color-primary);
|
|
|
- color: var(--color-primary-5);
|
|
|
+ color: var(--color-primary-5);
|
|
|
}
|
|
|
- .switch{
|
|
|
+ .switch {
|
|
|
padding-bottom: 20px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.el-dropdown-link {
|
|
|
- cursor: pointer;
|
|
|
- color: var(--color-primary-5);
|
|
|
- }
|
|
|
- .el-icon-arrow-down {
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
- </style>
|
|
|
-
|
|
|
+ cursor: pointer;
|
|
|
+ color: var(--color-primary-5);
|
|
|
+ }
|
|
|
+ .el-icon-arrow-down {
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+</style>
|