|
|
|
@ -59,7 +59,7 @@ |
|
|
|
bordered |
|
|
|
:pagination="false" |
|
|
|
:rowClassName="rowClassName" |
|
|
|
:scroll="{ x: 1000, y: 580 }" |
|
|
|
:scroll="{ x: 1000, y: 660 }" |
|
|
|
> |
|
|
|
<template #bodyCell="{ column, text, record }"> |
|
|
|
<div |
|
|
|
@ -105,16 +105,21 @@ |
|
|
|
centered |
|
|
|
:footer="null" |
|
|
|
width="800px" |
|
|
|
style="padding: 0; max-height: 800px; overflow-y: auto" |
|
|
|
style="padding: 0; overflow-y: auto" |
|
|
|
:body-style="bodystyle" |
|
|
|
> |
|
|
|
<div style="padding: 0 96px"> |
|
|
|
<div class="mb-4">当前操作项目:{{ currProName }},当前操作成员:{{ currEmpName }}</div> |
|
|
|
<div class="mb-4"> |
|
|
|
当前操作项目: |
|
|
|
<span class="text-red-500">{{ currProName }} </span>, 当前操作成员: |
|
|
|
<span class="text-red-500"> {{ currEmpName }} </span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a-form :model="modalFormState"> |
|
|
|
<div v-for="(item, index) in modalFormState" :key="index"> |
|
|
|
<div class="flex justify-between items-center text-gray-400"> |
|
|
|
<div class="mb-5 text-right" style="width: 120px">计划结果{{ index + 1 }}:</div> |
|
|
|
<DeleteOutlined v-if="modalFormState.length > 1" @click="delFormItem(index)" /> |
|
|
|
<DeleteOutlined v-if="modalFormState.length > 1 && !isDisabled" @click="delFormItem(index)" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a-form-item name="taskName" style="margin-bottom: 20px"> |
|
|
|
@ -267,6 +272,11 @@ const dataTotal = ref(0); // 数据总量 |
|
|
|
// 表格数据 |
|
|
|
const columnDatas = ref([]); |
|
|
|
|
|
|
|
const bodystyle = { |
|
|
|
height: '650px', |
|
|
|
overflow: 'hidden', |
|
|
|
overflowY: 'scroll', |
|
|
|
}; |
|
|
|
// 今日计划表单 |
|
|
|
const modalFormState = ref([]); |
|
|
|
// 工作时长 |
|
|
|
@ -324,7 +334,7 @@ async function getQueryTasks() { |
|
|
|
columns.value = [ |
|
|
|
{ |
|
|
|
title: '时间', |
|
|
|
width: 70, |
|
|
|
width: 80, |
|
|
|
dataIndex: 'time', |
|
|
|
key: 'time', |
|
|
|
fixed: 'left', |
|
|
|
@ -667,12 +677,12 @@ async function punch(clockType) { |
|
|
|
height: 32px; |
|
|
|
} |
|
|
|
|
|
|
|
.select-box /deep/ .ant-select-selector { |
|
|
|
.select-box :deep(.ant-select-selector) { |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.select-box /deep/ .ant-select-selection-overflow { |
|
|
|
.select-box :deep(.ant-select-selection-overflow) { |
|
|
|
width: 225px; |
|
|
|
flex-wrap: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
|