fix

13404089107

2025-01-08 1c2faed86063eeebd63323e85237411716c8be86

fix

 src/component/orderAgree.vue

New file
@@ -0,0 +1,100 @@
<template>
    <el-dialog :visible.sync="dialogVisible" :show-close="false" width="50%" top="51px">
        <div class="content">
            <div class="title">下单须知</div>
            <div class="rich-text" v-html="content">
               
            </div>
            <div class="btns">
                <el-button type="primary" @click="dialogVisible = false" >确认</el-button>
            </div>
        </div>
    </el-dialog>
</template>

<script>
export default {
    props: ['show'],
    data() {
        return {
            dialogVisible: this.show,
            form: {
                name: '',
                region: '',
                type: '',
                email: ''
            },
            content:'',
            rules: {
                email: [
                    { required: true, message: '请选择活动区域', trigger: 'change' }
                ],
            }
        };
    },
    created() {
        console.log(this.$store.state.userInfo, '111');
    },
    watch: {
        show(val) {

            this.dialogVisible = val
        },
        dialogVisible(val) {
            this.$emit('update:show', val);
        }
    }
};
</script>

<style lang="less" scoped>
.content {
    .title {
        padding: 30px 0;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #3B3F56;
        line-height: 27px;
    }

    .btns {
        display: flex;
        justify-content: center;
        margin-top: 32px;
        padding-bottom: 33px;

        .el-button {
            width: 311px;
            height: 50px;
            font-size: 20px;

        }

        .el-button--primary {
            background-color: #014099;
            border-color: #014099;
        }
    }
}

.rich-text {
    max-height: 590px;
    min-height: 590px;
    overflow-y: auto;
    padding: 0 30px;
}

/deep/ .el-dialog {
    border-radius: 8px;

    .el-dialog__header {
        display: none !important;
    }

    .el-dialog__body {
        padding: 0 !important;

    }
}
</style>

 src/view/Home.vue

@@ -1,7 +1,8 @@
<template>
    <div>
        <Header />
        <UserInfo :show="true" />
        <!-- <UserInfo :show="true" /> -->
         <orderAgree :show="false" />
        <div class="search-box">
            <div class="title-card">
                <div class="title-left">
@@ -16,20 +17,20 @@
            <div class="search-form">
                <el-form :inline="true" :model="searchForm" class="demo-form-inline">
                    <div class="flex a-center justify-between flex-wrap">
                        <el-form-item label="订单编号：" prop="date" class="unset_m" style="margin-left: 15px">
                            <el-input style="width: 230px;" v-model="searchForm.input" placeholder="请输入"></el-input>
                        <el-form-item label="订单编号：" prop="id" class="unset_m" style="margin-left: 15px">
                            <el-input style="width: 230px;" v-model="searchForm.id" placeholder="请输入"></el-input>
                        </el-form-item>
                        <el-form-item label="集装箱号：" prop="date" class="unset_m">
                            <el-input style="width: 230px;" v-model="searchForm.input" placeholder="请输入"></el-input>
                        <el-form-item label="集装箱号：" prop="container" class="unset_m">
                            <el-input style="width: 230px;" v-model="searchForm.container" placeholder="请输入"></el-input>
                        </el-form-item>
                        <el-form-item label="提单号：" prop="date" class="unset_m">
                            <el-input style="width: 230px;" v-model="searchForm.input" placeholder="请输入"></el-input>
                        </el-form-item>
                        <el-form-item label="收件人邮箱：" prop="date" class="unset_m">
                            <el-input style="width: 230px;" v-model="searchForm.input" placeholder="请输入"></el-input>
                        <el-form-item label="收件人邮箱：" prop="post" class="unset_m">
                            <el-input style="width: 230px;" v-model="searchForm.post" placeholder="请输入"></el-input>
                        </el-form-item>
                        <el-form-item label="订单状态：" prop="date" class="unset_m">
                            <el-select style="width: 230px;" :popper-append-to-body="false" v-model="searchForm.typeId"
                        <el-form-item label="订单状态：" prop="status" class="unset_m">
                            <el-select style="width: 230px;" :popper-append-to-body="false" v-model="searchForm.status"
                                placeholder="请选择">
                                <el-option v-for="item in options" placeholder="请输入" :key="item.id" :label="item.label"
                                    :value="item.id">
@@ -52,7 +53,7 @@
                        <el-form-item style="width: 570px;">
                        </el-form-item>
                        <div class="flex a-center">
                            <el-button type="default" class="reset" @click="reset">重置</el-button>
                            <el-button type="default"  class="reset" @click="reset">重置</el-button>
                            <el-button type="primary" class="search">搜索</el-button>
                        </div>
                    </div>
@@ -83,12 +84,20 @@
                </el-table-column>
                <el-table-column prop="address" label="操作" align="center">
                    <template slot-scope="scope">
                        <el-button type="text" @click="handleClick(scope.row)">查看</el-button>
                        <el-button type="text" @click="handleClick(scope.row)">编辑</el-button>
                        <el-button type="text" @click="handleClick(scope.row)">删除</el-button>
                        <el-button type="text" class="table-btn" @click="handleClick(scope.row)">查看详情</el-button><span
                            class="line-set">|</span>
                        <el-button type="text" class="table-btn" @click="handleClick(scope.row)">编辑</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <!-- <div class="text-right pagination-card">
                <el-pagination background :page-size="pagination.pageSize" layout="slot,prev,pager,next"
                    :current-page="pagination.pageNum" @current-change="handleCurrentChange"
                    @size-change="handleSizeChange" :total="pagination.total">
                    <span class="total-num">共{{ pagination.total }}条记录</span>
                </el-pagination>
            </div> -->
        </div>
    </div>
</template>
@@ -96,11 +105,14 @@
<script>
import UserInfo from '@/component/userInfo.vue'
import Header from '@/component/Header.vue'
import orderAgree from '@/component/orderAgree.vue';
import { getList } from './home'
export default {
    name: "Home",
    components: {
        UserInfo,
        Header
        Header,
        orderAgree
    },
    data() {
        return {
@@ -149,6 +161,34 @@
                    label: '已取消'
                }
            ],
            tableData: [
                {
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                },
                {
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                },
                {
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                },
                {
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                },
                {
                    date: '2016-05-08',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                },

            ],
            option1: [
                {
                    id: 1,
@@ -159,7 +199,15 @@
                    label: '否'
                }
            ],
            pagination: {
                total: 999,
                pageNum: 1,
                pageSize: 10,
            },
        };
    },
    created() {

    },
    methods: {
        reset() {
@@ -280,5 +328,108 @@
    margin-right: 35px;
    width: calc(100% - 70px);
    border-radius: 6px;
    background-color: #fff;
    padding-bottom: 24px;

    ::v-deep {
        .el-table__header {
            .el-table__cell {
                background-color: rgba(246, 246, 247, 1) !important;

                .cell {
                    font-family: SourceHanSansCN, SourceHanSansCN;
                    font-weight: 500;
                    font-size: 16px;
                    color: #3B3F56;
                }
            }
        }
    }

    ::v-deep {
        .el-table__cell {
            height: 50px;
        }
    }

    ::v-deep .el-table__row {
        .el-table__cell {
            font-family: SourceHanSansCN, SourceHanSansCN;
            font-weight: 400;
            font-size: 16px;
            color: #3B3F56 !important;
        }
    }

    .table-btn {
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 400;
        font-size: 16px;
        color: #014099;
    }

    .line-set {
        font-size: 14px;
        color: #014099;
        margin: 0 5px;
    }

    .total-num {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 12px;
        color: #989BB0;
        margin-right: 12px;
    }
}

::v-deep .el-pager {
    .number {
        min-width: 30px;
        height: 30px;
        background: #FFFFFF !important;
        border-radius: 4px !important;
        border: 1px solid #DBDBE7 !important;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 12px;
        color: #989BB0;
    }

    .active {
        min-width: 30px;
        height: 30px;
        background: #014099 !important;
        border-radius: 4px !important;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 12px;
        color: #FFFFFF;
    }


}

.pagination-card {
    margin-top: 49px;
    margin-right: 14px;
}

::v-deep .btn-prev {
    margin-left: 0;
    margin-right: 5px;

    .el-icon-arrow-left:before {
        content:"\E792";
    }
}

::v-deep .btn-next {
    margin-left: 5px;
    margin-right: 0;

    .el-icon-arrow-right:before {
        content: "\E791";
    }
}
</style>

 src/view/home.js

New file
@@ -0,0 +1,7 @@
import axios from '@/utils/request';


//订单列表
export const getList = (data) => {
    return axios.post('/zj0FFk5wx4S05X-zksSUHaFEdk0Xv-1', data)
}