myxiaowei
/
fanruan-edu-cas
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity
Browse Source

DP-1750 线上教室学员授权需求

pull/7/head
Wangwei 1 year ago
parent
c245dbcf9c
commit
91f742c2b6
1 changed files with 470 additions and 485 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 955
      src/views/class/admin/student_admin_class.vue

955
src/views/class/admin/student_admin_class.vue
Unescape View File

@ -1,152 +1,146 @@
<template>
<div>
<div class="tab-header flex-3">
<li>
<el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生
</el-button>
<el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
</li>
<li>
<el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption"
size="medium" clearable>
<template #prefix>
<i class="el-input__icon el-icon-search"></i>
</template>
</el-input>
<el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
</li>
</div>
<el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe
@selection-change="handleSelectionChange" @cell-dblclick="openStudent">
<el-table-column type="selection" width="50">
</el-table-column>
<el-table-column prop="id" label="编号" width="80">
</el-table-column>
<el-table-column prop="uid" label="uid" >
<template #default='scope'>
<span>{{scope.row.uid}}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="昵称">
<template #default='scope'>
<div>
<li>{{scope.row.username}}</li>
<a :href="com_shequ_url+'/u/'+scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
</div>
</template>
</el-table-column>
<el-table-column prop="xs_name" label="姓名">
</el-table-column>
<el-table-column prop="gongsi" label="公司">
<template #default='scope'>
<el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
<template #default>
<p>{{scope.row.gongsi}}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{scope.row.gongsi}}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column prop="shouji" label="手机号" width="130px">
</el-table-column>
<el-table-column prop="pfenshu" label="学生动态" width="200px">
<template #default='scope'>
<div style="line-height: 28px;">
<a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log">观看记录（<span
class="colff3">{{scope.row.logNum}}</span>）</a>
<span class="item_log">已看课时（<span class="colff3">{{scope.row.videoNum}}</span>）</span>
<span class="item_log">已提交作业（<span class="colff3">{{scope.row.workNum}}</span>）</span>
<span class="item_log">作业平均分：<span class="colff3">{{scope.row.pfenshu}}</span></span>
</div>
</template>
</el-table-column>
<el-table-column prop="beizhu" label="备注">
<template #default='scope'>
<el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
<template #default>
<p style=" padding:6px; line-height: 24px;">{{scope.row.beizhu}}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{scope.row.beizhu}}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
<div>
<div class="tab-header flex-3">
<li>
<el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生 </el-button>
<el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
</li>
<li>
<el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption" size="medium" clearable>
<template #prefix>
<i class="el-input__icon el-icon-search"></i>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" >
<template #default="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
<el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
<template #reference>
<el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!--总数超过一页，再展示分页器-->
<div class="myel-pg-lf">
<el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total"
:page-size="perpage" :current-page="page" @current-change="changePage" />
</div>
</el-input>
<el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
</li>
</div>
<!-- 报名弹出层 -->
<el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
<el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
<el-form-item label="学生uid" prop="uids">
<el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的社区用户uid"></el-input>
</el-form-item>
<div class="col7e8" style="line-height: 24px">
<p>支持批量添加，例：101,102,103（多个uid用英文逗号隔开）</p>
</div>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</span>
</template>
</el-dialog>
<!-- 编辑弹出层 -->
<el-dialog :title="'编辑学生：'+modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
<el-form :model="modEdit" label-position="right" label-width="100px">
<el-form-item label="姓名" prop="xs_name">
<el-input class="key-input" v-model="modEdit.xs_name"></el-input>
</el-form-item>
<el-form-item label="公司" prop="gongsi">
<el-input class="key-input" v-model="modEdit.gongsi"></el-input>
</el-form-item>
<!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
<el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe @selection-change="handleSelectionChange" @cell-dblclick="openStudent">
<el-table-column type="selection" width="50"> </el-table-column>
<el-table-column prop="id" label="编号" width="80"> </el-table-column>
<el-table-column prop="uid" label="uid">
<template #default="scope">
<span>{{ scope.row.uid }}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="昵称">
<template #default="scope">
<div>
<li>{{ scope.row.username }}</li>
<a :href="com_shequ_url + '/u/' + scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
</div>
</template>
</el-table-column>
<el-table-column prop="xs_name" label="姓名"> </el-table-column>
<el-table-column prop="gongsi" label="公司">
<template #default="scope">
<el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
<template #default>
<p>{{ scope.row.gongsi }}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{ scope.row.gongsi }}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column prop="shouji" label="手机号" width="130px"> </el-table-column>
<el-table-column prop="pfenshu" label="学生动态" width="200px">
<template #default="scope">
<div style="line-height: 28px;">
<a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log"
>观看记录（<span class="colff3">{{ scope.row.logNum }}</span
>）</a
>
<span class="item_log"
>已看课时（<span class="colff3">{{ scope.row.videoNum }}</span
>）</span
>
<span class="item_log"
>已提交作业（<span class="colff3">{{ scope.row.workNum }}</span
>）</span
>
<span class="item_log"
>作业平均分：<span class="colff3">{{ scope.row.pfenshu }}</span></span
>
</div>
</template>
</el-table-column>
<el-table-column prop="beizhu" label="备注">
<template #default="scope">
<el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
<template #default>
<p style=" padding:6px; line-height: 24px;">{{ scope.row.beizhu }}</p>
</template>
<template #reference>
<div class="name-wrapper">
<span class="hide-txt2">{{ scope.row.beizhu }}</span>
</div>
</template>
</el-popover>
<span v-else>--</span>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right">
<template #default="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
<el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
<template #reference>
<el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!--总数超过一页，再展示分页器-->
<div class="myel-pg-lf">
<el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total" :page-size="perpage" :current-page="page" @current-change="changePage" />
</div>
</div>
<!-- 报名弹出层 -->
<el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
<el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
<el-form-item label="手机号" prop="uids">
<el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的手机号"></el-input>
</el-form-item>
<div class="col7e8" style="line-height: 24px">
<p>支持批量添加，例：15900012345,158xxx,...（多个手机号用英文逗号隔开）</p>
</div>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</span>
</template>
</el-dialog>
<!-- 编辑弹出层 -->
<el-dialog :title="'编辑学生：' + modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
<el-form :model="modEdit" label-position="right" label-width="100px">
<el-form-item label="姓名" prop="xs_name">
<el-input class="key-input" v-model="modEdit.xs_name"></el-input>
</el-form-item>
<el-form-item label="公司" prop="gongsi">
<el-input class="key-input" v-model="modEdit.gongsi"></el-input>
</el-form-item>
<!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
<el-option :key="2" label="业务人员" :value="2"></el-option>
<el-option :key="3" label="技术人员" :value="3"></el-option>
<el-option :key="4" label="CIO或CTO等高层人员" :value="4"></el-option>
@ -155,353 +149,344 @@
<el-option :key="1" label="其他" :value="1"></el-option>
</el-select> -->
<el-form-item label="手机" prop="shouji">
<el-input class="key-input" v-model="modEdit.shouji"></el-input>
</el-form-item>
<el-form-item label="备注" prop="beizhu">
<el-input type="textarea" class="key-input" v-model="modEdit.beizhu">
</el-input>
</el-form-item>
<el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogEdit = false">取 消</el-button>
<el-button type="primary" @click="eidtForm">确 定</el-button>
</span>
</template>
</el-dialog>
<el-dialog :title="username+'的观看记录'" v-model="dialogUidLog" width="1100px">
<el-table :data="uidLog" v-loading="loading">
<el-table-column property="title" label="课时名称"></el-table-column>
<el-table-column property="videotime1" label="课时时长">
<template #default='scope'>
<span v-if="scope.row.videotime1">{{scope.row.videotime1}}:</span>
<span v-else>{{scope.row.videotime2}}:{{scope.row.videotime3}}</span>
</template>
</el-table-column>
<el-table-column property="sum" label="观看总时长"></el-table-column>
<el-table-column property="id" label="开始观看时间">
<template #default='scope'>
<div v-for="(item, i) in scope.row.item" :key="i">
{{item.startTime}}
</div>
</template>
</el-table-column>
<el-table-column property="id" label="本次观看时长">
<template #default='scope'>
<div v-for="(item, i) in scope.row.item" :key="i">
{{item.onetime}}
</div>
</template>
</el-table-column>
</el-table>
</el-dialog>
</template>
<script>
import { useRoute } from 'vue-router'
import { studentList, addStudent, getStudent, editStudent, delStudent,studyLog } from "@/api/study_admin";
import { ref, toRefs, reactive, getCurrentInstance, nextTick } from 'vue';
import store from '@/store'
import { _debounce } from "@/utils/debounce";
export default {
name: 'class_homework',
setup() {
const { proxy } = getCurrentInstance()
const route = useRoute()
const classid = route.params.classid;
const state = reactive({
headers: {
'authentication': store.getters.get_authentication
},
loading: true,
tableData: [], // 数据列表
multipleSelection: [], // 选中项
total: 0, // 总条数
page: 1, // 当前页
perpage: 10, // 分页大小
id: '',
kw: '',
dialogFormVisible: false,
dialogEdit: false,
dialogUidLog: false,
numbereRef: {
uids: ''
},
rules: {
uids: [
{ required: true, message: '请输入学生uid', trigger: 'blur' },
],
},
rowStudent: {},
modEdit: {
id: '',
xs_name: '',
gongsi: '',
gangwei: '',
shouji: '',
fenshu: '',
beizhu: '',
},
uidLog:[],
alltime:'',
username:'',
})
// 获取学生列表
const getStudentList = async () => {
state.loading = true
const params = {
page: state.page,
perpage: state.perpage,
id: state.id,
kw: state.kw,
}
const res = await studentList(classid, params);
if (res.code === 200) {
state.tableData = res.data.data
state.total = res.data.total
state.page = res.data.current_page
state.loading = false
}
};
<el-form-item label="手机" prop="shouji">
<el-input class="key-input" v-model="modEdit.shouji"></el-input>
</el-form-item>
<el-form-item label="备注" prop="beizhu">
<el-input type="textarea" class="key-input" v-model="modEdit.beizhu"> </el-input>
</el-form-item>
<el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogEdit = false">取 消</el-button>
<el-button type="primary" @click="eidtForm">确 定</el-button>
</span>
</template>
</el-dialog>
<el-dialog :title="username + '的观看记录'" v-model="dialogUidLog" width="1100px">
<el-table :data="uidLog" v-loading="loading">
<el-table-column property="title" label="课时名称"></el-table-column>
<el-table-column property="videotime1" label="课时时长">
<template #default="scope">
<span v-if="scope.row.videotime1">{{ scope.row.videotime1 }}:</span>
<span v-else>{{ scope.row.videotime2 }}:{{ scope.row.videotime3 }}</span>
</template>
</el-table-column>
<el-table-column property="sum" label="观看总时长"></el-table-column>
<el-table-column property="id" label="开始观看时间">
<template #default="scope">
<div v-for="(item, i) in scope.row.item" :key="i">
{{ item.startTime }}
</div>
</template>
</el-table-column>
<el-table-column property="id" label="本次观看时长">
<template #default="scope">
<div v-for="(item, i) in scope.row.item" :key="i">
{{ item.onetime }}
</div>
</template>
</el-table-column>
</el-table>
</el-dialog>
</template>
<script>
import { useRoute } from "vue-router";
import { studentList, addStudent, getStudent, editStudent, delStudent, studyLog } from "@/api/study_admin";
import { ref, toRefs, reactive, getCurrentInstance, nextTick } from "vue";
import store from "@/store";
import { _debounce } from "@/utils/debounce";
export default {
name: "class_homework",
setup() {
const { proxy } = getCurrentInstance();
const route = useRoute();
const classid = route.params.classid;
const state = reactive({
headers: {
authentication: store.getters.get_authentication,
},
loading: true,
tableData: [], // 数据列表
multipleSelection: [], // 选中项
total: 0, // 总条数
page: 1, // 当前页
perpage: 10, // 分页大小
id: "",
kw: "",
dialogFormVisible: false,
dialogEdit: false,
dialogUidLog: false,
numbereRef: {
uids: "",
},
rules: {
uids: [{ required: true, message: "请输入学生手机号", trigger: "blur" }],
},
rowStudent: {},
modEdit: {
id: "",
xs_name: "",
gongsi: "",
gangwei: "",
shouji: "",
fenshu: "",
beizhu: "",
},
uidLog: [],
alltime: "",
username: "",
});
// 获取学生列表
const getStudentList = async () => {
state.loading = true;
const params = {
page: state.page,
perpage: state.perpage,
id: state.id,
kw: state.kw,
};
const res = await studentList(classid, params);
if (res.code === 200) {
state.tableData = res.data.data;
state.total = res.data.total;
state.page = res.data.current_page;
state.loading = false;
}
};
getStudentList();
// 观看记录
const getUserLog = async (uid) => {
state.loading = true;
const res = await studyLog(classid, uid);
if (res.code === 200) {
state.uidLog = res.data.data;
state.alltime = res.data.alltime;
state.username = res.data.username;
state.dialogUidLog = true;
state.loading = false;
}
};
// 设置当前查看的数据item
const setItem = (item) => {
state.item = item;
state.isShowItem = true;
};
const handleOption = () => {
state.page = 1;
getStudentList();
};
// 选择项
const handleSelectionChange = (val) => {
state.multipleSelection = val;
};
const changePage = (val) => {
state.page = val;
getStudentList();
};
// 每页显示条数
const handleSizeChange = (val) => {
state.perpage = val;
getStudentList();
};
// 删除学生
const resdelStudent = async (params) => {
const res = await delStudent(classid, params);
if (res.code === 200) {
proxy.$message({
type: "success",
message: "删除成功",
center: true,
});
getStudentList();
// 观看记录
const getUserLog = async (uid) => {
state.loading = true
const res = await studyLog(classid, uid);
if (res.code === 200) {
state.uidLog = res.data.data;
state.alltime = res.data.alltime;
state.username = res.data.username;
state.dialogUidLog=true;
state.loading = false
}
};
// 设置当前查看的数据item
const setItem = (item) => {
state.item = item
state.isShowItem = true
}
const handleOption = () => {
state.page = 1
getStudentList()
}
// 选择项
const handleSelectionChange = (val) => {
state.multipleSelection = val
}
const changePage = (val) => {
state.page = val
getStudentList()
}
// 每页显示条数
const handleSizeChange = (val) => {
state.perpage = val
getStudentList()
}
};
const handleClose = (id) => {
let params;
if (id) {
params = [id];
} else {
if (!state.multipleSelection.length) {
proxy.$message({
type: "error",
message: "请选择编号",
center: true,
});
return;
}
params = state.multipleSelection.map((i) => i.id);
}
// 删除学生
const resdelStudent = async (params) => {
const res = await delStudent(classid, params);
if (res.code === 200) {
proxy.$message({
type: 'success',
message: '删除成功',
center: true
});
getStudentList()
}
};
const handleClose = (id) => {
let params
if (id) {
params = [id]
} else {
if (!state.multipleSelection.length) {
proxy
.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
resdelStudent(params);
})
.catch(() => {});
};
// 添加学生
const submitForm = _debounce(() => {
_submitForm();
}, 300);
const numberValidateRef = ref(null);
const _submitForm = () => {
nextTick(() => {
numberValidateRef.value.validate(async (valid) => {
if (valid) {
const params = {
uids: state.numbereRef.uids,
};
const res = await addStudent(classid, params);
if (res.message === "success") {
state.dialogFormVisible = false;
proxy.$message({
type: 'error',
message: '请选择编号',
center: true
type: "success",
message: "添加成功",
center: true,
});
return
setTimeout(function() {
getStudentList();
}, 100);
}
params = state.multipleSelection.map(i => i.id)
}
proxy.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
resdelStudent(params);
}).catch(() => {
});
}
// 添加学生
const submitForm = _debounce(() => {
_submitForm();
}, 300)
const numberValidateRef = ref(null);
const _submitForm = () => {
nextTick(() => {
numberValidateRef.value.validate(async (valid) => {
if (valid) {
const params = {
uids: state.numbereRef.uids,
}
const res = await addStudent(classid, params)
if (res.message === 'success') {
state.dialogFormVisible = false;
proxy.$message({
type: 'success',
message: '添加成功',
center: true
});
setTimeout(function () {
getStudentList()
}, 100);
}
}
});
})
}
// 获取学生列表
const resgetStudent = async (id) => {
const res = await getStudent(classid, id);
if (res.code === 200) {
state.modEdit = res.data
state.dialogEdit = true
}
};
// 编辑学生
const reseditStudent = async () => {
const params = {
data: state.modEdit,
}
const res = await editStudent(classid, params);
if (res.code === 200) {
state.dialogEdit = false;
proxy.$message({
type: 'success',
message: '编辑成功',
center: true
});
getStudentList()
}
};
const getid = (id) => {
resgetStudent(id);
}
const eidtForm = () => {
reseditStudent();
}
const openStudent = (row) => {
state.modEdit = row;
});
});
};
// 获取学生列表
const resgetStudent = async (id) => {
const res = await getStudent(classid, id);
if (res.code === 200) {
state.modEdit = res.data;
state.dialogEdit = true;
}
return {
...toRefs(state),
classid,
setItem,
handleSelectionChange,
getStudentList,
changePage,
handleOption,
handleClose,
handleSizeChange,
numberValidateRef,
submitForm,
getid,
eidtForm,
getUserLog,
openStudent,
}
}
}
</script>
<style lang="scss" scoped>
.item_log {
width: 120px;
display: inline-block;
}
.tab-header {
padding: 24px 0 10px 0;
}
.ptlist {
padding: 6px 0;
overflow-y: auto;
font-size: 14px;
li {
padding: 2px 0;
};
// 编辑学生
const reseditStudent = async () => {
const params = {
data: state.modEdit,
};
const res = await editStudent(classid, params);
if (res.code === 200) {
state.dialogEdit = false;
proxy.$message({
type: "success",
message: "编辑成功",
center: true,
});
getStudentList();
}
}
.ifprt {
padding-right: 10px !important;
}
.infobox {
line-height: 24px;
padding: 0 20px;
}
.scrollbar {
height: 106px;
overflow: hidden;
}
.min-pd {
padding: 6px 10px;
}
::v-deep .el-scrollbar__wrap {
max-height: 300px;
overflow-x: hidden;
}
::v-deep .el-icon-close {
display: none !important;
}
::v-deep .el-icon-close-tip {
display: none !important;
}
::v-deep .el-button i {
line-height: 0;
}
</style>
<style>
.el-dialog__body {
padding: 20px 30px 30px 30px;
}
</style>
};
const getid = (id) => {
resgetStudent(id);
};
const eidtForm = () => {
reseditStudent();
};
const openStudent = (row) => {
state.modEdit = row;
state.dialogEdit = true;
};
return {
...toRefs(state),
classid,
setItem,
handleSelectionChange,
getStudentList,
changePage,
handleOption,
handleClose,
handleSizeChange,
numberValidateRef,
submitForm,
getid,
eidtForm,
getUserLog,
openStudent,
};
},
};
</script>
<style lang="scss" scoped>
.item_log {
width: 120px;
display: inline-block;
}
.tab-header {
padding: 24px 0 10px 0;
}
.ptlist {
padding: 6px 0;
overflow-y: auto;
font-size: 14px;
li {
padding: 2px 0;
}
}
.ifprt {
padding-right: 10px !important;
}
.infobox {
line-height: 24px;
padding: 0 20px;
}
.scrollbar {
height: 106px;
overflow: hidden;
}
.min-pd {
padding: 6px 10px;
}
::v-deep .el-scrollbar__wrap {
max-height: 300px;
overflow-x: hidden;
}
::v-deep .el-icon-close {
display: none !important;
}
::v-deep .el-icon-close-tip {
display: none !important;
}
::v-deep .el-button i {
line-height: 0;
}
</style>
<style>
.el-dialog__body {
padding: 20px 30px 30px 30px;
}
</style>

Write Preview
Loading…
Cancel
Save