Skip to content

H
haoban-3
Commit 41c4e14e by Jings
Options

fix: 已审核-文案修改

parent 262c04c5
Showing with 261 additions and 261 deletions
src/views/reviewCenter/reviewed.vue
...@@ -3,15 +3,15 @@ ...@@ -3,15 +3,15 @@
* @version: 1.0.0 * @version: 1.0.0
* @Author: 无尘 * @Author: 无尘
* @Date: 2018-10-10 14:44:45 * @Date: 2018-10-10 14:44:45
* @LastEditors: 无尘 * @LastEditors: Drama
* @LastEditTime: 2020-09-22 11:11:55 * @LastEditTime: 2022-10-20 10:29:43
--> -->
<template> <template>
<div class="reviewed-wrap common-set-wrap"> <div class="reviewed-wrap common-set-wrap">
<div class="right-content"> <div class="right-content">
<div class="right-box"> <div class="right-box">
<div class="reviewed-body-head"> <div class="reviewed-body-head">
<el-input class="w-250" maxlength="50" placeholder="请输入提交人姓名或门店名称" prefix-icon="el-icon-search" v-model="searchValue" clearable @clear="clearSearch" @keyup.native="value => searchEnterFun(value, searchInput)"></el-input> <el-input class="w-250" maxlength="50" placeholder="请输入提交人姓名或门店名称" prefix-icon="el-icon-search" v-model="searchValue" clearable @clear="clearSearch" @keyup.native="(value) => searchEnterFun(value, searchInput)"></el-input>
<el-select class="w-130 m-l-10" v-model="filterValue" placeholder="全部状态" @change="getTableList"> <el-select class="w-130 m-l-10" v-model="filterValue" placeholder="全部状态" @change="getTableList">
<el-option v-for="item in filterOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in filterOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<el-table-column label="审核事项"> <el-table-column label="审核事项">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.auditType == 1">门店信息变更</span> <span v-if="scope.row.auditType == 1">门店信息变更</span>
<span v-if="scope.row.auditType == 2">导购绑定</span> <span v-if="scope.row.auditType == 2">账号绑定</span>
<span v-if="scope.row.auditType == 3">导购新增</span> <span v-if="scope.row.auditType == 3">导购新增</span>
<span v-if="scope.row.auditType == 4">导购删除</span> <span v-if="scope.row.auditType == 4">导购删除</span>
<!--<span v-if="scope.row.auditType == 5">导购解绑</span>--> <!--<span v-if="scope.row.auditType == 5">导购解绑</span>-->
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<el-popover placement="top-start" width="300" trigger="hover" @show="showSingleInfo(scope.row.commitStaffId)"> <el-popover placement="top-start" width="300" trigger="hover" @show="showSingleInfo(scope.row.commitStaffId)">
<div class="apply-info-detail"> <div class="apply-info-detail">
<div class="flex"> <div class="flex">
<div class="apply-info-img flex-align-center flex-pack-center bg-82C5FF "> <div class="apply-info-img flex-align-center flex-pack-center bg-82C5FF">
<i v-if="!userData.headImg" class="iconfont-hb3 icon-yewuduanmorentouxian"></i> <i v-if="!userData.headImg" class="iconfont-hb3 icon-yewuduanmorentouxian"></i>
<img v-else :src="userData.headImg" alt="img" /> <img v-else :src="userData.headImg" alt="img" />
</div> </div>
...@@ -67,9 +67,9 @@ ...@@ -67,9 +67,9 @@
</div> </div>
</div> </div>
</el-popover> </el-popover>
<div class="flex flex-column apply-info" style="overflow: hidden;text-overflow: ellipsis;white-space:nowrap;"> <div class="flex flex-column apply-info" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap">
<span>{{ scope.row.commitStaffName }}</span> <span>{{ scope.row.commitStaffName }}</span>
<span class="font-13" style="overflow: hidden;text-overflow: ellipsis;white-space:nowrap;">{{ scope.row.commitStoreName }}</span> <span class="font-13" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ scope.row.commitStoreName }}</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
</div> </div>
</el-popover> --> </el-popover> -->
<el-tooltip v-if="scope.row.auditStatus == 2 || scope.row.auditStatus == 5" class="item" effect="dark" :content="scope.row.auditReason" placement="top-start"> <el-tooltip v-if="scope.row.auditStatus == 2 || scope.row.auditStatus == 5" class="item" effect="dark" :content="scope.row.auditReason" placement="top-start">
<span style="cursor: pointer;padding-bottom: 2px; border-bottom: 1px dashed #2F54EB;">{{ scope.row.auditStatus == 5 ? '审核失败' : '已拒绝' }}</span> <span style="cursor: pointer; padding-bottom: 2px; border-bottom: 1px dashed #2f54eb">{{ scope.row.auditStatus == 5 ? '审核失败' : '已拒绝' }}</span>
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
...@@ -355,281 +355,281 @@ export default { ...@@ -355,281 +355,281 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* flex */ /* flex */
.flex { .flex {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
.flex-1 { .flex-1 {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
.flex-column { .flex-column {
-webkit-flex-direction: column; -webkit-flex-direction: column;
-moz-flex-direction: column; -moz-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
-o-flex-direction: column; -o-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.flex-row { .flex-row {
-webkit-flex-direction: row; -webkit-flex-direction: row;
-moz-flex-direction: row; -moz-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
-o-flex-direction: row; -o-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.flex-align-center { .flex-align-center {
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} }
.flex-pack-center { .flex-pack-center {
-webkit-box-pack: center; -webkit-box-pack: center;
-webkit-justify-content: center; -webkit-justify-content: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
} }
.flex-start { .flex-start {
-webkit-justify-content: flex-start; -webkit-justify-content: flex-start;
-moz-justify-content: flex-start; -moz-justify-content: flex-start;
-ms-justify-content: flex-start; -ms-justify-content: flex-start;
-o-justify-content: flex-start; -o-justify-content: flex-start;
justify-content: flex-start; justify-content: flex-start;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-space-between {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
.span-dot {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 6px;
margin-right: 6px;
border-radius: 3px;
&.bg-52c41a {
background: #52c41a;
} }
&.bg-f5222d {
.flex-wrap { background: #f5222d;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
} }
}
.flex-space-between {
-webkit-justify-content: space-between; .inline-block {
-moz-justify-content: space-between; display: inline-block;
-ms-justify-content: space-between; }
-o-justify-content: space-between;
justify-content: space-between; .bg-82C5FF {
background: #82c5ff;
}
.color-508CEE {
color: #508cee;
}
.color-FF585C {
color: #ff585c;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px;
}
.line-h-18 {
line-height: 18px;
}
.line-hidden-2 {
display: flex;
align-items: center;
justify-content: flex-start;
height: 46px;
overflow: hidden;
white-space: pre-wrap;
span {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
box-orient: vertical;
max-height: 46px;
overflow: hidden;
} }
}
.span-dot {
display: inline-block; .w-80 {
vertical-align: middle; width: 80px;
width: 6px; }
height: 6px;
margin-right: 6px; .w-130 {
border-radius: 3px; display: inline-block;
&.bg-52c41a { width: 130px;
background: #52c41a; white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.w-168 {
display: inline-block;
width: 168px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.w-250 {
width: 250px;
}
.m-l-10 {
margin-left: 10px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.common-wrap__page {
margin-top: 24px;
}
.tooltip-text {
width: 100%;
white-space: pre-wrap;
word-break: break-all;
}
.right-content {
padding: 20px;
.right-box {
.w-280 {
width: 280px;
} }
&.bg-f5222d { .w-514 {
background: #f5222d; width: 514px;
} }
} .m-l-20 {
margin-left: 20px;
.inline-block {
display: inline-block;
}
.bg-82C5FF {
background: #82c5ff;
}
.color-508CEE {
color: #508cee;
}
.color-FF585C {
color: #ff585c;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px;
}
.line-h-18 {
line-height: 18px;
}
.line-hidden-2 {
display: flex;
align-items: center;
justify-content: flex-start;
height: 46px;
overflow: hidden;
white-space: pre-wrap;
span {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
box-orient: vertical;
max-height: 46px;
overflow: hidden;
} }
} .m-t-45 {
margin-top: 45px;
.w-80 { }
width: 80px; .v-align-b {
} vertical-align: bottom;
}
.w-130 { .text-center {
display: inline-block; text-align: center;
width: 130px; }
white-space: nowrap; .reviewed-body-head {
text-overflow: ellipsis; margin-bottom: 22px;
overflow: hidden; }
} .table-head-pic {
width: 35px;
.w-168 { height: 35px;
display: inline-block; border-radius: 4px;
width: 168px; i {
white-space: nowrap; font-size: 20px;
text-overflow: ellipsis; color: #e5f3ff;
overflow: hidden;
}
.w-250 {
width: 250px;
}
.m-l-10 {
margin-left: 10px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.common-wrap__page {
margin-top: 24px;
}
.tooltip-text {
width: 100%;
white-space: pre-wrap;
word-break: break-all;
}
.right-content {
padding: 20px;
.right-box {
.w-280 {
width: 280px;
}
.w-514 {
width: 514px;
}
.m-l-20 {
margin-left: 20px;
}
.m-t-45 {
margin-top: 45px;
}
.v-align-b {
vertical-align: bottom;
}
.text-center {
text-align: center;
}
.reviewed-body-head {
margin-bottom: 22px;
} }
.table-head-pic { img {
width: 35px; width: 35px;
height: 35px; height: 35px;
border-radius: 4px; border-radius: 3px;
i {
font-size: 20px;
color: #e5f3ff;
}
img {
width: 35px;
height: 35px;
border-radius: 3px;
}
} }
.apply-info { }
margin-left: 15px; .apply-info {
line-height: 18px; margin-left: 15px;
span { line-height: 18px;
font-size: 14px; span {
color: #606266; font-size: 14px;
&.font-13 { color: #606266;
font-size: 13px; &.font-13 {
} font-size: 13px;
} }
} }
} }
} }
}
.apply-info-detail {
/*padding: 18px;*/ .apply-info-detail {
-webkit-box-sizing: border-box; /*padding: 18px;*/
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; -moz-box-sizing: border-box;
.apply-info-img { box-sizing: border-box;
.apply-info-img {
width: 64px;
height: 64px;
border-radius: 12px;
text-align: center;
i {
font-size: 106px;
color: #e5f3ff;
}
img {
width: 64px; width: 64px;
height: 64px; height: 64px;
border-radius: 12px; border-radius: 12px;
text-align: center;
i {
font-size: 106px;
color: #e5f3ff;
}
img {
width: 64px;
height: 64px;
border-radius: 12px;
}
} }
.apply-info-name { }
font-size: 16px; .apply-info-name {
font-size: 16px;
color: #606266;
}
.apply-info-right {
width: 229px;
padding-left: 16px;
font-size: 13px;
color: #606266;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.w-80 {
display: inline-block;
vertical-align: top;
color: #606266; color: #606266;
} }
.apply-info-right { .w-130 {
width: 229px;
padding-left: 16px;
font-size: 13px;
color: #606266; color: #606266;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.w-80 {
display: inline-block;
vertical-align: top;
color: #606266;
}
.w-130 {
color: #606266;
}
} }
} }
}
.el-icon-question { .el-icon-question {
font-size: 14px; font-size: 14px;
color: #c0c4cc; color: #c0c4cc;
cursor: pointer; cursor: pointer;
} }
</style> </style>
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