Skip to content

A
apaas-ui
Commit 3809b7c4 authored by 徐一鸣's avatar 徐一鸣
Browse files
Options

消息管理up

parent 28ea5bf4
Hide whitespace changes
Inline Side-by-side
Showing with 148 additions and 102 deletions
src/assets/css/index.css
View file @ 3809b7c4
...@@ -609,6 +609,17 @@ width: 620px!important; ...@@ -609,6 +609,17 @@ width: 620px!important;
color: #dde4ff; color: #dde4ff;
margin: 0 20px; margin: 0 20px;
} }
.apass_table .border-active td {
padding: 10px 0;
border-top: 2px solid #515fe7 !important;
border-bottom: 2px solid #515fe7 !important;
}
.apass_table .border-active td:first-child {
border-left: 2px solid #515fe7 !important;
}
.apass_table .border-active td:last-child {
border-right: 2px solid #515fe7 !important;
}
.apass_checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .apass_checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
.apass_checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner { .apass_checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
......
src/components/apass-table.vue
View file @ 3809b7c4
<template> <template>
<div class="apass_table"> <div class="apass_table">
<el-table :data="data" @sort-change="sortChange" @row-click="rowClick"> <el-table
:data="data"
@sort-change="sortChange"
@row-click="rowClick"
:row-class-name="rowClassName"
>
<el-table-column <el-table-column
v-if="paddingLeft > 10" v-if="paddingLeft > 10"
:width="paddingLeft - 10" :width="paddingLeft - 10"
...@@ -214,6 +219,10 @@ export default { ...@@ -214,6 +219,10 @@ export default {
type: Number, type: Number,
default: null, default: null,
}, },
rowClassName: {
type: Function,
default: null,
},
}, },
data() { data() {
return { return {
......
src/pages/message-management/banner/banner-detail.vue
View file @ 3809b7c4
<template> <template>
<div class="apaas_detail_container"> <div class="apaas_detail_container banner_detail_container">
<div class="apass_breadcrumb"> <div class="apass_breadcrumb">
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/message' }"> <el-breadcrumb-item :to="{ path: '/message' }">
{{ $t("lang.message") }} {{ $t("lang.message") }}
</el-breadcrumb-item> </el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/message/banner' }"> <el-breadcrumb-item :to="{ path: '/message/banner' }">
{{ 'banner管理' }} {{ "banner管理" }}
</el-breadcrumb-item> </el-breadcrumb-item>
<el-breadcrumb-item> <el-breadcrumb-item>
{{ pageName }} {{ pageName }}
...@@ -67,7 +67,8 @@ ...@@ -67,7 +67,8 @@
v-model="detail.up_time" v-model="detail.up_time"
type="datetime" type="datetime"
:disabled="disabled" :disabled="disabled"
placeholder="选择日期时间"> placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
...@@ -76,7 +77,8 @@ ...@@ -76,7 +77,8 @@
v-model="detail.down_time" v-model="detail.down_time"
type="datetime" type="datetime"
:disabled="disabled" :disabled="disabled"
placeholder="选择日期时间"> placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
...@@ -93,7 +95,6 @@ ...@@ -93,7 +95,6 @@
directory="manage" directory="manage"
></upload-file> ></upload-file>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="apaas_button detail_action"> <div class="apaas_button detail_action">
...@@ -108,7 +109,7 @@ ...@@ -108,7 +109,7 @@
type="primary" type="primary"
@click="primaryAction" @click="primaryAction"
:loading="submitLoading" :loading="submitLoading"
v-if="pageType!==2" v-if="pageType !== 2"
> >
确定 确定
</el-button> </el-button>
...@@ -118,34 +119,34 @@ ...@@ -118,34 +119,34 @@
</template> </template>
<script> <script>
 var user_name_pass = (rule, value, callback) => { var user_name_pass = (rule, value, callback) => {
      var reg = /^[a-zA-Z0-9|\-|_|\.]+$/; var reg = /^[a-zA-Z0-9|\-|_|\.]+$/;
      setTimeout(() => { setTimeout(() => {
        if (reg.test(value)) { if (reg.test(value)) {
          callback(); callback();
        } else { } else {
          callback(new Error("只支持字母、数字、-、_、.")); callback(new Error("只支持字母、数字、-、_、."));
        } }
      }, 100); }, 100);
    }; };
import helper from "@/services/helper.js"; import helper from "@/services/helper.js";
import uploadFile from "@/components/general/upload_file"; import uploadFile from "@/components/general/upload_file";
export default { export default {
components:{ components: {
uploadFile uploadFile,
}, },
data: () => ({ data: () => ({
pageType: 0, // 0：新增，1：编辑，2：详情 pageType: 0, // 0：新增，1：编辑，2：详情
detail: { detail: {
name: "", name: "",
state: "", state: "",
url: "", url: "",
rank:"", rank: "",
up_time:"", up_time: "",
down_time:"", down_time: "",
fileList:'', fileList: "",
size:'', size: "",
id:'' id: "",
}, },
imgList: [], imgList: [],
detail_rules: { detail_rules: {
...@@ -197,9 +198,7 @@ export default { ...@@ -197,9 +198,7 @@ export default {
trigger: "change", trigger: "change",
}, },
], ],
url: [ url: [],
],
}, },
types: [ types: [
{ {
...@@ -209,7 +208,7 @@ export default { ...@@ -209,7 +208,7 @@ export default {
{ {
name: "已下架", name: "已下架",
value: 0, value: 0,
} },
], ],
submitLoading: false, submitLoading: false,
}), }),
...@@ -220,17 +219,17 @@ export default { ...@@ -220,17 +219,17 @@ export default {
disabled() { disabled() {
return this.pageType === 2; return this.pageType === 2;
}, },
disabled1(){ disabled1() {
return this.pageType !== 1; return this.pageType !== 1;
} },
}, },
created() { created() {
if (this.$route.name === "banner_edit") { if (this.$route.name === "banner_edit") {
this.pageType = 1; this.pageType = 1;
} else if (this.$route.name === "banner_detail") { } else if (this.$route.name === "banner_detail") {
this.pageType = 2; this.pageType = 2;
}else{ } else {
this.detail.state = 1 this.detail.state = 1;
} }
if (this.pageType !== 0) { if (this.pageType !== 0) {
...@@ -245,22 +244,25 @@ export default { ...@@ -245,22 +244,25 @@ export default {
}, },
getDetail() { getDetail() {
this.$http this.$http
.get("/apaas/service/v3/recommend/manage/banners/info/"+this.$route.query.id) .get(
"/apaas/service/v3/recommend/manage/banners/info/" +
this.$route.query.id
)
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
var detail = data.data var detail = data.data;
this.detail = { this.detail = {
name: detail.name, name: detail.name,
state: detail.state, state: detail.state,
url: detail.url, url: detail.url,
rank:detail.ordid, rank: detail.ordid,
up_time:detail.up_time, up_time: detail.up_time,
down_time:detail.down_time, down_time: detail.down_time,
fileList:detail.image_url, fileList: detail.image_url,
size:detail.image_size, size: detail.image_size,
id:detail.serial_num, id: detail.serial_num,
} };
this.imgList = [detail.image_url] this.imgList = [detail.image_url];
} else { } else {
this.$message({ this.$message({
message: data.errMsg || "获取详情失败", message: data.errMsg || "获取详情失败",
...@@ -280,14 +282,14 @@ export default { ...@@ -280,14 +282,14 @@ export default {
addTemplate() { addTemplate() {
this.$http this.$http
.post("/apaas/service/v3/recommend/manage/banners/add", { .post("/apaas/service/v3/recommend/manage/banners/add", {
"name": this.detail.name, name: this.detail.name,
"url": this.detail.url, url: this.detail.url,
"image_size": this.detail.size, image_size: this.detail.size,
"image_url": this.detail.fileList, image_url: this.detail.fileList,
"up_time": this.detail.up_time, up_time: this.detail.up_time,
"down_time": this.detail.down_time, down_time: this.detail.down_time,
"state": this.detail.state, state: this.detail.state,
"ordid": parseInt(this.detail.rank) ordid: parseInt(this.detail.rank),
}) })
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
...@@ -322,15 +324,15 @@ export default { ...@@ -322,15 +324,15 @@ export default {
editTemplate() { editTemplate() {
this.$http this.$http
.post("/apaas/service/v3/recommend/manage/banners/update", { .post("/apaas/service/v3/recommend/manage/banners/update", {
"serial_num":this.detail.id, serial_num: this.detail.id,
"name": this.detail.name, name: this.detail.name,
"url": this.detail.url, url: this.detail.url,
"image_size": this.detail.size, image_size: this.detail.size,
"image_url": this.detail.fileList, image_url: this.detail.fileList,
"up_time": this.detail.up_time, up_time: this.detail.up_time,
"down_time": this.detail.down_time, down_time: this.detail.down_time,
"state": this.detail.state, state: this.detail.state,
"ordid": parseInt(this.detail.rank) ordid: parseInt(this.detail.rank),
}) })
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
...@@ -385,16 +387,16 @@ export default { ...@@ -385,16 +387,16 @@ export default {
</script> </script>
<style> <style>
.apaas_detail_container .banner_contaner .el-input__inner{ .banner_detail_container .banner_contaner .el-input__inner {
width: 970px; width: 970px;
} }
.apaas_detail_container .el-upload--picture-card{ .banner_detail_container .el-upload--picture-card {
width: 526px; width: 526px;
height: 174px; height: 174px;
line-height: 174px; line-height: 174px;
} }
.apaas_detail_container .el-upload-list--picture-card .el-upload-list__item{ .banner_detail_container .el-upload-list--picture-card .el-upload-list__item {
width: 526px; width: 526px;
height: 174px; height: 174px;
} }
</style> </style>
src/pages/message-management/banner/banner-list.vue
View file @ 3809b7c4
...@@ -193,31 +193,31 @@ export default { ...@@ -193,31 +193,31 @@ export default {
{ {
label: "编辑", label: "编辑",
callback: this.editAction, callback: this.editAction,
disabledRule(item) { disabledRule(item) {
              return item.state == 1; return item.state == 1;
            } },
}, },
{ {
label: "上架", label: "上架",
callback: this.upAction, callback: this.upAction,
disabledRule(item) { disabledRule(item) {
              return item.state == 1 || item.state == 3; return item.state == 1 || item.state == 3;
            } },
}, },
{ {
label: "下架", label: "下架",
callback: this.downAction, callback: this.downAction,
disabledRule(item) { disabledRule(item) {
              return item.state == 2 || item.state == 3; return item.state == 2 || item.state == 3;
            } },
}, },
{ {
label: "删除", label: "删除",
class: "warn", class: "warn",
callback: this.deleteAction, callback: this.deleteAction,
disabledRule(item) { disabledRule(item) {
              return item.state == 1; return item.state == 1;
            } },
}, },
], ],
}, },
...@@ -241,10 +241,10 @@ export default { ...@@ -241,10 +241,10 @@ export default {
page: filter.page, page: filter.page,
size: filter.size, size: filter.size,
state: filter.state, state: filter.state,
up_time_s:fullFilter.up_time?fullFilter.up_time[0]:'', up_time_s: fullFilter.up_time ? fullFilter.up_time[0] : "",
up_time_e:fullFilter.up_time?fullFilter.up_time[1]:'', up_time_e: fullFilter.up_time ? fullFilter.up_time[1] : "",
down_time_s:fullFilter.down_time?fullFilter.down_time[0]:'', down_time_s: fullFilter.down_time ? fullFilter.down_time[0] : "",
down_time_e:fullFilter.down_time?fullFilter.down_time[1]:'' down_time_e: fullFilter.down_time ? fullFilter.down_time[1] : "",
}, },
}) })
.then(({ data }) => { .then(({ data }) => {
...@@ -260,6 +260,11 @@ export default { ...@@ -260,6 +260,11 @@ export default {
}) })
.catch((error) => { .catch((error) => {
console.log(error); console.log(error);
this.$message({
message: "获取列表失败",
type: "warning",
});
}); });
}, },
topFilterAction() { topFilterAction() {
...@@ -278,53 +283,72 @@ export default { ...@@ -278,53 +283,72 @@ export default {
showDialog() { showDialog() {
this.$refs.dialog.show(); this.$refs.dialog.show();
}, },
detailAction(item){ detailAction(item) {
this.$router.push('/message/banner_detail?id='+item.serial_num) this.$router.push("/message/banner_detail?id=" + item.serial_num);
}, },
addNew() { addNew() {
console.log("新建模板"); this.$router.push("/message/banner_add");
this.$router.push('/message/banner_add')
}, },
editAction(item) { editAction(item) {
console.log(item); this.$router.push("/message/banner_edit?id=" + item.serial_num);
this.$router.push('/message/banner_edit?id='+item.serial_num)
}, },
upAction(item) { upAction(item) {
this.$http this.$http
.post("/apaas/service/v3/recommend/manage/banners/up",{ .post("/apaas/service/v3/recommend/manage/banners/up", {
serial_num:item.serial_num serial_num: item.serial_num,
}) })
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
this.$message.success('上架成功') this.$message.success("上架成功");
this.initList(this.tempFilter) this.initList(this.tempFilter);
} else {
this.$message.warning("上架失败");
} }
}) })
.catch((error) => {
console.log(error);
this.$message.warning("上架失败");
});
}, },
downAction(item) { downAction(item) {
this.$http this.$http
.post("/apaas/service/v3/recommend/manage/banners/down",{ .post("/apaas/service/v3/recommend/manage/banners/down", {
serial_num:item.serial_num serial_num: item.serial_num,
}) })
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
this.$message.success('下架成功') this.$message.warning("下架成功");
this.initList(this.tempFilter) this.initList(this.tempFilter);
} else {
this.$message.warning("下架失败");
} }
}) })
.catch((error) => {
console.log(error);
this.$message.warning("下架失败");
});
}, },
deleteAction(item) { deleteAction(item) {
// console.log(`删除${item.name}`); // console.log(`删除${item.name}`);
this.$http this.$http
.post("/apaas/service/v3/recommend/manage/banners/del",[item.serial_num]) .post("/apaas/service/v3/recommend/manage/banners/del", [
item.serial_num,
])
.then(({ data }) => { .then(({ data }) => {
if (data.success == 1) { if (data.success == 1) {
this.$message.success('删除成功') this.$message.success("删除成功");
this.initList(this.tempFilter) this.initList(this.tempFilter);
}else{ } else {
this.$message.error('删除失败') this.$message.warning("删除失败");
} }
}) })
.catch((error) => {
console.log(error);
this.$message.warning("删除失败");
});
}, },
}, },
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment