mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-18 00:45:55 +08:00
界面修改
This commit is contained in:
@@ -1,24 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="60px">
|
||||||
<el-form-item label="标题" prop="title">
|
<el-form-item label="标题" prop="title">
|
||||||
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable size="small" @keyup.enter.native="handleQuery" />
|
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable size="small" @keyup.enter.native="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="置顶" prop="isTop">
|
<el-form-item label="分类" prop="categoryName">
|
||||||
<el-select v-model="queryParams.isTop" placeholder="请选择置顶" clearable size="small">
|
|
||||||
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="广告" prop="isBanner">
|
|
||||||
<el-select v-model="queryParams.isBanner" placeholder="请选择广告" clearable size="small">
|
|
||||||
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="分类名称" prop="categoryName">
|
|
||||||
<el-input v-model="queryParams.categoryName" placeholder="请输入分类名称" clearable size="small" @keyup.enter.native="handleQuery" />
|
<el-input v-model="queryParams.categoryName" placeholder="请输入分类名称" clearable size="small" @keyup.enter.native="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="置顶" prop="isTop">
|
||||||
|
<el-select v-model="queryParams.isTop" placeholder="是否置顶" clearable size="small" style="width:100px;">
|
||||||
|
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="轮播" prop="isBanner">
|
||||||
|
<el-select v-model="queryParams.isBanner" placeholder="是否轮播" clearable size="small" style="width:100px;">
|
||||||
|
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="发布" prop="status">
|
<el-form-item label="发布" prop="status">
|
||||||
<el-select v-model="queryParams.status" placeholder="请选择发布" clearable size="small">
|
<el-select v-model="queryParams.status" placeholder="选择状态" clearable size="small" style="width:100px;">
|
||||||
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
<el-option v-for="dict in dict.type.iot_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -46,7 +47,7 @@
|
|||||||
|
|
||||||
<el-table v-loading="loading" :data="newsList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="newsList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="图片" align="center" prop="imgUrl">
|
<el-table-column label="图片" align="center" prop="imgUrl" width="140px;">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-image style="border-radius:5px;height:60px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
|
<el-image style="border-radius:5px;height:60px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
|
||||||
</template>
|
</template>
|
||||||
@@ -63,7 +64,7 @@
|
|||||||
<dict-tag :options="dict.type.iot_yes_no" :value="scope.row.isTop" />
|
<dict-tag :options="dict.type.iot_yes_no" :value="scope.row.isTop" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="广告" align="center" prop="isBanner">
|
<el-table-column label="轮播" align="center" prop="isBanner">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.iot_yes_no" :value="scope.row.isBanner" />
|
<dict-tag :options="dict.type.iot_yes_no" :value="scope.row.isBanner" />
|
||||||
</template>
|
</template>
|
||||||
@@ -309,7 +310,7 @@ export default {
|
|||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
console.log(this.form);
|
console.log(this.form);
|
||||||
if(this.form.imgUrl==null || this.form.imgUrl==""){
|
if (this.form.imgUrl == null || this.form.imgUrl == "") {
|
||||||
this.$modal.msgError("请上传图片");
|
this.$modal.msgError("请上传图片");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -359,5 +360,3 @@ export default {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
|
||||||
|
|||||||
@@ -210,11 +210,14 @@ export default {
|
|||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
const categoryIds = row.categoryId || this.ids;
|
const categoryIds = row.categoryId || this.ids;
|
||||||
|
let msg="";
|
||||||
this.$modal.confirm('是否确认删除新闻分类编号为"' + categoryIds + '"的数据项?').then(function () {
|
this.$modal.confirm('是否确认删除新闻分类编号为"' + categoryIds + '"的数据项?').then(function () {
|
||||||
return delNewsCategory(categoryIds);
|
return delNewsCategory(categoryIds).then(response => {
|
||||||
|
msg=response.msg;
|
||||||
|
});
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.$modal.msgSuccess(msg);
|
||||||
}).catch(() => {});
|
}).catch(() => {});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
|
|||||||
Reference in New Issue
Block a user