Commit 49f70a73 authored by 黄奎's avatar 黄奎

页面修改

parent 506ef47e
...@@ -21,11 +21,10 @@ ...@@ -21,11 +21,10 @@
<el-table-column label="编号" width="80px"> <el-table-column label="编号" width="80px">
<template slot-scope="scope">{{ scope.row.ID }}</template> <template slot-scope="scope">{{ scope.row.ID }}</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="Name" label="信息">
prop="Name"
label="信息">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="app-image" :style="{backgroundImage:'url(' + scope.row.TeacherLogo + ')',backgroundSize:'cover'}"></div> <div class="app-image" :style="{backgroundImage:'url(' + scope.row.TeacherLogo + ')',backgroundSize:'cover'}">
</div>
<div flex="dir:left cross:center"> <div flex="dir:left cross:center">
{{scope.row.Name}} {{scope.row.Name}}
</div> </div>
...@@ -48,10 +47,10 @@ ...@@ -48,10 +47,10 @@
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
Name:'', Name: '',
ID:0, ID: 0,
Telephone:'', Telephone: '',
TeacherStatus:1 TeacherStatus: 1
}, },
total: 0, total: 0,
selectRow: [], selectRow: [],
...@@ -120,12 +119,13 @@ ...@@ -120,12 +119,13 @@
</script> </script>
<style> <style>
.app-image{ .app-image {
background-position: center center; background-position: center center;
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius:0%; border-radius: 0%;
float: left; float: left;
margin-right: 8px; margin-right: 8px;
} }
</style> </style>
...@@ -154,6 +154,7 @@ ...@@ -154,6 +154,7 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 10px; margin-bottom: 10px;
text-align: center;
} }
.diy-teacher .diy-component-preview .goods-name-static { .diy-teacher .diy-component-preview .goods-name-static {
...@@ -273,7 +274,8 @@ ...@@ -273,7 +274,8 @@
style="right: -25px; top: 30px;"></el-button> style="right: -25px; top: 30px;"></el-button>
</div> </div>
<div class="diy-teacher"> <div class="diy-teacher">
<div class="diy-component-preview" :style="{'backgroundColor':data.backgroundColor,'borderRadius':data.SearchFilletPX+'px'}"> <div class="diy-component-preview"
:style="{'backgroundColor':data.backgroundColor,'borderRadius':data.SearchFilletPX+'px'}">
<div :flex="cMainFlex" :style="{marginLeft:data.PaddingLeft+'px', <div :flex="cMainFlex" :style="{marginLeft:data.PaddingLeft+'px',
marginRight:data.PaddingRight+'px',marginTop:data.PaddingTop+'px', marginRight:data.PaddingRight+'px',marginTop:data.PaddingTop+'px',
marginBottom:data.PaddingBottom+'px'}"> marginBottom:data.PaddingBottom+'px'}">
...@@ -283,20 +285,20 @@ ...@@ -283,20 +285,20 @@
<div v-for="(goods,goodsIndex) in cCatGoodsList(cat, catIndex)" class="goods-item" :key="goodsIndex" <div v-for="(goods,goodsIndex) in cCatGoodsList(cat, catIndex)" class="goods-item" :key="goodsIndex"
:class="data.catPosition==='left'?'goods-cat-list':''"> :class="data.catPosition==='left'?'goods-cat-list':''">
<div style="display: inline-block;" :style="cGoodsItemWidth"> <div style="display: inline-block;" :style="cGoodsItemWidth">
<div :style="cGoodsItemStyle" :flex="cGoodsItemFlex" style="position: relative;border:1px solid rgb(226, 226, 226);display: flex;flex-direction: column;align-items: center"> <div :style="cGoodsItemStyle" :flex="cGoodsItemFlex"
style="position: relative;border:1px solid rgb(226, 226, 226);display: flex;flex-direction: column;align-items: center">
<div class="goods-pic" <div class="goods-pic"
:class="'goods-pic-'+data.goodsCoverProportion+' goods-pic-fill-'+data.fill" :class="'goods-pic-'+data.goodsCoverProportion+' goods-pic-fill-'+data.fill"
:style="'background-image: url('+getIconLink(goods.picUrl)+')'"> :style="'background-image: url('+getIconLink(goods.picUrl)+')'">
</div> </div>
<div :style="cGoodsItemInfoStyle"> <div :style="cGoodsItemInfoStyle">
<div class="goods-name" :class="data.listStyle===-1?'goods-name-static':''"> <div class="goods-name" :class="data.listStyle===-1?'goods-name-static':''">
<template>{{goods.name}}</template> <template >{{goods.name}}</template>
</div> </div>
<div flex="box:last"> <div flex="box:last">
<div style="text-align: center"> <div style="text-align: center">
<template>{{goods.nationality}}</template> <template>{{goods.nationality}}</template>
</div> </div>
<div> <div>
<template v-if="cShowBuyBtn"> <template v-if="cShowBuyBtn">
<template v-if="data.buyBtn==='cart'"> <template v-if="data.buyBtn==='cart'">
...@@ -312,8 +314,11 @@ ...@@ -312,8 +314,11 @@
</template> </template>
</div> </div>
</div> </div>
<div style="text-align: center"> <div style="text-align: center;font-size:12px" v-if='goods.lableNameList.length>0'>
<template>{{goods.lableName}}</template> <span v-for="(gitem,gindex) in goods.lableNameList" :key="gindex">{{gitem}}{{goods.lableNameList.length==gindex+1?'':','}}</span>
</div>
<div style="text-align: center;font-size:12px" v-if='goods.lableNameList.length==0'>
<template >教育</template>
</div> </div>
</div> </div>
</div> </div>
...@@ -327,9 +332,6 @@ ...@@ -327,9 +332,6 @@
<div class="diy-component-edit" v-if="lsData.isCked"> <div class="diy-component-edit" v-if="lsData.isCked">
<el-form label-width='150px' @submit.native.prevent> <el-form label-width='150px' @submit.native.prevent>
<template> <template>
<!-- <el-form-item label="老师添加">-->
<!-- <el-radio v-model="data.addGoodsType" :label="0">自定义</el-radio>-->
<!-- </el-form-item>-->
<el-form-item label="老师列表"> <el-form-item label="老师列表">
<draggable v-model="data.TeacherList" class="goods-list" style="display:flex;"> <draggable v-model="data.TeacherList" class="goods-list" style="display:flex;">
<div class="goods-item" v-for="(goods,goodsIndex) in data.TeacherList" :key="goodsIndex"> <div class="goods-item" v-for="(goods,goodsIndex) in data.TeacherList" :key="goodsIndex">
...@@ -347,9 +349,7 @@ ...@@ -347,9 +349,7 @@
</template> </template>
<hr> <hr>
<el-form-item label="列表样式"> <el-form-item label="列表样式">
<!-- <el-radio v-model="data.listStyle" :label="-1">列表模式</el-radio>-->
<el-radio v-model="data.listStyle" :label="0">左右滑动</el-radio> <el-radio v-model="data.listStyle" :label="0">左右滑动</el-radio>
<!-- <el-radio v-model="data.listStyle" :label="1">一行一个</el-radio>-->
</el-form-item> </el-form-item>
<el-form-item label="背景颜色"> <el-form-item label="背景颜色">
<div class="input-color" flex="dir:left cross:center"> <div class="input-color" flex="dir:left cross:center">
...@@ -378,7 +378,7 @@ ...@@ -378,7 +378,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="圆角"> <el-form-item label="圆角">
<el-input type="number" size="small" :min="0" v-model="data.SearchFilletPX" > <el-input type="number" size="small" :min="0" v-model="data.SearchFilletPX">
<template slot="append">px</template> <template slot="append">px</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
...@@ -477,8 +477,7 @@ ...@@ -477,8 +477,7 @@
this.isShowGoods = true; this.isShowGoods = true;
}, },
deleteGoods(goodsIndex, catIndex) { deleteGoods(goodsIndex, catIndex) {
if (catIndex !== null) { if (catIndex !== null) {} else {
} else {
this.data.TeacherList.splice(goodsIndex, 1); this.data.TeacherList.splice(goodsIndex, 1);
} }
}, },
...@@ -503,15 +502,15 @@ ...@@ -503,15 +502,15 @@
myArray.push({ myArray.push({
id: element.ID, id: element.ID,
name: element.Name, name: element.Name,
picUrl: element.TeacherLogo,
nationality: element.Nationality, nationality: element.Nationality,
isForeigners: element.IsForeigners, foreignersUrl: element.IsForeigners,
lableName: element.LableName, lableName: "",
lableNameList: element.LableNameList,
picUrl: element.TeacherLogo,
}); });
}); });
} }
if (this.comIndex !== null) { if (this.comIndex !== null) {
} else { } else {
this.data.TeacherList = this.data.TeacherList.concat(myArray); this.data.TeacherList = this.data.TeacherList.concat(myArray);
} }
......
...@@ -1437,7 +1437,6 @@ ...@@ -1437,7 +1437,6 @@
Id: 'educationteacher', Id: 'educationteacher',
isCked:false, isCked:false,
data:{ data:{
addGoodsType:0, //商品添加方式【0-自定义,1-最新】 addGoodsType:0, //商品添加方式【0-自定义,1-最新】
listStyle:0, //列表样式[-1-列表模式,0-左右滑动,1-一行一个] listStyle:0, //列表样式[-1-列表模式,0-左右滑动,1-一行一个]
backgroundColor: '#fff', //背景颜色 backgroundColor: '#fff', //背景颜色
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment