修改按钮样式

修改按钮样式

src/views/news/messageReviewList.vue

@@ -55,16 +55,16 @@
                                     <div class="listMainBtn" @click="editData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-check"></i>审核
                                     </div>
-                                    <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
+                                    <!-- <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-close"></i>拒绝
-                                    </div>
+                                    </div> -->
                                     <div class="listDeleteBtn" @click="deleteData(scope.row.id)">
                                         <i class="el-icon-delete"></i>删除
                                     </div>
                                     <div class="listEditBtn" @click="gotoEdit(scope.row.id)" v-if="userid == scope.row.user_id">
                                         <i class="el-icon-edit-outline"></i>编辑
                                     </div>
-                                    <div class="listMainBtn" @click="getDataMain(scope.row.id)" v-else>
+                                    <div class="listEditBtn" @click="getDataMain(scope.row.id)" v-else>
                                         <i class="el-icon-view"></i>查看
                                     </div>
                                 </div>
@@ -168,11 +168,18 @@ export default {
                 });
             });
         },
+        //审核
         editData(id){
             this.$confirm('允许该留言通过审核吗?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'success'
+                showCancelButton: true,
+                showClose: false,
+                closeOnClickModal: false,
+                closeOnPressEscape: false,
+                confirmButtonText: '审核',
+                cancelButtonText: '拒绝',
+                confirmButtonClass: 'el-button--primary',
+                cancelButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(() => {
                 let data = {
                     id:id,
@@ -191,19 +198,22 @@ export default {
                     this.getData();
                 })
             }).catch(() => {
-                this.$message({
-                    type: 'warning',
-                    message: '已取消操作'
-                });
+                // this.$message({
+                //     type: 'warning',
+                //     message: '已取消操作'
+                // });
+                this.refuseData(id)
             });
         },
         refuseData(id){
             this.$prompt('请输入拒绝理由', '拒绝', {
-                confirmButtonText: '确定',
+                confirmButtonText: '拒绝',
                 cancelButtonText: '取消',
                 inputPlaceholder: '请输入拒绝理由',
                 inputPattern: /\S+/, // 匹配非空内容（至少一个非空白字符）
-                inputErrorMessage: '拒绝理由不能为空'
+                inputErrorMessage: '拒绝理由不能为空',
+                confirmButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(({ value }) => {
                 let data = {
                     id:id,

src/views/news/officialNavReview.vue

@@ -55,9 +55,9 @@
                                     <div class="listMainBtn" @click="editData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-check"></i>审核
                                     </div>
-                                    <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
+                                    <!-- <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-close"></i>拒绝
-                                    </div>
+                                    </div> -->
                                     <div class="listDeleteBtn" @click="deleteData(scope.row.id)">
                                         <i class="el-icon-delete"></i>删除
                                     </div>
@@ -167,9 +167,15 @@ export default {
         },
         editData(id){
             this.$confirm('允许该留言通过审核吗?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'success'
+                showCancelButton: true,
+                showClose: false,
+                closeOnClickModal: false,
+                closeOnPressEscape: false,
+                confirmButtonText: '审核',
+                cancelButtonText: '拒绝',
+                confirmButtonClass: 'el-button--primary',
+                cancelButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(() => {
                 let data = {
                     id:id,
@@ -188,10 +194,11 @@ export default {
                     this.getData();
                 })
             }).catch(() => {
-                this.$message({
-                    type: 'warning',
-                    message: '已取消操作'
-                });
+                // this.$message({
+                //     type: 'warning',
+                //     message: '已取消操作'
+                // });
+                this.refuseData();
             });
         },
         refuseData(id){
@@ -200,7 +207,9 @@ export default {
                 cancelButtonText: '取消',
                 inputPlaceholder: '请输入拒绝理由',
                 inputPattern: /\S+/, // 匹配非空内容（至少一个非空白字符）
-                inputErrorMessage: '拒绝理由不能为空'
+                inputErrorMessage: '拒绝理由不能为空',
+                confirmButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(({ value }) => {
                 let data = {
                     id:id,

src/views/news/topicReview.vue

@@ -65,9 +65,9 @@
                                     <div class="listMainBtn" @click="editData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-check"></i>审核
                                     </div>
-                                    <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
+                                    <!-- <div class="listRefuseBtn" @click="refuseData(scope.row.id)" v-if="creatNews_user_type==10000">
                                         <i class="el-icon-close"></i>拒绝
-                                    </div>
+                                    </div> -->
                                     <div class="listDeleteBtn" @click="deleteData(scope.row.id)">
                                         <i class="el-icon-delete"></i>删除
                                     </div>
@@ -191,11 +191,18 @@ export default {
                 });
             });
         },
+        //审核
         editData(id){
             this.$confirm('允许该留言通过审核吗?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'success'
+                showCancelButton: true,
+                showClose: false,
+                closeOnClickModal: false,
+                closeOnPressEscape: false,
+                confirmButtonText: '审核',
+                cancelButtonText: '拒绝',
+                confirmButtonClass: 'el-button--primary',
+                cancelButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(() => {
                 let data = {
                     id:id,
@@ -214,19 +221,22 @@ export default {
                     this.getData();
                 })
             }).catch(() => {
-                this.$message({
-                    type: 'warning',
-                    message: '已取消操作'
-                });
+                // this.$message({
+                //     type: 'warning',
+                //     message: '已取消操作'
+                // });
+                this.refuseData();
             });
         },
         refuseData(id){
             this.$prompt('请输入拒绝理由', '拒绝', {
-                confirmButtonText: '确定',
+                confirmButtonText: '拒绝',
                 cancelButtonText: '取消',
                 inputPlaceholder: '请输入拒绝理由',
                 inputPattern: /\S+/, // 匹配非空内容（至少一个非空白字符）
-                inputErrorMessage: '拒绝理由不能为空'
+                inputErrorMessage: '拒绝理由不能为空',
+                confirmButtonClass: 'el-button--danger',
+                type: 'warning'
             }).then(({ value }) => {
                 let data = {
                     id:id,