table_ Display status

                <el-table-column prop="sex" label=" Gender ">
                    <template slot-scope="scope">
                        {
   {scope.row.sex == "0"?" Woman ":" male "}}
                    </template>
                </el-table-column>

                <el-table-column prop="state" label=" Check in status ">
                    <template slot-scope="scope">
                        <template v-if="scope.row.state == 0">
                            <el-tag type="warning">{
   { ' Already allocated ' }}</el-tag>
                        </template>
                        <template v-else-if="scope.row.state == 1">
                            <el-tag type="success">{
   { ' I have checked in ' }}</el-tag>
                        </template>
                        <template v-else-if="scope.row.state == 2">
                            <el-tag type="info">{
   { ' Retired ' }}</el-tag>
                        </template>
                        <template v-else>
                            <el-tag type="danger">{
   { ' Not allocated ' }}</el-tag>
                        </template>
                    </template>
                </el-table-column>