|
|
@@ -273,7 +273,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row :gutter="20" v-else-if="item.type=='1007'" type="flex" justify="space-between">
|
|
|
+ <el-row :gutter="20" v-else-if="item.type=='1007'" type="flex" justify="space-between">
|
|
|
<el-col :span="8">
|
|
|
<el-form ref="form" :model="item" label-width="80px">
|
|
|
<el-form-item label="游戏名称">
|
|
|
@@ -289,11 +289,146 @@
|
|
|
<el-form-item label="游戏资源">
|
|
|
<el-input v-model="item.remark2"></el-input>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
+ <el-row :gutter="20" v-else-if="item.type=='1010'" type="flex" justify="space-between">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form ref="form" :model="item" label-width="80px">
|
|
|
+ <el-form-item label="文本介绍">
|
|
|
+ <el-input type="textarea" v-model="item.remark1"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片1">
|
|
|
+ <single-upload v-model="item.remark2"></single-upload>
|
|
|
+ <el-input v-model="item.remark2"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片2">
|
|
|
+ <single-upload v-model="item.remark3"></single-upload>
|
|
|
+ <el-input v-model="item.remark3"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片3">
|
|
|
+ <single-upload v-model="item.remark4"></single-upload>
|
|
|
+ <el-input v-model="item.remark4"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <div class="remark" v-if="item.remark1">{{item.remark1}}</div>
|
|
|
+ <div v-else style="color:#ccc;text-align:center;heiht:100px;line-height:100px;">暂无内容</div>
|
|
|
+ <el-carousel height="300px">
|
|
|
+ <el-carousel-item v-for="i in 3" :key="i">
|
|
|
+ <div class="bgContent" v-if="item['remark'+(i+1)]" :style="{backgroundImage:'url('+item['remark'+(i+1)]+')'}"></div>
|
|
|
+ <div class="bgContent" v-else>
|
|
|
+ <div style="color:#aaa;text-align:center;heiht:300px;line-height:300px;">暂无内容</div>
|
|
|
+ </div>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20" v-else-if="item.type=='1011'" type="flex" justify="space-between">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form ref="form" :model="item" label-width="80px">
|
|
|
+ <el-form-item label="文本介绍">
|
|
|
+ <el-input type="textarea" v-model="item.remark1"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片1">
|
|
|
+ <single-upload v-model="item.remark2"></single-upload>
|
|
|
+ <el-input v-model="item.remark2"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片2">
|
|
|
+ <single-upload v-model="item.remark3"></single-upload>
|
|
|
+ <el-input v-model="item.remark3"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="识别图">
|
|
|
+ <el-input v-model="item.remark4"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-carousel height="300px">
|
|
|
+ <el-carousel-item v-for="i in 2" :key="i">
|
|
|
+ <div class="bgContent" v-if="item['remark'+(i+1)]" :style="{backgroundImage:'url('+item['remark'+(i+1)]+')'}"></div>
|
|
|
+ <div class="bgContent" v-else>
|
|
|
+ <div style="color:#aaa;text-align:center;heiht:300px;line-height:300px;">暂无内容</div>
|
|
|
+ </div>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="remark" v-if="item.remark1">{{item.remark1}}</div>
|
|
|
+ <div v-else style="color:#ccc;text-align:center;heiht:100px;line-height:100px;">暂无内容</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="20" v-else-if="item.type=='1012'" type="flex" justify="space-between">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form ref="form" :model="item" label-width="80px">
|
|
|
+ <el-form-item label="文本介绍">
|
|
|
+ <el-input type="textarea" v-model="item.remark1"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片1">
|
|
|
+ <single-upload v-model="item.remark2"></single-upload>
|
|
|
+ <el-input v-model="item.remark2"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="bgContent" style="height:300px" v-if="item.remark2" :style="{backgroundImage:'url('+item.remark2+')'}"></div>
|
|
|
+ <div class="bgContent" style="height:300px" v-else>
|
|
|
+ <div style="color:#aaa;text-align:center;heiht:300px;line-height:300px;">暂无内容</div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="remark" v-if="item.remark1">{{item.remark1}}</div>
|
|
|
+ <div v-else style="color:#ccc;text-align:center;heiht:100px;line-height:100px;">暂无内容</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="20" v-else-if="item.type=='1013'" type="flex" justify="space-between">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form ref="form" :model="item" label-width="80px">
|
|
|
+ <el-form-item label="模型名称">
|
|
|
+ <el-input v-model="item.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="文本介绍">
|
|
|
+ <el-input type="textarea" v-model="item.remark1"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="恐龙图片">
|
|
|
+ <single-upload v-model="item.image"></single-upload>
|
|
|
+ <el-input v-model="item.image"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="恐龙音频">
|
|
|
+ <el-input v-model="item.voice"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-button type="primary" v-if="item.voice" @click="playvoice(item.voice)" icon="el-icon-service" circle plain style="float:right"></el-button>
|
|
|
+ <h1 style="text-align:center">{{item.name}}</h1>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="bgContent" style="height:300px" v-if="item.image" :style="{backgroundImage:'url('+item.image+')'}"></div>
|
|
|
+ <div class="bgContent" style="height:300px" v-else>
|
|
|
+ <div style="color:#aaa;text-align:center;heiht:300px;line-height:300px;">暂无内容</div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div class="remark" v-if="item.remark1">{{item.remark1}}</div>
|
|
|
+ <div v-else style="color:#ccc;text-align:center;heiht:100px;line-height:100px;">暂无内容</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
<el-row :gutter="20" v-else type="flex" justify="space-between">
|
|
|
<el-col :span="8">
|
|
|
<el-form ref="form" :model="item" label-width="80px">
|
|
|
@@ -629,7 +764,8 @@ export default {
|
|
|
imgSrc: '',
|
|
|
imageDialogVisible: false,
|
|
|
eltabsPane: '',
|
|
|
- fileList: []
|
|
|
+ fileList: [],
|
|
|
+ sound: null,
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -639,6 +775,18 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ playvoice(voice) {
|
|
|
+ if (!this.sound) {
|
|
|
+ this.sound = new Audio();
|
|
|
+ this.sound.src = voice;
|
|
|
+ this.sound.play();
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.sound.pause();
|
|
|
+ this.sound = null;
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
getTitle(type) {
|
|
|
var name = '其他'
|
|
|
this.arContentType.forEach(item => {
|
|
|
@@ -858,7 +1006,7 @@ export default {
|
|
|
var list = [...this.tableData]
|
|
|
list.forEach((item, index) => {
|
|
|
if (item.id.toString() == this.eltabsPane) {
|
|
|
- if (!item.name) {
|
|
|
+ if (!item.name && item.type != '1010' && item.type != '1011' && item.type != '1012') {
|
|
|
this.$message.warning('请填写名称！');
|
|
|
return
|
|
|
}
|
|
|
@@ -894,4 +1042,19 @@ export default {
|
|
|
flex-direction: column;
|
|
|
align-self: stretch;
|
|
|
}
|
|
|
+
|
|
|
+.remark {
|
|
|
+ min-height: 100px;
|
|
|
+ font-size: 16px;
|
|
|
+ text-indent: 20px;
|
|
|
+ word-break: break-all;
|
|
|
+ line-height: 24px;
|
|
|
+}
|
|
|
+.bgContent {
|
|
|
+ background-color: #ccc;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-position: center center;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
</style>
|
