Browse Source

feat: 流水账样式

text-draggable
xuesinan 4 years ago
parent
commit
7ceafb9a2e
  1. 1
      src/App.vue
  2. 2
      src/components/tall/plugin/Plugin.vue
  3. 24
      src/plugins/p-daily-account/p-daily-account-detail.vue

1
src/App.vue

@ -86,6 +86,7 @@ body,
#app, #app,
#app > section { #app > section {
height: 100%; height: 100%;
font-size: 14px;
} }
.ant-layout-header { .ant-layout-header {

2
src/components/tall/plugin/Plugin.vue

@ -16,7 +16,7 @@
<!-- 个人和终端按钮--> <!-- 个人和终端按钮-->
<!-- <p-account-management v-else-if="pluginId === '19'" class="p-2" /> --> <!-- <p-account-management v-else-if="pluginId === '19'" class="p-2" /> -->
<!-- 资源管理 --> <!-- 资源管理 -->
<!-- <p-domain-source-manage v-else-if="pluginId === '20'" class="p-2" /> --> <!-- <p-domain-source-manage v-else-if="pluginId === '20'" class="p-2" /> -->
<!-- 项目版本管理 --> <!-- 项目版本管理 -->
<!-- <p-project-version-management v-else-if="pluginId === '21'" class="p-2" /> --> <!-- <p-project-version-management v-else-if="pluginId === '21'" class="p-2" /> -->

24
src/plugins/p-daily-account/p-daily-account-detail.vue

@ -59,7 +59,7 @@
bordered bordered
:pagination="false" :pagination="false"
:rowClassName="rowClassName" :rowClassName="rowClassName"
:scroll="{ x: 1000, y: 580 }" :scroll="{ x: 1000, y: 660 }"
> >
<template #bodyCell="{ column, text, record }"> <template #bodyCell="{ column, text, record }">
<div <div
@ -105,16 +105,21 @@
centered centered
:footer="null" :footer="null"
width="800px" 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 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"> <a-form :model="modalFormState">
<div v-for="(item, index) in modalFormState" :key="index"> <div v-for="(item, index) in modalFormState" :key="index">
<div class="flex justify-between items-center text-gray-400"> <div class="flex justify-between items-center text-gray-400">
<div class="mb-5 text-right" style="width: 120px">计划结果{{ index + 1 }}</div> <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> </div>
<a-form-item name="taskName" style="margin-bottom: 20px"> <a-form-item name="taskName" style="margin-bottom: 20px">
@ -267,6 +272,11 @@ const dataTotal = ref(0); // 数据总量
// //
const columnDatas = ref([]); const columnDatas = ref([]);
const bodystyle = {
height: '650px',
overflow: 'hidden',
overflowY: 'scroll',
};
// //
const modalFormState = ref([]); const modalFormState = ref([]);
// //
@ -324,7 +334,7 @@ async function getQueryTasks() {
columns.value = [ columns.value = [
{ {
title: '时间', title: '时间',
width: 70, width: 80,
dataIndex: 'time', dataIndex: 'time',
key: 'time', key: 'time',
fixed: 'left', fixed: 'left',
@ -667,12 +677,12 @@ async function punch(clockType) {
height: 32px; height: 32px;
} }
.select-box /deep/ .ant-select-selector { .select-box :deep(.ant-select-selector) {
position: absolute; position: absolute;
left: 0; left: 0;
} }
.select-box /deep/ .ant-select-selection-overflow { .select-box :deep(.ant-select-selection-overflow) {
width: 225px; width: 225px;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: hidden; overflow: hidden;

Loading…
Cancel
Save