界面修改

This commit is contained in:
kerwincui
2022-04-14 20:32:44 +08:00
parent 81f1ca8a23
commit 217f2d2773
2 changed files with 22 additions and 20 deletions

View File

@@ -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>
@@ -359,5 +360,3 @@ export default {
} }
}; };
</script> </script>
<style src="@wangeditor/editor/dist/css/style.css"></style>

View File

@@ -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(() => {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */