record tab 页

This commit is contained in:
caoqianming 2021-03-18 13:21:34 +08:00
commit 7d8d0bce18
3 changed files with 17 additions and 12 deletions

View File

@ -72,7 +72,7 @@
条记录待整改
</el-link>
</div>
<div class="litem" @click="goto('toconfirm')">
<div class="litem" @click="goto('uped')">
<el-link class="desc" v-if="todos.toconfirm">
您有
<span style="color:red">{{todos.toconfirm}}</span>

View File

@ -115,8 +115,7 @@
<template slot-scope="scope" v-if="scope.row.files">
<el-link v-if="scope.row.files.length>1">{{scope.row.files.length}}个文件</el-link>
<div v-else v-for="item in scope.row.files_" v-bind:key="item.id">
<el-link :href="item.path" type="primary">{{ item.name }}</el-link>
<el-link :href="item.path" target="_blank" type="primary">{{ item.name }}</el-link>
</div>
</template>
</el-table-column>

View File

@ -29,13 +29,13 @@
<el-row>
<el-col :span="24">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="待上报" name="first" lazy>
<el-tab-pane label="待上报" name="toup" lazy>
</el-tab-pane>
<el-tab-pane label="已上报" name="second" lazy>
<el-tab-pane label="已上报" name="uped" lazy>
</el-tab-pane>
<el-tab-pane label="待整改" name="third" lazy>
<el-tab-pane label="待整改" name="tozg" lazy>
</el-tab-pane>
<el-tab-pane label="已确认" name="forth" lazy>
<el-tab-pane label="已确认" name="confirmed" lazy>
</el-tab-pane>
@ -144,7 +144,7 @@ export default {
return {
centerDialogVisible: false,
dialogVisible: false,
activeName: "first",
activeName: "toup",
state:"待上报",
can_doself:true,
contents: [],
@ -158,11 +158,17 @@ export default {
};
},
created() {
this.getTab();
this.getContentList();
this.getRecordList();
},
methods: {
checkPermission,
getTab(){
if(this.$route.params.tab){
this.activeName = this.$route.params.tab
}
},
getRecordList(){
getRecordList({state:this.state}).then((res) => {
@ -178,19 +184,19 @@ export default {
handleClick(tab, event) {
switch (tab.name) {
case "first":
case "toup":
this.state="待上报";
this.getRecordList();
break;
case "second":
case "uped":
this.state="已上报";
this.getRecordList();
break;
case "third":
case "tozg":
this.state="待整改";
this.getRecordList();
break;
case "forth":
case "confirmed":
this.state="已确认";
this.getRecordList();
break;