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

-- 样式修改

Browse Source
This commit is contained in:
yuping
2022-12-10 15:27:42 +08:00
parent 39f8bd9830
commit 4579c619fb
3 changed files with 59 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/project/ProjectManagerNew.vue
View File

@@ -8,7 +8,6 @@
v-model:value="managerArray"
:placeholder="placeholder"
:filterOption="false"
style="width: 440px;"
:options="isOpen?options:selectOptions"
allowClear
showSearch
@@ -20,6 +19,7 @@
@change="change"
@blur="blur"
:show-arrow="false"
style="width: 100%"
>
<template v-if="loading" #notFoundContent>
<a-spin size="small"/>

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

@@ -48,18 +48,6 @@
/>
</div>
</div>
<div class="name">
<div class="namebox">
<img
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">分类</div>
</div>
<div class="in select">
<ProjectClass v-model:value="projectInfo.category"></ProjectClass>
</div>
</div>
<div class="name flex-top">
<div class="namebox" style="margin-top: 10px">
<img
@@ -68,36 +56,28 @@
/>
<div class="inname">封面图</div>
</div>
<div class="in select" style="flex: 1">
<a-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
<div class="in select" style="flex: 1;display: flex">
<div
:class="`box ${projectInfo.picUrl === src ? 'active' : ''}`"
style="
width: 100px;
height: 100px;
border-radius: 5px;
cursor: pointer;
position: relative;
overflow: hidden;
"
v-model:value="picUrlName"
dropdownClassName="dropdown-style"
style="width: 440px"
placeholder="请选择"
:options="projectPic"
@change="handleChangeSelect"
allowClear
></a-select>
v-for="(src, index) in projectPic"
:key="index"
@click="() => (projectInfo.picUrl = src)"
>
<img
style="
width: 100px;
height: 100px;
margin-top: 20px;
border-radius: 8px;
"
v-if="projectInfo.picUrl"
:src="projectInfo.picUrl"
alt="avatar"
/>
<div class="i_bottom">
<span style="color: #999ba3">
高宽比为16:9 (如:800*450) png或jpg图片
</span>
margin-bottom: 4px;
margin-right: 4px;
" :src="src.value" alt="avatar"/>
</div>
</div>
</div>
@@ -156,54 +136,6 @@
></OrgClass>
</div>
</div>
<div class="name name2">
<div class="namebox">
<div class="inname" style="margin-top: 13px">项目说明</div>
</div>
<div class="in">
<a-textarea
v-model:value="projectInfo.remark"
style="height: 80px"
placeholder="请输入说明"
show-count
:maxlength="200"
:disabled="viewDetail ? true : false"
/>
</div>
</div>
<div class="name name2">
<div class="namebox">
<div class="inname">同步学习记录</div>
</div>
<div class="in">
<a-checkbox
v-model:checked="courseSyncFlag"
:disabled="viewDetail ? true : false"
><span
style="
width: 100%;
color: rgba(109, 117, 132, 1);
font-size: 14px;
"
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
></a-checkbox
>
<!-- <a-switch
v-model:checked="projectInfo.courseSyncFlag"
:checkedValue="1"
:unCheckedValue="0"
:disabled="viewDetail ? true : false"
><span
style="
width: 100%;
color: rgba(109, 117, 132, 1);
font-size: 14px;
"
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
></a-switch
> -->
</div>
</div>
<div class="name">
<div class="namebox">
<img
@@ -230,10 +162,6 @@
</div>
<div class="name">
<div class="namebox">
<!-- <img-->
<!-- class="nameimg"-->
<!-- src="../../assets/images/basicinfo/asterisk.png"-->
<!-- />-->
<img
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
@@ -241,12 +169,6 @@
<div class="inname">是否BOEU实施</div>
</div>
<div class="in">
<!-- <a-switch
v-model:checked="projectInfo.boeFlag"
:checkedValue="1"
:unCheckedValue="0"
:disabled="viewDetail ? true : false"
></a-switch> -->
<a-radio-group
v-model:value="projectInfo.boeFlag"
:disabled="viewDetail ? true : false"
@@ -256,6 +178,40 @@
</a-radio-group>
</div>
</div>
<div class="name name2">
<div class="namebox">
<div class="inname">同步学习记录</div>
</div>
<div class="in">
<a-checkbox
v-model:checked="courseSyncFlag"
:disabled="viewDetail ? true : false"
><span
style="
width: 100%;
color: rgba(109, 117, 132, 1);
font-size: 14px;
"
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
></a-checkbox
>
</div>
</div>
<div class="name name2">
<div class="namebox">
<div class="inname" style="margin-top: 13px">项目说明</div>
</div>
<div class="in">
<a-textarea
v-model:value="projectInfo.remark"
style="height: 80px"
placeholder="请输入说明"
show-count
:maxlength="200"
:disabled="viewDetail ? true : false"
/>
</div>
</div>
</div>
<div class="template">
<div class="name">
@@ -569,7 +525,7 @@ export default {
}
.active {
border: 1px solid rgba(78, 166, 255, 1);
border: 2px solid rgba(78, 166, 255, 1);
}
.content {

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

@@ -1304,7 +1304,7 @@ export default {
title: "项目名称",
dataIndex: "name",
key: "name",
width: 280,
width: 480,
// align: "center",
ellipsis: true,
// scopedSlots: { customRender: "action" }, //引入的插槽
@@ -1316,8 +1316,9 @@ export default {
{
title: "项目经理",
dataIndex: "manager",
ellipsis: true,
key: "manager",
width: 100,
width: 300,
align: "center",
},
{
@@ -1394,7 +1395,7 @@ export default {
dataIndex: "operation",
key: "operation",
width: 300,
align: "center",
align: "right",
fixed: "right",
customRender: (value) => {
// console.log("value", value.record.type, value.record.status);