|
@ -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 { |
|
|