This commit is contained in:
clay
2022-01-11 17:23:14 +08:00
parent 5d30050152
commit da11bb6bad
8 changed files with 106 additions and 87 deletions

View File

@@ -11,8 +11,8 @@
/>
</el-select>
</el-form-item>
<el-form-item label="banner类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择banner类型" clearable size="small">
<el-form-item label="轮播类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择轮播类型" clearable size="small">
<el-option
v-for="dict in bannerStyleOptions"
:key="dict.dictValue"
@@ -21,15 +21,6 @@
/>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="delflag">
<el-input
v-model="queryParams.delflag"
placeholder="请输入状态"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -89,16 +80,14 @@
<span>{{ ((queryParams.pageInfo.pageNum - 1) * queryParams.pageInfo.pageSize + scope.$index + 1)}}</span>
</template>
</el-table-column>
<el-table-column label="标题" align="center" prop="title" />
<el-table-column label="标题" align="left" prop="center" />
<el-table-column label="站点类型" align="center" prop="sitetype" :formatter="sitetypeFormat"/>
<el-table-column label="banner类型" align="center" prop="type":formatter="bannerStyleFormat" />
<el-table-column label="轮播类型" align="center" prop="type":formatter="bannerStyleFormat" />
<el-table-column label="图表路径" align="center">
<template slot-scope="scope">
<img style="width: 100%;" :src="scope.row.imgurl" alt="">
</template>
</el-table-column>
<el-table-column label="排序" align="center" prop="sort" />
<el-table-column label="状态" align="center" prop="delflag" :formatter="delflagFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@@ -140,8 +129,8 @@
/>
</el-select>
</el-form-item>
<el-form-item label="banner类型" prop="type">
<el-select v-model="form.type" placeholder="请选择banner类型">
<el-form-item label="轮播类型" prop="type">
<el-select v-model="form.type" placeholder="请选择轮播类型">
<el-option
v-for="dict in bannerStyleOptions"
:key="dict.dictValue"
@@ -163,9 +152,6 @@
<el-form-item label="跳转链接">
<el-input v-model="form.link" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input v-model="form.sort" type="number" placeholder="请输入排序" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
@@ -207,9 +193,6 @@ export default {
// 站点类型 1 sist 2: lab 3: 双边都发字典
sitetypeOptions: [],
bannerStyleOptions: [],
// 1: 正常 0软删除字典
delflagOptions: [],
// 查询参数
queryParams: {
pageInfo:{
@@ -223,15 +206,13 @@ export default {
imgurl: null,
link: null,
sort: null,
delflag: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
type: [
{ required: true, message: "banner类型不能为空", trigger: "change" },
{ required: true, message: "轮播类型不能为空", trigger: "change" },
],
title: [
{ required: true, message: "标题不能为空", trigger: "blur" },
@@ -250,9 +231,6 @@ export default {
this.getDicts("banner_style").then(response => {
this.bannerStyleOptions = response.data;
});
this.getDicts("delflag").then(response => {
this.delflagOptions = response.data;
});
},
methods: {
/** 查询首页banner图列表 */
@@ -271,10 +249,6 @@ export default {
bannerStyleFormat(row, column) {
return this.selectDictLabel(this.bannerStyleOptions, row.type);
},
// 1: 正常 0软删除字典翻译
delflagFormat(row, column) {
return this.selectDictLabel(this.delflagOptions, row.delflag);
},
// 取消按钮
cancel() {
this.open = false;
@@ -290,7 +264,6 @@ export default {
imgurl: null,
link: null,
sort: null,
delflag: null,
};
this.resetForm("form");
},

View File

@@ -47,20 +47,26 @@
default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
>
<el-table-column label="导航名称" align="center" prop="title"/>
<el-table-column label="导航名称" align="left" prop="title"/>
<el-table-column label="英语名称" align="center" prop="englishTitle"/>
<el-table-column label="导航类型" align="center" prop="type" :formatter="typeFormat"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" align="center" width="300" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
<el-button v-show="scope.row.type == '0'"
type="text"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd(scope.row)"
v-hasPermi="['sist:navigation:add']"
>新增下级
</el-button>
<el-button v-show="scope.row.type == '1'"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改详情
</el-button>
<el-button
size="mini"
type="text"
@@ -174,6 +180,7 @@ export default {
sistDireTypeOptions: [],
labDireTypeOptions: [],
navigationType: [],
navList:[],
// 弹出层标题
title: "",
// 是否显示弹出层
@@ -228,8 +235,8 @@ export default {
getList() {
this.loading = true;
listNavigation(this.queryParams).then(response => {
this.navList = response.data;
this.navigationList = this.handleTree(response.data, "id", "pid");
console.log(this.navigationList)
this.loading = false;
});
},
@@ -292,11 +299,11 @@ export default {
this.form.ptitle = row.title
this.form.pid = row.id
this.form.sitetype = row.sitetype
this.form.type= '0'
this.title = "添加下级导航";
},
//导航类型变化
navigationTypeChang(type) {
console.log(type)
this.articleTypeOptions = []
this.direTypeOptions = []
if (type == 2) {
@@ -323,10 +330,6 @@ export default {
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
// this.getTreeselect();
// if (row != null) {
// this.form.pid = row.id;
// }
if (row.sisttype == 1) {
this.articleTypeOptions = this.sistArticleTypeOption
} else if (row.sisttype == 2) {
@@ -334,6 +337,18 @@ export default {
}
getNavigation(row.id).then(response => {
this.form = response.data;
if (this.form.pid==0){
this.form.ptitle = "顶级节点"
}else {
for (let nav of this.navList) {
if (nav.id == this.form.pid){
this.form.ptitle = nav.title;
}
}
console.log(this.navigationList);
}
this.form.refId = parseInt(this.form.refId)
this.navigationTypeChang(this.form.type)
this.open = true;
this.title = "修改导航";
});