<template>
    <div class="crowdnum">
        <el-table :data="sactionData">
            <el-table-column label="用户名" align="center" key="name" prop="name" />
            <el-table-column label="手机号" align="center" key="phone" prop="phone"></el-table-column>
            <el-table-column label="技能服务" align="center" key="service" prop="service"></el-table-column>
            <el-table-column label="人数" align="center" key="peopleNum" prop="peopleNum"></el-table-column>
            <el-table-column label="提交时间" align="center" key="createTime" prop="createTime">
                <template slot-scope="scope">
                    <span v-if="scope.row.createTime">{{ scope.row.createTime.slice(0, 10) }}</span>
                </template>
            </el-table-column>
            <el-table-column label="备注" align="center" key="remark" prop="remark" show-overflow-tooltip>
                <template slot-scope="scope">
                    <span>{{ scope.row.remark ? scope.row.remark : '无' }}</span>
                </template>
            </el-table-column>
            <el-table-column label="状态" align="center" key="status" prop="status">
                <template slot-scope="scope">
                    <span v-if="scope.row.status == 0" style="color: #409eff">未处理</span>
                    <span v-if="scope.row.status == 1" style="color: #67c23a">已处理</span>
                </template>
            </el-table-column>
            <!-- <el-table-column  label="操作" align="center"  class-name="small-padding fixed-width" width="260"></el-table-column> -->
        </el-table>
        <!-- <div v-if="total>10"  style='width:100%;margin-top:30px;text-align: center;'>
            <el-pagination background
                @current-change="handleCurrentChange"
                :page-size="queryParams.pageSize"
                layout="total,  prev, pager, next, jumper"
                :total="total">
            </el-pagination>
        </div> -->
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
import { querydemand } from '@/api/my/testb'
export default {
    data() {
        return {
            sactionData: [],
            total: 0,
        }
    },
    mounted() {
        querydemand(this.userinform.userId).then((res) => {
            // res.rows=[{recordName:'1',recordType:'3',recordAmount:'500.363654',recordStatus:'2',recordTime:'2023.01.60 10:50'}]
            this.sactionData = res.rows
            this.total = res.total
        })
    },
    computed: {
        ...mapGetters(['userinform']),
    },

    methods: {},
}
</script>
<style scoped>
.crowdnum >>> .el-table th {
    background-color: #f7f7f7;
    color: #666666;
    text-align: center;
}
.crowdnum >>> .el-table td {
    /* text-align:center; */
    background-color: #ffffff;
    height: 60px;
    color: #333333;
}
.crowdnum >>> .el-table--border th {
    border-right: #f7f7f7;
}
.crowdnum >>> .el-tooltip__popper {
    width: 33vw;
}
</style>
<style>
.el-tooltip__popper {
    width: 33vw;
}
</style>