Browse Source

详情,其他样式小修改

master
zhangli 12 months ago
parent
commit
38e3cc6198
  1. 6
      src/components/Annex/src/Annex.vue
  2. 3
      src/components/ChangeRecord/src/ChangeRecord.vue
  3. 3
      src/components/Descriptions/src/Descriptions.vue
  4. 16
      src/components/Remarks/src/Remarks.vue

6
src/components/Annex/src/Annex.vue

@ -10,7 +10,7 @@
</div>
<div class="list">
<div class="item flex items-start" v-for="(item, index) in data.annexList" :key="index">
<Icon icon="fa:file-text-o" color="#409eff" size="40" class="mt-4px" />
<Icon icon="fa:file-text-o" color="#409eff" size="30" class="mt-4px" />
<div class="item-center">
<div class="item-title">{{ item.title}}</div>
<div class="info mt-6px">
@ -18,7 +18,7 @@
<div>{{ item.size }}</div>
<div>来自 {{ item.people }}</div>
</div>
<Icon icon="ep:delete" class="cursor-pointer" size="20" @click="deleteAnnex(item)"/>
<Icon icon="ep:delete" class="cursor-pointer" size="18" @click="deleteAnnex(item)"/>
</div>
<div class="time mt-6px ">{{ item.time }}</div>
</div>
@ -86,7 +86,7 @@ const deleteAnnex =async (item) => {
overflow: hidden;
.item-title {
font-size: 18px;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

3
src/components/ChangeRecord/src/ChangeRecord.vue

@ -84,7 +84,6 @@ const downFile = (cur)=>{
.time {
font-weight: normal !important;
;
}
.dic {
@ -96,7 +95,7 @@ const downFile = (cur)=>{
}
.tips {
font-size: 16px;
font-size: 14px;
margin-top: 6px;
}
.file{

3
src/components/Descriptions/src/Descriptions.vue

@ -21,7 +21,7 @@ const props = defineProps({
message: propTypes.string.def(''),
collapse: propTypes.bool.def(true),
columns: propTypes.number.def(1),
minWidth: propTypes.string.def('20px'),
width: propTypes.string.def('5 0px'),
schema: {
type: Array as PropType<DescriptionsSchema[]>,
default: () => []
@ -110,6 +110,7 @@ const toggleClick = () => {
:key="item.field"
v-bind="getBindItemValue(item)"
label-align="right"
:width="width"
>
<template #label>
<slot

16
src/components/Remarks/src/Remarks.vue

@ -7,20 +7,20 @@
<div class="list">
<div class="item flex items-start" v-for="(item, index) in data.remarksList" :key="index">
<div class="user-icon mt-4px">
<Icon icon="fa-solid:user" color="#fff" size="20" />
<Icon icon="fa-solid:user" color="#fff" size="16" />
</div>
<div class="item-center">
<div class="item-title">
<div class="item-title-txt">{{ item.name }}</div>
<div class="time">{{ item.time }}</div>
</div>
<div class="mt-8px color-#303133 font-size-16px">{{ item.text }}</div>
<div class="mt-8px color-#303133 font-size-14px">{{ item.text }}</div>
</div>
</div>
</div>
<div class="add-remarks flex items-center mt-20px">
<el-input v-model="remark" placeholder="请输入备注" :input-style="{height:'40px'}"/>
<el-button class="ml-16px" type="primary" @click="handleSubmit" size="large">
<el-input v-model="remark" placeholder="请输入备注" />
<el-button class="ml-16px" type="primary" @click="handleSubmit" >
确定
</el-button>
</div>
@ -75,8 +75,8 @@ const handleSubmit = ()=>{
padding: 20px 0px 10px;
.user-icon {
width: 40px;
height: 40px;
width: 34px;
height: 34px;
background: #dedfe0;
border-radius: 4px;
display: flex;
@ -94,8 +94,8 @@ const handleSubmit = ()=>{
align-items: flex-end;
.item-title-txt {
font-size: 20px;
color: #9e9e9e;
font-size: 16px;
color: #333;
}
.time {

Loading…
Cancel
Save