item-management-web/src/views/assets/myOrderList.vue

<template>
    <div class="app-container">
        <div class="title-container">
            <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
        </div>
        <y-page-list-layout :page-list="pageData" :page-para="listQuery" :get-page-list="selectMyOrderPage">
            <template slot="left">
                <PermissionButton menu-code="_views_assets_add_order" class-name="filter-item" type="danger"
                    icon="el-icon-circle-plus-outline" :page-jump="true" round style="float: left"
                    :page-query="{ 'couldEdit': true, 'saveOrderBtn': '保存订单', 'showBtn': true, 'couldBack': true }" />
                <el-input style="margin-left: 20px;width: 300px;float: left;" class="filter-item"
                    v-model="listQuery.keyWord" placeholder="项目编号/报告号/项目名称/业务来源" clearable>
                </el-input>
                <el-select v-model="listQuery.principalId" filterable placeholder="项目负责人（可搜索）"
                    style=" width: 200px;margin-left: 10px;float: left;">
                    <el-option v-for="(u, id) in allUsers" :label="u.name" :value="u.id"></el-option>
                </el-select>
                <el-select v-model="listQuery.delivery" filterable placeholder="送达状态"
                    style=" width: 200px;margin-left: 10px;float: left;">
                    <el-option v-for="(s, value) in deliverys" :label="s.label" :value="s.value"></el-option>
                </el-select>
                <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList"
                    round>搜索
                </el-button>
                <el-button class="filter-item" style="float: left;" round type="success" @click="resetParams()">重置
                </el-button>
            </template>
            <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
                <el-table-column label="项目编号" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.orderId }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="分单类型" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.allotType }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="意见书号" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.productionNo }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="报告号" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.productionNo }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="项目名称" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.name }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="业务类型" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.assetsBusinessGener }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="客户名称" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.customerName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="业务来源" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.customerSubName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="委托人" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.bailor }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="委托人联系电话" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.bailorContactTel }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="当前节点" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.currentNodeName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="当前节点负责人" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.handlerName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="项目负责人" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.principalName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="客户经理" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.clientManagerName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="评估结论对应的评估值(万)" align="center" width="200">
                    <template slot-scope="{row}">
                        <span>{{ row.estimatedValue }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="订单应收款(元)" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.shouldAmount }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="订单实收款(元)" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.realAmount }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="标准收费(元)" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.standardAmount }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="折扣比例" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.discount }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="实际开票金额" align="center" width="150">
                    <template slot-scope="{row}">
                        <span>{{ row.invoiceRealAmount }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="操作" align="center" width="80" fixed="right">
                    <template slot-scope="{row}">
                        <el-button round type="primary" @click="orderDetail(row)">详情</el-button>
                    </template>
                </el-table-column>
            </parentTable>
        </y-page-list-layout>
    </div>
</template>

<script>
import YPageListLayout from '@/components/YPageListLayout'
import Breadcrumb from '@/components/Breadcrumb'
import PermissionButton from '@/components/PermissionButton/PermissionButton'

export default {
    name: 'AssetsAllList',
    components: {
        Breadcrumb,
        YPageListLayout,
        PermissionButton,
    },
    data() {
        return {
            pageData: { records: [] },
            listLoading: false,
            listQuery: {
                page: 1,
                size: 10,
                current: 1,
                // 节点code
                nodeCode: null,
                // 客户经理id
                clientManagerId: this.$store.getters.userInfo.id,
                // 项目负责人id
                principalId: null,
                // 业务类型
                assetsBusinessGener: null,
                // 关键字
                keyWord: null,
                // 送达状态
                delivery: null
            },
            // 用户下拉列表
            allUsers: [],
            // 送达状态下拉列表
            deliverys: [
                {
                    value: '1',
                    label: '已送达'
                }, {
                    value: '0',
                    label: '未送达'
                },
            ]
        }
    },
    created() {
        // 获取用户下拉列表
        this.getAllUser();
        // 获取我的资产业务订单
        this.selectMyOrderPage();
    },
    methods: {
        // 无条件分页查询
        selectMyOrderPage() {
            this.$api.assets.selectMyOrderPage(this.listQuery).then(res => {
                if (res.code === 200) {
                    this.pageData = res.data;
                }
            })
        },
        // 条件查询
        searchList() {
            // 重置分页
            this.listQuery.page = 1
            this.listQuery.size = 10
            this.selectMyOrderPage()
        },
        // 重置搜索条件
        resetParams() {
            this.$router.push({ query: {} });
            this.listQuery = {
                current: 1,
                size: 10,
            }
            this.selectMyOrderPage();
        },
        // 获取所有用户下拉列表
        getAllUser() {
            this.$api.user.simpleAll().then(res => {
                if (res.code === 200) {
                    this.allUsers = res.data;
                }
            })
        },
        orderDetail(row) {
            this.$router.push({
                path: "/assets/orderDetail",
                query: row
            })
        }
    }
}
</script>

<style lang="scss" scoped></style>