This commit is contained in:
zhh
2022-04-11 21:19:27 +08:00
parent 4fc3f15026
commit f73a7c3fed

View File

@ -14,19 +14,13 @@
@submit.native.prevent
>
<el-form-item label="类型">
<el-select
v-model="queryParams.type"
clearable
placeholder="请选择"
>
<el-option label="宣传" value="1"> </el-option>
<el-option label="广告" value="2"> </el-option>
<el-select v-model="queryParams.type" clearable placeholder="请选择">
<el-option label="宣传" value="1"></el-option>
<el-option label="广告" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearchList" size="small">
查询
</el-button>
<el-button type="primary" @click="handleSearchList" size="small">查询</el-button>
</el-form-item>
</el-form>
</div>
@ -34,35 +28,14 @@
<el-card shadow="never" class="operate-container">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button
class="mb15"
style="float: right"
@click="open"
size="mini"
type="primary"
>
添加
</el-button>
<el-button class="mb15" style="float: right" @click="open" size="mini" type="primary">添加</el-button>
</el-card>
<el-table style="width: 100%" class="table-container" :data="dataList">
<el-table-column
label="序号"
align="center"
type="index"
></el-table-column>
<el-table-column
label="名称"
align="center"
prop="name"
></el-table-column>
<el-table-column label="序号" align="center" type="index"></el-table-column>
<el-table-column label="名称" align="center" prop="name"></el-table-column>
<el-table-column label="图片" prop="pic" align="center">
<template slot-scope="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.pic"
fit="cover"
>
</el-image>
<el-image style="width: 100px; height: 100px" :src="scope.row.pic" fit="cover"></el-image>
</template>
</el-table-column>
<el-table-column label="类型" prop="type" align="center">
@ -77,22 +50,11 @@
<el-tag v-else type="info">隐藏</el-tag>
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
></el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime"></el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button @click="handleUpdate(scope.row)" type="text" size="small"
>编辑</el-button
>
<el-button
@click="handleDelete(scope.row.id)"
type="text"
size="small"
>删除</el-button
>
<el-button @click="handleUpdate(scope.row)" type="text" size="small">编辑</el-button>
<el-button @click="handleDelete(scope.row.id)" type="text" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -104,27 +66,22 @@
@pagination="getList"
/>
<el-dialog title="宣传广告" :visible.sync="dialogVisible" width="30%">
<el-form
:model="ruleForm"
ref="ruleForm"
:rules="rules"
label-width="80px"
>
<el-form :model="ruleForm" ref="ruleForm" :rules="rules" label-width="80px">
<el-form-item label="名称" prop="name">
<el-input placeholder="请输入" v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="图片" prop="pic">
<multi-upload
v-model="selectProductPics"
:maxCount="1"
></multi-upload>
<multi-upload v-model="selectProductPics" :maxCount="1"></multi-upload>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-select v-model="ruleForm.type" placeholder="请选择">
<el-option label="宣传" value="1"> </el-option>
<el-option label="广告" value="2"> </el-option>
<el-option label="宣传" value="1"></el-option>
<el-option label="广告" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="跳转链接">
<el-input placeholder="请输入" v-model="ruleForm.url"></el-input>
</el-form-item>
<el-form-item label="是否显示" prop="status" v-if="ruleForm.id">
<el-radio v-model="ruleForm.status" label="1">显示</el-radio>
<el-radio v-model="ruleForm.status" label="0">隐藏</el-radio>
@ -132,9 +89,7 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="submitForm('ruleForm')"
> </el-button
>
<el-button type="primary" @click="submitForm('ruleForm')"> </el-button>
</span>
</el-dialog>
</div>