From d6fb18b49cd61427a343fbe7a2a4f94e4b597bdc Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 29 十二月 2022 14:00:41 +0800
Subject: [PATCH] fix：店铺状态
---
src/views/operate/sms/smsIndex/index.vue | 382 ++++++++++++++++++++++++++++--------------------------
1 files changed, 196 insertions(+), 186 deletions(-)
diff --git a/src/views/operate/sms/smsIndex/index.vue b/src/views/operate/sms/smsIndex/index.vue
index 0684d13..fe62718 100644
--- a/src/views/operate/sms/smsIndex/index.vue
+++ b/src/views/operate/sms/smsIndex/index.vue
@@ -13,20 +13,22 @@
<span>鐭俊鍥炴墽:</span>
<el-select v-model="messageStatus" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in statusList"
- :key="item.value"
- :label="item.label"
- :value="item.label"
+ v-for="item in statusList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.label"
>
</el-option>
</el-select>
</div>
<div class="find">
<el-button type="primary" icon="el-icon-search" @click="getTableData"
- >鏌ヨ</el-button
+ >鏌ヨ
+ </el-button
>
<el-button icon="el-icon-delete-solid" @click="handleReset"
- >閲嶇疆</el-button
+ >閲嶇疆
+ </el-button
>
</div>
</div>
@@ -36,29 +38,30 @@
<div class="main-nav">
<span>鏁版嵁鍒楄〃</span>
<el-button
- class="button-addition"
- type="primary"
- icon="el-icon-plus"
- @click="isShowDialog = true"
- >娣诲姞</el-button
+ class="button-addition"
+ type="primary"
+ icon="el-icon-plus"
+ @click="isShowDialog = true"
+ >娣诲姞
+ </el-button
>
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
+ ref="multipleTable"
+ :header-cell-style="{
+ // background: '#06122c',
'font-size': '12px',
- color: '#4b9bb7',
+ color: '#606266',
'font-weight': '650',
'line-height': '45px',
}"
- :data="tableData"
- style="width: 100%"
- :row-class-name="tableRowClassName"
- @selection-change="tableChange"
+ :data="tableData"
+ style="width: 100%"
+ :row-class-name="tableRowClassName"
+ @selection-change="tableChange"
>
- <el-table-column type="selection" min-width="5"> </el-table-column>
+ <el-table-column type="selection" min-width="5"></el-table-column>
<el-table-column label="ID" min-width="5" prop="id">
<template slot-scope="scope">{{ scope.row.id }}</template>
</el-table-column>
@@ -71,26 +74,28 @@
<el-table-column prop="status" label="鍙戝竷鐘舵��" min-width="5">
<template slot-scope="scope">
<span>{{
- statusList.find((item) => item.value === scope.row.status).label
- }}</span>
+ statusList.find((item) => item.value === scope.row.status).label
+ }}</span>
</template>
</el-table-column>
<el-table-column prop="operation" label="鎿嶄綔" min-width="15">
<template slot-scope="scope">
<div class="operation">
<el-link
- class="leftPx"
- icon="el-icon-delete-solid"
- :underline="false"
- @click="handleDelete([scope.row.id])"
- >鍒犻櫎</el-link
+ class="leftPx"
+ icon="el-icon-delete-solid"
+ :underline="false"
+ @click="handleDelete([scope.row.id])"
+ >鍒犻櫎
+ </el-link
>
<el-link
- icon="el-icon-edit"
- class="leftPx"
- :underline="false"
- @click="resend(scope.row)"
- >閲嶆柊鍙戦��</el-link
+ icon="el-icon-edit"
+ class="leftPx"
+ :underline="false"
+ @click="resend(scope.row)"
+ >閲嶆柊鍙戦��
+ </el-link
>
</div>
</template>
@@ -98,12 +103,12 @@
</el-table>
<!-- 鏂板缓娑堟伅 -->
<el-dialog
- title="鏂板缓娑堟伅"
- :destroy-on-close="true"
- :key="dialogType"
- :visible.sync="isShowDialog"
- width="80%"
- :before-close="handleConfirmClose"
+ title="鏂板缓娑堟伅"
+ :destroy-on-close="true"
+ :key="dialogType"
+ :visible.sync="isShowDialog"
+ width="80%"
+ :before-close="handleConfirmClose"
>
<MyCreate @closeMyDialog="closeDialog" :type="dialogType"></MyCreate>
</el-dialog>
@@ -111,25 +116,27 @@
<div class="funs">
<div class="funsItem funs-sp">
<el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
+ >鍏ㄩ��
+ </el-checkbox
>
</div>
<div class="funsItem funs-sp">
<el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
+ >鍙嶉��
+ </el-checkbox
>
</div>
<div class="funsItem">
<el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
+ v-model="myIdx"
+ placeholder="鎵归噺鎿嶄綔"
+ @change="selectChange"
>
<el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
>
</el-option>
</el-select>
@@ -137,12 +144,12 @@
</div>
<div class="pagination">
<el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
+ background
+ :current-page="currentPage"
+ layout="prev, pager, next"
+ :total="totalNum"
+ :page-size="pageSize"
+ @current-change="changeCurrentPage"
>
</el-pagination>
</div>
@@ -247,18 +254,18 @@
// 鍒犻櫎淇℃伅
handleDelete(ids) {
this.$confirm("纭鍒犻櫎?").then(() => {
- deleteMessage({ ids: ids.join(",") })
- .then(() => {
- this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
- this.getTableData();
- })
- .catch((err) => this.$message({ type: "error", message: err }));
+ deleteMessage({ids: ids.join(",")})
+ .then(() => {
+ this.$message({type: "success", message: "鎿嶄綔鎴愬姛"});
+ this.getTableData();
+ })
+ .catch((err) => this.$message({type: "error", message: err}));
});
},
getTableData() {
const respondResult =
- this.messageStatus === "鍏ㄩ儴" ? null : this.messageStatus;
+ this.messageStatus === "鍏ㄩ儴" ? null : this.messageStatus;
getMessageList({
channelCode: "02",
current: this.currentPage,
@@ -266,13 +273,13 @@
pageSize: this.pageSize,
head: this.context,
})
- .then(({ records, total }) => {
- this.tableData = records;
- this.totalNum = total;
- })
- .catch((err) => {
- this.$message({ type: "error", message: err });
- });
+ .then(({records, total}) => {
+ this.tableData = records;
+ this.totalNum = total;
+ })
+ .catch((err) => {
+ this.$message({type: "error", message: err});
+ });
},
resend(data) {
@@ -280,11 +287,11 @@
return;
}
sendMessage(data)
- .then(() => {
- this.$message.success("鎿嶄綔鎴愬姛");
- this.getTableData();
- })
- .catch((err) => this.$message.error(`${err}`));
+ .then(() => {
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.getTableData();
+ })
+ .catch((err) => this.$message.error(`${err}`));
},
// 鎵归噺涓嬫媺妗嗘搷浣�
@@ -310,24 +317,25 @@
// 鎵归噺鎿嶄綔
mulUpdateStatus(idArr, flag) {
this.$confirm(
- flag === 1
- ? "鎮ㄧ‘瀹氳杩涜鎵归噺鍚敤瑙掕壊鍚�?"
- : "鎮ㄧ‘瀹氳杩涜鎵归噺绂佺敤瑙掕壊鍚�?"
+ flag === 1
+ ? "鎮ㄧ‘瀹氳杩涜鎵归噺鍚敤瑙掕壊鍚�?"
+ : "鎮ㄧ‘瀹氳杩涜鎵归噺绂佺敤瑙掕壊鍚�?"
)
- .then((_) => {
- this.$axios({
- method: "post",
- url: "sccg/role/updateStatusBatch?ids=" + idArr + "&status=" + flag,
- })
- .then(() => {
- this.getTableData();
- this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
+ .then((_) => {
+ this.$axios({
+ method: "post",
+ url: "sccg/role/updateStatusBatch?ids=" + idArr + "&status=" + flag,
})
- .catch((err) => {
- this.$message({ type: "error", message: err });
- });
- })
- .catch((err) => {});
+ .then(() => {
+ this.getTableData();
+ this.$message({type: "success", message: "鎿嶄綔鎴愬姛"});
+ })
+ .catch((err) => {
+ this.$message({type: "error", message: err});
+ });
+ })
+ .catch((err) => {
+ });
},
// 琛ㄦ牸鐩戝惉
tableChange(list) {
@@ -338,7 +346,7 @@
this.all = list.length === this.tableData.length;
},
// 淇敼鏃堕棿鏍煎紡
- changeTime({ updateTime }) {
+ changeTime({updateTime}) {
return helper(updateTime);
},
// 鍏ㄩ��
@@ -352,7 +360,7 @@
});
},
// 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
+ tableRowClassName({row, rowIndex}) {
if ((rowIndex + 1) % 2 === 0) {
return "warning-row";
} else {
@@ -382,10 +390,10 @@
.userList {
text-align: left;
margin: 10px 20px;
- color: #4b9bb7;
+ color: #606266;
header {
- background-color: #09152f;
+ background-color: white;
.header-nav {
line-height: 40px;
@@ -406,6 +414,7 @@
min-width: 120px;
padding-left: 15px;
}
+
.search,
.message-status,
.message-kind {
@@ -418,18 +427,19 @@
.el-input {
flex: 2;
- color: #1d3f57;
+ color: #606266;
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ //&::v-deep .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ //}
}
}
.find {
margin-left: 15px;
}
+
.findBtn {
line-height: 100px;
margin-left: 15px;
@@ -446,7 +456,7 @@
}
main {
- background-color: #09152f;
+ background-color: white;
margin-top: 20px;
padding-bottom: 50px;
@@ -500,10 +510,10 @@
width: 120px;
}
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
+ //&::v-deep .el-input__inner {
+ // border: none;
+ // background-color: #09152f;
+ //}
&:hover {
border: 1px solid #4b9bb7;
@@ -521,33 +531,33 @@
line-height: 50px;
justify-content: center;
- .el-pagination {
- &::v-deep li,
- &::v-deep .btn-prev,
- &::v-deep .btn-next {
- background-color: #071f39;
- color: #4b9bb7;
- }
-
- &::v-deep .active {
- background-color: #409eff;
- color: #fff;
- }
- }
+ //.el-pagination {
+ // &::v-deep li,
+ // &::v-deep .btn-prev,
+ // &::v-deep .btn-next {
+ // background-color: #071f39;
+ // color: #4b9bb7;
+ // }
+ //
+ // &::v-deep .active {
+ // background-color: #409eff;
+ // color: #fff;
+ // }
+ //}
}
}
.el-table {
- color: #4b9bb7;
- font-size: 10px;
+ // color: #606266;
+ // font-size: 10px;
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
+ //&::v-deep .el-table__empty-block {
+ // background-color: #09152f;
+ //}
+ //
+ //&::v-deep .el-table__empty-block {
+ // color: #4b9bb7;
+ //}
.operation {
display: flex;
@@ -562,69 +572,69 @@
}
}
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
+ //.el-table::v-deep .warning-row {
+ // background: #06122c;
+ //}
+ //
+ //.el-table::v-deep .success-row {
+ // background: #071f39;
+ //}
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
+ //&::v-deep .switchStyle .el-switch__label {
+ // position: absolute;
+ // display: none;
+ // color: #fff;
+ //}
+ //
+ //&::v-deep .el-switch__core {
+ // background-color: rgba(166, 166, 166, 1);
+ //}
+ //
+ //&::v-deep .switchStyle .el-switch__label--left {
+ // z-index: 9;
+ // left: 20px;
+ //}
+ //
+ //&::v-deep .switchStyle .el-switch__label--right {
+ // z-index: 9;
+ // left: 4px;
+ //}
+ //
+ //&::v-deep .switchStyle .el-switch__label.is-active {
+ // display: block;
+ //}
+ //
+ //&::v-deep .switchStyle.el-switch .el-switch__core,
+ //&::v-deep .el-switch .el-switch__label {
+ // width: 50px !important;
+ //}
}
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- // color: #fff;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
+ //&::v-deep .el-dialog__header,
+ //&::v-deep .el-dialog__body {
+ // background-color: #06122c;
+ //}
+ //
+ //&::v-deep .el-dialog__header {
+ // display: flex;
+ // align-items: center;
+ // background-color: #fff;
+ // padding: 20px;
+ // line-height: 60px;
+ //}
+ //
+ //&::v-deep .el-dialog__title {
+ // color: #4b9bb7;
+ //}
+ //
+ //&::v-deep .el-dialog__close {
+ // width: 20px;
+ // height: 20px;
+ // // color: #fff;
+ //}
+ //
+ //&::v-deep .el-dialog__body {
+ // padding: 0;
+ //}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0