Skip to content

P
pica.cloud.web-education-admin
提交 64d4716f 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

入口编辑页 对接api

上级 6e260644
展开全部 显示空白字符变更
内嵌 并排
正在显示 包含 333 行增加 和 76 行删除
src/utils/filter.js
浏览文件 @ 64d4716f
...@@ -270,5 +270,16 @@ const vueFilter = { ...@@ -270,5 +270,16 @@ const vueFilter = {
list = list.substring(0, list.length - 1); list = list.substring(0, list.length - 1);
return list return list
}, },
entryStatusType: (value) => {
if(value == 1) {
return '草稿';
} else if(value == 2) {
return '未上架';
} else if(value == 3) {
return '已上架';
} else if(value == 4) {
return '已下架';
}
}
} }
export default vueFilter export default vueFilter
\ No newline at end of file
src/views/education/edit-entry.vue
浏览文件 @ 64d4716f
此差异已折叠。
src/views/education/entry-manager.vue
浏览文件 @ 64d4716f
...@@ -2,37 +2,54 @@ ...@@ -2,37 +2,54 @@
<div class="entry-manager"> <div class="entry-manager">
<bread-crumb :curmbFirst="curmbFirst"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
<div class="component-content screenSet" id="screenSet"> <div class="component-content screenSet" id="screenSet">
<el-row>
<el-form :model="formInline" ref="formInline" label-width="75px" class="form-inline"> <el-form :model="formInline" ref="formInline" label-width="75px" class="form-inline">
<el-col :span="6"> <el-col :span="8">
<el-form-item label="入口名称："> <el-form-item label="入口名称：">
<el-input size="small" v-model="formInline.name" placeholder="请输入名称"></el-input> <el-input size="small" v-model="formInline.entryName" placeholder="请输入名称"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2"></el-col> <el-col :span="16" style="padding:0;text-align:right;padding-right:10px;">
<el-col :span="12"> <el-button type="primary" @click="search()" size="small">查询</el-button>
<el-button type="primary" size="small">查询</el-button> <el-button type="primary" @click="resetForm()" size="small">重置</el-button>
</el-col>
<el-col :span="4" style="padding:0;text-align:right;padding-right:10px;">
<el-button type="primary" size="small" @click="toPage()">新建入口</el-button>
</el-col> </el-col>
</el-form> </el-form>
</el-row>
<el-row>
<el-button class="button-jump" type="primary" size="small" @click="toPage()">新建入口</el-button>
</el-row>
<el-table :data="tableData" style="width: 100%"> <el-table :data="tableData" style="width: 100%">
<el-table-column prop="id" label="ID编号" align="center"></el-table-column> <el-table-column prop="id" label="ID编号" align="center"></el-table-column>
<el-table-column prop="project" label="入口名称" align="center"></el-table-column> <el-table-column prop="createdTime" width="100" label="入口创建时间" align="center"></el-table-column>
<el-table-column prop="name" label="创建人" align="center"></el-table-column> <el-table-column prop="entryName" label="入口名称" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> <el-table-column prop="createdName" label="创建人" align="center"></el-table-column>
<el-table-column prop="desc" label="入口介绍" align="center"></el-table-column> <el-table-column prop="entryIntro" label="入口介绍" align="center"></el-table-column>
<el-table-column prop="startTime" label="开始时间" align="center"></el-table-column> <el-table-column prop="entryBegintime" width="100" label="开始时间" align="center"></el-table-column>
<el-table-column prop="endTime" label="介绍时间" align="center"></el-table-column> <el-table-column prop="entryEndtime" width="100" label="结束时间" align="center"></el-table-column>
<el-table-column prop="status" label="状态" align="center"> <el-table-column prop="entryStatus" label="状态" align="center">
<template slot-scope="scope">{{ scope.row.status | shieldStatus }}</template> <template slot-scope="scope">{{ scope.row.entryStatus | entryStatusType }}</template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" width="350" align="center"> <el-table-column fixed="right" label="操作" width="250" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" @click="toPage(scope.row.id)" size="small">编辑</el-button> <el-button type="primary" @click="toPage(scope.row.id)" size="small">编辑</el-button>
<el-button type="primary" @click="openDialog('up',scope.row)" size="small">上架</el-button> <el-button
<el-button type="primary" size="small">下架</el-button> type="primary"
<el-button type="primary" size="small">删除</el-button> v-show="showButton(scope.row.entryStatus,1)"
@click="openDialog('up',scope.row)"
size="small"
>上架</el-button>
<el-button
type="primary"
v-show="showButton(scope.row.entryStatus,2)"
@click="changeStatus(scope.row.id, 4)"
size="small"
>下架</el-button>
<el-button
type="primary"
v-show="showButton(scope.row.entryStatus,3)"
@click="delEntry(scope.row, 5)"
size="small"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -54,12 +71,20 @@ ...@@ -54,12 +71,20 @@
<p v-if="childrenNum == 0" class="dialog_p">该项目已关联0个子项目</p> <p v-if="childrenNum == 0" class="dialog_p">该项目已关联0个子项目</p>
<p v-if="childrenNum == 0" class="dialog_p">继续上架，将在APP端无法显示该项目</p> <p v-if="childrenNum == 0" class="dialog_p">继续上架，将在APP端无法显示该项目</p>
<span v-if="childrenNum > 0" slot="footer" class="dialog-footer"> <span v-if="childrenNum > 0" slot="footer" class="dialog-footer">
<el-button @click="dialogUp = false">确认上架</el-button> <el-button @click="dialogUp = false">取消</el-button>
<el-button type="primary" @click="dialogUp = false">取消</el-button> <el-button type="primary" @click="changeStatus(null,3)">确定上架</el-button>
</span> </span>
<span v-if="childrenNum == 0" slot="footer" class="dialog-footer"> <span v-if="childrenNum == 0" slot="footer" class="dialog-footer">
<el-button @click="dialogUp = false">取消</el-button> <el-button @click="changeStatus(null,3)">确认上架</el-button>
<el-button type="primary" @click="dialogUp = false">确定上架</el-button> <el-button type="primary" @click="dialogUp = false">取消</el-button>
</span>
</el-dialog>
<el-dialog title="确认上架" :visible.sync="dialogDel" width="30%" center>
<p class="dialog_p">删除后，该项目将不存在</p>
<p class="dialog_p">同时释放该项目关联的所有子项目</p>
<span slot="footer" class="dialog-footer">
<el-button @click="changeStatus(null,5)">确认上架</el-button>
<el-button type="primary" @click="dialogDel = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -81,25 +106,15 @@ export default { ...@@ -81,25 +106,15 @@ export default {
curmbFirst: "入口管理", curmbFirst: "入口管理",
totalRows: 0, totalRows: 0,
formInline: { formInline: {
name: "", entryName: "",
pageNo: 1, pageNo: 1,
pageSize: 10 pageSize: 10
}, },
tableData: [ tableData: [],
{
id: 123,
project: "小何同学的项目",
name: "小王同学",
createTime: "2019-09-09",
desc: "小王同学",
startTime: "2019-10-10",
endTime: "2019-12-10",
status: 1
}
],
dialogUp: false, dialogUp: false,
dialogDel: false,
childrenNum: 1, childrenNum: 1,
scopeRow: {}, scopeRow: {}
}; };
}, },
computed: { computed: {
...@@ -107,11 +122,51 @@ export default { ...@@ -107,11 +122,51 @@ export default {
}, },
created() { created() {
vm = this; vm = this;
vm.search();
}, },
mounted: function() { mounted: function() {
commonUtil.resizeHeight(); commonUtil.resizeHeight();
}, },
methods: { methods: {
searchData() {
vm.formInline.pageNo = 1;
vm.search();
},
search() {
let req = {};
req = vm.formInline;
openLoading(vm);
vm.GET("portal/entryInfo/getEntryList", req).then(res => {
closeLoading(vm);
if (res.code == "000000") {
vm.tableData = res.data.data;
vm.totalRows = res.data.totalRows;
} else {
vm.$message(res.message);
}
});
},
showButton(status, option) {
//status 1.草稿，2.未上架，3.已上架，4.已下架
//option 0.编辑，1上架，2下架，3删除
status = status - 1;
let showArray = [
[true, false, false, true],
[true, true, false, true],
[true, false, true, false],
[true, true, false, true]
];
let showType = showArray[status][option];
return showType;
},
resetForm() {
vm.formInline = {
entryName: "",
pageNo: 1, //当前是第几页
pageSize: 10 //页面总数
};
vm.search();
},
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.formInline.pageSize = val; this.formInline.pageSize = val;
...@@ -125,12 +180,46 @@ export default { ...@@ -125,12 +180,46 @@ export default {
if (id === undefined) { if (id === undefined) {
this.$router.push("edit-entry"); this.$router.push("edit-entry");
} else { } else {
this.$router.push("edit-entry?projectId=" + id); this.$router.push("edit-entry?entryId=" + id);
} }
}, },
openDialog(type,row) { openDialog(type, row) {
vm.scopeRow = row; vm.scopeRow = row;
vm.dialogUp = true; vm.dialogUp = true;
},
changeStatus(id, changeTo) {
vm.dialogUp = false;
let req = {};
let entryId = id;
if (entryId == null) {
entryId = vm.scopeRow.id;
}
openLoading(vm);
vm.POST(
"portal/entryInfo/changeStatus?entryId=" +
entryId +
"&changeTo=" +
changeTo,
req
).then(res => {
closeLoading(vm);
if (res.code == "000000") {
vm.$message(res.message);
} else {
vm.$message(res.message);
}
vm.search();
});
},
delEntry(row, changeTo) {
vm.scopeRow = row;
vm.$nextTick(() => {
if (vm.scopeRow.entryStatus == 4) {
vm.dialogDel = true;
} else {
vm.changeStatus(vm.scopeRow.id, changeTo);
}
});
} }
} }
}; };
...@@ -143,6 +232,11 @@ export default { ...@@ -143,6 +232,11 @@ export default {
.dialog_p { .dialog_p {
text-align: center; text-align: center;
} }
.button-jump {
margin-right: 10px;
margin-bottom: 10px;
float: right;
}
} }
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或