jjx-web-sign-only/pages/process/quote/my.vue

<template>
    <view>
        <top-bar></top-bar>
        <common-header></common-header>
        <category-bar></category-bar>

        <!-- <view class="page-nav">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item><navigator url="/pages/spot/goods/goods">现货市场</navigator></el-breadcrumb-item>
            </el-breadcrumb>
        </view> -->

        <view class="carousel">
            <el-carousel height="170px">
                <el-carousel-item v-for="item in 4" :key="item">
                    <image class="carousel-img"
                           src="/static/images/600fc93e6b85324b3ea1373ee264290d.jpg"
                           mode="aspectFill"></image>
                </el-carousel-item>
            </el-carousel>
            <view class="goods-options">
                <el-row class="">
                    <el-button @click="toRelease" type="primary" round>发布加工单</el-button>
                    <!--                    <el-button @click="toMyEnquiry" type="primary" round plain>我发布的加工单</el-button>-->
                </el-row>
            </view>
        </view>

        <!-- 加工单列表 -->
        <view class="sheet-list">
            <vk-data-table ref="table1" :action="table1.action" :columns="table1.columns"
                           :customRightBtns="table1.customRightBtns"
                           :pagination="true"></vk-data-table>
        </view>

        <common-footer></common-footer>

    </view>
</template>

<script>

export default {
    data() {
        return {
            categoryTreeData: [],
            checkCategoryList: [],
            checkProvinceList: [],
            keyword: '',
            // 表格相关开始 -----------------------------------------------------------
            table1: {
                // 表格数据请求地址
                action: (obj = {}) => {
                    let {data, success, fail, complete} = obj;
                    vk.callFunction({
                        url: `client/process/quote/kh/getList`,
                        data: {
                            ...data, ...{
                                userId: vk.getVuex('$user.userInfo._id')
                            }
                        },
                        success: (res) => {
                            if (typeof success === "function") {
                                success({
                                    rows: res.rows, // 列表数据
                                    total: res.total, // 总记录数
                                });
                            }
                        },
                        fail: (err => {

                        }),
                        complete: (res) => {
                            if (typeof complete === "function") complete(res);
                        }
                    })
                },
                customRightBtns: [
                    {
                        title: '详情',
                        icon: 'el-icon-search',
                        type: 'primary',
                        onClick: (item) => {
                            vk.navigateTo('/pages/process/detail?id=' + item.sheetId);
                        }
                    },
                ],
                // 表格字段显示规则
                columns: [
                    {
                        key: "sheet.title",
                        title: "加工标题",
                        type: "text",
                    },
                    {
                        key: "sheet.num",
                        title: "加工量",
                        type: "text"
                    },
                    {
                        key: "totalPrice",
                        title: "金额",
                        type: "text",
                        formatter: (val, row, column, index) => {
                            return `${val}元`
                        }
                    },
                    {
                        key: "remark",
                        title: "备注",
                        type: "text"
                    },
                    {
                        key: "_add_time_str",
                        title: "发布时间",
                        type: "time",
                    },

                ],
                // 多选框选中的值
                multipleSelection: [],
                // 当前高亮的记录
                selectItem: "",

            },
            // 表格相关结束 -----------------------------------------------------------
        };
    },
    onLoad() {
        // this.search(1)
        vk.callFunction({
            url: 'client/spot/category/pub/getTree',
            title: '请求中...',
            data: {},
            success: (data) => {
                this.categoryTreeData = data.rows
                for (var i = 0; i < data.rows.length; i++) {
                    this.checkCategoryList.push([])
                }
            }
        });

    },
    methods: {
        toMyEnquiry() {
            vk.navigateTo({
                url: '/pages/enquiry/my'
            })
        },
        async toRelease() {
            const {userInfo, accountNum} = await vk.callFunction({
                url: 'user/kh/getMyUserInfo'
            })
            if (!userInfo.fadadaConfirm || [-1, 2].includes(userInfo.authStatus)) {
                this.$confirm('您尚未认证, 是否前往个人中心认证?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    vk.navigateTo({url: '/pages/user/user?menu=fadada'});
                })
            } else if (vk.pubfn.isNull(userInfo.businessCard)) {
                this.$confirm('您尚未认证和完善名片，是否前往个人中心？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    vk.navigateTo({url: '/pages/user/user?menu=fadada'});
                })
            } else if (accountNum === 0 ) {
                this.$confirm('请先到个人中心添加收款账户', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    vk.navigateTo({url: '/pages/user/user?menu=account'});
                })
            } else {
                if (userInfo.businessCard.status !== 1) {
                    this.$confirm('您的名片信息未审核,请耐心等待', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    })
                    return
                }
                vk.navigateTo({
                    url: '/pages/process/release'
                })
            }
        },
        search(pageIndex) {
            const categoryIds = []
            this.checkCategoryList.forEach(item => {
                item.forEach(sitem => {
                    categoryIds.push(sitem._id)
                })
            })

            let provinceCodes = this.checkProvinceList.map(item => item.code)

            if (provinceCodes.includes(9999)) {
                provinceCodes = []
            }

            vk.callFunction({
                url: 'client/process/sheet/pub/getList',
                data: {
                    pageIndex: pageIndex,
                    pageSize: 20,
                    keyword: this.keyword,
                },
                success: (data) => {
                    console.log('data: ', data);

                    this.goodsData = data
                }
            });
        },
    },
    computed: {
        checkCategoryArr() {
            let arr = []

            this.checkCategoryList.forEach(item => {
                arr.push(...item)
            })

            this.checkProvinceList.forEach(item => {
                arr.push({
                    ...item
                })
            })

            return arr
        }

    }
}
</script>

<style lang="scss" scoped>
.carousel {
    width: 1200px;
    margin: 20px auto;
}

.carousel-img {
    width: 100%;
    height: 100%;
}

.goods-options {
    background-color: #FFFFFF;
    padding: 20px;
}

.filter-outer {
    width: 1200px;
    margin: 20px auto;
    background-color: #FFFFFF;
    padding: 20px;
}

.tags {
    display: flex;

    .el-tag {
        margin-right: 10px;
    }
}


.sheet-list {
    width: 1200px;
    margin: 20px auto;
    // display: flex;

}


.paginatio {
    float: none;
    width: 1200px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
}
</style>