|
1 | 1 | <template> |
2 | 2 | <div> |
3 | | - <div class="search-term"> |
| 3 | + <div class="gva-search-box"> |
4 | 4 | <el-form :inline="true" :model="searchInfo" class="demo-form-inline"> |
5 | 5 | {{- range .Fields}} {{- if .FieldSearchType}} {{- if eq .FieldType "bool" }} |
6 | 6 | <el-form-item label="{{.FieldDesc}}" prop="{{.FieldJson}}"> |
|
21 | 21 | <el-form-item label="{{.FieldDesc}}"> |
22 | 22 | <el-input v-model="searchInfo.{{.FieldJson}}" placeholder="搜索条件" /> |
23 | 23 | </el-form-item>{{ end }}{{ end }}{{ end }} |
| 24 | + <el-form-item> |
| 25 | + <el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
| 26 | + <el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
| 27 | + </el-form-item> |
24 | 28 | </el-form> |
25 | | - <div class="gva-btn-list"> |
26 | | - <el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
27 | | - <el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog">新增</el-button> |
28 | | - <el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
29 | | - <p>确定要删除吗?</p> |
30 | | - <div style="text-align: right; margin: 0"> |
31 | | - <el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
32 | | - <el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
33 | | - </div> |
34 | | - <template #reference> |
35 | | - <el-button icon="el-icon-delete" size="mini" type="danger" style="margin-left: 10px;">批量删除</el-button> |
36 | | - </template> |
37 | | - </el-popover> |
38 | | - </div> |
39 | 29 | </div> |
40 | | - <el-table |
41 | | - ref="multipleTable" |
42 | | - border |
43 | | - stripe |
44 | | - style="width: 100%" |
45 | | - tooltip-effect="dark" |
46 | | - :data="tableData" |
47 | | - @selection-change="handleSelectionChange" |
48 | | - > |
49 | | - <el-table-column type="selection" width="55" /> |
50 | | - <el-table-column label="日期" width="180"> |
51 | | - <template #default="scope">{{ "{{ formatDate(scope.row.CreatedAt) }}" }}</template> |
52 | | - </el-table-column> |
53 | | - {{- range .Fields}} |
54 | | - {{- if .DictType}} |
55 | | - <el-table-column label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120"> |
56 | | - <template #default="scope"> |
57 | | - {{"{{"}} filterDict(scope.row.{{.FieldJson}},"{{.DictType}}") {{"}}"}} |
58 | | - </template> |
59 | | - </el-table-column> |
60 | | - {{- else if eq .FieldType "bool" }} |
61 | | - <el-table-column label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120"> |
62 | | - <template #default="scope">{{"{{"}} formatBoolean(scope.row.{{.FieldJson}}) {{"}}"}}</template> |
63 | | - </el-table-column> {{- else }} |
64 | | - <el-table-column label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120" /> |
65 | | - {{- end }} |
66 | | - {{- end }} |
67 | | - <el-table-column label="按钮组"> |
68 | | - <template #default="scope"> |
69 | | - <el-button size="small" type="primary" icon="el-icon-edit" class="table-button" @click="update{{.StructName}}(scope.row)">变更</el-button> |
70 | | - <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteRow(scope.row)">删除</el-button> |
71 | | - </template> |
72 | | - </el-table-column> |
73 | | - </el-table> |
74 | | - <el-pagination |
75 | | - layout="total, sizes, prev, pager, next, jumper" |
76 | | - :current-page="page" |
77 | | - :page-size="pageSize" |
78 | | - :page-sizes="[10, 30, 50, 100]" |
79 | | - :style="{float:'right',padding:'20px'}" |
80 | | - :total="total" |
81 | | - @current-change="handleCurrentChange" |
82 | | - @size-change="handleSizeChange" |
83 | | - /> |
| 30 | + <div class="gva-table-box"> |
| 31 | + <div class="gva-btn-list"> |
| 32 | + <el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog">新增</el-button> |
| 33 | + <el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
| 34 | + <p>确定要删除吗?</p> |
| 35 | + <div style="text-align: right; margin-top: 8px;"> |
| 36 | + <el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
| 37 | + <el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
| 38 | + </div> |
| 39 | + <template #reference> |
| 40 | + <el-button icon="el-icon-delete" size="mini" style="margin-left: 10px;">删除</el-button> |
| 41 | + </template> |
| 42 | + </el-popover> |
| 43 | + </div> |
| 44 | + <el-table |
| 45 | + ref="multipleTable" |
| 46 | + style="width: 100%" |
| 47 | + tooltip-effect="dark" |
| 48 | + :data="tableData" |
| 49 | + row-key="ID" |
| 50 | + @selection-change="handleSelectionChange" |
| 51 | + > |
| 52 | + <el-table-column type="selection" width="55" /> |
| 53 | + <el-table-column align="center" label="日期" width="180"> |
| 54 | + <template #default="scope">{{ "{{ formatDate(scope.row.CreatedAt) }}" }}</template> |
| 55 | + </el-table-column> |
| 56 | + {{- range .Fields}} |
| 57 | + {{- if .DictType}} |
| 58 | + <el-table-column align="center" label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120"> |
| 59 | + <template #default="scope"> |
| 60 | + {{"{{"}} filterDict(scope.row.{{.FieldJson}},"{{.DictType}}") {{"}}"}} |
| 61 | + </template> |
| 62 | + </el-table-column> |
| 63 | + {{- else if eq .FieldType "bool" }} |
| 64 | + <el-table-column align="center" label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120"> |
| 65 | + <template #default="scope">{{"{{"}} formatBoolean(scope.row.{{.FieldJson}}) {{"}}"}}</template> |
| 66 | + </el-table-column> {{- else }} |
| 67 | + <el-table-column align="center" label="{{.FieldDesc}}" prop="{{.FieldJson}}" width="120" /> |
| 68 | + {{- end }} |
| 69 | + {{- end }} |
| 70 | + <el-table-column align="center" label="按钮组"> |
| 71 | + <template #default="scope"> |
| 72 | + <el-button type="text" icon="el-icon-edit" size="small" class="table-button" @click="update{{.StructName}}(scope.row)">变更</el-button> |
| 73 | + <el-button type="text" icon="el-icon-delete" size="mini" @click="deleteRow(scope.row)">删除</el-button> |
| 74 | + </template> |
| 75 | + </el-table-column> |
| 76 | + </el-table> |
| 77 | + <div class="gva-pagination"> |
| 78 | + <el-pagination |
| 79 | + layout="total, sizes, prev, pager, next, jumper" |
| 80 | + :current-page="page" |
| 81 | + :page-size="pageSize" |
| 82 | + :page-sizes="[10, 30, 50, 100]" |
| 83 | + :total="total" |
| 84 | + @current-change="handleCurrentChange" |
| 85 | + @size-change="handleSizeChange" |
| 86 | + /> |
| 87 | + </div> |
| 88 | + </div> |
84 | 89 | <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="弹窗操作"> |
85 | 90 | <el-form :model="formData" label-position="right" label-width="80px"> |
86 | 91 | {{- range .Fields}} |
|
93 | 98 | {{- end }} |
94 | 99 | {{- if eq .FieldType "int" }} |
95 | 100 | {{- if .DictType}} |
96 | | - <el-select v-model="formData.{{ .FieldJson }}" placeholder="请选择" clearable> |
| 101 | + <el-select v-model="formData.{{ .FieldJson }}" placeholder="请选择" style="width:100%" clearable> |
97 | 102 | <el-option v-for="(item,key) in {{ .DictType }}Options" :key="key" :label="item.label" :value="item.value" /> |
98 | 103 | </el-select> |
99 | 104 | {{- else }} |
100 | 105 | <el-input v-model.number="formData.{{ .FieldJson }}" clearable placeholder="请输入" /> |
101 | 106 | {{- end }} |
102 | 107 | {{- end }} |
103 | 108 | {{- if eq .FieldType "time.Time" }} |
104 | | - <el-date-picker v-model="formData.{{ .FieldJson }}" type="date" placeholder="选择日期" clearable /> |
| 109 | + <el-date-picker v-model="formData.{{ .FieldJson }}" type="date" style="width:100%" placeholder="选择日期" clearable /> |
105 | 110 | {{- end }} |
106 | 111 | {{- if eq .FieldType "float64" }} |
107 | | - <el-input-number v-model="formData.{{ .FieldJson }}" :precision="2" clearable /> |
| 112 | + <el-input-number v-model="formData.{{ .FieldJson }}" style="width:100%" :precision="2" clearable /> |
108 | 113 | {{- end }} |
109 | 114 | </el-form-item> |
110 | 115 | {{- end }} |
111 | 116 | </el-form> |
112 | 117 | <template #footer> |
113 | 118 | <div class="dialog-footer"> |
114 | | - <el-button @click="closeDialog">取 消</el-button> |
115 | | - <el-button type="primary" @click="enterDialog">确 定</el-button> |
| 119 | + <el-button size="small" @click="closeDialog">取 消</el-button> |
| 120 | + <el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
116 | 121 | </div> |
117 | 122 | </template> |
118 | 123 | </el-dialog> |
@@ -174,6 +179,9 @@ export default { |
174 | 179 | {{- end }} |
175 | 180 | }, |
176 | 181 | methods: { |
| 182 | + onReset() { |
| 183 | + this.searchInfo = {} |
| 184 | + }, |
177 | 185 | // 条件搜索前端看此方法 |
178 | 186 | onSubmit() { |
179 | 187 | this.page = 1 |
|
0 commit comments