Skip to content

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

消息管理up

parent 28ea5bf4
Show 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;
color: #dde4ff;
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-indeterminate .el-checkbox__inner {
......
src/components/apass-table.vue
View file @ 3809b7c4
<template>
<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
v-if="paddingLeft > 10"
:width="paddingLeft - 10"
......@@ -214,6 +219,10 @@ export default {
type: Number,
default: null,
},
rowClassName: {
type: Function,
default: null,
},
},
data() {
return {
......
src/pages/message-management/banner/banner-detail.vue
View file @ 3809b7c4
<template>
<div class="apaas_detail_container">
<div class="apaas_detail_container banner_detail_container">
<div class="apass_breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/message' }">
{{ $t("lang.message") }}
</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/message/banner' }">
{{ 'banner管理' }}
{{ "banner管理" }}
</el-breadcrumb-item>
<el-breadcrumb-item>
{{ pageName }}
......@@ -67,7 +67,8 @@
v-model="detail.up_time"
type="datetime"
:disabled="disabled"
placeholder="选择日期时间">
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
......@@ -76,7 +77,8 @@
v-model="detail.down_time"
type="datetime"
:disabled="disabled"
placeholder="选择日期时间">
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
......@@ -93,7 +95,6 @@
directory="manage"
></upload-file>
</el-form-item>
</el-form>
<div class="apaas_button detail_action">
......@@ -108,7 +109,7 @@
type="primary"
@click="primaryAction"
:loading="submitLoading"
v-if="pageType!==2"
v-if="pageType !== 2"
>
确定
</el-button>
......@@ -118,21 +119,21 @@
</template>
<script>
 var user_name_pass = (rule, value, callback) => {
      var reg = /^[a-zA-Z0-9|\-|_|\.]+$/;
      setTimeout(() => {
        if (reg.test(value)) {
          callback();
        } else {
          callback(new Error("只支持字母、数字、-、_、."));
        }
      }, 100);
    };
var user_name_pass = (rule, value, callback) => {
var reg = /^[a-zA-Z0-9|\-|_|\.]+$/;
setTimeout(() => {
if (reg.test(value)) {
callback();
} else {
callback(new Error("只支持字母、数字、-、_、."));
}
}, 100);
};
import helper from "@/services/helper.js";
import uploadFile from "@/components/general/upload_file";
export default {
components:{
uploadFile
components: {
uploadFile,
},
data: () => ({
pageType: 0, // 0：新增，1：编辑，2：详情
......@@ -140,12 +141,12 @@ export default {
name: "",
state: "",
url: "",
rank:"",
up_time:"",
down_time:"",
fileList:'',
size:'',
id:''
rank: "",
up_time: "",
down_time: "",
fileList: "",
size: "",
id: "",
},
imgList: [],
detail_rules: {
......@@ -197,9 +198,7 @@ export default {
trigger: "change",
},
],
url: [
],
url: [],
},
types: [
{
......@@ -209,7 +208,7 @@ export default {
{
name: "已下架",
value: 0,
}
},
],
submitLoading: false,
}),
......@@ -220,17 +219,17 @@ export default {
disabled() {
return this.pageType === 2;
},
disabled1(){
disabled1() {
return this.pageType !== 1;
}
},
},
created() {
if (this.$route.name === "banner_edit") {
this.pageType = 1;
} else if (this.$route.name === "banner_detail") {
this.pageType = 2;
}else{
this.detail.state = 1
} else {
this.detail.state = 1;
}
if (this.pageType !== 0) {
......@@ -245,22 +244,25 @@ export default {
},
getDetail() {
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 }) => {
if (data.success == 1) {
var detail = data.data
var detail = data.data;
this.detail = {
name: detail.name,
state: detail.state,
url: detail.url,
rank:detail.ordid,
up_time:detail.up_time,
down_time:detail.down_time,
fileList:detail.image_url,
size:detail.image_size,
id:detail.serial_num,
}
this.imgList = [detail.image_url]
rank: detail.ordid,
up_time: detail.up_time,
down_time: detail.down_time,
fileList: detail.image_url,
size: detail.image_size,
id: detail.serial_num,
};
this.imgList = [detail.image_url];
} else {
this.$message({
message: data.errMsg || "获取详情失败",
......@@ -280,14 +282,14 @@ export default {
addTemplate() {
this.$http
.post("/apaas/service/v3/recommend/manage/banners/add", {
"name": this.detail.name,
"url": this.detail.url,
"image_size": this.detail.size,
"image_url": this.detail.fileList,
"up_time": this.detail.up_time,
"down_time": this.detail.down_time,
"state": this.detail.state,
"ordid": parseInt(this.detail.rank)
name: this.detail.name,
url: this.detail.url,
image_size: this.detail.size,
image_url: this.detail.fileList,
up_time: this.detail.up_time,
down_time: this.detail.down_time,
state: this.detail.state,
ordid: parseInt(this.detail.rank),
})
.then(({ data }) => {
if (data.success == 1) {
......@@ -322,15 +324,15 @@ export default {
editTemplate() {
this.$http
.post("/apaas/service/v3/recommend/manage/banners/update", {
"serial_num":this.detail.id,
"name": this.detail.name,
"url": this.detail.url,
"image_size": this.detail.size,
"image_url": this.detail.fileList,
"up_time": this.detail.up_time,
"down_time": this.detail.down_time,
"state": this.detail.state,
"ordid": parseInt(this.detail.rank)
serial_num: this.detail.id,
name: this.detail.name,
url: this.detail.url,
image_size: this.detail.size,
image_url: this.detail.fileList,
up_time: this.detail.up_time,
down_time: this.detail.down_time,
state: this.detail.state,
ordid: parseInt(this.detail.rank),
})
.then(({ data }) => {
if (data.success == 1) {
......@@ -385,15 +387,15 @@ export default {
</script>
<style>
.apaas_detail_container .banner_contaner .el-input__inner{
.banner_detail_container .banner_contaner .el-input__inner {
width: 970px;
}
.apaas_detail_container .el-upload--picture-card{
.banner_detail_container .el-upload--picture-card {
width: 526px;
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;
height: 174px;
}
......
src/pages/message-management/banner/banner-list.vue
View file @ 3809b7c4
......@@ -193,31 +193,31 @@ export default {
{
label: "编辑",
callback: this.editAction,
disabledRule(item) {
              return item.state == 1;
            }
disabledRule(item) {
return item.state == 1;
},
},
{
label: "上架",
callback: this.upAction,
disabledRule(item) {
              return item.state == 1 || item.state == 3;
            }
disabledRule(item) {
return item.state == 1 || item.state == 3;
},
},
{
label: "下架",
callback: this.downAction,
disabledRule(item) {
              return item.state == 2 || item.state == 3;
            }
disabledRule(item) {
return item.state == 2 || item.state == 3;
},
},
{
label: "删除",
class: "warn",
callback: this.deleteAction,
disabledRule(item) {
              return item.state == 1;
            }
disabledRule(item) {
return item.state == 1;
},
},
],
},
......@@ -241,10 +241,10 @@ export default {
page: filter.page,
size: filter.size,
state: filter.state,
up_time_s:fullFilter.up_time?fullFilter.up_time[0]:'',
up_time_e:fullFilter.up_time?fullFilter.up_time[1]:'',
down_time_s:fullFilter.down_time?fullFilter.down_time[0]:'',
down_time_e:fullFilter.down_time?fullFilter.down_time[1]:''
up_time_s: fullFilter.up_time ? fullFilter.up_time[0] : "",
up_time_e: fullFilter.up_time ? fullFilter.up_time[1] : "",
down_time_s: fullFilter.down_time ? fullFilter.down_time[0] : "",
down_time_e: fullFilter.down_time ? fullFilter.down_time[1] : "",
},
})
.then(({ data }) => {
......@@ -260,6 +260,11 @@ export default {
})
.catch((error) => {
console.log(error);
this.$message({
message: "获取列表失败",
type: "warning",
});
});
},
topFilterAction() {
......@@ -278,53 +283,72 @@ export default {
showDialog() {
this.$refs.dialog.show();
},
detailAction(item){
this.$router.push('/message/banner_detail?id='+item.serial_num)
detailAction(item) {
this.$router.push("/message/banner_detail?id=" + item.serial_num);
},
addNew() {
console.log("新建模板");
this.$router.push('/message/banner_add')
this.$router.push("/message/banner_add");
},
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) {
this.$http
.post("/apaas/service/v3/recommend/manage/banners/up",{
serial_num:item.serial_num
.post("/apaas/service/v3/recommend/manage/banners/up", {
serial_num: item.serial_num,
})
.then(({ data }) => {
if (data.success == 1) {
this.$message.success('上架成功')
this.initList(this.tempFilter)
this.$message.success("上架成功");
this.initList(this.tempFilter);
} else {
this.$message.warning("上架失败");
}
})
.catch((error) => {
console.log(error);
this.$message.warning("上架失败");
});
},
downAction(item) {
this.$http
.post("/apaas/service/v3/recommend/manage/banners/down",{
serial_num:item.serial_num
.post("/apaas/service/v3/recommend/manage/banners/down", {
serial_num: item.serial_num,
})
.then(({ data }) => {
if (data.success == 1) {
this.$message.success('下架成功')
this.initList(this.tempFilter)
this.$message.warning("下架成功");
this.initList(this.tempFilter);
} else {
this.$message.warning("下架失败");
}
})
.catch((error) => {
console.log(error);
this.$message.warning("下架失败");
});
},
deleteAction(item) {
// console.log(`删除${item.name}`);
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 }) => {
if (data.success == 1) {
this.$message.success('删除成功')
this.initList(this.tempFilter)
}else{
this.$message.error('删除失败')
this.$message.success("删除成功");
this.initList(this.tempFilter);
} else {
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