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

Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage

Browse Source
This commit is contained in:
宋文超
2022-11-23 18:25:55 +08:00
parent 7b8eb9327f 1f870a2790
commit 00fbe3a3fa
30 changed files with 2127 additions and 2286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
package-lock.json generated
View File

@@ -9578,7 +9578,7 @@
},
"node_modules/sortablejs": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.0.tgz",
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
"integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
},
"node_modules/source-map": {
@@ -10524,7 +10524,7 @@
},
"node_modules/vuedraggable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
"resolved": "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz",
"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
"dependencies": {
"sortablejs": "1.14.0"
@@ -10535,7 +10535,7 @@
},
"node_modules/vuedraggable/node_modules/sortablejs": {
"version": "1.14.0",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
},
"node_modules/vuex": {

5
src/api/config.js
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-21 14:32:52
* @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-11-21 15:13:50
* @LastEditTime: 2022-11-23 09:59:26
* @FilePath: /fe-manage/src/api/config.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
@@ -26,9 +26,10 @@ http.interceptors.request.use(
const token = localStorage.getItem("token");
if (token) {
// config.headers.token = token;
config.headers.token = 123456; //测试1111
config.headers.token = token; //测试1111
} else {
console.log("当前请求页面无token,请执行操作！！！");
// 此处测试默认配置token
config.headers.token = "123456";
// config.headers.token = "eyJ0eXBlIjoidG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC91LmJvZS5jb20iLCJpYXQiOjE2Njg4NjI2MTAsImV4cCI6MTY2ODg2OTgxMCwiR2l2ZW5OYW1lIjoiYm9ldSIsInVzZXJJZCI6IjZCMDQ5RkFGLUMzMTQtN0NDRi0wRDI4LTBEMjNGNEM0MjUzMSIsInVJZCI6Ijk2NTM0MjAyNzQ5NzYwNzE2OCIsInBlcm1pc3Npb24iOiIifQ==.defa91ecb2b61d9b20d858db0c2c8d7d80dea4613cb2559a22569b7df36b3f6b";

6
src/api/index1.js
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-04 22:45:31
* @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-11-21 16:39:08
* @LastEditTime: 2022-11-22 18:04:47
* @FilePath: /fe-manage/src/api/index1.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
@@ -87,6 +87,10 @@ export const billboard = (obj) => http.post('/admin/project/billboard', obj);
//获取字典信息
export const getDict = (obj) => http.post('/dict/getList', obj)
//获取组织树
export const getOrgTree = (obj) => http.post('/admin/router/orgList', obj)
// 获取组织结构树
export const orgtree = () => http.get('/org/tree');

37
src/api/indexCourse.js
View File

@@ -3,19 +3,52 @@ import http from "./config";
/**
* 1
*/
//添加课程学员
export const addStudent = (obj) =>
http.post("/admin/offcourse/addStudent", obj);
//删除开课
export const deletePlan = (obj) =>
http.delete("/admin/offcourse/deletePlan", obj);
http.delete(
"/admin/offcourse/deletePlan",
{ params: obj },
{
headers: { "Content-Type": "application/x-www-form-urlencoded" },
}
);
//获取面授课详情
export const detail = (obj) =>
http.post("/admin/offcourse/detail", obj, {
headers: { "Content-Type": "application/x-www-form-urlencoded" },
});
//获取面授课开课详情
export const detailPlan = (obj) =>
http.post("/admin/offcourse/detailPlan", obj, {
headers: { "Content-Type": "application/x-www-form-urlencoded" },
});
//新建或编辑面授课
export const edit = (obj) => http.post("/admin/offcourse/edit", obj);
//新建或编辑面授课开课
export const editPlan = (obj) => http.post("/admin/offcourse/editPlan", obj);
//操作面授课(发布,撤回,删除)
//课程导出
export const exportP = (obj) => http.post("/admin/offcourse/export", obj);
//操作面授课(发布,撤回,删除，审核，停用)
export const handle = (obj) => http.post("/admin/offcourse/handle", obj);
//学员操作-支持批量
export const handleStudent = (obj) =>
http.post("/admin/offcourse/handleStudent", obj);
//获取面授课列表
export const list = (obj) => http.post("/admin/offcourse/list", obj);
//获取面授课已审核列表
export const listReview = (obj) =>
http.post("/admin/offcourse/listReview", obj);
//面授课开课列表
export const planList = (obj) => http.post("/admin/offcourse/planList", obj);
//学员导出
export const studentExport = (obj) =>
http.post("/admin/offcourse/studentExport", obj);
//获取学员列表
export const studentList = (obj) =>
http.post("/admin/offcourse/studentList", obj);
//学习记录列表
export const studyRecordList = (obj) =>
http.post("/admin/offcourse/studyRecordList", obj);

10
src/components/NavLeft.vue
View File

@@ -192,8 +192,8 @@
src="../assets/images/navleft/certificate.png"
/>
</div>
<router-link to="/certificatecenter">证书中心</router-link>
<span>证书中心</span>
<!-- <router-link to="/certificatecenter">证书中心</router-link> -->
</a-menu-item>
<a-menu-item key="sub9" @titleClick="titleClick">
<div class="imgBox">
@@ -202,7 +202,8 @@
src="../assets/images/navleft/system.png"
/>
</div>
<router-link to="/systemmanage">系统管理</router-link>
<span>系统管理</span>
<!-- <router-link to="/systemmanage">系统管理</router-link> -->
</a-menu-item>
</a-menu>
</div>
@@ -219,6 +220,9 @@
mode="inline"
@click="handleClick"
>
<a-menu-item key="sub10" @titleClick="titleClick">
<router-link to="/coursereviewedn">审核</router-link>
</a-menu-item>
<a-menu-item key="sub1" @titleClick="titleClick">
<router-link to="/learningpath">学习</router-link>
</a-menu-item>

22
src/components/drawers/AddCase.vue
View File

@@ -150,8 +150,10 @@ export default {
localStorage.setItem("stageId", props.chooseStageId);
localStorage.setItem("chapterId", props.isactive);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getAllCaseText()
}
};
const tableDataFunc = () => {
const columns = [
@@ -182,6 +184,9 @@ export default {
return columns;
};
const onSelectChange = (selectedRowKeys,selectedRows)=> {
if(selectedRowKeys.length>2){
return
}
state.selectedRowKeys = selectedRowKeys;
state.apiTaskList = selectedRows;
};
@@ -251,18 +256,6 @@ export default {
});
} else if (props.isLevel == 2) {
if(state.apiTaskList.length > 1){
// for((item,index) in state.apiTaskList){
// apiTask
// .addTask({
// "courseId": item.caseId,
// "duration": 0,
// "flag": true,
// "name": item.caseName,
// "projectId": props.projectId,
// "projectTaskId": props.projectTaskId,
// "stageId": props.chooseStageId,
// "type": 3,
// })
for(let i = 0;i <= state.apiTaskList.length;i++){
apiTask
.addTask({
@@ -455,6 +448,9 @@ export default {
.ant-table-selection-column {
padding: 0px !important;
padding-left: 15px !important;
.ant-table-selection{
display: none;
}
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);

4
src/components/drawers/AddEval.vue
View File

@@ -215,6 +215,8 @@ export default {
projectId: props.projectId,
projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId,
evaluationTypeId: state.evaluationTypeId,
evaluationTypeName: state.evaluationTypeName,
type: 10,
})
.then(( ) => {
@@ -230,6 +232,8 @@ export default {
name: res.data.data.evaluationName,
routerId: props.routerId,
routerTaskId: props.routerTaskId || 0,
evaluationTypeId: state.evaluationTypeId,
evaluationTypeName: state.evaluationTypeName,
type: 10,
})
.then(( ) => {

29
src/components/drawers/AddTest.vue
View File

@@ -78,15 +78,16 @@
<div class="main_item">
<div class="btnbox">
<a-form-item has-feedback label="选择试卷" name="choosedTest">
<!-- <a-select
dropdownClassName="dropdown-style"
placeholder="请输入考试名称"
:options="options1"
v-model:value="formState.choosedTest"
allowClear
showSearch
/> -->
<a-dropdown>
<a-button
type="primary"
style="width: 100px; margin-left: 35px"
class="outer"
@click.prevent
@click="selectTest()"
>
选择试卷
</a-button>
<!-- <a-dropdown>
<a-button
type="primary"
style="width: 100px; margin-left: 35px"
@@ -109,16 +110,22 @@
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</a-dropdown> -->
<span style="margin-left: 10px">
<a-tag
class="tag-style"
v-if="paperName != ''"
:closable="true"
>{{ paperName }}</a-tag
>
<!-- <a-tag
class="tag-style"
v-for="item in choosedTestList"
:closable="true"
@close="closeTag(item.key)"
:key="item.key"
>{{ item.value }}</a-tag
>
> -->
</span>
</a-form-item>
</div>

34
src/components/drawers/EvList.vue
View File

@@ -36,7 +36,7 @@
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2">
<div class="btn btn2" @click="resetData">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
@@ -50,7 +50,7 @@
:data-source="tableData"
:loading="tableDataTotal === -1 ? true : false"
:pagination="false"
:row-selection="{ selectedRowKeys:selectedRowKeys,onSelect:onSelect,onChange:onSelectChange}"
:row-selection="{ selectedRowKeys:selectedRowKeys,onChange:onSelectChange}"
/>
<div class="pa">
<a-pagination
@@ -148,18 +148,25 @@
},
]
});
const onSelect = (record)=> {
state.evaluationTypeName = record.title
state.evaluationTypeId = record.quiz_code
};
const onSelectChange = (selectedRowKeys)=> {
// const onSelect = (record)=> {
// state.evaluationTypeName = record.title
// state.evaluationTypeId = record.quiz_code
// };
const onSelectChange = (selectedRowKeys,selectedRows)=> {
if(state.selectedRowKeys.length>1){
return
}
state.selectedRowKeys = selectedRowKeys
state.evaluationTypeName = selectedRows[0].record.title
state.evaluationTypeId = selectedRows[0].quiz_code
}
const closeDrawer = () => {
ctx.emit("update:EvalListVisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getAllEvalText();
}
};
const checkFinish =() =>{
let EvListDate = {
@@ -204,15 +211,24 @@
.catch(()=>{
})
}
//重置测评列表
const resetData = ()=> {
state.currentPage = 1;
state.tableData = [];
state.selectedRowKeys = [];
state.evaluationTypeId = null;
state.evaluationTypeName = "";
getAllEvalText();
}
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
onSelectChange,
onSelect,
getTableDataList,
checkFinish,
changePagination,
resetData,
};
},
};

24
src/components/drawers/FaceManage.vue
View File

@@ -98,7 +98,6 @@
:row-selection="{
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
onSelect: onSelect,
}"
/>
<div class="pa">
@@ -194,12 +193,20 @@ export default {
selectedRowKeys: [],
tabledata: [
{
key:1,
workNum:1,
status:"已完成",
operation:"",
},
{
workNum:1,
key:2,
workNum:2,
status:"未完成",
operation:"",
},
{
key:3,
workNum:2,
status:"未完成",
operation:"",
}
@@ -341,18 +348,21 @@ export default {
const closeDrawer = () => {
ctx.emit("update:Fvisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getManageList()
}
};
const selectProjectName = (value) => {
state.projectName = value;
};
const onSelectChange = (selectedRowKeys) => {
if(selectedRowKeys.length > 2){
return
}
state.selectedRowKeys = selectedRowKeys;
};
const onSelect = (record) => {
console.log(record);
}
const allStuOver = ()=> {
state.ASOvervisible = true
@@ -457,7 +467,6 @@ export default {
closeDrawer,
afterVisibleChange,
onSelectChange,
onSelect,
allStuOver,
showEntryScore,
godie,
@@ -672,7 +681,6 @@ export default {
.tableBox {
.ant-table-selection-column {
padding: 0px !important;
// padding-left: 45px !important;
}
.ant-pagination-item,
.ant-pagination-prev,

144
src/components/drawers/OwnPower.vue
View File

@@ -6,7 +6,7 @@
width="85%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain" id="ownpower">
<div class="drawerMain" id="ProjOwnership">
<div class="header">
<div class="headerTitle">归属权</div>
<img
@@ -101,6 +101,7 @@
columnWidth: 20,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
type: 'radio',
}"
/>
<div class="pa">
@@ -121,80 +122,30 @@
</div>
</div>
</a-tab-pane>
</a-tabs>
</div>
</div>
<div class="right">
<div class="onerow">
<div class="onleft">
<div class="already">已选</div>
<!-- <div class="count">6</div>
<div class="peo">人</div> -->
</div>
<div class="clbox" @click="deleteAll">
<div class="colose"></div>
<span class="allclear">全部清除</span>
</div>
</div>
<div class="line"></div>
<div class="tit">快速选人</div>
<div style="position: relative; min-height: 180px">
<div style="height: 160px" class="selectedsBox" id="selectedsBox">
<div class="selecteds" id="selecteds">
<!-- 遍历生成 -->
<div
style="
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
"
>
<div class="already">当前归属：</div>
<div class="chose" v-for="item in choosepeople" :key="item.key">
<div>{{ item.name }}</div>
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showMore"
@click="morePeopleShow"
>
<div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png"
/>
<div class="clbox">
<span class="allclear">转移归属权</span>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showHidden"
@click="morePeopleHidden"
>
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/>
</div>
</div>
</div>
</div>
</div>
<div class="btnn">
@@ -202,8 +153,6 @@
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
@@ -567,7 +516,6 @@ export default {
},
],
//快速选人-------------------------------------
valueSelectboe: null, //快速选人的选择组织
choosepeople: [], //总的数组
@@ -576,14 +524,12 @@ export default {
showHidden: false, //是否显示收回
selectedRowKeys: [], //表格选中的key
//快速选人-------------------------------------
});
const closeDrawer = () => {
state.activeKey = "1";
ctx.emit("update:ownpowervisible", false);
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
@@ -690,8 +636,6 @@ export default {
// 结束 快速选人------------------------------------------------------------------
//全部清除
const deleteAll = () => {
//快速选人-------------------------------------
@@ -701,7 +645,6 @@ export default {
state.showHidden = false; //是否显示收回
state.selectedRowKeys = []; //表格选中的key
//快速选人-------------------------------------
};
return {
...toRefs(state),
@@ -715,10 +658,7 @@ export default {
morePeopleShow,
morePeopleHidden,
deleteAll,
};
},
};
@@ -1166,7 +1106,7 @@ export default {
}
}
.right {
width: 320px;
width: 340px;
flex-shrink: 0;
overflow-y: auto;
.onerow {
@@ -1178,11 +1118,15 @@ export default {
.onleft {
display: flex;
text-align: center;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: 32px;
.already {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
}
@@ -1196,9 +1140,35 @@ export default {
font-size: 16px;
font-weight: 500;
}
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
// margin-top: 25px;
// margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
flex-shrink: 0;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
.clbox {
margin-left: 30px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
@@ -1250,30 +1220,6 @@ export default {
margin-left: 32px;
min-height: 100px;
// overflow: hidden;
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
}
}

171
src/components/drawers/Ownership.vue
View File

@@ -7,7 +7,7 @@
width="85%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain" id="Ownership">
<div class="drawerMain" id="ProjOwnership">
<div class="header">
<div class="headerTitle">归属权</div>
<img
@@ -102,6 +102,7 @@
columnWidth: 20,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
type: 'radio',
}"
/>
<div class="pa">
@@ -128,70 +129,22 @@
<div class="right">
<div class="onerow">
<div class="onleft">
<div class="already">已选</div>
<!-- <div class="count">6</div>
<div class="peo">人</div> -->
</div>
<div class="clbox" @click="deleteAll">
<div class="colose"></div>
<span class="allclear">全部清除</span>
</div>
</div>
<div class="line"></div>
<div class="tit">快速选人</div>
<div style="position: relative; min-height: 180px">
<div style="height: 160px" class="selectedsBox" id="selectedsBox">
<div class="selecteds" id="selecteds">
<!-- 遍历生成 -->
<div
style="
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
"
>
<div class="already">当前归属：</div>
<div class="chose" v-for="item in choosepeople" :key="item.key">
<div>{{ item.name }}</div>
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showMore"
@click="morePeopleShow"
>
<div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png"
/>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showHidden"
@click="morePeopleHidden"
>
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/>
</div>
<div class="clbox">
<span class="allclear">转移归属权</span>
</div>
</div>
</div>
@@ -201,7 +154,6 @@
<button class="btn2">确定</button>
</div>
</div>
<!-- 确认添加部门弹窗 -->
<a-modal
v-model:visible="showOrgModal"
@@ -665,31 +617,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById('Ownership').querySelector("#selecteds"), function (ele) {
resize.listenTo(
document.getElementById("Ownership").querySelector("#selecteds"),
function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden) {
state.showMore = true;
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore = false;
state.showHidden = false;
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.height = "160px";
}
});
}
);
};
const morePeopleShow = () => {
state.showMore = false;
state.showHidden = true;
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.overflow = "";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.height = "";
};
const morePeopleHidden = () => {
state.showMore = true;
state.showHidden = false;
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("Ownership")
.querySelector("#selectedsBox").style.height = "160px";
};
// 结束 快速选人------------------------------------------------------------------
@@ -1166,7 +1137,7 @@ export default {
}
}
.right {
width: 320px;
width: 340px;
flex-shrink: 0;
overflow-y: auto;
.onerow {
@@ -1178,11 +1149,15 @@ export default {
.onleft {
display: flex;
text-align: center;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: 32px;
.already {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
}
@@ -1196,9 +1171,35 @@ export default {
font-size: 16px;
font-weight: 500;
}
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
// margin-top: 25px;
// margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
flex-shrink: 0;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
.clbox {
margin-left: 30px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
@@ -1250,30 +1251,6 @@ export default {
margin-left: 32px;
min-height: 100px;
// overflow: hidden;
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
}
}

235
src/components/drawers/ProjectOwn.vue
View File

@@ -74,16 +74,16 @@
class="treeMain"
:style="{ height: screenHeight - 400 + 'px' }"
dropdownClassName="changetreedropdownboe"
defaultExpandAll
default-expand-all
:dropdown-style="{
maxHeight: '600px',
}"
placeholder="BOE组织树"
allow-clear
tree-default-expand-all
:tree-data="treeData"
@select="departmentSelect"
v-model:selectedKeys="selectedKeys"
v-model:expandedKeys="openKeys"
>
<template #suffixIcon></template>
</a-tree>
@@ -101,6 +101,7 @@
columnWidth: 20,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
type: 'radio',
}"
/>
<div class="pa">
@@ -127,70 +128,22 @@
<div class="right">
<div class="onerow">
<div class="onleft">
<div class="already">已选</div>
<!-- <div class="count">6</div>
<div class="peo">人</div> -->
</div>
<div class="clbox" @click="deleteAll">
<div class="colose"></div>
<span class="allclear">全部清除</span>
</div>
</div>
<div class="line"></div>
<div class="tit">快速选人</div>
<div style="position: relative; min-height: 180px">
<div style="height: 160px" class="selectedsBox" id="selectedsBox">
<div class="selecteds" id="selecteds">
<!-- 遍历生成 -->
<div
style="
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
"
>
<div class="already">当前归属：</div>
<div class="chose" v-for="item in choosepeople" :key="item.key">
<div>{{ item.name }}</div>
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showMore"
@click="morePeopleShow"
>
<div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png"
/>
</div>
</div>
<div
class="chose"
style="
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
line-height: 22px;
"
v-if="showHidden"
@click="morePeopleHidden"
>
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/>
</div>
<div class="clbox">
<span class="allclear">转移归属权</span>
</div>
</div>
</div>
@@ -238,6 +191,7 @@
import { reactive, toRefs, onMounted, onUnmounted } from "vue";
import elementResizeDetectorMaker from "element-resize-detector";
// import { message } from "ant-design-vue";
import * as api from "../../api/index1";
export default {
name: "ProjOwnerShip",
props: {
@@ -271,120 +225,148 @@ export default {
nameadd: "",
nameaddd: "",
com: "",
openKeys: [2, 13, 32],
//组织树
treeData: [
{
key: 1,
title: "京东方",
value: "京东方",
children: [
{
key: 2,
title: "产研部",
value: "产研部",
children: [
{
key: 3,
title: "产品部",
value: "产品部",
},
{
key: 4,
title: "研究部",
value: "研究部",
},
{
key: 5,
title: "研究部2",
value: "研究部2",
},
{
key: 6,
title: "研究3",
value: "研究3",
},
{
key: 7,
title: "研究4",
value: "研究4",
},
{
key: 8,
title: "研究部5",
value: "研究部5",
},
{
key: 9,
title: "研究部6",
value: "研究部6",
},
{
key: 10,
title: "研究部7",
value: "研究部7",
},
{
key: 11,
title: "研究部8",
value: "研究部8",
},
{
key: 12,
title: "研究部9",
value: "研究部9",
},
],
},
{
key: 13,
title: "二级标题",
value: "二级标题",
children: [
{
key: 14,
title: "三级标题",
value: "三级标题",
children: [
{
key: 15,
title: "四级标题",
value: "四级标题",
children: [
{
key: 16,
title: "五级标题",
value: "五级标题",
children: [
{
key: 17,
title: "六级标题",
value: "六级标题",
children: [
{
key: 18,
title: "七级标题",
value: "七级标题",
children: [
{
key: 19,
title: "八级标题",
value: "八级标题",
children: [
{
key: 20,
title: "九级标题",
value: "九级标题",
children: [
{
key: 21,
title: "十级标题",
value: "十级标题",
children: [
{
key: 22,
title: "十一级标题",
value: "十一级标题",
children: [
{
key: 23,
title: "十二级标题",
value: "十二级标题",
children: [
{
key: 24,
title:
"十三级标题十三级标题十三级标题十三级标题",
value: "十三级标题",
children: [
{
key: 25,
title:
"十四级标题",
value:
"十四级标题",
children: [
{
key: 26,
title:
"十五级标题",
value:
"十五级标题",
children: [
{
key: 27,
title:
"十六级标题",
value:
@@ -392,6 +374,7 @@ export default {
children:
[
{
key: 28,
title:
"十七级标题",
value:
@@ -399,6 +382,7 @@ export default {
children:
[
{
key: 29,
title:
"十八级标题",
value:
@@ -406,6 +390,7 @@ export default {
children:
[
{
key: 30,
title:
"十九级标题",
value:
@@ -413,6 +398,7 @@ export default {
children:
[
{
key: 31,
title:
"二十级标题二十级标题",
value:
@@ -455,14 +441,17 @@ export default {
],
},
{
key: 32,
title: "人力资源部",
value: "人力资源部",
children: [
{
key: 33,
title: "人事部",
value: "人事部",
},
{
key: 34,
title: "行政部",
value: "行政部",
},
@@ -602,6 +591,26 @@ export default {
selectedRowKeys: [], //表格选中的key
//快速选人-------------------------------------
});
//获取组织树
const getOrgTree = () => {
let obj = {
keyword: "",
pageNo: 1,
pageSize: 10,
};
api
.getOrgTree(obj)
.then((res) => {
if (res.status === 200) {
console.log("获取组织树成功", res);
}
})
.catch((err) => {
console.log("获取组织树失败", err);
});
};
const closeDrawer = () => {
state.activeKey = "1";
ctx.emit("update:ProjOwnervisible", false);
@@ -625,6 +634,8 @@ export default {
window.addEventListener("resize", getClientHeight, false);
// window.addEventListener("resize", getClientHeightSelecteds, false);
// judgeUrl();
getOrgTree();
});
onUnmounted(() => {
window.removeEventListener("resize", getClientHeight, false);
@@ -665,31 +676,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById('ProjOwnership').querySelector("#selecteds"), function (ele) {
resize.listenTo(
document.getElementById("ProjOwnership").querySelector("#selecteds"),
function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden) {
state.showMore = true;
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore = false;
state.showHidden = false;
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.height = "160px";
}
});
}
);
};
const morePeopleShow = () => {
state.showMore = false;
state.showHidden = true;
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.overflow = "";
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.height = "";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.overflow = "";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.height = "";
};
const morePeopleHidden = () => {
state.showMore = true;
state.showHidden = false;
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('ProjOwnership').querySelector("#selectedsBox").style.height = "160px";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("ProjOwnership")
.querySelector("#selectedsBox").style.height = "160px";
};
// 结束 快速选人------------------------------------------------------------------
@@ -704,6 +734,10 @@ export default {
state.selectedRowKeys = []; //表格选中的key
//快速选人-------------------------------------
};
const expandTree = (e) => {
console.log("展开", e);
};
return {
...toRefs(state),
afterVisibleChange,
@@ -717,6 +751,7 @@ export default {
morePeopleHidden,
deleteAll,
expandTree,
};
},
};
@@ -1164,7 +1199,7 @@ export default {
}
}
.right {
width: 320px;
width: 340px;
flex-shrink: 0;
overflow-y: auto;
.onerow {
@@ -1176,11 +1211,15 @@ export default {
.onleft {
display: flex;
text-align: center;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: 32px;
.already {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
}
@@ -1194,9 +1233,35 @@ export default {
font-size: 16px;
font-weight: 500;
}
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
// margin-top: 25px;
// margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
flex-shrink: 0;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
.clbox {
margin-left: 30px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
@@ -1248,30 +1313,6 @@ export default {
margin-left: 32px;
min-height: 100px;
// overflow: hidden;
.chose {
// width: 64px;
padding-left: 10px;
padding-right: 10px;
height: 24px;
margin-top: 25px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1);
font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
}
}
}
}
}

24
src/components/drawers/SelectTest.vue
View File

@@ -126,8 +126,10 @@
ctx.emit("update:STvisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if (bol == true) {
getManageList()
}
};
const tableDataFunc = ()=> {
@@ -186,6 +188,9 @@
state.SelectTestData = record
};
const onSelectChange = (selectedRowKeys) => {
if(selectedRowKeys.length>1){
return
}
state.selectedRowKeys = selectedRowKeys;
}
@@ -232,7 +237,7 @@
});
};
//搜索任务列表
//搜索任务列表 没接口
const searchTaskList = () => {
let objser = {
name: "",
@@ -264,9 +269,12 @@
//重置任务列表
const resetTaskList = () => {
state.name = "";
state.projectName = "";
state.tabledata = [];
state.inputPname = "";
state.inputCname = "";
state.tableData = [];
state.selectedRowKeys = [];
state.SelectTestData = [];
state.currentPage = 1;
getManageList();
};
return {
@@ -398,6 +406,12 @@
}
}
.tab {
.ant-table-selection-column {
.ant-table-selection{
display: none;
}
}
th.h {
background-color: #eff4fc !important;
}

5
src/components/drawers/TestManage.vue
View File

@@ -394,8 +394,11 @@ export default {
const closeDrawer = () => {
ctx.emit("update:TMvisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getManageList();
}
};
const selectProjectName = (value, index) => {
console.log("value", value, index);

4
src/components/drawers/TimeManage.vue
View File

@@ -345,8 +345,10 @@ export default {
const closeDrawer = () => {
ctx.emit("update:Tvisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getManageList();
}
};
const selectProjectName = (value) => {
state.projectName = value;

4
src/components/drawers/WorkManage.vue
View File

@@ -299,8 +299,10 @@ export default {
const closeDrawer = () => {
ctx.emit("update:Wvisible", false);
};
const afterVisibleChange = () => {
const afterVisibleChange = (bol) => {
if ( bol == true ) {
getManageList();
}
};
const selectProjectName = (value) => {
state.projectName = value;

5
src/store/index.js
View File

@@ -22,7 +22,7 @@ export default createStore({
assessmentName: "",
routerId: null,
projectTemplateId:null,
orgtreeList: [],
},
getters: {},
@@ -43,6 +43,9 @@ export default createStore({
},
getOrgtreeList(state, orgtreeList) {
state.orgtreeList = orgtreeList;
},
SET_projectTemplateId (state,projectTemplateId) {
state.projectTemplateId = projectTemplateId;
}
},
actions: {},

33
src/utils/utils.js
View File

@@ -84,3 +84,36 @@ export function filterCommon(arr, key) {
});
return newData;
}
export function getdateToTime(date) {
let now = new Date(parseInt(date)),
y = now.getFullYear(),
m = now.getMonth() + 1,
d = now.getDate(),
hh = now.getHours(),
mm = now.getMinutes();
return `${y}-${m < 10 ? "0" + m : m}-${d < 10 ? "0" + d : d} ${hh}:${mm}`;
}
//计算两个时间之间的时间差 多少天时分秒
export function intervalTime(startTime) {
const curTime = new Date().getTime(); //计算当前时间戳
const date3 = curTime - startTime; //时间差的毫秒数
//计算出相差天数
const days = Math.floor(date3 / (24 * 3600 * 1000));
//计算出小时数
const leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
const hours = Math.floor(leave1 / (3600 * 1000));
//计算相差分钟数
const leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
const minutes = Math.floor(leave2 / (60 * 1000));
//计算相差秒数
const leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
const seconds = Math.round(leave3 / 1000);
return {
days,
hours,
minutes,
seconds,
};
}

9
src/views/courselibrary/CourseManage.vue
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-09 09:26:26
* @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-11-17 16:27:22
* @LastEditTime: 2022-11-22 20:13:01
* @FilePath: /fe-manage/src/views/courselibrary/CourseManage.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -14,6 +14,7 @@
style="width: 100%l; height: 100%"
src="https://u-pre.boe.com/pc/iframe/course/coursewares"
name="myframe"
sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
></iframe>
</div>
</template>
@@ -24,9 +25,7 @@ export default {
name: "CourseManage",
setup() {
const state = reactive({
});
const state = reactive({});
onMounted(() => {
// console.log("执行");
@@ -34,7 +33,6 @@ export default {
return {
...toRefs(state),
};
},
};
@@ -45,6 +43,5 @@ export default {
height: 100%;
display: flex;
flex-direction: column;
}
</style>

1787
src/views/courselibrary/CoursewareManage.vue
View File

File diff suppressed because it is too large Load Diff

160
src/views/learningpath/LevelAddDetail.vue
View File

@@ -716,7 +716,7 @@
title="关联项目"
placement="right"
width="80%"
@after-visible-change="afterVisibleChange"
@after-visible-change="afterProjVisibleChange"
>
<div class="drawerMain">
<div class="header">
@@ -1065,7 +1065,7 @@ import draggable from "vuedraggable";
import { editTask } from "../../api/indexTaskadd";
import * as apiProj from "../../api/index.js";
import { RouterEditTask } from "@/api/indexTask";
import dayjs from "dayjs";
// import dayjs from "dayjs";
import { toDate } from "../../api/method";
import UnlockMode from "../../components/drawers/UnlockMode.vue";
export default {
@@ -1188,7 +1188,6 @@ export default {
time: "2022-07-15 14:00",
},
],
drawertableData: [],
// drawertableData: [
// {
// key: 1,
@@ -1276,6 +1275,7 @@ export default {
// time: "2022-07-20 14:00:03",
// },
// ],
drawertableData: [],
currentPage: 1,
tableDataTotal: 0,
pageSize: 10,
@@ -1343,8 +1343,8 @@ export default {
picUrl: null,
//项目抽屉参数
time: undefined,
assessmentId: null,
assessmentName: "",
projId: null, //选项选到的id
projName: "", //选项选到的name
projectId: null,
projectTaskId: null,
chooseStageId: null,
@@ -1477,52 +1477,59 @@ export default {
state.EditWorkId = id;
state.routerTaskId = eleId;
};
// 作业和考试的抽屉
// 作业抽屉
const showDrawerAddHomework = (id, eleId) => {
console.log("homework==============", id, state.isactive);
state.addhomeworkvisible = true;
state.EditWorkId = id;
state.routerTaskId = eleId;
};
//考试抽屉
const showDrawerAddTest = (id, eleId) => {
state.addtestvisible = true;
state.EditTestId = id;
state.routerTaskId = eleId;
};
//测试评估投票抽屉
//测试抽屉
const showDrawerAddEval = (id, eleId) => {
// state.addevalVisible = true;
state.addevalvisible = true;
state.EditEvalId = id;
state.routerTaskId = eleId;
};
//评估抽屉
const showDrawerAddInvist = (id, eleId) => {
// state.addinvistVisible = true;
state.addinvistvisible = true;
state.routerTaskId = eleId;
state.EditInvistId = id;
};
//投票抽屉
const showDrawerAddVote = (id, eleId) => {
// state.addhomeworkvisible = true;
state.addvotevisible = true;
state.EditVoteId = id;
state.routerTaskId = eleId;
};
//直播抽屉
const showDrawerAddLive = (id, eleId) => {
state.addlivevisible = true;
state.EditLiveId = id;
state.routerTaskId = eleId;
};
//外链抽屉
const showDrawerAddRef = (id, eleId) => {
state.addrefvisible = true;
state.EditRefId = id;
state.routerTaskId = eleId;
};
//讨论抽屉
const showDrawerAddDiscuss = (id, eleId) => {
state.adddiscussvisible = true;
state.EditDiscussId = id;
state.routerTaskId = eleId;
};
//活动抽屉
const showDrawerAddActive = (id, eleId) => {
state.addactivevisible = true;
state.EditActiveId = id;
@@ -1602,9 +1609,10 @@ export default {
const closeDrawer = () => {
state.visible = false;
};
const afterVisibleChange = (bool) => {
console.log("visible", bool);
const afterProjVisibleChange = (bol) => {
if(bol == true){
getAllProjText()
}
};
const showAddStu = () => {
state.AddSvisible = true;
@@ -1721,38 +1729,9 @@ export default {
{
title: "项目名称",
dataIndex: "name",
// dataIndex: "projectName",
key: "projectName",
width: 200,
// align: "center",
ellipsis: true,
// scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
// console.log(text.record.key);
if (!text.record.children) {
return (
<div style={{ display: "flex" }}>
<a-checkbox
checked={
state.projectChecked === text.record.key ? true : false
}
value={text.record.key}
onChange={() => {
// console.log("改变了", text.record.key);
if (state.projectChecked === text.record.key) {
state.projectChecked = null;
} else {
state.projectChecked = text.record.key;
}
}}
></a-checkbox>
<span style="margin-left: 5px">{text.text}</span>
</div>
);
} else {
return <span>{text.text}</span>;
}
},
},
{
title: "项目经理",
@@ -1764,7 +1743,6 @@ export default {
{
title: "创建人",
dataIndex: "creator",
// width: "30%",
key: "creater",
width: 100,
align: "center",
@@ -2033,45 +2011,100 @@ export default {
"selected",
selected
);
console.log(selectedRows.assessmentId);
state.assessmentId = selectedRows.assessmentId;
state.assessmentName = selectedRows.name;
state.projId = selectedRows.parentId;
state.projName = selectedRows.name;
},
};
const getTableDate = (drawertableData) => {
let data = drawertableData;
let array = [];
data.map((value, index) => {
console.log(drawertableData,'drawertableDatadrawertableDatadrawertableDatadrawertableData')
let data = drawertableData
let array = []
data.map((value)=>{
if(value.type ==3){
let obj = {
key: index,
assessmentId: value.assessmentId,
num: value.essayQuestionVoList.length,
name: value.assessmentName ? value.assessmentName : "-",
creator: value.createUser ? value.createUser : "-",
time: dayjs(value.createTime).format("YYYY-MM-DD"),
key: value.projectId,
parentId:value.parentId,
name: value.name,
manager:value.manager,
creator: value.createName,
// time: dayjs(value.createTime).format("YYYY-MM-DD"),
};
array.push(obj);
});
}
else if(value.type == 2){
value.subList.map((item)=>{
let obj = {
key: value.projectId,
parentId:value.parentId,
name: value.name,
manager:value.manager,
creator: value.createName,
// time: dayjs(value.createTime).format("YYYY-MM-DD"),
children:[{
key: item.projectId,
parentId:item.parentId,
name: item.name,
manager:item.manager,
creator: item.createName,
// time: dayjs(value.createTime).format("YYYY-MM-DD"),
}]
}
array.push(obj);
})
}
else{
value.subList.map((item)=>{
item.subList.map((items)=>{
let obj = {
key: value.projectId,
parentId:value.parentId,
name: value.name,
manager:value.manager,
creator: value.createName,
// time: dayjs(value.createTime).format("YYYY-MM-DD"),
children:[{
key: item.projectId,
parentId:item.parentId,
name: item.name,
manager:item.manager,
creator: item.createName,
children:[{
key: items.projectId,
parentId:items.parentId,
name: items.name,
manager:items.manager,
creator: items.createName,
}]
// time: dayjs(value.createTime).format("YYYY-MM-DD"),
}]
}
array.push(obj);
})
})
}
})
state.drawertableData = array;
console.log(state.drawertableData,"------------state.drawertableData---------------");
};
//获取全部项目信息接口
const getAllProjText = () => {
apiProj
.getProjectList({
beginTime: 0,
createName: "",
endTime: 0,
manager: "",
name: "",
pageNo: 0,
pageSize: 0,
status: 0,
"beginTime": 0,
"createName": "",
"endTime": "",
"manager": "",
"name": "",
"pageNo": 1,
"pageSize": 10,
"status": 0
})
.then((res) => {
let arr = res.data.data.rows;
if (res.status === 200) {
getTableDate(arr);
console.log("---------------项目信息---------------------------");
console.log("---------------项目信息---------------------------",res.data.data);
}
})
.catch((err) => {
@@ -2080,6 +2113,7 @@ export default {
// state.createLoading = false;
});
};
//不需要下面这个添加应该 没选数据
const updateTask = () => {
RouterEditTask({
chapterId: state.isactive,
@@ -2117,7 +2151,7 @@ export default {
closeDrawer,
showModal,
closeModal,
afterVisibleChange,
afterProjVisibleChange,
showAddStu,
showImpStu,
// drawercolumns,

14
src/views/projectcenter/LibraryAdd.vue
View File

@@ -565,9 +565,11 @@ import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
import { message } from "ant-design-vue";
import * as api from "@/api/indexTemplate"
import { useRouter } from "vue-router";
import { useStore } from "vuex";
export default defineComponent({
name: "LibraryAdd",
setup() {
const store = useStore();
const state = reactive({
//任务大纲列表
taskSyllabus: [
@@ -761,11 +763,12 @@ export default defineComponent({
onMounted(() => {getDetail()});
// 获取详情
const getDetail = () => {
api.templateDetail(1).then(res => {
api.templateDetail(store.state.projectTemplateId).then(res => {
state.taskSyllabus = []
console.log(res);
state.projectInfo.name = res.data.data.projectTemplateInfo.name
state.projectInfo.beginTime = res.data.data.projectTemplateInfo.createTime
let time = new Date(Number(res.data.data.projectTemplateInfo.createTime))
state.projectInfo.beginTime = time.toLocaleDateString()
state.projectInfo.manager = res.data.data.projectTemplateInfo.manager
state.projectInfo.notice = res.data.data.projectTemplateInfo.notice
state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId
@@ -811,7 +814,7 @@ export default defineComponent({
"notice": state.projectInfo.notice,
"noticeFlag": 0,
"picUrl": "",
"projectTemplateId": 0,
"projectTemplateId": store.state.projectTemplateId,
"remark": "",
"sourceBelongId": 0,
"status": 0,
@@ -860,7 +863,7 @@ export default defineComponent({
const stateEdit = () => {
let obj={
"name": "",
"projectTemplateId": 0,
"projectTemplateId": store.state.projectTemplateId,
"remark": "",
"stageId": 0
}
@@ -880,7 +883,7 @@ export default defineComponent({
"flag": true,
"name": "",
"projectTaskId": 0,
"projectTemplateId": 0,
"projectTemplateId": store.state.projectTemplateId,
"stageId": 0,
"type": 0
}
@@ -920,7 +923,6 @@ export default defineComponent({
<style lang="scss">
.content7 {
margin-top: 20px;
.set_tit {
margin-left: 34px;
font-size: 18px;

212
src/views/projectcenter/ProjectAdd.vue
View File

@@ -307,6 +307,10 @@
@change="classificationChange4"
placeholder="请选择培训分类"
:disabled="viewDetail ? true : false"
:fieldNames="{
label: 'dictName',
value: 'dictCode',
}"
/>
</div>
</div>
@@ -420,9 +424,81 @@ export default {
const store = useStore();
// 编辑页面跳转过来时候，自动填充表格
const routers = useRoute();
const router = useRouter();
const state = reactive({
classifySelect: null, //分类选择信息
projectType: null, //分类选择的id
checked: false, //同步学习记录
checked1: false, //BOEU实施
classifySelect1: [], //选中项目经理名称数组
classifySelect2: null, //选中的资源归属信息
classifySelect3: null, //选中的项目级别信息
classifySelect4: null, //选中的培训分类信息
rangevalue: [], //项目时间
currentPage: 1, //当前页
tableDataTotal: -1, //模版列表总数
pageSize: 10, //每页10条数据
totalPages: 0, //总页数
viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
});
//分类列表
const classifyList = ref([]);
//项目封面
const imageUrl = ref("");
// 项目级别
const classifyList3 = ref([
// { value: 1, label: "集团级" },
]);
// 培训分类
const classifyList4 = ref([
// { value: 1, label: "集团级" },
]);
//获取分类、封面图、项目级别、培训分类-----------字典配置-------------------------------
const getDictList = (param) => {
let obj = {
pageNo: 1,
pageSize: 20,
setCode: param,
};
api1
.getDict(obj)
.then((res) => {
console.log("获取字典成功", res);
if (res.status === 200) {
if (param === "projectClass") {
classifyList.value = res.data.data.rows;
}
if (param === "projectPic") {
if (res.data.data.rows.length > 0) {
imageUrl.value = res.data.data.rows[0].dictValue;
picUrl = res.data.data.rows[0].dictValue;
}
}
if (param === "projectLevel") {
classifyList3.value = res.data.data.rows;
}
if (param === "projectSys") {
classifyList4.value = res.data.data.rows;
}
}
})
.catch((err) => {
console.log("获取字典失败", err);
});
};
getDictList("projectClass");
getDictList("projectPic");
getDictList("projectLevel");
getDictList("projectSys");
//获取分类、封面图、项目级别、培训分类---------------字典配置---------------------------
const isEdit = ref(false);
let peojectID = "";
let peojectID = ""; //项目id
console.log("store.state.orgtreeList", store.state.orgtreeList);
const editProject = () => {
if (routers.query.projectId) {
storage.set("projectAddId", routers.query.projectId);
isEdit.value = true;
@@ -433,21 +509,35 @@ export default {
.then((res) => {
if (res.status == 200 && res.data.code == 200) {
let info = res.data.data.projectInfo;
console.log(
"classifyList.value.find(item=>item.dictCode===info.category)",
classifyList.value.find((item) => {
if (item.dictCode == 11) {
return item.dictName;
}
// return item.dictName;
}),
classifyList.value,
info.category
);
console.log(info);
// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
imageUrl.value = info.picUrl;
projectName.value = info.name; //项目名称
// state.classifySelect =classifyList.value.find(item=>item.dictCode===info.category) ; // info.category 项目分类
state.projectType = 1; //分类选择的id
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
imageUrl.value = info.picUrl; //封面图
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD"); //开始时间
let end = toDate(info.endTime / 1000, "YYYY/MM/DD"); //结束时间
state.rangevalue = [
dayjs(start, "YYYY/MM/DD"),
dayjs(end, "YYYY/MM/DD"),
];
let manageName = info.manager.split(",");
let manageValue = info.managerId.split(",");
let manageName = info.manager.split(","); //项目经理
let manageValue = info.managerId.split(","); //项目经理id数组
let optionsManage = [];
for (let i = 0; i < manageName.length; i++) {
let obj = {
@@ -467,7 +557,6 @@ export default {
state.checked1 = info.boeFlag ? info.boeFlag : false;
// fileList1.value = info.attach.split(",");
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
@@ -495,7 +584,8 @@ export default {
let info = res.data.data.projectInfo;
console.log("我是从本地存储获取的id", info);
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
state.classifySelect = classifyList.value[1]; // info.category 分类选择的信息
state.projectType = 1; //分类选择的id
imageUrl.value = info.picUrl;
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
@@ -525,7 +615,6 @@ export default {
state.classifySelect4 = classifyList4.value[info.systemId - 1];
state.checked1 = info.boeFlag ? info.boeFlag : false;
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
@@ -543,6 +632,8 @@ export default {
});
}
}
};
editProject();
const backPage = () => {
storage.remove("projectAddId");
@@ -553,67 +644,12 @@ export default {
}, 400);
};
const router = useRouter();
const state = reactive({
classifySelect: null,
classifySelectId: null,
checked: false,
checked1: false,
valueE: null,
valueE1: null,
valueE2: null,
classifySelect1: [],
classifySelect2: null,
classifySelect3: [],
classifySelect4: [],
rangevalue: [],
const projectName = ref(""); //项目名称
currentPage: 1, //当前页
tableDataTotal: -1, //模版列表总数
pageSize: 10, //每页10条数据
totalPages: 0, //总页数
viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
});
const projectName = ref("");
//分类
const classifyList = ref([]);
const getDictList = (param) => {
let obj = {
pageNo: 1,
pageSize: 20,
setCode: param,
};
api1
.getDict(obj)
.then((res) => {
console.log("获取字典成功", res);
if (res.status === 200) {
if (param === "projectClass") {
classifyList.value = res.data.data.rows;
}
if (param === "projectPic") {
if (res.data.data.rows.length > 0) {
imageUrl.value = res.data.data.rows[0].dictValue;
}
}
if (param === "projectLevel") {
classifyList3.value = res.data.data.rows;
}
}
})
.catch((err) => {
console.log("获取字典失败", err);
});
};
getDictList("projectClass");
getDictList("projectPic");
getDictList("projectLevel");
let projectType = "";
//选择分类
const classificationChange = (value) => {
console.log(`selected ${value}`);
projectType = value;
state.projectType = value; //分类选择的id
};
function getBase64(img, callback) {
@@ -625,8 +661,8 @@ export default {
const fileList = ref([]);
const fileList1 = ref([]);
const loading = ref(false);
const imageUrl = ref("");
let picUrl = "";
let picUrl = ""; //项目封面
const handleChange = (info) => {
if (info.file.status === "uploading") {
@@ -727,7 +763,6 @@ export default {
beginTime = new Date(dateString[0]).getTime() / 1000;
endTime = new Date(dateString[1]).getTime() / 1000;
};
// 项目经理 后续接口调用
const classifyList1 = ref([
{ value: 1, label: "李俊国" },
@@ -735,6 +770,7 @@ export default {
{ value: 3, label: "刘孟君" },
]);
//选择处理项目经理
let manager = "";
let managerId = "";
const classificationChange1 = (key, options) => {
@@ -774,28 +810,14 @@ export default {
sourceBelongIdC = key;
};
// 项目级别
const classifyList3 = ref([
// { value: 1, label: "集团级" },
// { value: 2, label: "组织级" },
// { value: 3, label: "现地级" },
// { value: 4, label: "部门级" },
]);
//选择项目级别
let levels = "";
const classificationChange3 = (key) => {
console.log(`selected ${key}`, classifyList3);
levels = key;
};
// 培训分类
const classifyList4 = ref([
{ value: 1, label: "集团级" },
{ value: 2, label: "组织级" },
{ value: 3, label: "现地级" },
{ value: 4, label: "部门级" },
]);
//选择培训分类
let systemid = "";
const classificationChange4 = (key) => {
console.log(`selected ${key}`, classifyList4);
@@ -824,7 +846,9 @@ export default {
console.log(info);
// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
projectName.value = info.name;
state.classifySelect = classifyList.value[1]; // info.category
state.classifySelect = classifyList.value[1]; // info.category 分类选择的信息
state.projectType = 1; //分类选择的id
imageUrl.value = info.picUrl;
let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
@@ -855,7 +879,6 @@ export default {
state.checked1 = info.boeFlag ? info.boeFlag : false;
// fileList1.value = info.attach.split(",");
projectType = 1;
picUrl = info.picUrl;
beginTime = Number(info.beginTime / 1000);
endTime = Number(info.endTime / 1000);
@@ -924,19 +947,22 @@ export default {
// 项目说明
const remark = ref("");
//同步学习记录------------------------------------
let courseSyncFlag = 0;
const changeChecked = () => {
console.log(state.checked);
state.checked ? (state.checked = false) : (state.checked = true);
courseSyncFlag = state.checked ? 1 : 0;
};
//同步学习记录------------------------------------
//BOEU实施--------------------------------------
let boeFlag = 0;
const changeChecked1 = () => {
console.log(state.checked1);
state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
boeFlag = state.checked1 ? 1 : 0;
};
//BOEU实施--------------------------------------
const removeFile = (file) => {
const index = fileList1.value.indexOf(file);
@@ -980,7 +1006,7 @@ export default {
let obj = {
projectId: Number(peojectID),
name: projectName["value"],
category: projectType,
category: state.projectType, //分类选择的id
picUrl: picUrl,
beginTime: beginTime,
endTime: endTime,
@@ -1037,7 +1063,7 @@ export default {
} else {
let obj = {
name: projectName["value"],
category: projectType,
category: state.projectType, //分类选择的id
picUrl: picUrl,
beginTime: beginTime,
endTime: endTime,

168
src/views/projectcenter/ProjectManage.vue
View File

@@ -1055,6 +1055,68 @@
</div>
</div>
</a-modal>
<!-- 项目提交审核弹窗 -->
<a-modal
v-model:visible="reviewModal"
:footer="null"
:closable="false"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeReviewModal"></div>
</div>
<div class="body">
<span>您确定要提交审核吗</span>
<div class="back"></div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeReviewModal">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="reviewProject">
<div class="btnText">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 项目撤回审核弹窗 -->
<a-modal
v-model:visible="recallReviewModal"
:footer="null"
:closable="false"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeRecallReviewModal"></div>
</div>
<div class="body">
<span>您确定要撤回审核吗</span>
<div class="back"></div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1" @click="closeRecallReviewModal">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="recallReviewProject">
<div class="btnText">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 归属权抽屉 -->
<proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
@@ -1102,6 +1164,9 @@ export default {
backModal: false, //撤回弹窗
closeBack: false, //撤回弹窗关闭图标
reminderModal: false, //温馨提示弹窗
reviewModal: false, //提交审核
recallReviewModal: false, //撤回审核
ProjOwnervisible: false,
ProjPvisible: false,
ProjCheckvisible: false,
@@ -2000,6 +2065,28 @@ export default {
});
};
//打开提交审核弹窗
const showReviewModal = () => {
state.reviewModal = true;
};
//确认提交审核
const reviewProject = () => {};
//关闭提交审核弹窗
const closeReviewModal = () => {
state.reviewModal = false;
};
//打开撤回审核弹窗
const showRecallReviewModal = () => {
state.recallReviewModal = true;
};
//确认提交审核
const recallReviewProject = () => {};
//关闭提交审核弹窗
const closeRecallReviewModal = () => {
state.recallReviewModal = false;
};
// 数据接入 - end -
onMounted(() => {
@@ -2047,13 +2134,16 @@ export default {
customRender: (value) => {
return (
<div>
{value.record.status == 0
{value.record.status == 0 ||
value.record.status == 1 ||
value.record.status == 2 ||
value.record.status == -2
? "草稿"
: value.record.status == 1 &&
: value.record.status == 3 &&
Number(value.record.beginTime) <
Math.ceil(new Date().getTime() / 1000)
? "进行中"
: value.record.status == 1 &&
: value.record.status == 3 &&
Number(value.record.beginTime) >
Math.ceil(new Date().getTime() / 1000) &&
value.record.type !== 1 &&
@@ -2074,6 +2164,36 @@ export default {
width: 100,
align: "center",
},
{
title: "是否审核",
dataIndex: "status",
// width: "30%",
key: "status",
width: 100,
align: "center",
customRender: (value) => {
{
console.log("获取项目", value);
}
return (
<div>
{value.record.type !== 3
? "-"
: value.record.status == 0
? "未审核"
: value.record.status == 1
? "审核中"
: value.record.status == 2 ||
value.record.status == 3 ||
value.record.status == -1
? "已审核"
: value.record.status == -2
? "未通过"
: "-"}
</div>
);
},
},
{
title: "创建时间",
dataIndex: "createTime",
@@ -2094,7 +2214,10 @@ export default {
customRender: (value) => {
// console.log("value", value.record.type, value.record.status);
return value.record.type === 1 ? (
value.record.status === 0 ? (
value.record.status === 0 ||
value.record.status === 1 ||
value.record.status === 2 ||
value.record.status === -2 ? (
<div class="operation">
<span
onClick={() => {
@@ -2214,7 +2337,7 @@ export default {
</a-select>
</div>
</div>
) : value.record.status === 1 ? (
) : value.record.status === 3 ? (
<div class="operation">
<span class="operation1">查看</span>
<div class="tableSelect">
@@ -2404,7 +2527,10 @@ export default {
<div></div>
)
) : value.record.type === 2 ? (
value.record.status === 0 ? (
value.record.status === 0 ||
value.record.status === 1 ||
value.record.status === 2 ||
value.record.status === -2 ? (
<div class="operation">
<span
onClick={() => {
@@ -2515,7 +2641,7 @@ export default {
</a-select>
</div>
</div>
) : value.record.status === 1 ? (
) : value.record.status === 3 ? (
<div class="operation">
<span class="operation1">查看</span>
<div class="tableSelect">
@@ -2812,7 +2938,27 @@ export default {
</a-select-option>
</a-select>
</div>
{value.record.status === 0 ? (
{value.record.status === 0 || value.record.status === -2 ? (
<span
onClick={() => {
showReviewModal();
}}
style="cursor:pointer"
class="operation3"
>
提交审核
</span>
) : value.record.status === 1 ? (
<span
onClick={() => {
showRecallReviewModal();
}}
style="cursor:pointer"
class="operation3"
>
撤回审核
</span>
) : value.record.status === 2 ? (
<span
onClick={() => {
console.log("value.record", value.record);
@@ -3150,6 +3296,12 @@ export default {
showProjCheck,
showProjManage,
closeProjectPub,
showReviewModal,
reviewProject,
closeReviewModal,
showRecallReviewModal,
recallReviewProject,
closeRecallReviewModal,
tableData,
columns,

73
src/views/projectcenter/TaskPage.vue
View File

@@ -794,7 +794,7 @@
<div class="line"></div>
<div class="search">
<div class="left">
<div class="name">
<!-- <div class="name">
<div class="text">姓名：</div>
<a-input
v-model:value="valueName"
@@ -806,7 +806,7 @@
margin-left: 5px;
"
/>
</div>
</div> -->
<div class="time">
<div class="text">选择时间：</div>
<a-range-picker
@@ -864,7 +864,7 @@
<div class="rank">
<div class="rankhead">
<div class="inhead">
<div class="left">学分排行 Top10</div>
<div class="left">积分排行 Top10</div>
<div class="right">
<a-select
v-model:value="valuestu3"
@@ -889,7 +889,7 @@
<div class="rank">
<div class="rankhead">
<div class="inhead">
<div class="left">学识排行 Top10</div>
<div class="left">学时排行 Top10</div>
<div class="right">
<a-select
v-model:value="valuestu4"
@@ -1766,16 +1766,25 @@ export default {
// projectId:"", //项目任务id
projectTaskId: "", //项目任务任务id
//进度排行学员
rankjindu: [{ value: "学员", label: "学员" }],
rankjindu: [
{ value: "学员", label: "学员" },
{ value: "小组", label: "小组" },
],
valuestu1: "学员",
//进度排行阶段
rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
valuestu2: "第一阶段",
//学分排行
rankxuefen: [{ value: "学员", label: "学员" }],
//积分排行
rankxuefen: [
{ value: "学员", label: "学员" },
{ value: "小组", label: "小组" },
],
valuestu3: "学员",
//学识排行
rankxueshi: [{ value: "学员", label: "学员" }],
//学时排行
rankxueshi: [
{ value: "学员", label: "学员" },
{ value: "小组", label: "小组" },
],
valuestu4: "学员",
visible: false, //时间管理
FaceVisivle: false, //面授管理
@@ -1962,53 +1971,53 @@ export default {
{
rank: "1",
name: "哈哈",
jd: "80%",
jd: "80",
},
{
rank: "2",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "3",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "4",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "5",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "6",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "7",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "8",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "9",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "10",
name: "哈哈",
jd: "70%",
jd: "7",
},
],
xuefentablecolumns: [
@@ -2056,7 +2065,7 @@ export default {
},
{
title: "进度",
title: "积分",
dataIndex: "jd",
key: "jd",
width: 50,
@@ -2064,58 +2073,58 @@ export default {
className: "h",
},
],
//学识排行表
//学时排行表
xueshitabledata: [
{
rank: "1",
name: "哈哈",
jd: "80%",
jd: "8",
},
{
rank: "2",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "3",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "4",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "5",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "6",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "7",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "8",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "9",
name: "哈哈",
jd: "70%",
jd: "70",
},
{
rank: "10",
name: "哈哈",
jd: "70%",
jd: "70",
},
],
xueshitablecolumns: [
@@ -2163,7 +2172,7 @@ export default {
},
{
title: "进度",
title: "时长",
dataIndex: "jd",
key: "jd",
width: 50,

95
src/views/projectcenter/TemplateLibrary.vue
View File

@@ -47,6 +47,8 @@
<script>
import { reactive, defineComponent, toRefs, onMounted } from "vue";
import { message } from "ant-design-vue";
import { useRouter } from "vue-router";
import { useStore } from "vuex";
import * as api from "@/api/indexTemplate"
const columns1 = [
{
@@ -90,6 +92,9 @@ const columns1 = [
export default defineComponent({
name: "TemplateLibrary",
setup() {
const store = useStore();
// 编辑页面跳转过来时候，自动填充表格
const router = useRouter();
const state = reactive({
value1: null,
tableData1: [
@@ -101,15 +106,6 @@ export default defineComponent({
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 1,
},
{
key: "2",
name: "测试模板2",
status: "未发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 2,
}
],
});
@@ -124,12 +120,10 @@ export default defineComponent({
{value.status === "已发布" ? (
<div class="nselect">
<div class="ops2">
<router-link to="/libraryadd">
<div class="jc">
<div class="jc" onClick={() => {toLibraryAdd(value.projectTemplateId)}}>
查看{" "}
<span style="color:#E9E9E9;margin-left:15px;">|</span>
</div>
</router-link>
</div>
<div class="ops3">
<div class="jc"
@@ -150,12 +144,10 @@ export default defineComponent({
</div>
</div>
<div class="ops2">
<router-link to="/libraryadd">
<div class="jc">
<div class="jc" onClick={() => {toLibraryAdd(value.projectTemplateId)}}>
查看
<span style="color:#E9E9E9;margin-left:15px;">|</span>
</div>
</router-link>
</div>
<div class="ops3">
<div class="jc"
@@ -189,26 +181,28 @@ export default defineComponent({
const getLibraryList = () => {
let obj = {
"beginTime": 0,
"endTime": 0,
"name": "",
"pageNo": pagination.current,
"pageSize": 10,
"status": 0 || 1
"status": 0
}
api.templateList(obj).then((res) => {
state.tableData1 = []
console.log(res);
let resData = res.data.data.rows
if (resData.length) {
for (let i in resData) {
state.tableData1[i].id = i + 1;
state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
state.tableData1[i].status = resData[i].status ? "已发布" : "未发布";
state.tableData1[i].name = resData[i].name;
state.tableData1[i].creator = resData[i].createName;
state.tableData1[i].stutime = resData[i].publishTime;
state.tableData1[i].operation = "operation";
state.tableData1.push({
id : i + 1,
projectTemplateId:resData[i].projectTemplateId,
status:resData[i].status ? "已发布" : "未发布",
name:resData[i].name,
creator:resData[i].createName,
stutime:resData[i].publishTime,
operation:"operation"
})
}
getTableDate1()
} else {
message.warning("获取的列表数据为空值")
}
@@ -227,55 +221,21 @@ export default defineComponent({
})
}
const searchLevel = () => {
state.tableData1 = [
{
key: "1",
name: "测试模板1",
status: "已发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 1,
},
{
key: "2",
name: "测试模板2",
status: "未发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 2,
}
];
getLibraryList();
setTimeout(() => {
const result = state.tableData1.filter(item => item.name.includes(state.value1))
state.tableData1 = result;
getTableDate1()
},100)
};
const resetLevel = () => {
state.value1 = '';
// getLibraryList();
state.tableData1 = [
{
key: "1",
name: "测试模板1",
status: "已发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 1,
},
{
key: "2",
name: "测试模板2",
status: "未发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 2,
}
]
getLibraryList();
getTableDate1()
};
const toLibraryAdd = (id) => {
router.push("/libraryAdd");
store.state.projectTemplateId = id
}
return {
...toRefs(state),
@@ -284,6 +244,7 @@ export default defineComponent({
searchLevel,
resetLevel,
pagination,
toLibraryAdd,
};
},
});

9
src/views/projectcenter/temTask.vue
View File

@@ -1045,6 +1045,7 @@
import draggable from "vuedraggable";
import { storage } from "../../api/storage";
import UnlockMode from "../../components/drawers/UnlockMode.vue";
import {useStore} from "vuex";
// import * as api1 from "../../api/index1";
const drawercolumns = [
@@ -1105,6 +1106,7 @@
UnlockMode,
},
setup() {
const store = useStore();
const state = reactive({
projectId: storage.get("projectId")
? JSON.parse(storage.get("projectId"))
@@ -1507,8 +1509,7 @@
const getTask = () => {
state.tableData = []
api
// .templateDetail(state.projectId || 1)
.templateDetail(1)
.templateDetail(store.state.projectTemplateId)
.then((res) => {
if (res.status == 200) {
console.log("22222", res.data.data.stageList);
@@ -1706,7 +1707,7 @@
if (state.updateStageID) {
let obj = {
name: state.valuesname,
projectTemplateId: 1,
projectTemplateId: store.state.projectTemplateId,
remark: state.valuesnotice,
stageId:state.updateStageID,
};
@@ -1728,7 +1729,7 @@
} else {
let obj = {
name: state.valuesname,
projectTemplateId: 1,
projectTemplateId: store.state.projectTemplateId,
remark: state.valuesnotice,
stageId:0,
};

82
src/views/projectcenter/templateAdd.vue
View File

@@ -311,17 +311,19 @@
</div>
</template>
<script>
import { reactive, toRefs, ref } from "vue";
import { reactive, toRefs, ref,onMounted } from "vue";
import { message } from "ant-design-vue";
import { useRouter, useRoute } from "vue-router";
// import dayjs from "dayjs";
import * as api from "../../api/indexTemplate";
import { storage } from "../../api/storage";
import {useStore} from "vuex";
// import { toDate } from "../../api/method";
export default {
name: "projectAdd",
setup() {
const store = useStore();
// 编辑页面跳转过来时候，自动填充表格
const routers = useRoute();
const isEdit = ref(false);
@@ -580,23 +582,7 @@ export default {
console.log(`selected ${key}`, classifyList4);
// systemid = key;
};
//模版滚动加载信息
const templateScroll = (e) => {
// console.log("滚动", e, b);
const { target } = e;
const scrllHeight = target.scrollHeight - target.scrollTop;
const clientHeight = target.clientHeight;
// console.log("scrllHeight", scrllHeight, clientHeight);
if (scrllHeight === 0 && clientHeight === 0) {
state.currentPage = 1;
} else if (scrllHeight - clientHeight == 0) {
// 下拉到底部时
if (state.currentPage < state.totalPages) {
// 如果滑到底部，则加载下一页
state.currentPage++;
}
}
};
// const removeFile = (file) => {
// const index = fileList1.value.indexOf(file);
@@ -619,6 +605,9 @@ export default {
// attach = attachStr;
// };
onMounted(() => {
})
const errorMsgs = {
name: "请输入模板名称",
category: "请选择模板分类",
@@ -646,11 +635,11 @@ export default {
"sourceBelongId": state.projectInfo.sourceBelongId,
"level": state.projectInfo.level,
"systemId": state.projectInfo.systemId,
"boeFlag": state.projectInfo.boeFlag,
"courseSyncFlag": state.projectInfo.courseSyncFlag,
"boeFlag": state.projectInfo.boeFlag ? 1:0,
"courseSyncFlag": state.projectInfo.courseSyncFlag? 1:0,
"notice": "",
"noticeFlag": 0,
"projectTemplateId": 0,
"projectTemplateId": store.state.projectTemplateId,
"remark": "",
"status": 0,
@@ -667,25 +656,7 @@ export default {
}
}
api
.templateEdit({
"beginTime": 0,
"boeFlag": 0,
"category": 0,
"courseSyncFlag": 0,
"endTime": 0,
"level": 0,
"manager": "",
"managerId": "",
"name": "",
"notice": "",
"noticeFlag": 0,
"picUrl": "",
"projectTemplateId": 0,
"remark": "",
"sourceBelongId": 0,
"status": 0,
"systemId": 0
})
.templateEdit(obj)
.then((res) => {
console.log(res);
if (res.status == 200 && res.data.code == 200) {
@@ -708,35 +679,6 @@ export default {
});
};
// 编辑项目模板
const editTemplate = () => {
let obj = {
"beginTime": state.projectInfo.time,
"boeFlag": state.projectInfo.boeFlag,
"category": 0,
"courseSyncFlag": state.projectInfo.courseSyncFlag,
"endTime": state.projectInfo.time,
"level": state.projectInfo.level,
"manager": state.projectInfo.manager,
"managerId": "",
"name": state.projectInfo.name,
"notice": "",
"noticeFlag": 0,
"picUrl": "",
"projectTemplateId": 0,
"remark": state.projectInfo.remark,
"sourceBelongId": state.projectInfo.sourceBelongId,
"status": 0,
"systemId": state.projectInfo.systemId
};
api.templateEdit(obj).methods(obj).then(res => {
message.success("编辑成功")
console.log(res)
}).catch(err => {
message.error("编辑失败"+err)
console.log(err)
})
}
return {
...toRefs(state),
@@ -766,8 +708,6 @@ export default {
isEdit,
backPage,
dateFormatList,
editTemplate,
templateScroll,
};
},
};

762
src/views/research/ResearchAdd copy.vue
View File

@@ -1,762 +0,0 @@
<!-- 评估管理-创建评估页面 -->
<template>
<div class="researchadd">
<div class="header">
<span class="title">创建评估</span>
<router-link to="/researchmanage" class="goback">
<span class="return"></span>
<router-link class="returntext" to="/researchmanage">
返回
</router-link>
</router-link>
</div>
<div class="addtype">
<div class="addtypen">创建评估类型</div>
<div class="types" @click="handleTypes(1)">单选题</div>
<div class="types" @click="handleTypes(2)">多选题</div>
<div class="types" @click="handleTypes(3)">问答题</div>
<div class="types" @click="handleTypes(4)">评分题</div>
</div>
<div v-for="(item, index) in allFormsData" :key="index">
<ResearchAddSingle v-if="item.type === 1" :item="item" @del="handleDel" />
<ResearchAddMulti v-if="item.type === 2" :item="item" @del="handleDel" />
<ResearchAddAsk v-if="item.type === 3" :item="item" @del="handleDel" />
<ResearchAddPin v-if="item.type === 4" :item="item" @del="handleDel" />
</div>
<div class="opinion name2">
<div class="namebox">
<div class="inname" style="margin-top: 13px">您的其他意见</div>
</div>
<div class="in">
<a-textarea
v-model:value="valueMore"
style="height: 110px"
show-count
:maxlength="200"
/>
</div>
</div>
<div class="footer">
<div class="btn">
<a-button
type="primary"
style="
width: 100px;
height: 40px;
border-radius: 8px;
background-color: #409eff;
"
@click="handleSave"
>
保存
</a-button>
<a-button
type="primary"
ghost
style="
width: 100px;
height: 40px;
margin-left: 14px;
border-radius: 8px;
"
@click="handleAllCancel"
>
取消
</a-button>
</div>
</div>
</div>
</template>
<script>
import { reactive, toRefs, computed } from "vue";
// import { message } from "ant-design-vue";
// import { createResearch } from "../../api/indexResearch";
import ResearchAddSingle from "./components/ResearchAddSingle.vue";
import ResearchAddMulti from "./components/ResearchAddMulti.vue";
import ResearchAddAsk from "./components/ResearchAddAsk.vue";
import ResearchAddPin from "./components/ResearchAddPin.vue";
import { sortBy, traverseArr, filterCommon } from "../../utils/utils";
import {
queryResearchDetailById,
editResearchMessage,
createResearch,
} from "@/api/indexResearch";
import { useRouter } from "vue-router";
import store from "@/store";
export default {
name: "ResearchAdd",
components: {
ResearchAddSingle,
ResearchAddMulti,
ResearchAddAsk,
ResearchAddPin,
},
setup() {
const router = useRouter();
const state = reactive({
assessmentId: "", //编辑时候传
assessmentName: "",
assessmentNameNew: computed(() => store.state.assessmentName),
allFormsData: [],
valueMore: "",
});
const getInfoDate = async () => {
let id = router.currentRoute.value.params.id;
if (id) {
state.assessmentId = id;
let renderArr = [];
let res = await queryResearchDetailById({
assessmentId: state.assessmentId,
});
console.log("res1111111111");
console.log(res);
state.assessmentName = res.assessmentName;
state.valueMore = res.assessmentMark;
renderArr.concat(
res.singleStemVoList,
res.multipleStemVoList,
res.essayQuestionVoList,
res.scoringQuestionVoList
);
sortBy(renderArr, "orderNumber"); //序号
console.log("renderArr");
console.log(renderArr);
this.allFormsData = parseData(renderArr, "questionType"); //类型
console.log("this.allFormsData");
console.log(this.allFormsData);
}
};
getInfoDate();
// 转换成前端格式
const parseData = (arr, typeKey) => {
console.log(arr);
console.log(typeKey);
const resultArr = [];
arr.forEach((item) => {
let obj = {};
if (item[typeKey] === 1) {
let restList = traverseArr(item.assessmentSingleChoiceVoList, {
inputVal: "singleOptionName",
imgVal: "singleOptionPictureAddress",
}).map((itm, idx) => {
itm.id = idx + 1;
return itm;
});
obj = {
type: item[typeKey],
valueSingle: item.singleStemName,
singleList: restList,
};
resultArr.push(obj);
}
if (item[typeKey] === 2) {
let restList = traverseArr(item.multipleChoiceVoList, {
inputVal: "multipleOptionName",
imgVal: "multipleOptionPictureAddress",
}).map((itm, idx) => {
itm.id = idx + 1;
return itm;
});
obj = {
type: item[typeKey],
valueMutil: item.multipleStemName,
mutilList: restList,
};
resultArr.push(obj);
}
if (item[typeKey] === 3) {
obj = {
type: item[typeKey],
valueAsk: item.assessmentQaTitle,
valueAskDesc: item.assessmentQaDescribe,
};
resultArr.push(obj);
}
if (item[typeKey] === 4) {
obj = {
type: item[typeKey],
valuePin: item.assessmentScTitle,
minScore: item.assessmentScore, //?
maxScore: item.assessmentScore, //?
pinQuan: item.weightScale,
};
resultArr.push(obj);
}
});
resultArr.map((itm, idx) => {
itm.id = idx + 1;
return itm;
});
console.log(resultArr);
return resultArr;
};
// 转换成后端格式
const restData = (arr, typeKey) => {
console.log("转换成后端格式");
console.log(arr);
console.log(typeKey);
const resultArr = [];
arr.forEach((item) => {
let obj = {};
if (item[typeKey] === 1) {
console.log(11111111111);
let restList = traverseArr(item.singleList, {
singleOptionName: "inputVal",
singleOptionPictureAddress: "imgVal",
}).map((itm, idx) => {
itm.optionOrderNum = idx + 1;
return itm;
});
console.log(restList);
obj = {
questionType: item[typeKey],
singleStemName: item.valueSingle,
singleList: restList,
};
resultArr.push(obj);
}
if (item[typeKey] === 2) {
let restList = traverseArr(item.mutilList, {
multipleOptionName: "inputVal",
multipleOptionPictureAddress: "imgVal",
}).map((itm, idx) => {
itm.optionOrderNum = idx + 1;
return itm;
});
obj = {
questionType: item[typeKey],
multipleStemName: item.valueMutil,
mutilList: restList,
};
resultArr.push(obj);
}
if (item[typeKey] === 3) {
obj = {
questionType: item[typeKey],
assessmentQaTitle: item.valueAsk,
assessmentQaDescribe: item.valueAskDesc,
};
resultArr.push(obj);
}
if (item[typeKey] === 4) {
obj = {
questionType: item[typeKey],
assessmentScTitle: item.valuePin,
assessmentScore: item.minScore, //?
assessmentScore1: item.maxScore, //?
weightScale: item.pinQuan,
};
resultArr.push(obj);
}
});
resultArr.map((itm, idx) => {
itm.orderNumber = idx + 1;
return itm;
});
console.log(resultArr);
return resultArr;
};
// 解散传值
const parseItem = (arr) => {
console.log(676767);
console.log(arr);
const filterComObj = filterCommon(arr, "questionType");
console.log("filterComObj");
console.log(filterComObj);
let resultObj = {};
for (let key in filterComObj) {
console.log("key");
console.log(key);
if (key === "1") {
let arrSingle = filterComObj[key];
console.log(arrSingle);
let arr = [];
arrSingle.forEach((item) => {
if (item.singleList.length) {
item.singleList.forEach((itm) => {
arr.push({
...itm,
singleStemName: item.singleStemName,
orderNumber: item.orderNumber,
questionType: item.questionType,
});
});
}
});
resultObj.assessmentSingleChoiceDtoList = arr;
}
if (key === "2") {
let arrMulti = filterComObj[key];
let arr = [];
arrMulti.forEach((item) => {
if (item.mutilList.length) {
item.mutilList.forEach((itm) => {
arr.push({
...itm,
multipleStemName: item.multipleStemName,
orderNumber: item.orderNumber,
questionType: item.questionType,
});
});
}
});
resultObj.assessmentMultipleChoiceDtoList = arr;
}
if (key === "3") {
resultObj.assessmentEssayQuestionDtoList = filterComObj[key];
}
if (key === "4") {
resultObj.assessmentScoringQuestionDtoList = filterComObj[key];
}
}
console.log("resultObj");
console.log(resultObj);
return resultObj;
};
const creatFromData = (type) => {
let obj = {};
switch (type) {
case 1:
obj = {
type,
id: state.allFormsData.length,
valueSingle: "",
singleList: [
{
id: 1,
inputVal: "",
imgVal: "",
},
],
};
break;
case 2:
obj = {
type,
id: state.allFormsData.length,
valueMutil: "",
mutilList: [
{
id: 1,
inputVal: "",
imgVal: "",
},
],
};
break;
case 3:
obj = {
type,
id: state.allFormsData.length,
valueAsk: "",
valueAskDesc: "",
};
break;
case 4:
obj = {
type,
id: state.allFormsData.length,
valuePin: "",
minScore: 1,
maxScore: 10,
pinQuan: 100,
};
break;
}
return obj;
};
const handleTypes = (type) => {
state.allFormsData.push(creatFromData(type));
};
const handleDel = ({ id }) => {
state.allFormsData.forEach((item, index) => {
if (item.id === id) {
state.allFormsData.splice(index, 1);
}
});
state.allFormsData.map((item, index) => {
item.id = index + 1;
return item;
});
};
const handleSave = () => {
let resultPost = {};
let filterData = parseItem(restData(state.allFormsData, "type"));
console.log(777);
console.log(filterData);
console.log(state.allFormsData);
console.log("当前权重设置是百分制 请重新配置");
if (state.assessmentId) {
resultPost = {
assessmentId: state.assessmentId,
assessmentName: state.assessmentName
? state.assessmentName
: "编辑测试",
assessmentMark: state.assessmentMark,
...filterData,
};
console.log("resultPost2222222222");
console.log(resultPost);
editResearchMessage(resultPost).then((res) => {
console.log(res);
});
} else {
resultPost = {
assessmentName: state.assessmentNameNew,
assessmentMark: state.assessmentMark,
...filterData,
};
console.log("resultPost111111");
console.log(resultPost);
createResearch(resultPost).then((res) => {
console.log(res);
});
}
};
const handleAllCancel = () => {
state.allFormsData = [];
};
return {
...toRefs(state),
handleTypes,
handleSave,
handleAllCancel,
handleDel,
};
},
};
</script>
<style lang="scss">
.researchadd {
width: 100%;
display: flex;
flex-direction: column;
.header {
width: 100%;
display: flex;
justify-content: space-between;
.title {
color: #000000;
font-size: 18px;
//line-height: 36px;
padding-top: 30px;
padding-left: 37px;
//font-weight: 500;
}
.goback {
padding-right: 70px;
//padding-top: 37px;
position: relative;
.return {
display: inline-block;
width: 42px;
height: 42px;
margin-top: 17px;
margin-right: 10px;
background-image: url("../../assets/images/projectadd/return.png");
}
.returntext {
display: inline-block;
position: absolute;
top: 27px;
color: #4ea6ff;
font-size: 14px;
}
}
}
.addtype {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-right: 20px;
align-items: center;
margin-left: 41px;
.addtypen {
color: #6f6f6f;
font-size: 14px;
}
.types {
cursor: pointer;
width: 80px;
height: 40px;
color: #409eff;
border: 1px solid #409eff;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 10px;
}
.typesCur {
color: #fff;
background: #409eff;
}
}
.content {
display: flex;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.1);
width: 70%;
min-width: 690px;
margin-left: 38px;
margin-top: 20px;
.tagbox {
display: flex;
justify-content: space-between;
.tagname {
width: 90px;
height: 32px;
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 134px;
background: rgba(78, 166, 255, 0.1);
border-radius: 4px;
color: rgba(64, 158, 255, 1);
font-size: 16px;
}
.deleteop {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
margin-top: 20px;
margin-right: 30px;
border: 1px solid #409eff;
border-radius: 8px;
cursor: pointer;
.del_text {
color: #409eff;
font-size: 14px;
margin-left: 5px;
}
}
}
.scorebox {
display: flex;
align-items: center;
margin-top: 20px;
margin-left: 70px;
.scoretext {
font-size: 14px;
color: #56a3f9;
}
.number {
display: flex;
border: 1px solid #d7e5fd;
border-radius: 5px;
margin: 0 10px;
padding: 5px;
.btn {
width: 40px;
height: 40px;
border: 1px solid #56a3f9;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
margin: 5px;
font-size: 14px;
font-weight: 400;
color: #56a3f9;
line-height: 24px;
cursor: pointer;
}
.curBtn {
background: #56a3f9;
color: #fff;
}
}
}
.picture {
width: 100px;
display: flex;
flex-direction: column;
margin-top: 20px;
margin-left: 133px;
.pictureimg {
width: 100px;
height: 100px;
}
.picturename {
color: #6f6f6f;
font-size: 14px;
}
}
.options {
display: flex;
}
.delete {
cursor: pointer;
margin-top: 32px;
margin-left: 20px;
// float: right;
color: #4ea6ff;
font-size: 14px;
}
.name2 {
display: flex;
align-items: flex-start;
}
.name {
width: 60%;
// background-color: lightcoral;
display: flex;
margin-top: 20px;
//align-items: center;
//height: 40px;
// border: 1px solid black;
.namebox {
width: 120px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
.nameimg {
width: 10px;
height: 10px;
}
}
.inname {
color: #6f6f6f;
font-size: 14px;
margin-left: 7px;
font-weight: 700;
}
.in {
margin-left: 14px;
flex: 1;
.assess {
display: flex;
width: 226px;
height: 40px;
border: 1px solid #56a3f9;
//margin-bottom: 20px;
.assesstype {
width: 50%;
background: #56a3f9;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.assesswhole {
width: 50%;
background: rgba(86, 163, 249, 0.1);
font-size: 14px;
color: #6f6f6f;
display: flex;
justify-content: center;
align-items: center;
}
.ratio {
position: absolute;
right: 10px;
top: 8px;
color: #6f6f6f;
font-size: 14px;
}
}
.addimg {
cursor: pointer;
color: rgba(78, 166, 255, 1);
font-size: 14px;
}
.text {
color: rgba(109, 117, 132, 1);
font-size: 14px;
//line-height: 24px;
}
.ant-radio-wrapper {
}
.ant-input {
border-radius: 5px;
// height: 120%;
width: 100%;
height: 35px;
}
.ant-select-selector {
border-radius: 5px;
// height: 120%;
width: 100%;
height: 40px;
}
}
.numberInp {
width: 200px;
.ant-input-number {
width: 200px;
height: 40px;
border-radius: 8px;
}
// .ant-input-number-input-wrap {
// width: 200px;
// }
}
}
}
.name2 {
display: flex;
align-items: flex-start;
}
.opinion {
display: flex;
margin-top: 30px;
.namebox {
width: 120px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.in {
margin-left: 14px;
width: 500px;
.ant-input-textarea-show-count {
position: relative;
height: 110px;
}
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 0px;
}
.ant-input {
border-radius: 8px;
}
}
}
.footer {
width: 100%;
margin-top: 31px;
margin-bottom: 14px;
.btn {
display: flex;
margin-bottom: 20px;
justify-content: center;
cursor: pointer;
}
}
.uploadContent {
display: block !important;
.uploadBtn {
margin-left: 120px !important;
}
}
}
</style>