Skip to content

C
confucius
Commit dbf06a39 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 5c52308a
Show whitespace changes
Inline Side-by-side
Showing with 267 additions and 359 deletions
src/components/school/student/student-Assit.vue
View file @ dbf06a39
<style> <style>
.delAssist { .delAssist {
position: absolute; position: absolute;
right: -16px; right: -16px;
top: -12px; top: -12px;
...@@ -12,129 +12,61 @@ ...@@ -12,129 +12,61 @@
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
cursor: pointer; cursor: pointer;
} }
.studentAssitTable { .studentAssitTable {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.studentAssitTable td { .studentAssitTable td {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border: 1px solid #f2f2f2; border: 1px solid #f2f2f2;
} }
.studentAssitTable th { .studentAssitTable th {
height: 40px; height: 40px;
background-color: #f2f2f2; background-color: #f2f2f2;
} }
</style> </style>
<template> <template>
<div> <div>
<!--课程顾问 或有教师权限--> <!--课程顾问 或有教师权限-->
<template <template v-if="
v-if="
userInfo.IsCourseConsultant == 1 || userInfo.IsCourseConsultant == 1 ||
isHaveTeacherEdit || isHaveTeacherEdit ||
isHaveXueManager isHaveXueManager
" ">
> <q-btn label="新增" color="accent q-mb-lg" size="sm" @click="isShowAdd = true" />
<q-btn
label="新增"
color="accent q-mb-lg"
size="sm"
@click="isShowAdd = true"
/>
</template> </template>
<template v-else> <template v-else>
<span class="text-grey-4">抱歉，你没有权限邀请其他服务人员</span> <span class="text-grey-4">抱歉，你没有权限邀请其他服务人员</span>
</template> </template>
<q-btn <q-btn label="取消" style="margin-left:20px;" v-if="isShowAdd" flat color="grey-10 q-mb-lg" size="sm"
label="取消" @click="isShowAdd = false" />
style="margin-left:20px;"
v-if="isShowAdd"
flat
color="grey-10 q-mb-lg"
size="sm"
@click="isShowAdd = false"
/>
<template v-if="isShowAdd"> <template v-if="isShowAdd">
<div class="row wrap"> <div class="row wrap">
<q-select <q-select filled stack-label option-label="Name" @input="changeData" v-model="AssitMsg.AssistType"
filled option-value="Id" :options="AssistDropList" label="角色" dense use-input class="col-6 q-pb-lg q-pr-lg"
stack-label emit-value map-options />
option-label="Name" <q-select filled dense v-if="AssitMsg.AssistType == 2" v-model="AssitMsg.AssistId" :options="RoleListData"
@input="changeData" option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value use-input map-options />
v-model="AssitMsg.AssistType" <q-select filled dense v-else-if="AssitMsg.AssistType == 4" v-model="AssitMsg.AssistId" :options="TeacherList"
option-value="Id" option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value use-input map-options />
:options="AssistDropList" <q-select filled dense v-else v-model="AssitMsg.AssistId" @filter="filterEmployee" use-input
label="角色" :options="myEmployeeList" option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value
dense map-options />
use-input
class="col-6 q-pb-lg q-pr-lg"
emit-value
map-options
/>
<q-select
filled
dense
v-if="AssitMsg.AssistType == 2"
v-model="AssitMsg.AssistId"
:options="RoleListData"
option-label="EmployeeName"
class="col-6 q-pb-lg"
option-value="Id"
emit-value
use-input
map-options
/>
<q-select
filled
dense
v-else-if="AssitMsg.AssistType == 4"
v-model="AssitMsg.AssistId"
:options="TeacherList"
option-label="EmployeeName"
class="col-6 q-pb-lg"
option-value="Id"
emit-value
use-input
map-options
/>
<q-select
filled
dense
v-else
v-model="AssitMsg.AssistId"
@filter="filterEmployee"
use-input
:options="myEmployeeList"
option-label="EmployeeName"
class="col-6 q-pb-lg"
option-value="Id"
emit-value
map-options
/>
<i class="iconfont icon-close delAssist"></i> <i class="iconfont icon-close delAssist"></i>
</div> </div>
<div class="row wrap" style="margin-bottom:10px;float:right;"> <div class="row wrap" style="margin-bottom:10px;float:right;">
<q-btn <q-btn label="保存" color="accent q-mb-lg" size="md" @click="saveAssit()" />
label="保存"
color="accent q-mb-lg"
size="md"
@click="saveAssit()"
/>
</div> </div>
</template> </template>
<div v-if="dataList.length > 0"> <div v-if="dataList.length > 0">
<table <table class="studentAssitTable" style="border:1px solid #f2f2f2;border-collapse:collapse;" cellspacing="0"
class="studentAssitTable" cellpadding="0">
style="border:1px solid #f2f2f2;border-collapse:collapse;"
cellspacing="0"
cellpadding="0"
>
<tr> <tr>
<th style="width:180px;">角色</th> <th style="width:180px;">角色</th>
<th style="width:180px;">人员</th> <th style="width:180px;">人员</th>
...@@ -144,57 +76,25 @@ ...@@ -144,57 +76,25 @@
<td>{{ item.AssistTypeName }}</td> <td>{{ item.AssistTypeName }}</td>
<td>{{ item.AssistName }}</td> <td>{{ item.AssistName }}</td>
<td> <td>
<template <template v-if="
v-if="
userInfo.IsCourseConsultant == 1 || userInfo.IsCourseConsultant == 1 ||
isHaveTeacherEdit || isHaveTeacherEdit ||
isHaveXueManager isHaveXueManager
" ">
> <div v-if="
<div
v-if="
userInfo.IsCourseConsultant == 1 && userInfo.IsCourseConsultant == 1 &&
(item.AssistType == 2 || item.AssistType == 3) (item.AssistType == 2 || item.AssistType == 3 || item.AssistType == 5)
" ">
> <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改"
<q-btn @click="getEditInfo(item)"></q-btn>
flat <q-btn flat size="xs" icon="delete" color="negative" style="font-weight:400" label="删除"
size="xs" @click="deleteAssits(item.Id)" />
icon="edit"
color="accent"
style="font-weight:400"
label="修改"
@click="getEditInfo(item)"
></q-btn>
<q-btn
flat
size="xs"
icon="delete"
color="negative"
style="font-weight:400"
label="删除"
@click="deleteAssits(item.Id)"
/>
</div> </div>
<div v-if="isHaveTeacherEdit && item.AssistType == 4"> <div v-if="isHaveTeacherEdit && item.AssistType == 4">
<q-btn <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改"
flat @click="getEditInfo(item)"></q-btn>
size="xs" <q-btn flat size="xs" icon="delete" color="negative" style="font-weight:400" label="删除"
icon="edit" @click="deleteAssits(item.Id)" />
color="accent"
style="font-weight:400"
label="修改"
@click="getEditInfo(item)"
></q-btn>
<q-btn
flat
size="xs"
icon="delete"
color="negative"
style="font-weight:400"
label="删除"
@click="deleteAssits(item.Id)"
/>
</div> </div>
</template> </template>
</td> </td>
...@@ -204,16 +104,20 @@ ...@@ -204,16 +104,20 @@
</div> </div>
</template> </template>
<script> <script>
import { import {
GetAssistTypeList, GetAssistTypeList,
SetStudentAssist, SetStudentAssist,
GetStudentAssistList, GetStudentAssistList,
RemoveStudentAssist RemoveStudentAssist
} from "../../../api/sale/sale"; } from "../../../api/sale/sale";
import { queryEmployee } from "../../../api/users/user"; import {
import { mapState } from "vuex"; queryEmployee
} from "../../../api/users/user";
import {
mapState
} from "vuex";
export default { export default {
meta: { meta: {
title: "" title: ""
}, },
...@@ -287,24 +191,28 @@ export default { ...@@ -287,24 +191,28 @@ export default {
this.AssistDropList = []; this.AssistDropList = [];
GetAssistTypeList({}).then(res => { GetAssistTypeList({}).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
let template = res.Data; let tempData = res.Data;
template.forEach(x => {
if (this.userInfo.IsCourseConsultant == 1) { if (this.userInfo.IsCourseConsultant == 1) {
if (x.Id != 1) { tempData.forEach(x => {
if (x.Id == 2 || x.Id == 3 || x.Id == 5) {
this.AssistDropList.push(x); this.AssistDropList.push(x);
} }
if (x.Id == 4 && this.isHaveTeacherEdit) { if (x.Id == 4) {
if (this.isHaveTeacherEdit) {
this.AssistDropList.push(x); this.AssistDropList.push(x);
} }
} else if (this.userInfo.IsCourseConsultant == 0) { }
});
} else {
tempData.forEach(x => {
if (this.isHaveTeacherEdit) { if (this.isHaveTeacherEdit) {
if (x.Id == 4) { if (x.Id == 4) {
this.AssistDropList.push(x); this.AssistDropList.push(x);
} }
} }
}
}); });
} }
}
}); });
}, },
changeData() { changeData() {
...@@ -362,8 +270,8 @@ export default { ...@@ -362,8 +270,8 @@ export default {
}, },
clearMsg() { clearMsg() {
this.AssitMsg.Id = 0; this.AssitMsg.Id = 0;
this.AssitMsg.AssistId = 1; this.AssitMsg.AssistId = 0;
this.AssitMsg.AssistType = 1; this.AssitMsg.AssistType = 0;
}, },
//获取数据 //获取数据
getList() { getList() {
...@@ -418,5 +326,5 @@ export default { ...@@ -418,5 +326,5 @@ export default {
this.isShowAdd = true; this.isShowAdd = true;
} }
} }
}; };
</script> </script>
\ No newline at end of file
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