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 @@
* @version: 1.0.0
* @Author: 无尘
* @Date: 2018-10-10 14:44:45
* @LastEditors: 无尘
* @LastEditTime: 2020-09-22 11:11:55
* @LastEditors: Drama
* @LastEditTime: 2022-10-20 10:29:43
-->
<template>
<div class="reviewed-wrap common-set-wrap">
<div class="right-content">
<div class="right-box">
<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-option v-for="item in filterOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
......@@ -25,7 +25,7 @@
<el-table-column label="审核事项">
<template slot-scope="scope">
<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 == 4">导购删除</span>
<!--<span v-if="scope.row.auditType == 5">导购解绑</span>-->
......@@ -42,7 +42,7 @@
<el-popover placement="top-start" width="300" trigger="hover" @show="showSingleInfo(scope.row.commitStaffId)">
<div class="apply-info-detail">
<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>
<img v-else :src="userData.headImg" alt="img" />
</div>
......@@ -67,9 +67,9 @@
</div>
</div>
</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 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>
</template>
......@@ -111,7 +111,7 @@
</div>
</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">
<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>
</template>
</el-table-column>
......@@ -355,281 +355,281 @@ export default {
};
</script>
<style lang="scss" scoped>
/* flex */
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.flex-row {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.flex-align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-pack-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-start {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
/* flex */
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.flex-row {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.flex-align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-pack-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-start {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-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;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
&.bg-f5222d {
background: #f5222d;
}
.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;
}
.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;
}
.span-dot {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 6px;
margin-right: 6px;
border-radius: 3px;
&.bg-52c41a {
background: #52c41a;
}
.w-80 {
width: 80px;
}
.w-130 {
display: inline-block;
width: 130px;
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 {
background: #f5222d;
.w-514 {
width: 514px;
}
}
.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-l-20 {
margin-left: 20px;
}
}
.w-80 {
width: 80px;
}
.w-130 {
display: inline-block;
width: 130px;
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;
}
.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;
.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 {
width: 35px;
height: 35px;
border-radius: 4px;
i {
font-size: 20px;
color: #e5f3ff;
}
.table-head-pic {
img {
width: 35px;
height: 35px;
border-radius: 4px;
i {
font-size: 20px;
color: #e5f3ff;
}
img {
width: 35px;
height: 35px;
border-radius: 3px;
}
border-radius: 3px;
}
.apply-info {
margin-left: 15px;
line-height: 18px;
span {
font-size: 14px;
color: #606266;
&.font-13 {
font-size: 13px;
}
}
.apply-info {
margin-left: 15px;
line-height: 18px;
span {
font-size: 14px;
color: #606266;
&.font-13 {
font-size: 13px;
}
}
}
}
.apply-info-detail {
/*padding: 18px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.apply-info-img {
}
.apply-info-detail {
/*padding: 18px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
height: 64px;
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;
}
.apply-info-right {
width: 229px;
padding-left: 16px;
font-size: 13px;
.w-130 {
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 {
font-size: 14px;
color: #c0c4cc;
cursor: pointer;
}
.el-icon-question {
font-size: 14px;
color: #c0c4cc;
cursor: pointer;
}
</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