首页 发现 帮助
登录
CocoRoboLabs
/
pblUserManage
3
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

gxgx

SanHQin 3 月之前
父节点
16f982e7e4
当前提交
a5d4f011c1
共有 7 个文件被更改，包括 505 次插入 和 56 次删除
合并视图 显示文件统计
  1. 0 0
      dist/css/app.54cc4b88.css
  2. 0 0
      dist/css/app.fb8b9b8b.css
  3. 1 1
      dist/index.html
  4. 0 0
      dist/js/app.a17a9171.js
  5. 0 0
      dist/js/app.a17a9171.js.map
  6. 304 55
      src/components/dialog/permissionSettingDialog.vue
  7. 200 0
      src/components/dialog/selectAppDialog.vue

文件差异内容过多而无法显示
+ 0 - 0
dist/css/app.54cc4b88.css


文件差异内容过多而无法显示
+ 0 - 0
dist/css/app.fb8b9b8b.css


+ 1 - 1
dist/index.html
查看文件 

@@ -36,4 +36,4 @@
 
         width: 100%;
 
         width: 100%;
 
         background: #e6eaf0;
 
         background: #e6eaf0;
 
         font-family: '黑体';
 
         font-family: '黑体';
 
-      }</style><script defer="defer" src="/js/chunk-vendors.3a922260.js"></script><script defer="defer" src="/js/app.88c38243.js"></script><link href="/css/chunk-vendors.7cfe4581.css" rel="stylesheet"><link href="/css/app.54cc4b88.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but userManage doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
 
+      }</style><script defer="defer" src="/js/chunk-vendors.3a922260.js"></script><script defer="defer" src="/js/app.a17a9171.js"></script><link href="/css/chunk-vendors.7cfe4581.css" rel="stylesheet"><link href="/css/app.fb8b9b8b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but userManage doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

文件差异内容过多而无法显示
+ 0 - 0
dist/js/app.a17a9171.js


文件差异内容过多而无法显示
+ 0 - 0
dist/js/app.a17a9171.js.map


+ 304 - 55
src/components/dialog/permissionSettingDialog.vue
查看文件 

@@ -20,11 +20,17 @@
 
 						@click="changeTagType('desktop')"
 
 						@click="changeTagType('desktop')"
 
 						>桌面工具</span
 
 						>桌面工具</span
 
 					>
 
 					>
 
+
 
 					<span
 
 					<span
 
 						:class="{ pa_a_h_active: tagType == 'admin-index' }"
 
 						:class="{ pa_a_h_active: tagType == 'admin-index' }"
 
 						@click="changeTagType('admin-index')"
 
 						@click="changeTagType('admin-index')"
 
 						>管理平台侧首页</span
 
 						>管理平台侧首页</span
 
 					>
 
 					>
 
+					<span
 
+						:class="{ pa_a_h_active: tagType == 'admin-cocoFlow' }"
 
+						@click="changeTagType('admin-cocoFlow')"
 
+						>管理平台首页CocoFlow</span
 
+					>
 
 					<span
 
 					<span
 
 						:class="{ pa_a_h_active: tagType == 'admin-sidebar' }"
 
 						:class="{ pa_a_h_active: tagType == 'admin-sidebar' }"
 
 						@click="changeTagType('admin-sidebar')"
 
 						@click="changeTagType('admin-sidebar')"
 
@@ -38,6 +44,13 @@
 
 							@click="addMenu()"
 
 							@click="addMenu()"
 
 							>添加菜单</el-button
 
 							>添加菜单</el-button
 
 						>
 
 						>
 
+						<el-button
 
+							size="mini"
 
+							v-if="['admin-cocoFlow'].includes(tagType)"
 
+							type="primary"
 
+							@click="addApp()"
 
+							>添加应用</el-button
 
+						>
 
 						<el-button
 
 						<el-button
 
 							size="mini"
 
 							size="mini"
 
 							v-if="
 
 							v-if="
 
@@ -76,12 +89,54 @@
 
 								placement="top"
 
 								placement="top"
 
 							>
 
 							>
 
 								<el-image
 
 								<el-image
 
-									style="width: 100%; height: 100%"
 
+								style="width: 60px; height: 60px;margin-left: 20px;"
 
 									:src="form.basics.logo"
 
 									:src="form.basics.logo"
 
 									fit="cover"
 
 									fit="cover"
 
-									@click="addBasicsIcon()"
 
+									@click="addBasicsIcon('logo')"
 
+								>
 
+									<div slot="error" class="image-slot" @click="addBasicsIcon('logo')">
 
+										<i class="el-icon-picture-outline"></i>
 
+									</div>
 
+								</el-image>
 
+							</el-tooltip>
 
+						</div>
 
+
 
+						<div class="ea_basics_logo">
 
+							<span>登录页logo</span>
 
+							<el-tooltip
 
+								class="item"
 
+								effect="dark"
 
+								:content="form.basics.loginLogo ? '更改图标' : '上传图标'"
 
+								placement="top"
 
+							>
 
+								<el-image
 
+									style="width: 60px; height: 60px;margin-left: 20px;"
 
+									:src="form.basics.loginLogo"
 
+									fit="cover"
 
+									@click="addBasicsIcon('loginLogo')"
 
+								>
 
+									<div slot="error" class="image-slot" @click="addBasicsIcon('loginLogo')">
 
+										<i class="el-icon-picture-outline"></i>
 
+									</div>
 
+								</el-image>
 
+							</el-tooltip>
 
+						</div>
 
+
 
+						<div class="ea_basics_logo">
 
+							<span>登录页banner</span>
 
+							<el-tooltip
 
+								class="item"
 
+								effect="dark"
 
+								:content="form.basics.loginBanner ? '更改' : '上传'"
 
+								placement="top"
 
+							>
 
+								<el-image
 
+									style="width: 60px; height: 60px;margin-left: 20px;"
 
+									:src="form.basics.loginBanner"
 
+									fit="cover"
 
+									@click="addBasicsIcon('loginBanner')"
 
 								>
 
 								>
 
-									<div slot="error" class="image-slot" @click="addBasicsIcon()">
 
+									<div slot="error" class="image-slot" @click="addBasicsIcon('loginBanner')">
 
 										<i class="el-icon-picture-outline"></i>
 
 										<i class="el-icon-picture-outline"></i>
 
 									</div>
 
 									</div>
 
 								</el-image>
 
 								</el-image>
 
@@ -276,6 +331,31 @@
 
 							</el-table>
 
 							</el-table>
 
 						</div>
 
 						</div>
 
 					</div>
 
 					</div>
 
+					<div class="editArea appList" v-show="tagType == 'admin-cocoFlow'">
 
+						<template v-if="form.admin.cocoFlow">
 
+							<div
 
+								class="appItem"
 
+								v-for="(item,index) in form.admin.cocoFlow"
 
+								:key="item.id"
 
+							>
 
+								<div class="ai_left">
 
+									<el-image
 
+										style="width: 100%; height: 100%"
 
+										:src="item.json.icon"
 
+										fit="cover"
 
+									></el-image>
 
+								</div>
 
+								<div class="ai_right">
 
+									<div>{{ item.name }}</div>
 
+									<div class="ai_r_btn">
 
+										<svg @click="moveApp(item.id,0)" v-if="index!=0" t="1744598539024" class="icon" viewBox="0 0 1470 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" width="200" height="200"><path d="M664.965051 36.390373L20.010522 880.212016c-44.471546 58.191134-2.978155 142.114864 70.271066 142.114863h1289.8254c73.232489 0 114.725879-83.923729 70.271065-142.114863L805.473719 36.390373a88.441155 88.441155 0 0 0-140.508668 0z" p-id="2614"></path></svg>
 
+										<svg @click="moveApp(item.id,1)" v-if="index!=(form.admin.cocoFlow.length-1)" style="transform: rotate(180deg);" t="1744598539024" class="icon" viewBox="0 0 1470 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" width="200" height="200"><path d="M664.965051 36.390373L20.010522 880.212016c-44.471546 58.191134-2.978155 142.114864 70.271066 142.114863h1289.8254c73.232489 0 114.725879-83.923729 70.271065-142.114863L805.473719 36.390373a88.441155 88.441155 0 0 0-140.508668 0z" p-id="2614"></path></svg>
 
+									</div>
 
+									<span>{{ item.detail }}</span>
 
+								</div>
 
+							</div>
 
+						</template>
 
+					</div>
 
 					<div
 
 					<div
 
 						class="editArea pa_a_eb_admin-index"
 
 						class="editArea pa_a_eb_admin-index"
 
 						v-show="tagType == 'admin-index'"
 
 						v-show="tagType == 'admin-index'"
 
@@ -739,6 +819,7 @@
 
 		</el-dialog>
 
 		</el-dialog>
 
 		<selectToolDialog ref="selectToolDialogRef" @success="selectToolSuccess" />
 
 		<selectToolDialog ref="selectToolDialogRef" @success="selectToolSuccess" />
 
 		<addMenuDialog ref="addMenuDialogRef" @success="addMenuSuccess" />
 
 		<addMenuDialog ref="addMenuDialogRef" @success="addMenuSuccess" />
 
+		<selectAppDialog ref="selectAppDialogRef" @success="selectAppSuccess" />
 
 	</div>
 
 	</div>
 
 </template>
 
 </template>
 
 
 
@@ -749,10 +830,12 @@ import { API_CONFIG } from "@/common/apiConfig";
 
 import addMenuDialog from "./addMenuDialog.vue";
 
 import addMenuDialog from "./addMenuDialog.vue";
 
 import { addOp } from "@/api/user";
 
 import { addOp } from "@/api/user";
 
 import { mapGetters } from "vuex";
 
 import { mapGetters } from "vuex";
 
+import selectAppDialog from "./selectAppDialog.vue";
 
 export default {
 
 export default {
 
 	components: {
 
 	components: {
 
 		selectToolDialog,
 
 		selectToolDialog,
 
 		addMenuDialog,
 
 		addMenuDialog,
 
+		selectAppDialog,
 
 	},
 
 	},
 
 	computed: {
 
 	computed: {
 
 		...mapGetters(["userid"]),
 
 		...mapGetters(["userid"]),
 
@@ -766,6 +849,7 @@ export default {
 
 			tagType: "basics",
 
 			tagType: "basics",
 
 			addToolIndex: null,
 
 			addToolIndex: null,
 
 			toolList: [],
 
 			toolList: [],
 
+			appList: [],
 
 			form: {
 
 			form: {
 
 				basics: {
 
 				basics: {
 
 					title: "",
 
 					title: "",
 
@@ -779,6 +863,7 @@ export default {
 
 				admin: {
 
 				admin: {
 
 					index: {
 
 					index: {
 
 						list: [],
 
 						list: [],
 
+						cocoFlow: [],
 
 					},
 
 					},
 
 					sidebar: {
 
 					sidebar: {
 
 						list: [],
 
 						list: [],
 
@@ -794,7 +879,15 @@ export default {
 
 			if (_data.json) {
 
 			if (_data.json) {
 
 				this.form = JSON.parse(_data.json);
 
 				this.form = JSON.parse(_data.json);
 
 			}
 
 			}
 
-			this.getToolData();
 
+			// this.getToolData();
 
+			Promise.all([this.getToolData(), this.getAppData()])
 
+				.then(() => {
 
+					// console.log(JSON.parse(JSON.stringify([this.toolList,this.appList])))
 
+					this.setDataListToo(this.toolList, this.appList);
 
+				})
 
+				.catch((e) => {
 
+					console.log("👉", e);
 
+				});
 
 			this.data = _data;
 
 			this.data = _data;
 
 			this.type = type;
 
 			this.type = type;
 
 			this.show = true;
 
 			this.show = true;
 
@@ -809,6 +902,8 @@ export default {
 
 					title: "",
 
 					title: "",
 
 					brief: "",
 
 					brief: "",
 
 					logo: "",
 
 					logo: "",
 
+					loginLogo:"",
 
+					loginBanner:"",
 
 				},
 
 				},
 
 				//桌面  管理平台首页  管理平台侧边栏
 
 				//桌面  管理平台首页  管理平台侧边栏
 
 				desktop: {
 
 				desktop: {
 
@@ -817,6 +912,7 @@ export default {
 
 				admin: {
 
 				admin: {
 
 					index: {
 
 					index: {
 
 						list: [],
 
 						list: [],
 
+						cocoFlow: [],
 
 					},
 
 					},
 
 					sidebar: {
 
 					sidebar: {
 
 						list: [],
 
 						list: [],
 
@@ -832,16 +928,18 @@ export default {
 
 			console.log(this.form);
 
 			console.log(this.form);
 
 			this.setJson();
 
 			this.setJson();
 
 		},
 
 		},
 
-		async addBasicsIcon() {
 
+		async addBasicsIcon(type='logo') {
 
 			let _url = await this.uploadFile("image/*");
 
 			let _url = await this.uploadFile("image/*");
 
 			if (_url) {
 
 			if (_url) {
 
-				this.form.basics.logo = _url;
 
+				this.form.basics[type] = _url;
 
+				this.$forceUpdate()
 
+				console.log(this.form)
 
 				await addOp({
 
 				await addOp({
 
-					uid:this.userid,
 
+					uid: this.userid,
 
 					cid: this.data.id,
 
 					cid: this.data.id,
 
 					type: "user_op",
 
 					type: "user_op",
 
-					content:`修改了${this.data.name}的基本信息的logo`
 
-				})
 
+					content: `修改了${this.data.name}的基本信息的${type}`,
 
+				});
 
 			} else {
 
 			} else {
 
 				return console.log("无图片");
 
 				return console.log("无图片");
 
 			}
 
 			}
 
@@ -923,20 +1021,20 @@ export default {
 
 				this.form.desktop.list = list;
 
 				this.form.desktop.list = list;
 
 				this.$refs.selectToolDialogRef.close();
 
 				this.$refs.selectToolDialogRef.close();
 
 				await addOp({
 
 				await addOp({
 
-					uid:this.userid,
 
+					uid: this.userid,
 
 					cid: this.data.id,
 
 					cid: this.data.id,
 
 					type: "user_op",
 
 					type: "user_op",
 
-					content:`修改了${this.data.name}的桌面端工具`
 
-				})
 
+					content: `修改了${this.data.name}的桌面端工具`,
 
+				});
 
 			} else if (type == "admin-index") {
 
 			} else if (type == "admin-index") {
 
 				this.form.admin.index.list = list;
 
 				this.form.admin.index.list = list;
 
 				this.$refs.selectToolDialogRef.close();
 
 				this.$refs.selectToolDialogRef.close();
 
 				await addOp({
 
 				await addOp({
 
-					uid:this.userid,
 
+					uid: this.userid,
 
 					cid: this.data.id,
 
 					cid: this.data.id,
 
 					type: "user_op",
 
 					type: "user_op",
 
-					content:`修改了${this.data.name}的平台首页工具`
 
-				})
 
+					content: `修改了${this.data.name}的平台首页工具`,
 
+				});
 
 			} else if (type == "admin-sidebar" || type == "admin-sidebar2") {
 
 			} else if (type == "admin-sidebar" || type == "admin-sidebar2") {
 
 				if (this.addToolIndex != null) {
 
 				if (this.addToolIndex != null) {
 
 					let _index = this.form.admin.sidebar.list.findIndex(
 
 					let _index = this.form.admin.sidebar.list.findIndex(
 
@@ -955,11 +1053,11 @@ export default {
 
 					);
 
 					);
 
 				}
 
 				}
 
 				await addOp({
 
 				await addOp({
 
-					uid:this.userid,
 
+					uid: this.userid,
 
 					cid: this.data.id,
 
 					cid: this.data.id,
 
 					type: "user_op",
 
 					type: "user_op",
 
-					content:`修改了${this.data.name}的平台侧边栏工具`
 
-				})
 
+					content: `修改了${this.data.name}的平台侧边栏工具`,
 
+				});
 
 				this.$refs.selectToolDialogRef.close();
 
 				this.$refs.selectToolDialogRef.close();
 
 			}
 
 			}
 
 			this.$forceUpdate();
 
 			this.$forceUpdate();
 
@@ -1104,35 +1202,67 @@ export default {
 
 			}
 
 			}
 
 		},
 
 		},
 
 		getToolData() {
 
 		getToolData() {
 
-			let params = [
 
-				{
 
-					functionName: "select_desktopToolByPage",
 
-					status: "",
 
-					page: 1,
 
-					lim: 9999999,
 
-				},
 
-			];
 
-			this.loading = true;
 
-			this.$ajax
 
-				.post(API_CONFIG.baseUrl, params)
 
-				.then((res) => {
 
-					let _data = res.data;
 
-					let _list = _data[0];
 
-					_list.forEach((i) => {
 
-						i.url = JSON.parse(i.url);
 
-						i.json = JSON.parse(i.json);
 
-						i.argumentList = JSON.parse(i.argumentList);
 
+			return new Promise((resolve) => {
 
+				let params = [
 
+					{
 
+						functionName: "select_desktopToolByPage",
 
+						status: "",
 
+						page: 1,
 
+						lim: 9999999,
 
+					},
 
+				];
 
+				this.loading = true;
 
+				this.$ajax
 
+					.post(API_CONFIG.baseUrl, params)
 
+					.then((res) => {
 
+						let _data = res.data;
 
+						let _list = _data[0];
 
+						_list.forEach((i) => {
 
+							i.url = JSON.parse(i.url);
 
+							i.json = JSON.parse(i.json);
 
+							i.argumentList = JSON.parse(i.argumentList);
 
+						});
 
+						this.toolList = _list;
 
+						this.loading = false;
 
+						resolve(_list);
 
+					})
 
+					.catch((err) => {
 
+						console.log(err);
 
+						this.loading = false;
 
+						this.$message.error("获取工具数据失败");
 
+						this.close();
 
 					});
 
 					});
 
-					this.toolList = _list;
 
-					this.setDataListToo(_list);
 
-					this.loading = false;
 
-				})
 
-				.catch((err) => {
 
-					console.log(err);
 
-					this.loading = false;
 
-					this.$message.error("获取工具数据失败");
 
-					this.close();
 
-				});
 
+			});
 
+		},
 
+		getAppData() {
 
+			return new Promise((resolve) => {
 
+				let params = [
 
+					{
 
+						functionName: "select_schUsuallyApp",
 
+						userid: "",
 
+						stand: "cn",
 
+					},
 
+				];
 
+				this.loading = true;
 
+				this.$ajax
 
+					.post(API_CONFIG.baseUrl, params)
 
+					.then((res) => {
 
+						let _data = res.data;
 
+						let _list = _data[0];
 
+						_list.forEach((i) => {
 
+							i.json = JSON.parse(i.json);
 
+						});
 
+						this.appList = _list;
 
+						this.loading = false;
 
+						resolve(_list);
 
+					})
 
+					.catch((err) => {
 
+						console.log(err);
 
+						this.loading = false;
 
+						this.$message.error("获取应用数据失败");
 
+						this.close();
 
+					});
 
+			});
 
 		},
 
 		},
 
 		setJson() {
 
 		setJson() {
 
 			let _form = JSON.parse(JSON.stringify(this.form));
 
 			let _form = JSON.parse(JSON.stringify(this.form));
 
@@ -1147,7 +1277,9 @@ export default {
 
 					_form.admin.sidebar.list[index] = i.id;
 
 					_form.admin.sidebar.list[index] = i.id;
 
 				}
 
 				}
 
 			});
 
 			});
 
-
 
+			_form.admin.cocoFlow = _form.admin.cocoFlow
 
+				? _form.admin.cocoFlow.map((i) => i.id)
 
+				: [];
 
 			let params = [
 
 			let params = [
 
 				{
 
 				{
 
 					functionName: "update_orgOroid_json_byId",
 
 					functionName: "update_orgOroid_json_byId",
 
@@ -1156,6 +1288,7 @@ export default {
 
 					type: this.type,
 
 					type: this.type,
 
 				},
 
 				},
 
 			];
 
 			];
 
+			console.log(_form);
 
 			this.loading = true;
 
 			this.loading = true;
 
 			this.$ajax
 
 			this.$ajax
 
 				.post(API_CONFIG.baseUrl, params)
 
 				.post(API_CONFIG.baseUrl, params)
 
@@ -1164,13 +1297,13 @@ export default {
 
 					if (_data == 1) {
 
 					if (_data == 1) {
 
 						this.$message.success("修改权限成功");
 
 						this.$message.success("修改权限成功");
 
 						this.$emit("getData");
 
 						this.$emit("getData");
 
-						
+
 
 						await addOp({
 
 						await addOp({
 
-							uid:this.userid,
 
+							uid: this.userid,
 
 							cid: this.data.id,
 
 							cid: this.data.id,
 
 							type: "user_op",
 
 							type: "user_op",
 
-							content:`修改了${this.data.name}的权限设置`
 
-						})
 
+							content: `修改了${this.data.name}的权限设置`,
 
+						});
 
 						this.close();
 
 						this.close();
 
 					} else {
 
 					} else {
 
 						this.$message.error("修改权限失败");
 
 						this.$message.error("修改权限失败");
 
@@ -1183,7 +1316,7 @@ export default {
 
 					this.$message.error("修改权限失败");
 
 					this.$message.error("修改权限失败");
 
 				});
 
 				});
 
 		},
 
 		},
 
-		setDataListToo(toolList = []) {
 
+		setDataListToo(toolList = [], appList = []) {
 
 			let _form = JSON.parse(JSON.stringify(this.form));
 
 			let _form = JSON.parse(JSON.stringify(this.form));
 
 			_form.desktop.list.forEach((i, index) => {
 
 			_form.desktop.list.forEach((i, index) => {
 
 				let _index = toolList.findIndex((i2) => i == i2.id);
 
 				let _index = toolList.findIndex((i2) => i == i2.id);
 
@@ -1194,6 +1327,17 @@ export default {
 
 				}
 
 				}
 
 			});
 
 			});
 
 
 
+			if (_form.admin.cocoFlow) {
 
+				_form.admin.cocoFlow.forEach((i, index) => {
 
+					let _index = appList.findIndex((i2) => i == i2.id);
 
+					if (_index != -1) {
 
+						_form.admin.cocoFlow[index] = appList[_index];
 
+					} else {
 
+						console.log("无应用", i);
 
+					}
 
+				});
 
+			}
 
+
 
 			_form.admin.index.list.forEach((i, index) => {
 
 			_form.admin.index.list.forEach((i, index) => {
 
 				let _index = toolList.findIndex((i2) => i == i2.id);
 
 				let _index = toolList.findIndex((i2) => i == i2.id);
 
 				if (_index != -1) {
 
 				if (_index != -1) {
 
@@ -1285,6 +1429,29 @@ export default {
 
 		editMenu(row) {
 
 		editMenu(row) {
 
 			this.$refs.addMenuDialogRef.open(row, "edit");
 
 			this.$refs.addMenuDialogRef.open(row, "edit");
 
 		},
 
 		},
 
+		addApp() {
 
+			this.$refs.selectAppDialogRef.open({
 
+				select: this.form.admin.cocoFlow ? this.form.admin.cocoFlow : [],
 
+			});
 
+		},
 
+		moveApp(id,type){
 
+			let _index = this.form.admin.cocoFlow.findIndex(i=>i.id==id);
 
+			if(type == 0 && _index!=0){//上移
 
+			let temp = this.form.admin.cocoFlow[_index - 1];
 
+			this.form.admin.cocoFlow[_index - 1] = this.form.admin.cocoFlow[_index];
 
+			this.form.admin.cocoFlow[_index] = temp;
 
+			}else if(type == 1 && _index!=this.form.admin.cocoFlow.length-1){
 
+			let temp = this.form.admin.cocoFlow[_index + 1];
 
+			this.form.admin.cocoFlow[_index + 1] = this.form.admin.cocoFlow[_index];
 
+			this.form.admin.cocoFlow[_index] = temp;
 
+			}
 
+			this.$forceUpdate()
 
+		},
 
+		selectAppSuccess(data) {
 
+			this.form.admin.cocoFlow = JSON.parse(JSON.stringify(data));
 
+			this.$forceUpdate();
 
+			this.$refs.selectAppDialogRef.close();
 
+		},
 
 	},
 
 	},
 
 };
 
 };
 
 </script>
 
 </script>
 
@@ -1365,8 +1532,8 @@ export default {
 
 
 
 .ea_basics_logo {
 
 .ea_basics_logo {
 
 	margin-top: 30px;
 
 	margin-top: 30px;
 
-	width: 110px;
 
-	height: 50px;
 
+	width: auto;
 
+	height: auto;
 
 	cursor: pointer;
 
 	cursor: pointer;
 
 	display: flex;
 
 	display: flex;
 
 	align-items: center;
 
 	align-items: center;
 
@@ -1374,7 +1541,7 @@ export default {
 
 
 
 .ea_basics_logo > span {
 
 .ea_basics_logo > span {
 
 	display: block;
 
 	display: block;
 
-	min-width: 60px;
 
+	min-width: 80px;
 
 }
 
 }
 
 
 
 .ea_basics_logo >>> .image-slot {
 
 .ea_basics_logo >>> .image-slot {
 
@@ -1447,4 +1614,86 @@ export default {
 
 .ui_message > div > span {
 
 .ui_message > div > span {
 
 	white-space: nowrap;
 
 	white-space: nowrap;
 
 }
 
 }
 
+
 
+.appList {
 
+	display: flex;
 
+	flex-wrap: wrap;
 
+	box-sizing: border-box;
 
+	padding-top:20px ;
 
+}
 
+
 
+.appItem {
 
+	width: 298px;
 
+	height: 100px;
 
+	background-color: white;
 
+	box-sizing: border-box;
 
+	border: solid 1px #f3f4f6;
 
+	padding: 10px;
 
+	border-radius: 8px;
 
+	cursor: pointer;
 
+	margin-bottom: 20px;
 
+	margin-right: 20px;
 
+	display: flex;
 
+	align-items: center;
 
+	justify-content: center;
 
+	transition: 0.3s;
 
+}
 
+
 
+.appActive {
 
+	border-color: #409eff;
 
+	box-shadow: 0px 6px 30px 5px #00000015;
 
+}
 
+
 
+.appItem:hover {
 
+	box-shadow: 0px 6px 30px 5px #00000015;
 
+}
 
+
 
+.ai_left {
 
+	width: 80px;
 
+	height: 80px;
 
+	box-sizing: border-box;
 
+	padding: 10px;
 
+	margin-right: 10px;
 
+}
 
+
 
+.ai_right {
 
+	width: calc(100% - 80px - 10px);
 
+	position: relative;
 
+}
 
+
 
+.ai_right > div {
 
+	max-width: calc( 100% - 50px);
 
+	font-weight: bold;
 
+	overflow: hidden;
 
+	white-space: nowrap;
 
+	text-overflow: ellipsis;
 
+	font-size: 16px;
 
+	color: #000;
 
+	margin-bottom: 10px;
 
+}
 
+
 
+.ai_r_btn{
 
+	width: auto;
 
+	display: flex;
 
+	position: absolute;
 
+	right: 0;
 
+	top: 0;
 
+}
 
+
 
+.ai_r_btn>svg{
 
+	width: 10px;
 
+	height: 10px;
 
+	margin-left: 15px;
 
+	cursor: pointer;
 
+}
 
+
 
+.ai_right > span {
 
+	font-size: 14px;
 
+	color: #00000099;
 
+	display: -webkit-box;
 
+	-webkit-box-orient: vertical;
 
+	-webkit-line-clamp: 2;
 
+	overflow: hidden;
 
+	text-overflow: ellipsis;
 
+}
 
 </style>
 
 </style>

+ 200 - 0
src/components/dialog/selectAppDialog.vue
查看文件 

@@ -0,0 +1,200 @@
 
+<template>
 
+	<div>
 
+		<el-dialog
 
+			title="选择应用"
 
+			class="selectAppDialog"
 
+			:visible.sync="show"
 
+			:close-on-click-modal="false"
 
+			width="1400px"
 
+			@before-close="beforeClose"
 
+			:destroy-on-close="true"
 
+			top="8vh"
 
+		>
 
+			<div v-loading="loading" class="sad_body">
 
+				<div
 
+					class="appItem"
 
+					:class="{ appActive: selectList.map((i) => i.id).includes(item.id) }"
 
+					v-for="item in dataList"
 
+					:key="item.id"
 
+					@click="selectApp(item)"
 
+				>
 
+					<div class="ai_left">
 
+						<!-- <div class="ai_l_image"> -->
 
+						<el-image
 
+							style="width: 100%; height: 100%"
 
+							:src="item.json.icon"
 
+							fit="cover"
 
+						></el-image>
 
+						<!-- </div> -->
 
+					</div>
 
+					<div class="ai_right">
 
+						<div>{{ item.name }}</div>
 
+						<span>{{ item.detail }}</span>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<!-- 按钮区域 -->
 
+			<div slot="footer" class="el-dialog__footer">
 
+				<el-button @click="close()">取 消</el-button>
 
+				<el-button type="primary" @click="submit()">确认</el-button>
 
+			</div>
 
+		</el-dialog>
 
+	</div>
 
+</template>
 
+
 
+<script>
 
+import { API_CONFIG } from "@/common/apiConfig";
 
+export default {
 
+	data() {
 
+		return {
 
+			show: false,
 
+			loading: false,
 
+			dataList: [],
 
+			selectList: [],
 
+		};
 
+	},
 
+	methods: {
 
+		// 表头的背景色
 
+		headerCellStyle() {
 
+			return { backgroundColor: "#f1f1f1" };
 
+		},
 
+		open({ select }) {
 
+			this.selectList = JSON.parse(JSON.stringify(select));
 
+			this.getData();
 
+			this.show = true;
 
+		},
 
+		close() {
 
+			this.show = false;
 
+		},
 
+		init() {
 
+			this.dataList = [];
 
+			this.selectList = [];
 
+		},
 
+		getData() {
 
+			new Promise((resolve) => {
 
+				let params = [
 
+					{
 
+						functionName: "select_schUsuallyApp",
 
+						userid: "",
 
+						stand: "cn",
 
+					},
 
+				];
 
+				this.loading = true;
 
+				this.$ajax
 
+					.post(API_CONFIG.baseUrl, params)
 
+					.then((res) => {
 
+						console.log("👉", res);
 
+						let _data = res.data;
 
+						let _list = _data[0];
 
+						_list.forEach((i) => {
 
+							i.json = JSON.parse(i.json);
 
+						});
 
+						this.dataList = _list;
 
+						this.loading = false;
 
+						resolve();
 
+					})
 
+					.catch((err) => {
 
+						console.log(err);
 
+						this.loading = false;
 
+						this.$message.error("获取应用数据失败");
 
+					});
 
+			});
 
+		},
 
+		submit() {
 
+			this.$emit("success", this.selectList);
 
+		},
 
+		selectApp(item) {
 
+			if (this.selectList.map((i) => i.id).includes(item.id)) {
 
+				this.selectList = this.selectList.filter((i) => i.id !== item.id);
 
+			} else {
 
+				this.selectList.push(item);
 
+			}
 
+		},
 
+		beforeClose(done) {
 
+			this.init();
 
+			done();
 
+		},
 
+	},
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.selectAppDialog >>> .el-dialog__header {
 
+	padding: 15px 20px;
 
+	background: #454545;
 
+}
 
+
 
+.selectAppDialog >>> .el-dialog__title {
 
+	color: #fff;
 
+}
 
+
 
+.sad_body {
 
+	width: 100%;
 
+	height: 800px;
 
+	overflow: auto;
 
+	display: flex;
 
+	/* align-items: center; */
 
+	/* justify-content: center; */
 
+	display: flex;
 
+	flex-wrap: wrap;
 
+}
 
+
 
+.appItem {
 
+	width: 315px;
 
+	height: 100px;
 
+	background-color: white;
 
+	box-sizing: border-box;
 
+	border: solid 1px #f3f4f6;
 
+	padding: 10px;
 
+	border-radius: 8px;
 
+	cursor: pointer;
 
+	margin-bottom: 20px;
 
+	margin-right: 20px;
 
+	display: flex;
 
+	align-items: center;
 
+	justify-content: center;
 
+	transition: 0.3s;
 
+}
 
+
 
+.appActive {
 
+	border-color: #409eff;
 
+	box-shadow: 0px 6px 30px 5px #00000015;
 
+}
 
+
 
+.appItem:hover {
 
+	box-shadow: 0px 6px 30px 5px #00000015;
 
+}
 
+
 
+.ai_left {
 
+	width: 80px;
 
+	height: 80px;
 
+	box-sizing: border-box;
 
+	padding: 10px;
 
+	margin-right: 10px;
 
+}
 
+
 
+.ai_right {
 
+	width: calc(100% - 80px - 10px);
 
+}
 
+
 
+.ai_right > div {
 
+	max-width: 100%;
 
+	font-weight: bold;
 
+	overflow: hidden;
 
+	white-space: nowrap;
 
+	text-overflow: ellipsis;
 
+	font-size: 16px;
 
+	color: #000;
 
+	margin-bottom: 10px;
 
+}
 
+
 
+.ai_right > span {
 
+	font-size: 14px;
 
+	color: #00000099;
 
+	display: -webkit-box;
 
+	-webkit-box-orient: vertical;
 
+	-webkit-line-clamp: 2;
 
+	overflow: hidden;
 
+	text-overflow: ellipsis;
 
+}
 
+</style>

部分文件因为文件数量过多而无法显示