Skip to content

O
office-web
Commit ec9c3de2 by 无尘
Options

add: 增加审核中心

parent 1be4c741
Showing with 897 additions and 40 deletions
src/components/review/store-change.vue 0 → 100644
<template>
<div class="custom-dialog-wrap">
<el-dialog title="门店环境图变更" :visible.sync="customDialog" width="600px" :before-close="handleCardClose">
<div class="dialog-content">
<el-row>
<el-col :span="11">
<div class="grid-content bg-purple-dark">
变更前
</div>
<div class="data-body">
<div class="data-body-content flex flex-column flex-space-between">
<template v-for="item in leftData">
<img :src="item.src" alt=""/>
</template>
</div>
</div>
</el-col>
<el-col :span="11">
<div class="grid-content bg-purple-dark">
变更后
</div>
<div class="data-body">
<div class="data-body-content flex flex-column flex-space-between">
<template v-for="item in rightData">
<img :src="item.src" alt=""/>
</template>
</div>
</div>
</el-col>
</el-row>
</div>
</el-dialog>
</div>
</template>
<script>
import { getRequest, postRequest, postJsonRequest } from '@/api/api';
import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import qs from 'qs';
export default {
name: 'custom-dialog',
props: {
value: {
type: Boolean,
default: false
},
storeChangeData: {
type: Object
}
},
data () {
return {
repProjectName: 'gic-web', // 项目名
customDialog: this.value, // 弹框显示
leftData: [
{
src: require('../../assets/test.png')
},
{
src: require('../../assets/test.png')
},
{
src: require('../../assets/test.png')
}
],
rightData: [
{
src: require('../../assets/test.png')
},
{
src: require('../../assets/test.png')
},
{
src: require('../../assets/test.png')
}
]
}
},
beforeMount() {
const that = this
},
methods:{
// 关闭
handleCardClose() {
const that = this;
that.customCancel();
},
// 取消
customCancel() {
const that = this;
that.customDialog = false
that.$emit('input',that.customDialog)
},
formatDate(time,flag) {
const that = this
// (0-9)年月数字的显示
function formatDig(num) {
return num > 9 ? '' + num : '0' + num;
}
let myDate = new Date(time);
let y = myDate.getFullYear();
let m = myDate.getMonth()+1;
let d = myDate.getDate();
return y + flag + formatDig(m) + flag + formatDig(d) + flag
},
handleData() {
const that = this;
}
},
watch: {
value: function(newData,oldData){
const that = this;
// console.log("新数据:",newData,oldData)
that.customDialog = newData
},
storeChangeData: function(newData,oldData){
const that = this;
}
},
/* 接收数据 */
mounted(){
const that = this;
// console.log("新数据:",that.value)
// that.customDialog = that.showStoreDialog
},
}
</script>
<style lang="scss" scoped>
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.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;
}
.dialog-content {
/*height: 484px;*/
padding-bottom: 20px;
.grid-content {
width: 100%;
height: 42px;
line-height: 42px;
text-align: center;
background: rgba(245,247,250,1);
font-size: 16px;
color: #303133;
/*border: 1px solid rgba(235,238,245,1);
border-radius: 4px;*/
}
.el-row {
width: 100%;
font-size: 0
}
.el-col-11 {
width: 272px;
border:1px solid rgba(235,238,245,1);
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&+.el-col-11 {
margin-left: 14px;
}
}
.data-body {
height: 442px;
max-height: 442px;
padding: 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.data-body-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
img {
width: 100%;
&+img {
margin-top: 10px;
}
}
}
}
</style>
src/views/reviewCenter/index.vue
......@@ -63,7 +63,7 @@ export default {
}
</script>
<style lang="less" scoped>
<style lang="less" >
.setting-wrap__body{
.content{
padding-top: 64px;
......@@ -98,4 +98,5 @@ export default {
}
}
}
</style>
src/views/reviewCenter/reviewed.vue
......@@ -11,11 +11,14 @@
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-input
</el-select><el-input
class="w-240 m-l-10"
placeholder="请输入提交人姓名或门店名称"
prefix-icon="el-icon-search"
v-model="searchValue">
v-model="searchValue"
clearable
@clear="clearSearch"
@keyup.enter.native="searchEnterFun">
</el-input>
</div>
<div class="reviewed-body-content">
......@@ -23,12 +26,7 @@
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
style="width: 100%">
<el-table-column
label="审核事项">
<template slot-scope="scope">
......@@ -38,25 +36,82 @@
<el-table-column
label="提交人"
show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.date }}</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
width="400"
trigger="hover"
@show="showSingleInfo(scope.row.applyId)">
<div class="apply-info-detail">
<div class="flex">
<div class="apply-info-img flex-align-center flex-pack-center bg-82C5FF ">
<i v-if="!applyInfo.photo" class="iconfont icon-yewuduanmorentouxian"></i>
<img v-else :src="applyInfo.photo" alt="img"/>
</div>
<div class="flex flex-column apply-info-right flex-space-between">
<div class="apply-info-name">{{applyInfo.applyName}}
<i :class="[applyInfo.sex == 1? 'icon-xingbienan color-508CEE': 'icon-xingbienv color-FF585C','iconfont']"></i>
</div>
<div class="apply-info-code">
<span class="w-80">员工代码：</span><span class="w-130">{{ applyInfo.code }}</span>
</div>
<div class="apply-info-phone">
<span class="w-80">手机号：</span><span class="w-130">{{ applyInfo.phone }}</span>
</div>
<div class="apply-info-job">
<span class="w-80">职位：</span><span class="w-130">{{ applyInfo.job }}</span>
</div>
<div class="apply-info-store">
<span class="w-80">所属门店：</span><span class="w-130">{{ applyInfo.store }}</span>
</div>
</div>
</div>
</div>
<div slot="reference">
<div class="flex">
<div class="flex flex-align-center flex-pack-center bg-82C5FF table-head-pic">
<i v-if="!scope.row.headPic" class="iconfont icon-yewuduanmorentouxian"></i>
<img v-else :src="scope.row.headPic" alt="img"/>
</div>
<div class="flex flex-column apply-info">
<span>{{scope.row.applyName}}</span>
<span>{{scope.row.storeName}}</span>
</div>
</div>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column
label="详情"
show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.date }}</template>
<template slot-scope="scope">
<div>
<span> {{ scope.row.auditingType == 0? '门店信息变更': scope.row.auditingType == 0? '新增成员': '成员离职'}}</span>
<span>{{scope.row.detail}}</span>
<el-button v-if="scope.row.auditingType == 0" type="text" @click="showStoreChange(scope.row)">查看详情</el-button>
</div>
</template>
</el-table-column>
<el-table-column
prop="address"
label="提交时间"
show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.date }}</template>
<template slot-scope="scope">
<div>{{ scope.row.createTime }}</div>
<div>{{ scope.row.createTime }}</div>
</template>
</el-table-column>
<el-table-column
label="操作"
width="100">
label="状态">
<template slot-scope="scope">
<el-button @click="handleClick(scope.$index,scope.row)" type="text" size="small">同意</el-button>
<el-button @click="handleClick(scope.$index,scope.row,'refuse')" type="text" size="small">拒绝</el-button>
<span>{{scope.row.auditingStatus == 1? '超级管理员已同意':'超级管理员已拒绝'}}</span>
<el-popover
placement="top"
width="150"
trigger="hover">
<div>{{scope.row.refuseReason}}</div>
<i slot="reference" class="el-icon-question" v-if="scope.row.auditingStatus == 2"></i>
</el-popover>
</template>
</el-table-column>
</el-table>
......@@ -76,10 +131,14 @@
</div>
</div>
<vue-gic-footer></vue-gic-footer>
<!-- 门店变更 -->
<storeChange v-model="showStoreDialog" :storeChangeData="storeChangeData"></storeChange>
</div>
</template>
<script>
import navCrumb from '@/components/nav/nav.vue';
import storeChange from '@/components/review/store-change.vue';
import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import strLength from '@/common/js/strlen';
......@@ -136,7 +195,7 @@ export default {
headPic: '',
storeName: '测试',
refuseReason: '111111',
auditingStatus: 0, //审核状态 （0:待审核 ,1: 已同意,2:已拒绝）
auditingStatus: 1, //审核状态 （0:待审核 ,1: 已同意,2:已拒绝）
beforeContent: '',
afterContent: '',
createTime: '2018-12-09 14:34:56'
......@@ -148,6 +207,23 @@ export default {
currentPage: 1,
pageSize: 20,
total: 0,
// info
applyInfo: {
photo: '',
applyName: '测试的',
sex: 2,
code: '223344545fffffffffffffff4',
phone: '13012343333',
job: '店长',
store: '测试门店'
},
// store
showStoreDialog: false,
storeChangeData: {},
}
},
computed: {
......@@ -155,6 +231,28 @@ export default {
},
methods: {
/**
* 搜索标签清空
*/
clearSearch() {
const that = this
that.getTableList();
},
/**
* 搜索标签
*/
searchEnterFun(e) {
const that = this
console.log(e)
let searchVal = String(e.target.value).trim()
if (!searchVal) {
return false;
}
that.getTableList();
},
/**
* 表格---多选
*/
handleSelectionChange(val) {
......@@ -185,6 +283,23 @@ export default {
},
/**
* 获取头像处显示信息
*/
showSingleInfo(memberId) {
const that = this;
},
/**
* 显示门店变更
*/
showStoreChange(item) {
const that = this;
that.showStoreDialog = true;
that.storeChangeData = item;
},
/**
* 获取列表数据
*/
getTableList(val) {
......@@ -224,12 +339,114 @@ export default {
},
components: {
navCrumb
navCrumb,
storeChange
}
}
</script>
<style lang="less" scoped>
.bg-82C5FF {
background: #82C5FF;
}
.color-508CEE {
color: #508CEE;
}
.color-FF585C {
color: #FF585C;
}
.w-80 {
width: 80px;
}
.w-130 {
display: inline-block;
width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.w-240 {
width: 240px;
}
.m-l-10 {
margin-left: 10px;
}
/* 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-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;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.right-content {
/*width: 100%;*/
padding: 24px;
......@@ -263,7 +480,69 @@ export default {
text-align: center;
}
.reviewed-body-head {
margin-bottom: 22px;
}
.table-head-pic {
width: 35px;
height: 35px;
i {
color: #fff;
}
img {
width: 35px;
height: 35px;
}
}
.apply-info {
margin-left: 15px;
line-height: 18px;
span {
font-size: 13px;
color: #606266;
}
}
}
}
.apply-info-detail {
/*padding: 18px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.apply-info-img {
width: 150px;
height:150px;
border-radius:12px;
text-align: center;
i {
font-size: 100px;
color: #fff;
}
}
.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;
}
}
}
.el-icon-question {
font-size: 14px;
color: #C0C4CC;
cursor: pointer;
}
</style>
src/views/reviewCenter/unreview.vue
......@@ -3,7 +3,7 @@
<nav-crumb :navpath="navpath"></nav-crumb>
<div class="right-content">
<div class="right-box">
<div class="reviewed-body-head">
<div class="reviewed-body-head flex flex-space-between">
<el-select v-model="filterValue" placeholder="全部事项" @change="getTableList">
<el-option
v-for="item in filterOptions"
......@@ -12,7 +12,7 @@
:value="item.value">
</el-option>
</el-select>
<el-button type="primary">批量同意</el-button>
<el-button type="primary" @click="approveAll">批量同意</el-button>
</div>
<div class="reviewed-body-content">
<el-table
......@@ -38,13 +38,40 @@
<el-popover
placement="top-start"
width="400"
height="180"
trigger="hover"
@show="showSingleInfo(scope.row.applyId)">
<div class="apply-info-detail">
<div class="flex">
<div class="apply-info-img flex-align-center flex-pack-center bg-82C5FF ">
<i v-if="!applyInfo.photo" class="iconfont icon-yewuduanmorentouxian"></i>
<img v-else :src="applyInfo.photo" alt="img"/>
</div>
<div class="flex flex-column apply-info-right flex-space-between">
<div class="apply-info-name">{{applyInfo.applyName}}
<i :class="[applyInfo.sex == 1? 'icon-xingbienan color-508CEE': 'icon-xingbienv color-FF585C','iconfont']"></i>
</div>
<div class="apply-info-code">
<span class="w-80">员工代码：</span><span class="w-130">{{ applyInfo.code }}</span>
</div>
<div class="apply-info-phone">
<span class="w-80">手机号：</span><span class="w-130">{{ applyInfo.phone }}</span>
</div>
<div class="apply-info-job">
<span class="w-80">职位：</span><span class="w-130">{{ applyInfo.job }}</span>
</div>
<div class="apply-info-store">
<span class="w-80">所属门店：</span><span class="w-130">{{ applyInfo.store }}</span>
</div>
</div>
</div>
</div>
<div slot="reference">
<div class="flex">
<img :src="scope.row.headPic" alt="">
<div class="flex flex-column">
<div class="flex flex-align-center flex-pack-center bg-82C5FF table-head-pic">
<i v-if="!scope.row.headPic" class="iconfont icon-yewuduanmorentouxian"></i>
<img v-else :src="scope.row.headPic" alt="img"/>
</div>
<div class="flex flex-column apply-info">
<span>{{scope.row.applyName}}</span>
<span>{{scope.row.storeName}}</span>
</div>
......@@ -54,15 +81,22 @@
</template>
</el-table-column>
<el-table-column
label="详情"
show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.date }}</template>
label="详情">
<template slot-scope="scope">
<div>
<span> {{ scope.row.auditingType == 0? '门店信息变更': scope.row.auditingType == 0? '新增成员': '成员离职'}}</span>
<span>{{scope.row.detail}}</span>
<el-button v-if="scope.row.auditingType == 0" type="text" @click="showStoreChange(scope.row)">查看详情</el-button>
</div>
</template>
</el-table-column>
<el-table-column
prop="address"
label="提交时间"
show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.date }}</template>
<template slot-scope="scope">
<div>{{ scope.row.createTime }}</div>
<div>{{ scope.row.createTime }}</div>
</template>
</el-table-column>
<el-table-column
label="操作"
......@@ -89,10 +123,44 @@
</div>
</div>
<vue-gic-footer></vue-gic-footer>
<!-- 门店变更 -->
<storeChange v-model="showStoreDialog" :storeChangeData="storeChangeData"></storeChange>
<!-- 同意 -->
<el-dialog class="approve-dialog" title="" :visible.sync="approveVisible" width="422px">
<div class="approve-body text-center">
<div><i class="el-icon-success"></i><span class="approve-icon-tip">同意</span></div>
<div class="approve-tip">是否确认同意</div>
</div>
<div slot="footer" class="approve-footer dialog-footer" style="text-align: center;">
<el-button @click="approveVisible = false">取 消</el-button>
<el-button type="primary" @click="sendApprove">确 定</el-button>
</div>
</el-dialog>
<!-- 拒绝 -->
<el-dialog class="refuse-dialog" title="提示" :visible.sync="refuseVisible" width="422px">
<div>
<div class="refuse-tip">请输入拒绝理由</div>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
<el-form-item label="" prop="refuseReason">
<el-input
v-model="ruleForm.refuseReason"
type="textarea"
:rows="3">
</el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="approve-footer dialog-footer" >
<el-button @click="refuseVisible = false">取 消</el-button>
<el-button type="primary" @click="sendRefuse('ruleForm')">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import navCrumb from '@/components/nav/nav.vue';
import storeChange from '@/components/review/store-change.vue';
import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import strLength from '@/common/js/strlen';
......@@ -119,6 +187,7 @@ export default {
}
],
filterValue: '',
filterOptions: [
{
......@@ -158,6 +227,36 @@ export default {
currentPage: 1,
pageSize: 20,
total: 0,
// info
applyInfo: {
photo: '',
applyName: '测试的',
sex: 1,
code: '2233445454',
phone: '13012343333',
job: '店长',
store: '测试门店'
},
// 操作
selectId: '',
ruleForm: {
refuseReason: ''
},
rules: {
refuseReason: [
{ required: true, message: '请输入拒绝理由', trigger: 'blur' },
{ min: 1, max: 50, message: '长度在 1 到 50 个字', trigger: 'blur' }
],
},
showStoreDialog: false,
storeChangeData: {},
approveVisible: false,
refuseVisible: false,
}
},
computed: {
......@@ -176,8 +275,7 @@ export default {
* 分页---页码变化
*/
handleSizeChange(val) {
const that = this
// console.log(`每页 ${val} 条`);
const that = this;
that.pageSize = val;
that.getTableList();
},
......@@ -186,26 +284,142 @@ export default {
* 分页---当前页变化
*/
handleCurrentChange(val) {
const that = this
// console.log(`当前页: ${val}`);
const that = this;
that.currentPage = val;
let fullPath = that.$route.fullPath;
that.getTableList();
},
/**
* 操作
*/
handleClick(index,item,flag) {
const that = this
that.selectId = item.enterpriseAuditingId;
!!flag? that.refuseVisible = true: that.approveVisible = true;
},
/**
* 确定同意
*/
sendApprove() {
const that = this
that.postApprove(that.selectId)
},
/**
* 批量同意
*/
approveAll() {
const that = this;
console.log(that.multipleSelection)
let ids = !!that.multipleSelection.length? that.multipleSelection.map(item=>item.enterpriseAuditingId) : '';
if (!ids) {
that.$message.error({
duration: 1000,
message: '请选择列表'
})
return false;
}
that.postApprove(ids)
},
postApprove(ids) {
const that = this;
const para = {
enterpriseAuditingId: ids
}
getRequest('/haoban-manage-web/audit/approve.json',para)
.then((res) => {
// console.log(res,res.data,res.data.errorCode)
var resData = res.data
if (resData.errorCode == 1) {
showMsg.showmsg('操作成功','success')
that.approveVisible = false;
return;
}
errMsg.errorMsg(resData)
})
.catch(function (error) {
console.log(error);
that.$message.error({
duration: 1000,
message: error.message
})
});
},
/**
* 确定拒绝
*/
sendRefuse(formName) {
const that = this;
that.$refs[formName].validate((valid) => {
if (valid) {
that.postRefuse()
} else {
// console.log('error submit!!');
return false;
}
})
},
postRefuse() {
const that = this;
const para = {
enterpriseAuditingId: that.selectId,
refuseReason: that.ruleForm.refuseReason
}
getRequest('/haoban-manage-web/audit/refuse.json',para)
.then((res) => {
// console.log(res,res.data,res.data.errorCode)
var resData = res.data
if (resData.errorCode == 1) {
showMsg.showmsg('操作成功','success')
that.refuseVisible = false;
return;
}
errMsg.errorMsg(resData)
})
.catch(function (error) {
console.log(error);
that.$message.error({
duration: 1000,
message: error.message
})
});
},
/**
* 获取头像处显示信息
*/
showSingleInfo(memberId) {
const that = this
const that = this;
},
/**
* 显示门店变更
*/
showStoreChange(item) {
const that = this;
that.showStoreDialog = true;
that.storeChangeData = item;
},
/**
* 获取列表数据
*/
getTableList(val) {
const that = this
const that = this;
const para = {
auditingType: that.filterValue,
auditingStatus: '',
......@@ -241,12 +455,41 @@ export default {
},
components: {
navCrumb
navCrumb,
storeChange
}
}
</script>
<style lang="less" scoped>
.bg-82C5FF {
background: #82C5FF;
}
.color-508CEE {
color: #508CEE;
}
.color-FF585C {
color: #FF585C;
}
.w-80 {
width: 80px;
}
.w-130 {
display: inline-block;
width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.common-wrap__page {
margin-top: 24px;
}
/* flex */
.flex {
display: -webkit-box;
......@@ -299,6 +542,22 @@ export default {
-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;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.right-content {
/*width: 100%;*/
padding: 24px;
......@@ -328,11 +587,114 @@ export default {
vertical-align: bottom;
}
.text-center {
text-align: center;
.reviewed-body-head {
margin-bottom: 22px;
}
.table-head-pic {
width: 35px;
height: 35px;
i {
color: #fff;
}
img {
width: 35px;
height: 35px;
}
}
.apply-info {
margin-left: 15px;
line-height: 18px;
span {
font-size: 13px;
color: #606266;
}
}
}
}
.apply-info-detail {
/*padding: 18px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.apply-info-img {
width: 150px;
height:150px;
border-radius:12px;
text-align: center;
i {
font-size: 100px;
color: #fff;
}
}
.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;
}
}
}
.approve-dialog {
.el-icon-success {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #67C23A;
}
.approve-icon-tip {
display: inline-block;
vertical-align: middle;
margin-left: 6px;
font-size: 18px;
color: #303133;
}
.approve-tip {
margin-top: 31px;
font-size: 14px;
color: #606266;
}
/deep/.el-dialog__footer {
border: none;
padding: 18px 20px 22px 20px;
}
}
.refuse-dialog {
.refuse-tip {
margin-bottom: 20px;
font-size: 14px;
color: #606266;
}
/deep/.el-dialog__footer {
border: none;
/*padding: 18px 20px 22px 20px;*/
}
.el-textarea {
/deep/ .el-textarea__inner {
font-size: 12px;
color: #606266;
background-color: rgba(255,255,255,.1);
resize: none;
}
}
}
</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