|
|
|
@ -1,30 +1,49 @@ |
|
|
|
<template> |
|
|
|
<div class="main-content12 recharge-wrap"> |
|
|
|
<div class="flex-common"> |
|
|
|
<el-form class="mt24"> |
|
|
|
<div class="flex-between"> |
|
|
|
<el-form class=""> |
|
|
|
<div class="flex-between mb24"> |
|
|
|
<div class="flex filter-area"> |
|
|
|
<label for="">收录申请</label> |
|
|
|
<GuipSelect width="150px" clearable label="状态" :options="['麻辣烫','提拉米苏']" v-model="review_status" /> |
|
|
|
<GuipSelect width="150px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" /> |
|
|
|
<GuipInput ref="GuipInput" label="学校" placeholder="输入学校名称" v-model="school" /> |
|
|
|
<GuipSelect width="180px" clearable label="状态" :options="['麻辣烫','提拉米苏']" v-model="review_status" /> |
|
|
|
<GuipSelect width="180px" clearable label="学历" :options="['麻辣烫','提拉米苏']" v-model="degree" /> |
|
|
|
<GuipInput ref="GuipInput" width="280px" label="学校" placeholder="输入学校名称" v-model="school" /> |
|
|
|
</div> |
|
|
|
<GuipButton>收录成功通知</GuipButton> |
|
|
|
<GuipButton type="primary" :btnstyle="{ width: '120px' }">收录成功通知 |
|
|
|
</GuipButton> |
|
|
|
</div> |
|
|
|
<GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1"> |
|
|
|
<template> |
|
|
|
<el-table-column fixed="left" prop="school_name" label="学校" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="degree_name" label="学历" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="college_name" label="学院" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="要求" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="论文" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="phone" label="反馈用户手机号" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="要求" min-width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<svg-icon :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'" @click="handleLunwen(scope.row.status)" |
|
|
|
:hoverColor="'#006AFF'" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="论文" min-width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<SvgIcon :path="require('@/assets/register/tableEdit.svg')" @click="handleLunwen(scope.row.status)" :color="'#8A9099'" |
|
|
|
:hoverColor="'#006AFF'" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="上传时间" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="review_status_desc" label="状态" min-width="200"></el-table-column> |
|
|
|
<el-table-column prop="status" label="状态" min-width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span :class="['status','status'+[scope.row.status]]">{{ scope.row.status_desc }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="tid" label="操作" min-width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex"> |
|
|
|
<GuipButton type="text" @click="handleConfirm(scope.row.id)">收录</GuipButton> |
|
|
|
<GuipButton type="text" @click="handleRefuse(scope.row)">拒绝</GuipButton> |
|
|
|
<GuipButton v-if="scope.row.status == 0" type="text" @click="handleConfirm(scope.row.id)">收录</GuipButton> |
|
|
|
<GuipButton v-if="scope.row.status == 3" type="text" @click="handleConfirm(scope.row.id)">恢复代收录</GuipButton> |
|
|
|
<GuipButton v-if="scope.row.status==1" type="text" @click="handleConfirm(scope.row.id)">修改</GuipButton> |
|
|
|
<GuipButton v-if="scope.row.status == 0" type="warn" @click="handleRefuse(scope.row)">拒绝</GuipButton> |
|
|
|
<GuipButton v-if="scope.row.status == 2" type="warn" @click="handleRefuse(scope.row)">取消</GuipButton> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -37,11 +56,12 @@ |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<GuipDialog :dialogVisible="isShowDialog" title="拒绝收录原因" :show-close-button="false" |
|
|
|
<GuipDialog :dialogVisible="true" title="拒绝收录原因" :show-close-button="false" |
|
|
|
:show-cancel-button="true" @confirm="handleConfirmRefuse" @cancel="handleCancelRefuse"> |
|
|
|
<!-- 自定义内容 --> |
|
|
|
<el-form> |
|
|
|
<GuipTextarea :label="'拒绝收录'+tpl_name+'模板'" :styleObject="{ width: '450px' }" placeholder="说明原因，发送短信给用户手机" autosize v-model="refuse_reason" /> |
|
|
|
<p style="margin-bottom: 14px">{{'拒绝收录'+tpl_name+'模板'}}</p> |
|
|
|
<GuipTextarea :styleObject="{ width: '450px' }" placeholder="说明原因，发送短信给用户手机" autosize v-model="refuse_reason" /> |
|
|
|
</el-form> |
|
|
|
</GuipDialog> |
|
|
|
|
|
|
|
@ -49,7 +69,7 @@ |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
import SvgIcon from '@/components/SvgIcon.vue'; |
|
|
|
import GuipButton from "@/components/GuipButton.vue"; |
|
|
|
import GuipTable from "@/components/GuipTable.vue"; |
|
|
|
import GuipSelect from "@/components/GuipSelect.vue"; |
|
|
|
@ -57,13 +77,23 @@ import GuipInput from "@/components/GuipInput.vue"; |
|
|
|
import GuipDialog from "@/components/GuipDialog.vue"; |
|
|
|
import GuipTextarea from "@/components/GuipTextarea.vue"; |
|
|
|
|
|
|
|
// 假设一下状态 |
|
|
|
// status:{ |
|
|
|
// 0:'待收录', |
|
|
|
// 1:'已收录', |
|
|
|
// 2:'收录中', |
|
|
|
// 3:'不收录' |
|
|
|
// } |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
GuipTextarea, |
|
|
|
GuipDialog, |
|
|
|
GuipInput, GuipSelect, |
|
|
|
GuipInput, |
|
|
|
GuipSelect, |
|
|
|
GuipTable, |
|
|
|
GuipButton, |
|
|
|
SvgIcon |
|
|
|
|
|
|
|
}, |
|
|
|
options: { styleIsolation: "shared" }, |
|
|
|
@ -71,12 +101,36 @@ export default { |
|
|
|
return { |
|
|
|
tableLoading:false, |
|
|
|
tableKey: '', |
|
|
|
|
|
|
|
school:'', |
|
|
|
degree:'', |
|
|
|
review_status: -1, |
|
|
|
|
|
|
|
tableList:[], |
|
|
|
tableList:[ |
|
|
|
{ |
|
|
|
school_name:'清华大学', |
|
|
|
phone:'16675839374', |
|
|
|
status:0, |
|
|
|
status_desc:'待收录' |
|
|
|
}, |
|
|
|
{ |
|
|
|
school_name:'清华大学', |
|
|
|
phone:'16675839374', |
|
|
|
status:1, |
|
|
|
status_desc:'已收录' |
|
|
|
}, |
|
|
|
{ |
|
|
|
school_name:'清华大学', |
|
|
|
phone:'16675839374', |
|
|
|
status:2, |
|
|
|
status_desc:'收录中' |
|
|
|
}, |
|
|
|
{ |
|
|
|
school_name:'清华大学', |
|
|
|
phone:'16675839374', |
|
|
|
status:3, |
|
|
|
status_desc:'不收录' |
|
|
|
}, |
|
|
|
], |
|
|
|
currentPage: 1, //当前页 |
|
|
|
pageSize: 20, //每页的容量 |
|
|
|
total: 0, //列表总数 |
|
|
|
@ -89,7 +143,7 @@ export default { |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(()=>{ |
|
|
|
this.init() |
|
|
|
// this.init() |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -151,6 +205,9 @@ export default { |
|
|
|
console.error('数据加载失败:', error) |
|
|
|
} |
|
|
|
}, |
|
|
|
handleLunwen(row){ |
|
|
|
this.refuse_id = row.id |
|
|
|
}, |
|
|
|
handleRefuse(row){ |
|
|
|
this.isShowDialog = true |
|
|
|
this.refuse_id = row.id |
|
|
|
@ -189,15 +246,51 @@ export default { |
|
|
|
|
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
// 山药 茯苓 薏米 芡实 桔梗 益智仁 |
|
|
|
|
|
|
|
.status{ |
|
|
|
width: 65px; |
|
|
|
height: 22px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
padding: 2px 10px; |
|
|
|
border-radius: 4px; |
|
|
|
background: #F6F7FA; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px solid #DFE2E6; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
box-sizing: border-box; |
|
|
|
color: #626573; |
|
|
|
} |
|
|
|
.status0{ |
|
|
|
border: 1px solid #BFDAFF; |
|
|
|
background: #F2F7FF; |
|
|
|
color: #006AFF; |
|
|
|
} |
|
|
|
.status1{ |
|
|
|
border: 1px solid #DFE2E6; |
|
|
|
background: #F6F7FA; |
|
|
|
color: #626573; |
|
|
|
} |
|
|
|
.status2{ |
|
|
|
background: #FFFBF2; |
|
|
|
border: 1px solid rgba(251, 131, 45, 0.38); |
|
|
|
color: #FB832D; |
|
|
|
} |
|
|
|
.status3{ |
|
|
|
border: 1px solid #FFA39E; |
|
|
|
background: #FFF1F0; |
|
|
|
color: #FF4D4F; |
|
|
|
} |
|
|
|
::v-deep .el-form-item{ |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
::v-deep .el-form-item__label{ |
|
|
|
margin-bottom: 12px; |
|
|
|
// margin-bottom: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.filter-area{ |
|
|
|
margin-bottom: 20px; |
|
|
|
gap: 32px; |
|
|
|
label{ |
|
|
|
letter-spacing: 0.08em; |
|
|
|
|
zq
2 days ago