add icons dialog

src/views/modules/sys/dict-type.vue

@@ -17,6 +17,9 @@
 				<el-form-item>
 					<el-button v-if="$hasPermission('sys:dict:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
 				</el-form-item>
+				<el-form-item>
+					<el-button @click="showIcons()">所有图标</el-button>
+				</el-form-item>
 			</el-form>
 			<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" @sort-change="dataListSortChangeHandle" style="width: 100%;">
 				<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
@@ -48,6 +51,8 @@
 			</el-pagination>
 			<!-- 弹窗, 新增 / 修改 -->
 			<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+			<!-- icons  -->
+			<icons-dialog ref="iconRef" v-if="displayIcon" @destory-me="handleDestory" />
 		</div>
 	</el-card>
 </template>
@@ -56,6 +61,7 @@
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './dict-type-add-or-update'
 import { addDynamicRoute } from '@/router'
+import IconsDialog from '@/views/modules/monitoring/icons-dialog.vue'
 export default {
 	mixins: [mixinViewModule],
 	data() {
@@ -66,6 +72,7 @@ export default {
 				deleteURL: '/sys/dict/type',
 				deleteIsBatch: true
 			},
+			displayIcon: false,
 			dataForm: {
 				id: '0',
 				dictName: '',
@@ -74,9 +81,20 @@ export default {
 		}
 	},
 	components: {
-		AddOrUpdate
+		AddOrUpdate,
+		IconsDialog
 	},
 	methods: {
+		//
+		showIcons() {
+			this.displayIcon = true
+			this.$nextTick(() => {
+				this.$refs.iconRef.init()
+			})
+		},
+		handleDestory() {
+			this.displayIcon = false
+		},
 		// 子级
 		childHandle(row) {
 			// 路由参数