Browse Source

详情,其他样式小修改

master
zhangli 1 year 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>
<div class="list"> <div class="list">
<div class="item flex items-start" v-for="(item, index) in data.annexList" :key="index"> <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-center">
<div class="item-title">{{ item.title}}</div> <div class="item-title">{{ item.title}}</div>
<div class="info mt-6px"> <div class="info mt-6px">
@ -18,7 +18,7 @@
<div>{{ item.size }}</div> <div>{{ item.size }}</div>
<div>来自 {{ item.people }}</div> <div>来自 {{ item.people }}</div>
</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>
<div class="time mt-6px ">{{ item.time }}</div> <div class="time mt-6px ">{{ item.time }}</div>
</div> </div>
@ -86,7 +86,7 @@ const deleteAnnex =async (item) => {
overflow: hidden; overflow: hidden;
.item-title { .item-title {
font-size: 18px; font-size: 16px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

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

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

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

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

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

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

Loading…
Cancel
Save