hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-18 07:16:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

整体样式调整1.1

Browse Source
This commit is contained in:
wangxuemei
2024-07-18 16:23:26 +08:00
parent fd3ef9de10
commit 768b395d4e
7 changed files with 570 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
src/views/lecturer/InsideLecturer.vue
View File

@@ -106,22 +106,27 @@
</div>
</div>
<!-- 弹窗组件 -->
<a-modal :visible="teacherdialog" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
wrapClassName="doublepro" width="774px" height="476px">
<div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialog">
<a-modal :visible="teacherdialog" @ok="closeModal2" :footer="null" :closable="false" wrapClassName="CreatePath"
>
<div class="out">
<div class="top">
<!-- <img class="topimg" src="../../assets/images/courseManage/add1.png" /> -->
<div class="topc">{{teacherdialogtitle }}</div>
<div @click="cancelTeacherDialog" style="margin-left: 650px; cursor: pointer">
<img
style="width: 22px; height: 22px"
src="../../assets/images/basicinfo/close22.png"
style="width: 20px; height: 20px"
src="../../assets/images/basicinfo/close.png"
/>
</div>
<div style="padding-bottom: 15px;" >
</div>
<div class="mid clearfix">
<div class="headerLeft" style="margin-left: 33px" >
<a-button @click ="particulars">个人详情</a-button>
<a-button @click ="particulars" v-if="teacherdialog1 == 1" >个人详情</a-button>
<a-button @click ="teacherrecords" v-if="teacherdialog1 == 1" >授课记录</a-button>
<a-button @click ="promotionrecords" v-if="teacherdialog1 == 1" >晋级记录</a-button>
</div>
<!-- 个人详情 -->
<div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-show="tagsshow==1">
<div v-show="tagsshow==1">
<div class="InsideLecturer" >
<div class="filter">
<div class="filterItems">
@@ -229,7 +234,7 @@
<span style="display:inline-block ;width:80px ; text-align:center ">讲师介绍 :</span>
</div>
<Editor v-if="teacherdialog1 == 0" v-model="formParam.description"
style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
<span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.description }}</span>
</div>
<div class="select">
@@ -238,7 +243,7 @@
<span style="display:inline-block ;width:80px ; text-align:center ">工作经历 :</span>
</div>
<Editor v-if="teacherdialog1 == 0" v-model="formParam.workExperience"
style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
<span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
</div>
<div class="select">
@@ -247,7 +252,7 @@
<span style="display:inline-block ;width:80px ; text-align:center ">擅长课程 :</span>
</div>
<Editor v-if="teacherdialog1 == 0" v-model="formParam.courses"
style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
<span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
</div>
<div class="select">
@@ -321,6 +326,7 @@
</div>
</div>
</div>
</div>
</a-modal>
<!-- 删除功能弹窗 -->
<div>
@@ -380,9 +386,11 @@
</div>
</template>
<script lang="jsx">
import { reactive, toRefs, ref ,watch} from "vue";
import { reactive, toRefs, ref ,watch ,shallowRef ,onUnmounted} from "vue";
import Editor from "@/components/project/Editor";
import Upload from "@/components/project/Upload";
// import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
import { fileUp } from "../../api/indexEval";
import { message } from "ant-design-vue";
import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteInTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher,getTeacherLogList } from "../../api/Lecturer";
// import {getProjSt} from "../../api/indexProjStu";
@@ -392,6 +400,7 @@ export default {
components: {
// AddTeacher,
Editor,
// Toolbar,
Upload
},
setup() {
@@ -1179,8 +1188,57 @@ export default {
// ...state.searchParam
// }, `project_${new Date().getTime()}.xlsx` )
}
//富文本编辑器
// 编辑器实例，必须用 shallowRef
const editorRef = shallowRef();
// 内容 HTML
const valueHtml = ref("");
const toolbarConfig = {
excludeKeys: ["insertVideo", "insertImage"],
};
const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
// editorConfig.MENU_CONF["uploadImage"] = {
// // 自定义上传
// async customUpload(file, insertFn) {
// const formData = new FormData();
// formData.append("file", file);
// fileUp(formData).then((res) => {
// if (res.data.code === 200) {
// // 最后插入图片 url alt href
// console.log(
// "上传图片结果",
// process.env.VUE_APP_FILE_PATH + res.data.data
// );
// insertFn(
// process.env.VUE_APP_FILE_PATH + res.data.data,
// file.name,
// res.data.data
// );
// }
// });
// },
// };
const handleCreated = (editor) => {
editorRef.value = editor; // 记录 editor 实例，重要！
};
// const handleDestory = () => {
// const editor = editorRef.value;
// if (editor == null) return;
// editor.destroy();
// };
// 组件销毁时，也及时销毁编辑器
onUnmounted(() => {
console.log("组件销毁时，也及时销毁编辑器");
// handleDestory();
});
return {
...toRefs(state),
// editorRef,
// valueHtml,
// toolbarConfig,
// handleCreated,
// editorConfig,
// mode: "simple", // 或 'simple'
changeSelect,
handleExport,
LecturerSystemList,
@@ -1232,7 +1290,7 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
//导出按钮icon
.daochu {
width: 16px;
@@ -1581,14 +1639,14 @@ export default {
.delete {
z-index: 9999;
width: 424px;
width: 424px ;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
position: absolute;
left: 50%;
top: 10%;
transform: translate(-50%, -50%);
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
@@ -1680,21 +1738,61 @@ export default {
}
}
}
</style>
.CreatePath {
.out {
z-index: 9999;
display: block;
position: absolute;
top: 90px;
width:1080px !important;
height: 650px;
overflow: auto;
background-color: #fff;
box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
left: 50%;
top:300px;
transform: translate(-50%, -50%);
.top {
width: 100%;
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
display: flex;
align-items: center;
<!-- //二级页面翻页
const feeMonthlyPagination = (page,pageSize) => {
state.queryFeeMonthly.pageNo = page;
TeacherSystem();
};
const handleLooka= (record)=>{
.topimg {
width: 18px;
height: 18px;
margin-left: 27px;
margin-top: -2px;
}
} -->
<!-- tableLoading:false,
tableLoadinga:false,
tableDataTotal: -1,//table列表总条数
feeMonthlytableDataTotal:-1,//二级列表总条数 -->
<!-- -->
.topc {
color: #000000;
font-size: 16px;
margin-left: 8px;
}
}
.mid {
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
.d {
// margin-top: 8px;
// color: #ff4e4e;
margin-left: -5px;
}
}
}
}
</style>