123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <template>
- <div style="width: 100%;background: #fff;min-height: 700px;color: #666;" class="userCenterMyProject">
- <div style="height: 60px;line-height: 60px;margin-left: 30px;margin-right: 30px; ">
- <span style="margin-right:10px">{{$t('common.all')}}(0)</span>
- <span style="margin-right:10px">{{$t('common.ToAudit')}}(0)</span>
- <span style="margin-right:10px">{{$t('common.notApproved')}}(0)</span>
- <span style="margin-right:10px">{{$t('common.Approved')}}(0)</span>
- <el-button type="primary" style="float: right;margin-right: 90px;margin-top: 10px;" @click="toView('addHomeMaintenance','')">{{$t('common.Add')}}</el-button>
- </div>
- <div style="margin-left: 30px;">
- <el-table
- :data="tableData"
- stripe
- style="width: 100%" >
- <template slot="empty">
- {{$t('common.UserNoData')}}
- </template>
- <el-table-column fixed prop="date" :label="$t('common.Title')" width="210" > </el-table-column>
- <el-table-column prop="name" :label="$t('common.MainText')" width="120"> </el-table-column>
- <el-table-column prop="address" :label="$t('common.ReleaseState')" width="120"> </el-table-column>
- <el-table-column prop="address1" :label="$t('common.ReviewState')" width="120"></el-table-column>
- <el-table-column prop="address2" :label="$t('common.releaseTime')" width="120"> </el-table-column>
- <el-table-column fixed="right" prop="address5" :label="$t('common.Option')" width="210">
- <template slot-scope="scope">
- <el-button
- @click.native.prevent="change(scope.$index, tableData)"
- type="text"
- size="small">
- {{$t('common.Edit')}}
- </el-button>
- <el-button
- @click.native.prevent="release(scope.$index, tableData)"
- type="text"
- size="small">
- {{$t('common.release')}}
- </el-button>
- <el-button
- @click.native.prevent="withdraw(scope.$index, tableData)"
- type="text"
- size="small">
- {{$t('common.recall')}}
- </el-button>
- <el-button
- @click.native.prevent="deleteRow(scope.$index, tableData)"
- type="text"
- size="small">
- {{$t('common.Delete')}}
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div style="width: 100%;text-align: center;" v-if="tableData.length>0">
- <el-pagination
- style="margin-top: 50px;height: 80px;"
- background
- layout="prev, pager, next"
- :total=0 @size-change="handleSizeChange"
- @current-change="handleCurrentChange">
- </el-pagination>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'userCenterHomeProjectPerformance',
- data () {
- return {
- formInline: {
- user: '',
- region: ''
- },
- tableData: []
- }
- },
- methods:{
- toView(router,json){
- this.$router.push({name:router,params:json})
- },
- // 发布
- release(index, rows) {
- console.log(index, rows)
- },
- // 编辑
- change(index, rows) {
- console.log(index, rows)
- },
- // 删除
- deleteRow(index, rows) {
- console.log(index, rows)
- },
- // 撤回
- withdraw(index,rows) {
- console.log(index, rows)
- },
- handleSizeChange(val) {
- console.log(`每页 ${val} 条`);
- },
- handleCurrentChange(val) {
- console.log(`当前页: ${val}`);
- }
- }
- }
- </script>
- <style scoped>
- .el-input {
- width: 200px ;
- }
- .el-form-item__content,.el-select {
- width: 200px !important;
- }
- .el-table thead {
- background: #eee;
- }
- .userCenterMyProject >>> .el-pagination .el-pager li,
- .userCenterMyProject >>> .el-pagination .btn-next,
- .userCenterMyProject >>> .el-pagination .btn-prev{
- width: 35px;
- height: 35px;
- line-height: 35px;
- }
- .userCenterMyProject >>> .el-pagination.is-background .el-pager li:not(.disabled).active {
- background: #0050d8;
- }
-
- </style>
|