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
| <style scoped>
| .title {
| height: 60px;
| line-height: 60px;
| }
|
| .search {
| background-color: #fff;
| height: 80px;
| display: flex;
| align-items: center;
| }
| .search_thing {
| display: flex;
| align-items: center;
| height: 50px;
| }
| .search_label {
| width: 80px;
| font-size: 14px;
| text-align: right;
| }
|
| .search_input {
| width: calc(100% - 120px);
| }
| .table {
| margin-top: 10px;
| background-color: #fff;
| width: calc(100% - 40px);
| height: calc(100% - 60px - 80px - 10px - 40px);
| padding: 20px;
| }
|
| </style>
| <template>
| <div class="below-standard-main">
| <div style="width: 100%;height: 100%;">
| <div>
| <el-row class="title">
| <el-col :span="12" style="padding-left: 20px;text-align: left;">外来人员管理</el-col>
| <el-col :span="12" style="text-align: right;">
| <el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('新增接口')" v-if="addPower">新 增</el-button>
| <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">导 出</el-button>
| </el-col>
| </el-row>
| </div>
| <div class="search">
| <div class="search_thing">
| <div class="search_label">日期：</div>
| <div class="search_input">
| <el-date-picker
| v-model="componentData.entity.sample"
| format="yyyy-MM-dd HH:mm:ss"
| value-format="yyyy-MM-dd HH:mm:ss"
| type="date"
| size="small"
| @change="refreshTable()"
| placeholder="选择日期">
| </el-date-picker>
| </div>
| </div>
| <div class="search_thing" style="padding-left: 30px;">
| <el-button size="small" @click="refresh()">重 置</el-button>
| <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
| </div>
| </div>
| <div class="table">
| <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData"
| :key="upIndex" />
| </div>
| </div>
| </div>
| </template>
|
| <script>
| import ValueTable from '../tool/value-table.vue'
| export default {
| components: {
| ValueTable,
| },
| data() {
| return {
| componentData: {
| entity: {
| sample: null,
| model: null,
| orderBy: {
| field: 'id',
| order: 'asc'
| }
| },
| isIndex: true,
| showSelect: false,
| select: false,
| do: [],
| tagField: [],
| selectField: [],
| requiredAdd: [],
| requiredUp: []
| },
| entityCopy: {},
| upIndex: 0,
| stateList: [],
| addPower:true,
| }
| },
| mounted() {
| this.entityCopy = this.HaveJson(this.componentData.entity)
| this.getPower()
| },
| methods :{
| refreshTable() {
| this.$refs['ValueTable'].selectList()
| },
| refresh() {
| this.componentData.entity = this.HaveJson(this.entityCopy)
| this.upIndex++
| },
| // 权限分配
| getPower(radio) {
| let power = JSON.parse(sessionStorage.getItem('power'))
| },
| }
| }
| </script>
|
|
