mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
feat:新增基础信息-设置-编辑
This commit is contained in:
dongwug
BIN
src/assets/images/taskpage/edit.png
Normal file
BIN
src/assets/images/taskpage/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 443 B |
@@ -864,9 +864,9 @@
|
|||||||
-->
|
-->
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<div class="set_body">
|
<div class="set_body">
|
||||||
<div class="edit">
|
<div class="edit" @click="edit_hShow">
|
||||||
<div class="img"></div>
|
<div class="img"></div>
|
||||||
<div class="ed">编辑</div>
|
<div class="ed">编辑11</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="set_content">
|
<div class="set_content">
|
||||||
<div class="setc_name"><span>项目名称：</span></div>
|
<div class="setc_name"><span>项目名称：</span></div>
|
||||||
@@ -1146,6 +1146,245 @@
|
|||||||
</a-modal>
|
</a-modal>
|
||||||
</div>
|
</div>
|
||||||
<!-- 取消学员弹窗 -->
|
<!-- 取消学员弹窗 -->
|
||||||
|
<!-- 编辑弹窗 -->
|
||||||
|
<div>
|
||||||
|
<a-modal
|
||||||
|
v-model:visible="edit_hs"
|
||||||
|
:title="null"
|
||||||
|
@ok="closeModal"
|
||||||
|
:footer="null"
|
||||||
|
:closable="false"
|
||||||
|
wrapClassName="set_edit"
|
||||||
|
width="679px"
|
||||||
|
@cancel="edit_exit"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="modalHeader"
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 68px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="headerLeft" style="margin-left: 32px">
|
||||||
|
<span style="width: 15px; height: 15px"
|
||||||
|
><img src="../../assets/images/taskpage/edit.png"
|
||||||
|
/></span>
|
||||||
|
<span
|
||||||
|
class="headerLeftText"
|
||||||
|
style="font-size: 16px; margin-left: 10px"
|
||||||
|
>编辑</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
|
||||||
|
<img
|
||||||
|
style="width: 22px; height: 22px"
|
||||||
|
src="../../assets/images/basicinfo/close.png"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modalMain">
|
||||||
|
<div class="projectname">基本信息</div>
|
||||||
|
<div class="setbody">
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">项目名称：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-input
|
||||||
|
v-model:value="inputV1"
|
||||||
|
style="width: 424px; height: 32px"
|
||||||
|
placeholder="请输入项目名称"
|
||||||
|
maxlength="20"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item2">
|
||||||
|
<div class="signbox">
|
||||||
|
<span style="margin-right: 3px">直播封面：</span>
|
||||||
|
</div>
|
||||||
|
<div class="textarea">
|
||||||
|
<a-upload
|
||||||
|
v-model:file-list="fileList"
|
||||||
|
name="avatar"
|
||||||
|
list-type="picture-card"
|
||||||
|
class="avatar-uploader"
|
||||||
|
:show-upload-list="false"
|
||||||
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
||||||
|
:before-upload="beforeUpload"
|
||||||
|
@change="handleChange"
|
||||||
|
>
|
||||||
|
<img v-if="imageUrl" :src="imageUrl" alt="avatar" />
|
||||||
|
<div v-else>
|
||||||
|
<loading-outlined v-if="loading"></loading-outlined>
|
||||||
|
<plus-outlined v-else></plus-outlined>
|
||||||
|
<div class="ant-upload-text">Upload</div>
|
||||||
|
</div>
|
||||||
|
</a-upload>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">项目时间：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-range-picker
|
||||||
|
style="width: 424px"
|
||||||
|
:placeholder="[' 开始时间', ' 结束时间']"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">项目经理：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-select
|
||||||
|
dropdownClassName="dropdown-style"
|
||||||
|
style="width: 424px"
|
||||||
|
placeholder="请选择项目经理"
|
||||||
|
:options="options1"
|
||||||
|
allowClear
|
||||||
|
showSearch
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">资源归属：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-input
|
||||||
|
v-model:value="inputV1"
|
||||||
|
style="width: 424px; height: 32px"
|
||||||
|
placeholder="自动带出 可修改"
|
||||||
|
maxlength="20"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item2">
|
||||||
|
<div class="signbox">
|
||||||
|
<span style="margin-right: 3px">项目说明：</span>
|
||||||
|
</div>
|
||||||
|
<div class="textarea">
|
||||||
|
<a-textarea
|
||||||
|
v-model:value="textV1"
|
||||||
|
placeholder="请输入说明"
|
||||||
|
allow-clear
|
||||||
|
maxlength="150"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<span style="margin-right: 3px">同步学习记录：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-radio-group v-model:value="radioV1">
|
||||||
|
<a-radio
|
||||||
|
v-model:checked="checked"
|
||||||
|
:value="1"
|
||||||
|
@click="cloradio1"
|
||||||
|
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）</a-radio
|
||||||
|
>
|
||||||
|
</a-radio-group>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">项目级别：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-input
|
||||||
|
v-model:value="inputV1"
|
||||||
|
style="width: 424px; height: 32px"
|
||||||
|
placeholder="集团级/组织级/现地级/部门级"
|
||||||
|
maxlength="20"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">培训体系：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-input
|
||||||
|
v-model:value="inputV1"
|
||||||
|
style="width: 424px; height: 32px"
|
||||||
|
placeholder="集团级/组织级/现地级/部门级"
|
||||||
|
maxlength="20"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_item">
|
||||||
|
<div class="signbox">
|
||||||
|
<div class="sign">
|
||||||
|
<img
|
||||||
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 3px">是否BOEU实施：</span>
|
||||||
|
</div>
|
||||||
|
<div class="btnbox">
|
||||||
|
<a-radio-group v-model:value="radioV2">
|
||||||
|
<a-radio
|
||||||
|
v-model:checked="checked"
|
||||||
|
:value="1"
|
||||||
|
@click="cloradio2"
|
||||||
|
>BOEU实施</a-radio
|
||||||
|
>
|
||||||
|
</a-radio-group>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pubtn">
|
||||||
|
<a-button class="pubtn1" @click="closeModal">取消</a-button>
|
||||||
|
<a-button class="pubtn2" @click="closeModal">发布</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
<!-- 编辑弹窗 -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -1347,6 +1586,7 @@ export default {
|
|||||||
Importvisible: false, //导入学员
|
Importvisible: false, //导入学员
|
||||||
Seevisible: false, //查看学员
|
Seevisible: false, //查看学员
|
||||||
Changevisible: false, //学员换组
|
Changevisible: false, //学员换组
|
||||||
|
edit_hs: false, //编辑弹窗
|
||||||
pubproject: false,
|
pubproject: false,
|
||||||
stugroup: false,
|
stugroup: false,
|
||||||
canclestu: false,
|
canclestu: false,
|
||||||
@@ -1355,6 +1595,8 @@ export default {
|
|||||||
checked2: false,
|
checked2: false,
|
||||||
checkedd: false, //设置按钮1
|
checkedd: false, //设置按钮1
|
||||||
checkedd2: false, //设置按钮2
|
checkedd2: false, //设置按钮2
|
||||||
|
radioV1: "",
|
||||||
|
radioV2: "",
|
||||||
activeKey: "2",
|
activeKey: "2",
|
||||||
activeKey1: "8",
|
activeKey1: "8",
|
||||||
valueName: "", //排行榜输入姓名
|
valueName: "", //排行榜输入姓名
|
||||||
@@ -1886,6 +2128,22 @@ export default {
|
|||||||
const changecheck3 = () => {
|
const changecheck3 = () => {
|
||||||
state.checkedd2 = !state.checkedd2;
|
state.checkedd2 = !state.checkedd2;
|
||||||
};
|
};
|
||||||
|
const edit_hShow = () => {
|
||||||
|
state.edit_hs = true;
|
||||||
|
};
|
||||||
|
const edit_exit = () => {
|
||||||
|
state.edit_hs = false;
|
||||||
|
};
|
||||||
|
const cloradio1 = (value) => {
|
||||||
|
if (value != "") {
|
||||||
|
state.radioV1 = "";
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const cloradio2 = (value) => {
|
||||||
|
if (value != "") {
|
||||||
|
state.radioV2 = "";
|
||||||
|
}
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
showModal,
|
showModal,
|
||||||
@@ -1908,6 +2166,10 @@ export default {
|
|||||||
showImportStu,
|
showImportStu,
|
||||||
showSeeStu,
|
showSeeStu,
|
||||||
showChangeGroup,
|
showChangeGroup,
|
||||||
|
edit_hShow,
|
||||||
|
edit_exit,
|
||||||
|
cloradio1,
|
||||||
|
cloradio2,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -3392,4 +3654,171 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.set_edit {
|
||||||
|
.ant-modal {
|
||||||
|
width: 866px !important;
|
||||||
|
height: 870px !important;
|
||||||
|
.ant-modal-body {
|
||||||
|
.modalHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(78, 166, 255, 0.2) 0%,
|
||||||
|
rgba(78, 166, 255, 0) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.modalHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
0deg,
|
||||||
|
rgba(78, 166, 255, 0) 0%,
|
||||||
|
rgba(78, 166, 255, 0.2) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modalMain {
|
||||||
|
.projectname {
|
||||||
|
color: rgba(79, 81, 86, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin-left: 62px;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.setbody {
|
||||||
|
margin-left: 67px;
|
||||||
|
.main_item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
.signbox {
|
||||||
|
width: 130px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
align-items: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
.sign {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btnbox {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
align-items: center;
|
||||||
|
.xkbtn {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 130px;
|
||||||
|
height: 40px;
|
||||||
|
background: #388be1;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 0;
|
||||||
|
margin-right: 8px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.main_item2 {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
.signbox {
|
||||||
|
width: 130px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
align-items: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
.sign {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.kqszbox {
|
||||||
|
.qdqtbox {
|
||||||
|
margin-left: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.qdbtn,
|
||||||
|
.qtbtn {
|
||||||
|
width: 75px;
|
||||||
|
height: 24px;
|
||||||
|
background: rgba(56, 139, 225, 0.16);
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid #387df7;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.btntext {
|
||||||
|
color: #387df7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.setbox {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
.timerbox {
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-right: 32px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btnbox2 {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
.xkbtn {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 130px;
|
||||||
|
height: 40px;
|
||||||
|
background: #388be1;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 0;
|
||||||
|
margin-right: 16px 8px 32px 0;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pubtn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 25px;
|
||||||
|
|
||||||
|
//margin-bottom: 29px;
|
||||||
|
.pubtn1 {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 16px;
|
||||||
|
margin-bottom: 29px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: rgba(78, 166, 255, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
//line-height: 36px;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pubtn2 {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-bottom: 29px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 14px;
|
||||||
|
align-items: center;
|
||||||
|
//line-height: 36px;
|
||||||
|
background: #409eff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user