p35z7urxv
/
pqa2fspn3
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

完善审核页面

Browse Source
master
17031838 5 years ago
parent 8b24e3527f
commit 2e3c97a4ed
5 changed files with 206 additions and 31 deletions
Show Stats Download Patch File Download Diff File

1
element-vue/src/components/supManager/check.vue
Unescape View File

@ -31,6 +31,7 @@
<script>
import checking from "~/components/supManager/checking" ;
import checked from "~/components/supManager/checked" ;
import {get, post} from "~/utils";
export default {
name:'check',

90
element-vue/src/components/supManager/checked.vue
Unescape View File

@ -44,20 +44,18 @@
</el-table-column>
<el-table-column
prop="detail"
label="详情"
label="审核详情"
>
<template slot-scope="scope">
<el-button @click="showdetail()" style="background:#66FFFF;width: 100%;height: 100%" size="small">详情</el-button>
</template>
</el-table-column>
<el-table-column
label="操作"
width="300px"
>
<template slot-scope="scope">
<el-button @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>
<el-button @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>
<el-button @click="showdetail(scope.row)" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">重新审核</el-button>
</template>
</el-table-column>
@ -67,6 +65,7 @@
</template>
<script>
import {get, post} from "~/utils";
import detail from "~/components/supManager/detail" ;
export default {
name:'checked',
@ -74,7 +73,50 @@
data(){
return {
tableData:[
{nickname:"小姚" ,name:"安卓实验室" ,address:"509",use:"安卓课",reason:"故障",detail:"详情"}
{
nickname:"姚" ,
name:"window实验室" ,
address:"510",
use:"安卓课",
week:"1-8",
detail:"拒绝" ,
listlrid:[] , //一整行的记录id，
applytime:'2018-20-23' ,
phone:"12345678",
use:"教学",
classname:"数据结构",
class:"17软件6班",
population:20,
commit:"无",
reason:"故障",
year:"",
semester:"" ,
day:"",
time: "",
uc_id:"",
},
{
nickname:"小姚" ,
name:"安卓实验室" ,
address:"509",
use:"安卓课",
week:"1-8",
detail:"通过" ,
applytime:'2018-20-23' ,
phone:"12345678",
use:"教学",
classname:"数据结构",
class:"17软件6班",
population:20,
commit:"无",
reason:"无",
year:"",
semester:"" ,
day:"",
time: "",
uc_id:"",
}
],
}
},
@ -88,8 +130,38 @@
return 'background:#66FFFF;text-align:center'
}
},
showdetail(){
showdetail(rowData){
if(rowData.detail==="通过") {
this.$refs.detail.agree = false //隐藏同意按钮
this.$refs.detail.refuse = true //显示同意按钮
}
else {
this.$refs.detail.refuse = false //隐藏拒绝按钮
this.$refs.detail.agree = true //显示同意按
}
this.$refs.detail.form.applytime=rowData.applytime
this.$refs.detail.form.nickname=rowData.nickname
this.$refs.detail.form.phone=rowData.phone
this.$refs.detail.form.address=rowData.address
this.$refs.detail.form.name=rowData.name
this.$refs.detail.form.use=rowData.use
this.$refs.detail.form.classname=rowData.classname
this.$refs.detail.form.class=rowData.class
this.$refs.detail.form.time=rowData.week
this.$refs.detail.form.commit=rowData.commit
// 参数
this.$refs.detail.form.year=rowData.year
this.$refs.detail.form.semester=rowData.semester
this.$refs.detail.form.day=rowData.day
this.$refs.detail.form.time=rowData.time
this.$refs.detail.form.uc_id=rowData.uc_id
this.$refs.detail.form.population=rowData.population
this.$refs.detail.detailbyid=true
this.$refs.detail.detailbyid=true
// this.$refs.detail.operator_id=true
// this.$router.push('/supManager/index/labManager')
},

87
element-vue/src/components/supManager/checking.vue
Unescape View File

@ -45,7 +45,7 @@
label="详情"
>
<template slot-scope="scope">
<el-button @click="showdetail()" style="background:#DEDEBE;width: 100%;height: 100%" size="small">详情</el-button>
<el-button @click="showdetail(scope.row)" style="background:#DEDEBE;width: 100%;height: 100%" size="small">详情</el-button>
</template>
</el-table-column>
<el-table-column
@ -54,27 +54,71 @@
width="300px"
>
<template slot-scope="scope">
<el-button @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>
<el-button @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>
<el-button @click="apply(scope.row)" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>
<el-button @click="refuse_apply(scope.row)" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>
</template>
</el-table-column>
</el-table>
<detail ref="detail"></detail>
<refuse-reason ref="refuseReason"></refuse-reason>
</div>
</template>
<script>
import {get, post} from "~/utils";
import detail from "~/components/supManager/detail" ;
import refuseReason from "~/components/supManager/refuseReason" ;
export default {
name:'checking',
components:{detail},
components:{detail,refuseReason},
data(){
return {
tableData:[
{nickname:"小姚" ,name:"安卓实验室" ,address:"509",use:"安卓课",week:"1-8",detail:"详情"}
{
nickname:"小姚" ,
name:"安卓实验室" ,
address:"509",
use:"安卓课",
week:"1-8",
detail:"详情" ,
listlrid:[] , //一整行的记录id，
applytime:'2018-20-23' ,
phone:"12345678",
use:"教学",
classname:"数据结构",
class:"17软件6班",
population:20,
commit:"无",
year:"",
semester:"" ,
day:"",
time: "",
uc_id:"",
},
{
nickname:"姚" ,
name:"window实验室" ,
address:"510",
use:"安卓课",
week:"1-8",
detail:"详情" ,
applytime:'2018-20-23' ,
phone:"12345678",
use:"教学",
classname:"数据结构",
class:"17软件6班",
population:20,
commit:"无",
year:"",
semester:"" ,
day:"",
time: "",
uc_id:"",
}
],
}
},
@ -88,11 +132,40 @@
return 'background: #DEDEBE;text-align:center'
}
},
showdetail(){
showdetail(rowData){
this.$refs.detail.form.applytime=rowData.applytime
this.$refs.detail.form.nickname=rowData.nickname
this.$refs.detail.form.phone=rowData.phone
this.$refs.detail.form.address=rowData.address
this.$refs.detail.form.name=rowData.name
this.$refs.detail.form.use=rowData.use
this.$refs.detail.form.classname=rowData.classname
this.$refs.detail.form.class=rowData.class
this.$refs.detail.form.time=rowData.week
this.$refs.detail.form.commit=rowData.commit
// 参数
this.$refs.detail.form.year=rowData.year
this.$refs.detail.form.semester=rowData.semester
this.$refs.detail.form.day=rowData.day
this.$refs.detail.form.time=rowData.time
this.$refs.detail.form.uc_id=rowData.uc_id
this.$refs.detail.form.population=rowData.population
this.$refs.detail.detailbyid=true
// this.$router.push('/supManager/index/labManager')
this.$refs.detail.operator_id = true
// this.$refs.detail.operator_id = true
},
apply(rowData){
//同意申请 路径 参数是rowData里的数据
},
refuse_apply(rowData){
//拒绝申请，路径 参数是rowData里的数据+拒绝理由
this.$refs.refuseReason.isshowrefuse=true
}
}

28
element-vue/src/components/supManager/detail.vue
Unescape View File

@ -41,11 +41,12 @@
</el-form-item>
<el-form-item>
<!--<el-form-item v-if="operator_id">-->
<el-form-item >
<template slot-scope="scope">
<el-button style="background:#DEDEBE"
@click="" >同意</el-button>
<el-button style="background:silver"
<el-button style="background:#DEDEBE" v-if="agree"
@click="agreeapply()" >同意</el-button>
<el-button style="background:silver" v-if="refuse"
@click="showrefuse()" >拒绝</el-button>
</template>
</el-form-item>
@ -174,13 +175,15 @@
<script>
import refuseReason from "~/components/supManager/refuseReason" ;
import {get, post} from "~/utils";
export default {
components: {refuseReason},
data() {
return {
detailbyid: false,
operator_id:false,
// operator_id:false,
agree:true,
refuse:true,
form:{
applytime:"2019-02-03" ,
nickname:"小姚",
@ -193,7 +196,11 @@
population:20,
time:"1-16周",
commit:"无",
year:"",
semester:"" ,
day:"",
time: "",
uc_id:"",
}
}
},
@ -210,6 +217,13 @@
// this.$router.push('/supManager/index/labManager')
},
agreeapply(){
//提交的路径和参数
this.detailbyid=false
},
}
}

31
element-vue/src/components/supManager/refuseReason.vue
Unescape View File

@ -2,23 +2,22 @@
<div>
<el-dialog
:visible.sync="isshowrefuse"
style="height: 50%"
width="30%"
append-to-body="true"
:append-to-body=true
>
<el-form :model="form" >
<span>拒绝理由:</span>
<el-form-item >
<el-form-item prop="refuse" :rules="[{ required: true, message: '请输入拒绝理由', trigger: 'blur' }]">
<el-input v-model="form.refuse" placeholder="请输入拒绝理由" style="width: 100%"type="textarea"
:autosize="{ minRows: 4, maxRows: 6}"></el-input>
:autosize="{ minRows: 4, maxRows: 6} " ></el-input>
</el-form-item>
<el-form-item style="left:25%;position: relative;">
<template slot-scope="scope" >
<el-button style="background:#DEDEBE;margin: 20px"
@click="" >确定</el-button>
@click="confirmrefuse_reason()" >确定</el-button>
<el-button style="background:silver"
@click="" >取消</el-button>
@click="removerefuse_reason()" >取消</el-button>
</template>
</el-form-item>
@ -34,19 +33,35 @@
</template>
<script>
import {get} from "~/utils";
import {get, post} from "~/utils";
export default {
data() {
return {
isshowrefuse: false,
refuse_reason:"",
form:{
refuse:""
}
}
},
methods: {
confirmrefuse_reason(){
this.isshowrefuse=false
// 将数据发送给服务器，去拒绝
},
removerefuse_reason(){
this.isshowrefuse=false
// alert(this.isshowrefuse)
}
}
}
</script>

Write Preview
Loading…
Cancel
Save