mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 20:06:47 +08:00
fix:项目显示问题
This commit is contained in:
@@ -5,31 +5,18 @@
|
||||
<div class="leftmain">
|
||||
<div class="tit">
|
||||
阶段
|
||||
<img
|
||||
src="../../assets/images/projectadd/right.png"
|
||||
style="margin-left: 10px; cursor: pointer"
|
||||
@click="showCancel"
|
||||
/>
|
||||
<img src="../../assets/images/projectadd/right.png" style="margin-left: 10px; cursor: pointer"
|
||||
@click="showCancel" />
|
||||
</div>
|
||||
<div class="btn btn3" @click="showModal()" style="margin-left: 19px">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">添加阶段</div>
|
||||
</div>
|
||||
<div class="maincon" style="background-color: #fff">
|
||||
<draggable
|
||||
v-model="level"
|
||||
chosenClass="chosen"
|
||||
ghostClass="ghost"
|
||||
forceFallback="true"
|
||||
group="stage"
|
||||
animation="500"
|
||||
>
|
||||
<draggable v-model="level" chosenClass="chosen" ghostClass="ghost" forceFallback="true" group="stage"
|
||||
animation="500">
|
||||
<template #item="{ element }">
|
||||
<div
|
||||
class="items"
|
||||
:class="chooseStageId == element.id ? 'active' : ''"
|
||||
@click="changebgc(element.id)"
|
||||
>
|
||||
<div class="items" :class="chooseStageId == element.id ? 'active' : ''" @click="changebgc(element.id)">
|
||||
<div class="items1">
|
||||
<div class="boxs_left">
|
||||
<a-popover placement="topLeft" trigger="click">
|
||||
@@ -42,26 +29,18 @@
|
||||
<span>阶段说明</span>
|
||||
</template>
|
||||
<div class="script">
|
||||
<span style="font-size: 12px; color: #ffffff"
|
||||
>说明</span
|
||||
>
|
||||
<span style="font-size: 12px; color: #ffffff">说明</span>
|
||||
</div>
|
||||
</a-popover>
|
||||
|
||||
<div class="imgIcon" @click="showModal(element)"></div>
|
||||
</div>
|
||||
<div class="boxs_right">
|
||||
<div
|
||||
class="imgIcon"
|
||||
@click="showDeleteStage(element.id)"
|
||||
></div>
|
||||
<div class="imgIcon" @click="showDeleteStage(element.id)"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items2">
|
||||
<a-popover
|
||||
placement="topLeft"
|
||||
v-if="element.tit?.length > 10"
|
||||
>
|
||||
<a-popover placement="topLeft" v-if="element.tit?.length > 10">
|
||||
<template #content>
|
||||
<div style="width: 130px">
|
||||
{{ element.tit }}
|
||||
@@ -140,14 +119,9 @@
|
||||
<!-- <img class="img2" src="../../assets/images/projectadd/keep.png" />
|
||||
<div class="pub">保存</div>
|
||||
<div class="line"></div> -->
|
||||
<router-link
|
||||
:to="{ path: `/taskpage`, query: { projectId: projectId } }"
|
||||
>
|
||||
<router-link :to="{ path: `/taskpage`, query: { projectId: projectId } }">
|
||||
<div style="display: flex">
|
||||
<img
|
||||
class="img2"
|
||||
src="../../assets/images/leveladd/back.png"
|
||||
/>
|
||||
<img class="img2" src="../../assets/images/leveladd/back.png" />
|
||||
<div class="return">返回</div>
|
||||
</div>
|
||||
</router-link>
|
||||
@@ -164,16 +138,9 @@
|
||||
</div>
|
||||
<!-- 添加在线侧弹窗 -->
|
||||
<div>
|
||||
<add-online
|
||||
v-model:addonlineVisible="addonlinevisible"
|
||||
@changeData="updateTableData"
|
||||
:isLevel="isLevel"
|
||||
v-model:edit="edit"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
v-model:EditOnlineId="EditOnlineId"
|
||||
/>
|
||||
<add-online v-model:addonlineVisible="addonlinevisible" @changeData="updateTableData" :isLevel="isLevel"
|
||||
v-model:edit="edit" v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId" v-model:EditOnlineId="EditOnlineId" />
|
||||
</div>
|
||||
<!-- 添加在线侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -187,16 +154,10 @@
|
||||
</div>
|
||||
<!-- 添加面授侧弹窗 -->
|
||||
<div>
|
||||
<add-faceteach
|
||||
v-model:addfaceteachVisible="addfaceteachvisible"
|
||||
v-model:EditFaceId="EditFaceId"
|
||||
v-model:edit="edit"
|
||||
:isLevel="isLevel"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
@changeData="updateTableData"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
/>
|
||||
<add-faceteach v-model:addfaceteachVisible="addfaceteachvisible" v-model:EditFaceId="EditFaceId"
|
||||
v-model:edit="edit" :isLevel="isLevel" v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId" @changeData="updateTableData"
|
||||
v-model:projectTaskId="projectTaskId" />
|
||||
</div>
|
||||
<!-- 添加面授侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -210,16 +171,9 @@
|
||||
</div>
|
||||
<!-- 添加案例侧弹窗 -->
|
||||
<div>
|
||||
<add-case
|
||||
v-model:addcaseVisible="addcasevisible"
|
||||
@changeData="updateTableData"
|
||||
:isLevel="isLevel"
|
||||
v-model:edit="edit"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
v-model:EditCaseId="EditCaseId"
|
||||
/>
|
||||
<add-case v-model:addcaseVisible="addcasevisible" @changeData="updateTableData" :isLevel="isLevel"
|
||||
v-model:edit="edit" v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId" v-model:EditCaseId="EditCaseId" />
|
||||
</div>
|
||||
<!-- 添加案例侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -233,16 +187,10 @@
|
||||
</div>
|
||||
<!-- 添加作业侧弹窗 -->
|
||||
<div>
|
||||
<add-homework
|
||||
v-model:addhomeworkVisible="addhomeworkvisible"
|
||||
@changeData="updateTableData"
|
||||
v-model:isLevel="isLevel"
|
||||
v-model:edit="edit"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:EditWorkId="EditWorkId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
/>
|
||||
<add-homework v-model:addhomeworkVisible="addhomeworkvisible" @changeData="updateTableData"
|
||||
v-model:isLevel="isLevel" v-model:edit="edit" v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId" v-model:EditWorkId="EditWorkId"
|
||||
v-model:projectTaskId="projectTaskId" />
|
||||
</div>
|
||||
<!-- 添加作业侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -256,16 +204,9 @@
|
||||
</div>
|
||||
<!-- 添加考试侧弹窗 -->
|
||||
<div>
|
||||
<add-test
|
||||
v-model:addtestVisible="addtestvisible"
|
||||
@changeData="updateTableData"
|
||||
:isLevel="isLevel"
|
||||
v-model:edit="edit"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:EditTestId="EditTestId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
/>
|
||||
<add-test v-model:addtestVisible="addtestvisible" @changeData="updateTableData" :isLevel="isLevel"
|
||||
v-model:edit="edit" v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
|
||||
v-model:EditTestId="EditTestId" v-model:projectTaskId="projectTaskId" />
|
||||
</div>
|
||||
<!-- 添加考试侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -279,16 +220,9 @@
|
||||
</div>
|
||||
<!-- 添加直播侧弹窗 -->
|
||||
<div>
|
||||
<add-live
|
||||
v-model:addliveVisible="addlivevisible"
|
||||
:isLevel="isLevel"
|
||||
@changeData="updateTableData"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:edit="edit"
|
||||
v-model:EditLiveId="EditLiveId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
/>
|
||||
<add-live v-model:addliveVisible="addlivevisible" :isLevel="isLevel" @changeData="updateTableData"
|
||||
v-model:projectId="projectId" v-model:chooseStageId="chooseStageId" v-model:edit="edit"
|
||||
v-model:EditLiveId="EditLiveId" v-model:projectTaskId="projectTaskId" />
|
||||
</div>
|
||||
<!-- 添加直播侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -302,16 +236,9 @@
|
||||
</div>
|
||||
<!-- 添加外链侧弹窗 -->
|
||||
<div>
|
||||
<add-ref
|
||||
v-model:addrefVisible="addrefvisible"
|
||||
:isLevel="isLevel"
|
||||
@changeData="updateTableData"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:edit="edit"
|
||||
v-model:EditRefId="EditRefId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
/>
|
||||
<add-ref v-model:addrefVisible="addrefvisible" :isLevel="isLevel" @changeData="updateTableData"
|
||||
v-model:projectId="projectId" v-model:chooseStageId="chooseStageId" v-model:edit="edit"
|
||||
v-model:EditRefId="EditRefId" v-model:projectTaskId="projectTaskId" />
|
||||
</div>
|
||||
<!-- 添加外链侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -350,16 +277,9 @@
|
||||
</div>
|
||||
<!-- 添加活动侧弹窗 -->
|
||||
<div>
|
||||
<add-active
|
||||
v-model:addactiveVisible="addactivevisible"
|
||||
v-model:projectId="projectId"
|
||||
v-model:EditActiveId="EditActiveId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
v-model:edit="edit"
|
||||
:isLevel="isLevel"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
@changeData="updateTableData"
|
||||
/>
|
||||
<add-active v-model:addactiveVisible="addactivevisible" v-model:projectId="projectId"
|
||||
v-model:EditActiveId="EditActiveId" v-model:projectTaskId="projectTaskId" v-model:edit="edit"
|
||||
:isLevel="isLevel" v-model:chooseStageId="chooseStageId" @changeData="updateTableData" />
|
||||
</div>
|
||||
<!-- 添加活动侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -373,16 +293,9 @@
|
||||
</div>
|
||||
<!-- 添加测评侧弹窗 -->
|
||||
<div>
|
||||
<add-eval
|
||||
v-model:addevalVisible="addevalvisible"
|
||||
@changeData="updateTableData"
|
||||
v-model:edit="edit"
|
||||
:isLevel="isLevel"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
v-model:EditEvalId="EditEvalId"
|
||||
/>
|
||||
<add-eval v-model:addevalVisible="addevalvisible" @changeData="updateTableData" v-model:edit="edit"
|
||||
:isLevel="isLevel" v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId" v-model:EditEvalId="EditEvalId" />
|
||||
</div>
|
||||
<!-- 添加测评侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
@@ -396,16 +309,9 @@
|
||||
</div>
|
||||
<!-- 添加评估侧弹窗 -->
|
||||
<div>
|
||||
<add-invist
|
||||
v-model:addinvistVisible="addinvistvisible"
|
||||
@changeData="updateTableData"
|
||||
v-model:edit="edit"
|
||||
:isLevel="isLevel"
|
||||
v-model:projectId="projectId"
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId"
|
||||
v-model:EditInvistId="EditInvistId"
|
||||
/>
|
||||
<add-invist v-model:addinvistVisible="addinvistvisible" @changeData="updateTableData" v-model:edit="edit"
|
||||
:isLevel="isLevel" v-model:projectId="projectId" v-model:chooseStageId="chooseStageId"
|
||||
v-model:projectTaskId="projectTaskId" v-model:EditInvistId="EditInvistId" />
|
||||
</div>
|
||||
|
||||
<div class="lin"></div>
|
||||
@@ -437,7 +343,8 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
--></div>
|
||||
-->
|
||||
</div>
|
||||
<div class="boom">
|
||||
<div class="boomcen">
|
||||
<div class="onerow">
|
||||
@@ -446,10 +353,7 @@
|
||||
移动任务到阶段
|
||||
</button>
|
||||
<div class="edit" @click="showdeAll">
|
||||
<img
|
||||
class="editimg"
|
||||
src="../../assets/images/projectadd/delete.png"
|
||||
/>
|
||||
<img class="editimg" src="../../assets/images/projectadd/delete.png" />
|
||||
<span class="editext">批量删除</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -484,8 +388,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="tableBox" style="border: 1px solid #f2f6fc">
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -496,32 +399,25 @@
|
||||
color: #999ba3;
|
||||
line-height: 36px;
|
||||
border-bottom: 1px solid #f2f6fc;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
">
|
||||
<div style="
|
||||
width: 87px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
margin-left: 46px;
|
||||
"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
">
|
||||
<img style="
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
margin-top: 12px;
|
||||
"
|
||||
:src="
|
||||
" :src="
|
||||
selectAll === 0
|
||||
? require('../../assets/images/notSelect.png')
|
||||
: selectAll === 1
|
||||
? require('../../assets/images/selectAll.png')
|
||||
: require('../../assets/images/select.png')
|
||||
"
|
||||
@click="selectRowAll"
|
||||
/>
|
||||
" @click="selectRowAll" />
|
||||
<!-- <a-checkbox
|
||||
v-model:checked="selectAll"
|
||||
@change="selectRowAll"
|
||||
@@ -532,25 +428,14 @@
|
||||
<div style="width: 120px; text-align: center">任务名称</div>
|
||||
<div style="width: 120px; text-align: center">必修/选修</div>
|
||||
<div style="width: 87px; text-align: center">时长</div>
|
||||
<div
|
||||
style="width: 120px; text-align: center; margin-right: 20px"
|
||||
>
|
||||
<div style="width: 120px; text-align: center; margin-right: 20px">
|
||||
操作
|
||||
</div>
|
||||
</div>
|
||||
<draggable
|
||||
v-model="tableData"
|
||||
chosenClass="chosen"
|
||||
ghostClass="ghost"
|
||||
forceFallback="true"
|
||||
group="task"
|
||||
animation="500"
|
||||
@start="onStart"
|
||||
@end="onEnd"
|
||||
>
|
||||
<draggable v-model="tableData" chosenClass="chosen" ghostClass="ghost" forceFallback="true" group="task"
|
||||
animation="500" @start="onStart" @end="onEnd">
|
||||
<template #item="{ element }">
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -560,68 +445,46 @@
|
||||
font-weight: 400;
|
||||
color: #4f5156;
|
||||
line-height: 36px;
|
||||
"
|
||||
class="tableRow"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
" class="tableRow">
|
||||
<div style="
|
||||
width: 87px;
|
||||
text-align: center;
|
||||
margin-left: 46px;
|
||||
position: relative;
|
||||
"
|
||||
>
|
||||
">
|
||||
<div class="racona">
|
||||
<div
|
||||
class="img"
|
||||
style="
|
||||
<div class="img" style="
|
||||
cursor: pointer;
|
||||
margin-top: 2px;
|
||||
margin-right: 9px;
|
||||
position: absolute;
|
||||
left: -25px;
|
||||
"
|
||||
></div>
|
||||
<a-checkbox
|
||||
:id="element.id"
|
||||
v-model:checked="element.checked"
|
||||
@change="changeRow"
|
||||
>
|
||||
"></div>
|
||||
<a-checkbox :id="element.id" v-model:checked="element.checked" @change="changeRow">
|
||||
</a-checkbox>
|
||||
<div style="margin-top: 2px; margin-left: 8px">
|
||||
{{ element.lei }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
"
|
||||
:title="element.creater"
|
||||
>
|
||||
" :title="element.creater">
|
||||
{{ element.creater }}
|
||||
</div>
|
||||
<div style="width: 120px; text-align: center">
|
||||
<div class="opat">
|
||||
<div class="opacationt clearfix">
|
||||
<a-switch
|
||||
style="margin-left: -50px; margin-top: 3px"
|
||||
v-model:checked="element.checked1"
|
||||
size="small"
|
||||
active-color="red"
|
||||
@click="changeCourseType(element)"
|
||||
/>
|
||||
<a-switch style="margin-left: -50px; margin-top: 3px" v-model:checked="element.checked1"
|
||||
size="small" active-color="red" @click="changeCourseType(element)" />
|
||||
<div class="showt clearfix">
|
||||
<div
|
||||
class="bi"
|
||||
:style="{
|
||||
<div class="bi" :style="{
|
||||
'z-index': element.checked1 ? 999 : 998,
|
||||
}"
|
||||
>
|
||||
}">
|
||||
必修
|
||||
</div>
|
||||
<div class="xuan">选修</div>
|
||||
@@ -636,35 +499,27 @@
|
||||
: "-"
|
||||
}}
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
margin-right: 20px;
|
||||
"
|
||||
>
|
||||
">
|
||||
<div class="opa">
|
||||
<div class="opacation">
|
||||
<span
|
||||
style="
|
||||
<span style="
|
||||
color: #4ea6ff;
|
||||
margin-right: 25px;
|
||||
cursor: pointer;
|
||||
"
|
||||
@click="
|
||||
" @click="
|
||||
decideType(
|
||||
element.lei,
|
||||
element.courseId,
|
||||
element.id
|
||||
)
|
||||
"
|
||||
>
|
||||
">
|
||||
编辑
|
||||
</span>
|
||||
<span
|
||||
style="color: #4ea6ff; cursor: pointer"
|
||||
@click="showDelete(element.id)"
|
||||
>
|
||||
<span style="color: #4ea6ff; cursor: pointer" @click="showDelete(element.id)">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
@@ -722,58 +577,32 @@
|
||||
|
||||
<!-- 添加阶段弹窗 -->
|
||||
<div>
|
||||
<a-modal
|
||||
v-model:visible="stage"
|
||||
:title="null"
|
||||
@ok="closeModal"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="addstage"
|
||||
width="624px"
|
||||
height="388px"
|
||||
centered="true"
|
||||
@cancel="closeModal"
|
||||
>
|
||||
<div
|
||||
class="modalHeader"
|
||||
style="
|
||||
<a-modal v-model:visible="stage" :title="null" @ok="closeModal" :footer="null" :closable="false"
|
||||
wrapClassName="addstage" width="624px" height="388px" centered="true" @cancel="closeModal">
|
||||
<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 class="headerLeftText" style="font-size: 16px"
|
||||
>编辑/添加阶段</span
|
||||
>
|
||||
<span class="headerLeftText" style="font-size: 16px">编辑/添加阶段</span>
|
||||
</div>
|
||||
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
|
||||
<img
|
||||
style="width: 22px; height: 22px"
|
||||
src="../../assets/images/basicinfo/close22.png"
|
||||
/>
|
||||
<img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalMain" style="width: 100%">
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<div>
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||
</div>
|
||||
<div class="inname">阶段名称:</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-input
|
||||
v-model:value="valuesname"
|
||||
show-count
|
||||
:maxlength="20"
|
||||
placeholder="请输入阶段名称"
|
||||
/>
|
||||
<a-input v-model:value="valuesname" show-count :maxlength="20" placeholder="请输入阶段名称" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name" style="display: flex; align-items: flex-start">
|
||||
@@ -781,26 +610,17 @@
|
||||
<div class="inname">阶段说明:</div>
|
||||
</div>
|
||||
<div class="intext" style="margin-left: 14px">
|
||||
<a-textarea
|
||||
v-model:value="valuesnotice"
|
||||
style="height: 88px"
|
||||
show-count
|
||||
:maxlength="100"
|
||||
placeholder="请输入阶段说明"
|
||||
/>
|
||||
<a-textarea v-model:value="valuesnotice" style="height: 88px" show-count :maxlength="100"
|
||||
placeholder="请输入阶段说明" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
margin-top: 40px;
|
||||
"
|
||||
>
|
||||
<button
|
||||
@click="closeModal"
|
||||
style="
|
||||
">
|
||||
<button @click="closeModal" style="
|
||||
cursor: pointer;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
@@ -808,13 +628,10 @@
|
||||
border-radius: 4px;
|
||||
color: #4ea6ff;
|
||||
background-color: #ffffff;
|
||||
"
|
||||
>
|
||||
">
|
||||
取消
|
||||
</button>
|
||||
<button
|
||||
@click="editStage"
|
||||
style="
|
||||
<button @click="editStage" style="
|
||||
cursor: pointer;
|
||||
margin-left: 16px;
|
||||
margin-bottom: 40px;
|
||||
@@ -824,31 +641,18 @@
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
background-color: #4ea6ff;
|
||||
"
|
||||
>
|
||||
">
|
||||
确定
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="aeLoading"
|
||||
:style="{ display: addLoading ? 'flex' : 'none' }"
|
||||
>
|
||||
<a-spin
|
||||
:spinning="addLoading"
|
||||
:tip="updateStageID ? '修改中...' : ''"
|
||||
/>
|
||||
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
|
||||
<a-spin :spinning="addLoading" :tip="updateStageID ? '修改中...' : ''" />
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
<!-- 确认添加阶段弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="confirmModal"
|
||||
:footer="null"
|
||||
:closable="cC"
|
||||
wrapClassName="ConfirmModal"
|
||||
centered="true"
|
||||
>
|
||||
<a-modal v-model:visible="confirmModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal" centered="true">
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
@@ -872,13 +676,7 @@
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 确认取消阶段弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="cancelModal"
|
||||
:footer="null"
|
||||
:closable="cC"
|
||||
wrapClassName="ConfirmModal"
|
||||
centered="true"
|
||||
>
|
||||
<a-modal v-model:visible="cancelModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal" centered="true">
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
@@ -902,13 +700,7 @@
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 确认删除任务弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="deleteModal"
|
||||
:footer="null"
|
||||
:closable="cC"
|
||||
wrapClassName="ConfirmModal"
|
||||
centered="true"
|
||||
>
|
||||
<a-modal v-model:visible="deleteModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal" centered="true">
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
@@ -931,13 +723,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<a-modal
|
||||
v-model:visible="deAll"
|
||||
:footer="null"
|
||||
:closable="cC"
|
||||
wrapClassName="ConfirmModal"
|
||||
centered="true"
|
||||
>
|
||||
<a-modal v-model:visible="deAll" :footer="null" :closable="cC" wrapClassName="ConfirmModal" centered="true">
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
@@ -961,14 +747,8 @@
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 移动任务到阶段 -->
|
||||
<a-modal
|
||||
style="padding: 0"
|
||||
:closable="sh"
|
||||
v-model:visible="visiblene"
|
||||
:footer="null"
|
||||
centered="true"
|
||||
wrapClassName="moveModal"
|
||||
>
|
||||
<a-modal style="padding: 0" :closable="sh" v-model:visible="visiblene" :footer="null" centered="true"
|
||||
wrapClassName="moveModal">
|
||||
<div class="con">
|
||||
<div class="header">
|
||||
<div class="inhe">
|
||||
@@ -980,29 +760,14 @@
|
||||
<div class="inher">
|
||||
<div class="cur">已选中{{ selectRow.length }}个任务</div>
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="curLevel"
|
||||
style="width: 100%"
|
||||
placeholder="请选择阶段"
|
||||
:options="level"
|
||||
@change="handleChangeStage"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
<a-select v-model:value="curLevel" style="width: 100%" placeholder="请选择阶段" :options="level"
|
||||
@change="handleChangeStage" allowClear showSearch></a-select>
|
||||
</div>
|
||||
<div class="btn">
|
||||
<button
|
||||
style="cursor: pointer"
|
||||
class="sameb btn1"
|
||||
@click="closeChangeModal"
|
||||
>
|
||||
<button style="cursor: pointer" class="sameb btn1" @click="closeChangeModal">
|
||||
取消
|
||||
</button>
|
||||
<button
|
||||
style="cursor: pointer"
|
||||
class="sameb btn2"
|
||||
@click="moveTask"
|
||||
>
|
||||
<button style="cursor: pointer" class="sameb btn2" @click="moveTask">
|
||||
确定
|
||||
</button>
|
||||
</div>
|
||||
@@ -1012,13 +777,8 @@
|
||||
</a-modal>
|
||||
|
||||
<!-- 是否删除阶段弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="deleteStageModal"
|
||||
:footer="null"
|
||||
:closable="cC"
|
||||
wrapClassName="ConfirmModal"
|
||||
centered="true"
|
||||
>
|
||||
<a-modal v-model:visible="deleteStageModal" :footer="null" :closable="cC" wrapClassName="ConfirmModal"
|
||||
centered="true">
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
@@ -1028,7 +788,9 @@
|
||||
<div class="close_exit" @click="closeDeleteStage"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<span style="width:320px;display:flex;justify-content:center;align-items:center;">{{level.length==1?"当前为最后一个阶段,删除后任务将被移出,为无阶段模式,确认删除阶段吗?":"您确定要删除此阶段"}}</span>
|
||||
<span style="width:320px;display:flex;justify-content:center;align-items:center;">{{ level.length == 1 ?
|
||||
"当前为最后一个阶段,删除后任务将被移出,为无阶段模式,确认删除阶段吗?" : "您确定要删除此阶段"
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1" @click="closeDeleteStage">
|
||||
@@ -1258,7 +1020,7 @@ export default {
|
||||
}
|
||||
});
|
||||
console.log(array)
|
||||
state.level = array.sort((a,b)=>{ return a.id - b.id });
|
||||
state.level = array.sort((a, b) => { return a.id - b.id });
|
||||
};
|
||||
|
||||
const tableDataFunc = () => {
|
||||
@@ -1397,17 +1159,19 @@ export default {
|
||||
await api.getTask(obj).then((res) => {
|
||||
console.log("22222", res.data.data.stageList);
|
||||
|
||||
if(state.onceChoice){
|
||||
if (state.onceChoice) {
|
||||
let data = res.data.data.stageList;
|
||||
state.onceChoice = false;
|
||||
let arraynew = []
|
||||
for(let i=0;i<data.length;i++){
|
||||
if(data[i].stageId!=='0'){
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
if (data[i].stageId !== '0') {
|
||||
arraynew.push(data[i])
|
||||
}
|
||||
}
|
||||
console.log(arraynew)
|
||||
state.chooseStageId = Number(arraynew[arraynew.length-1].stageId);
|
||||
if (arraynew.length !== 0) {
|
||||
state.chooseStageId = Number(arraynew[arraynew.length - 1].stageId);
|
||||
}
|
||||
}
|
||||
|
||||
state.projectTitle = res.data.data.projectInfo.name;
|
||||
@@ -2045,10 +1809,8 @@ export default {
|
||||
position: absolute;
|
||||
width: calc(100%);
|
||||
height: 40px;
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%);
|
||||
}
|
||||
|
||||
.del_main {
|
||||
@@ -2147,11 +1909,9 @@ export default {
|
||||
padding: 0 !important;
|
||||
|
||||
.modalHeader {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
background: linear-gradient(0deg,
|
||||
rgba(78, 166, 255, 0) 0%,
|
||||
rgba(78, 166, 255, 0.2) 100%
|
||||
);
|
||||
rgba(78, 166, 255, 0.2) 100%);
|
||||
}
|
||||
|
||||
.modalMain {
|
||||
@@ -2266,10 +2026,8 @@ export default {
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%);
|
||||
|
||||
.inhe {
|
||||
width: 80%;
|
||||
@@ -2375,6 +2133,7 @@ export default {
|
||||
.leftmain {
|
||||
margin-top: 20px;
|
||||
min-height: 800px;
|
||||
|
||||
.tit {
|
||||
margin-left: 20px;
|
||||
font-size: 18px;
|
||||
@@ -2627,6 +2386,7 @@ export default {
|
||||
.pub {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.line {
|
||||
margin-right: 10px;
|
||||
}
|
||||
@@ -2943,7 +2703,7 @@ export default {
|
||||
padding-left: 60px !important;
|
||||
}
|
||||
|
||||
.ant-table-thead > tr > th {
|
||||
.ant-table-thead>tr>th {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
}
|
||||
|
||||
@@ -2951,9 +2711,7 @@ export default {
|
||||
background-color: #eff4fc !important;
|
||||
}
|
||||
|
||||
.ant-table-tbody
|
||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||
> td {
|
||||
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
|
||||
background: #f6f9fd;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user