elink-star
/
esua-epdc-admin
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

活动管理详情

master
曲树通 6 years ago
parent
ee2062c982
commit
19e68080eb
1 changed files with 438 additions and 395 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 143
      src/views/modules/heart/actuserclock-detail.vue

143
src/views/modules/heart/actuserclock-detail.vue
View File

@ -1,53 +1,103 @@
<template> <template>
<div class="project-handle"> <div class="project-handle"
style="background: #ffffff;">
<div class="project-detail"> <div class="project-detail">
<div class="project-detail-tip">处理操作 :</div> <div class="project-detail-tip">处理操作 :</div>
<el-form ref="dataForm" label-width="120px" label-position="right" style="width: 720px;" :model="dataForm" :rules="dataRule" @keyup.enter.native="dataFormSubmitHandle()"> <el-form ref="dataForm"
<el-form-item label="是否加积分 :" prop="status"> :model="dataForm"
<el-radio v-model="dataForm.status" :disabled="isAble" label="5">确认加积分</el-radio> :rules="dataRule"
<el-radio v-model="dataForm.status" :disabled="isAble" label="6">拒绝加积分</el-radio> @keyup.enter.native="dataFormSubmitHandle()">
<el-form-item label="是否加积分 :"
prop="status">
<el-radio v-model="dataForm.status"
:disabled="isAble"
label="5">确认加积分</el-radio>
<el-radio v-model="dataForm.status"
:disabled="isAble"
label="6">拒绝加积分</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="处理意见 :" prop="failureReason"> <el-form-item label="处理意见 :"
<el-input :rows="4" v-model="dataForm.failureReason" :disabled="isAble" type="textarea" placeholder="请写明理由，100字以内"></el-input> prop="failureReason">
<el-input :rows="4"
v-model="dataForm.failureReason"
:disabled="isAble"
type="textarea"
placeholder="请写明理由，100字以内"></el-input>
</el-form-item> </el-form-item>
<el-form-item style="float: right;"> <el-form-item style="float: right;">
<el-button size="small" style="width: 95px" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <el-button size="small"
<el-button size="small" style="width: 95px" @click="backToActClockList">{{ '返回' }}</el-button> style="width: 95px"
type="primary"
:disabled="isAble"
@click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button size="small"
style="width: 95px"
@click="backToActClockList">{{ '返回' }}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
<div class="container"> <div class="container">
<div class="location"><span style="font-weight: bold;color: #606266">打卡位置 :</span> {{dataForm.address}}</div> <div class="location"><span style="font-weight: bold;color: #606266">打卡位置 :</span> {{dataForm.address}}</div>
<div id="mapContainer" style="width:450px;height:220px;"></div> <div id="mapContainer"
</div> style="width:450px;height:220px;"></div>
</div> </div>
<div class="handle-operation"> <div class="handle-operation">
<div class="handle-operation-tip">打卡详情</div> <div class="handle-operation-tip">打卡详情</div>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> <el-table v-loading="dataListLoading"
<el-table-column label="序号" type="index" show-overflow-tooltip align="center" width="50"></el-table-column> :data="dataList"
<el-table-column prop="realName" label="报名人" header-align="center" align="center"></el-table-column> border
<el-table-column prop="sex" label="性别" :formatter="formatSex" header-align="center" align="center"></el-table-column> @selection-change="dataListSelectionChangeHandle"
<el-table-column prop="age" label="年龄" header-align="center" align="center"></el-table-column> style="width: 100%;">
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> <el-table-column label="序号"
<el-table-column prop="clockAddress" label="打卡地点" header-align="center" align="center"></el-table-column> type="index"
<el-table-column prop="clockDesc" label="打卡描述" header-align="center" align="center"></el-table-column> show-overflow-tooltip
<el-table-column label="图片" fixed="right" header-align="center" align="center" width="400"> align="center"
width="50"></el-table-column>
<el-table-column prop="realName"
label="报名人"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="sex"
label="性别"
:formatter="formatSex"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="age"
label="年龄"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="mobile"
label="联系电话"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="clockAddress"
label="打卡地点"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="clockDesc"
label="打卡描述"
header-align="center"
align="center"></el-table-column>
<el-table-column label="图片"
fixed="right"
header-align="center"
align="center"
width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-image <el-image class="avatar1"
class="avatar1"
v-if="scope.row.clockPic[0]" v-if="scope.row.clockPic[0]"
:src="scope.row.clockPic[0]" :src="scope.row.clockPic[0]"
:key="scope.row.clockPic[0]" :key="scope.row.clockPic[0]"
:preview-src-list="previewImgList" :preview-src-list="previewImgList"
@click="clickImg(scope.row.clockPic[0])"></el-image> @click="clickImg(scope.row.clockPic[0])"></el-image>
<el-image <el-image class="avatar1"
class="avatar1"
v-if="scope.row.clockPic[1]" v-if="scope.row.clockPic[1]"
:src="scope.row.clockPic[1]" :src="scope.row.clockPic[1]"
:key="scope.row.clockPic[1]" :key="scope.row.clockPic[1]"
:preview-src-list="previewImgList" :preview-src-list="previewImgList"
@click="clickImg(scope.row.clockPic[1])"></el-image> @click="clickImg(scope.row.clockPic[1])"></el-image>
<el-image <el-image class="avatar1"
class="avatar1"
v-if="scope.row.clockPic[2]" v-if="scope.row.clockPic[2]"
:src="scope.row.clockPic[2]" :src="scope.row.clockPic[2]"
:key="scope.row.clockPic[2]" :key="scope.row.clockPic[2]"
@ -56,6 +106,14 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination :current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
</div> </div>
</div> </div>
</template> </template>
@ -281,42 +339,27 @@ export default {
.el-image-viewer__close { .el-image-viewer__close {
top: 16%; top: 16%;
} }
.el-table__fixed-right::before, .el-table__fixed::before { .el-table__fixed-right::before,
.el-table__fixed::before {
background: transparent !important; background: transparent !important;
} }
</style> </style>
<style lang="scss">
.project-handle {
.el-timeline {
padding-left: 9px;
font-size: 13px;
}
.el-textarea {
width: 600px !important;
}
.el-input {
width: 600px !important;
}
}
.el-form-item__label {
font-weight: bold;
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.project-handle { .project-handle {
width: 100%; width: 100%;
height: calc(100vh - 120px); height: 49%;
background: #ffffff; background: #ffffff;
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 10px;
.project-detail { .project-detail {
width: 100%; background: #ffffff;
width: 60%;
height: 49%; height: 49%;
border: 2px solid #ccc; border: 2px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
padding: 10px;
padding-top: 20px; padding-top: 20px;
float: left; float: left;
margin-bottom: 1%; margin-bottom: 1%;
@ -333,7 +376,6 @@ export default {
text-align: center; text-align: center;
} }
.el-form { .el-form {
width: 58%;
height: 100%; height: 100%;
float: left; float: left;
overflow-y: auto; overflow-y: auto;
@ -350,9 +392,11 @@ export default {
background: #fff; background: #fff;
} }
} }
}
.container { .container {
background: #ffffff;
width: 40%; width: 40%;
height: 100%; height: 49%;
float: right; float: right;
.location { .location {
height: 30px; height: 30px;
@ -363,7 +407,6 @@ export default {
height: calc(100% - 30px); height: calc(100% - 30px);
} }
} }
}
.project-progress { .project-progress {
width: 20%; width: 20%;
height: 100%; height: 100%;

Write Preview
Loading…
Cancel
Save