1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
  | <template> 
 |      <GlobalWindow 
 |          :title="title" 
 |          width="100%" 
 |          :withFooter="false" 
 |          :visible.sync="visible" 
 |          :confirm-working="isWorking" 
 |          @confirm="confirm" 
 |      > 
 |          <el-table 
 |              :data="tableData" 
 |              border 
 |              style="width: 100%"> 
 |              <el-table-column 
 |                  prop="username" 
 |                  label="账号"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  prop="realname" 
 |                  label="姓名"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  prop="mobile" 
 |                  label="联系方式"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  width="200" 
 |                  prop="companyName" 
 |                  label="授权企业名称"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  prop="auditName" 
 |                  label="授权人"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  width="170" 
 |                  prop="createDate" 
 |                  label="授权时间"> 
 |              </el-table-column> 
 |              <el-table-column 
 |                  label="操作"> 
 |                  <template slot-scope="{row}"> 
 |                      <el-button type="text" @click="cancel(row.id)">取消授权</el-button> 
 |                  </template> 
 |              </el-table-column> 
 |          </el-table> 
 |          <div style="width: 100%; height: 15px;"></div> 
 |          <el-pagination 
 |              @size-change="handleSizeChange" 
 |              @current-change="handleCurrentChange" 
 |              :current-page="form.page" 
 |              :page-sizes="[10, 30, 50, 100]" 
 |              :page-size="form.size" 
 |              layout="total, sizes, prev, pager, next, jumper" 
 |              :total="total"> 
 |          </el-pagination> 
 |      </GlobalWindow> 
 |  </template> 
 |    
 |  <script> 
 |    import BaseOpera from '@/components/base/BaseOpera' 
 |    import GlobalWindow from '@/components/common/GlobalWindow' 
 |    import { page, deleteById } from '@/api/business/companyPermission' 
 |    export default { 
 |      name: 'authorizedEnterprise', 
 |      extends: BaseOpera, 
 |      components: { GlobalWindow }, 
 |      data () { 
 |        return { 
 |          model: {}, 
 |          tableData: [], 
 |          form: { 
 |            page: 1, 
 |            capacity: 10, 
 |            model: { 
 |              userId: null 
 |            } 
 |          }, 
 |          total: 0 
 |        } 
 |      }, 
 |      methods: { 
 |        cancel(id) { 
 |          this.$confirm('确定取消授权该企业吗?', '提示', { 
 |            confirmButtonText: '确定', 
 |            cancelButtonText: '取消', 
 |            type: 'warning' 
 |          }).then(() => { 
 |            deleteById(id) 
 |              .then(res => { 
 |                this.getList() 
 |              }) 
 |          }).catch(() => { 
 |    
 |          }); 
 |        }, 
 |        handleSizeChange(e) { 
 |          this.form.capacity = e 
 |          this.getList() 
 |        }, 
 |        handleCurrentChange(e) { 
 |          this.form.page = e 
 |          this.getList() 
 |        }, 
 |        open (title, id) { 
 |          this.title = title 
 |          this.visible = true 
 |          this.form.page = 1 
 |          this.form.capacity = 10 
 |          this.form.model.userId = id 
 |          this.getList() 
 |        }, 
 |        getList() { 
 |          page(this.form) 
 |            .then(res => { 
 |              console.log(res) 
 |              this.total = res.total 
 |              this.tableData = res.records 
 |            }) 
 |        } 
 |      } 
 |    } 
 |  </script> 
 |    
 |  <style lang="scss" scoped> 
 |    
 |  </style> 
 |  
  |