|
|
@@ -50,6 +50,7 @@
|
|
|
border-radius: 10px;
|
|
|
height: 100%;
|
|
|
"
|
|
|
+ class="imgCar"
|
|
|
:src="i"
|
|
|
:preview-src-list="CampusF.GroupImgList"
|
|
|
>
|
|
|
@@ -750,14 +751,25 @@
|
|
|
width="60%"
|
|
|
:before-close="handleClose"
|
|
|
>
|
|
|
+ <div slot="title" class="applistTop">
|
|
|
+ <div>应用列表</div>
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入内容"
|
|
|
+ style="width: 200px;height: 30px;"
|
|
|
+ v-model="appinp">
|
|
|
+ <i slot="suffix" class="el-input__icon el-icon-search"></i>
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div style="height: 500px;width: 100%;overflow: auto;overflow-x: hidden;">
|
|
|
<div
|
|
|
v-loading="loading"
|
|
|
style="
|
|
|
- display: grid;
|
|
|
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
gap: 16px;
|
|
|
- height: 500px;
|
|
|
- overflow: auto;
|
|
|
+ width: 100%;
|
|
|
+ overflow-x: hidden;
|
|
|
"
|
|
|
>
|
|
|
<div
|
|
|
@@ -765,7 +777,7 @@
|
|
|
class="tabCon"
|
|
|
@click="selApp(item)"
|
|
|
:key="index + '6p'"
|
|
|
- style="min-width: 308px; position: relative"
|
|
|
+ style="width: 30%; position: relative"
|
|
|
>
|
|
|
<img
|
|
|
v-if="selectedItem.find((k) => k.id === item.id)"
|
|
|
@@ -793,6 +805,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="diaBtn" style="padding: 0 20px 10px !important">
|
|
|
<div @click="dialogVisible = false">取 消</div>
|
|
|
<div
|
|
|
@@ -829,6 +843,8 @@ export default {
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
|
|
|
+ appinp:'',
|
|
|
+
|
|
|
// 0默认颜色 1编辑 2添加
|
|
|
editBtnType: 0,
|
|
|
// 添加与编辑弹框显示
|
|
|
@@ -875,7 +891,7 @@ export default {
|
|
|
return function (val) {
|
|
|
const difference = val.filter(
|
|
|
(item1) =>
|
|
|
- !this.CampusF.appList.some((item2) => item1.id === item2.id)
|
|
|
+ !this.CampusF.appList.some((item2) => item1.id === item2.id) && item1.name.includes(this.appinp)
|
|
|
);
|
|
|
return difference;
|
|
|
};
|
|
|
@@ -1993,5 +2009,20 @@ export default {
|
|
|
font-weight: 600;
|
|
|
color: #303133;
|
|
|
}
|
|
|
+.imgCar >>> img{
|
|
|
+ /* height: 100%; */
|
|
|
+ width: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+.applistTop{
|
|
|
+ display: flex;justify-content: space-between;align-items: center;padding-right: 50px;
|
|
|
+}
|
|
|
+.applistTop >>> .el-input__icon{
|
|
|
+ line-height: 30px;
|
|
|
+}
|
|
|
+.applistTop >>> .el-input__inner{
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
|
|
|
+}
|
|
|
</style>
|
11wqe1