<template>
|
<div class="view">
|
<div class="view-data">
|
<el-form :model="sms" label-position="right" ref="viewForm" :rules="Rules" label-width="100px">
|
<div class="data-item">
|
<el-form-item label="ID:">
|
<span class="data-detail">{{ sms.messageId }}</span>
|
</el-form-item>
|
</div>
|
<div class="data-item">
|
<el-form-item label="短信标题:">
|
<span class="data-detail">{{ sms.title }}</span>
|
</el-form-item>
|
</div>
|
<div class="data-item">
|
<el-form-item label="短信内容:">
|
<span class="data-detail">{{ sms.body }}</span>
|
</el-form-item>
|
</div>
|
<!-- 审核意见 -->
|
<el-form-item label="审核意见" prop="auditOpinion">
|
<el-input type="textarea" placeholder="请输入审核意见" v-model="sms.auditOpinion"></el-input>
|
</el-form-item>
|
<div class="el-form-footer">
|
<el-button @click.native.prevent="handleSubmit(0)">不同意</el-button>
|
<el-button type="primary" @click.native.prevent="handleSubmit(1)">同意</el-button>
|
</div>
|
</el-form>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
components: {
|
|
},
|
data() {
|
const checkOpinion = (rule, value, callback) => {
|
if (value) {
|
callback();
|
} else {
|
callback(new Error('审核意见不能为空'))
|
}
|
}
|
return {
|
id:{},
|
messageId: {},
|
staus:{},
|
result:{},
|
auditOpinion:{},
|
Rules: {
|
auditOpinion: [
|
{ required: true, trigger: 'blur', validator: checkOpinion }
|
]
|
},
|
}
|
},
|
created() {
|
this.sms = this.messageData;
|
},
|
methods: {
|
changeComponent(index) {
|
this.activeIndex = index;
|
},
|
// 提交审核意见
|
handleSubmit(index) {
|
this.$refs.viewForm.validate((valid) => {
|
if (valid) {
|
this.$axios({
|
method: 'post',
|
url: 'sccg/message_audit/checkSms',
|
data: {
|
id: this.sms.id,
|
messageId: this.sms.messageId,
|
status: index,
|
auditOpinion: this.sms.auditOpinion,
|
result: index === 0 ? '不同意':'同意'
|
}
|
})
|
.then(res => {
|
if (res.code === 200) {
|
this.$message({
|
type: 'success',
|
message: '审核成功'
|
})
|
this.$emit('closeDialog', { flag: false, index: 1 });
|
} else {
|
this.$message.error(res.message);
|
}
|
})
|
.catch(err => { this.$message.error(err) });
|
} else {
|
this.$message.warning('请检查必填项');
|
}
|
})
|
},
|
|
},
|
props: ['messageData','closeDialog']
|
}
|
</script>
|
<style lang="scss" scoped>
|
.view {
|
display: flex;
|
padding: 20px;
|
|
.view-data {
|
color: #4b9bb7;
|
flex: 4;
|
padding: 20px;
|
|
.data-item {
|
display: flex;
|
justify-content: space-between;
|
line-height: 40px;
|
}
|
|
// :deep(.el-form-item__label) {
|
// color: #4b9bb7;
|
// }
|
|
// :deep(.el-textarea__inner) {
|
// background-color: #17324c;
|
// color: #4b9bb7;
|
// }
|
|
.el-form-footer {
|
display: flex;
|
justify-content: flex-end;
|
}
|
|
// border: 1px solid #17324c;
|
}
|
|
.view-process {
|
flex: 6;
|
margin-left: 20px;
|
|
.process-header {
|
display: flex;
|
line-height: 40px;
|
|
.process-title-item {
|
width: 120px;
|
text-align: center;
|
|
.under-line {
|
height: 2px;
|
width: 100%;
|
}
|
|
.title-active {
|
color: #4b9bb7;
|
}
|
|
.line-active {
|
background-color: #4b9bb7;
|
border-radius: 20px;
|
}
|
}
|
}
|
|
.show-item {
|
overflow: hidden;
|
height: 600px;
|
position: relative;
|
|
.show-wrap {
|
overflow: auto;
|
height: 600px;
|
}
|
}
|
}
|
}
|
</style>
|
