|
@@ -3,7 +3,7 @@
|
|
|
<h5>审校批注</h5>
|
|
<h5>审校批注</h5>
|
|
|
<ul v-if="remarkList.length > 0">
|
|
<ul v-if="remarkList.length > 0">
|
|
|
<li
|
|
<li
|
|
|
- v-for="{ id: remarkId, content, remark_person_name, remark_time, content_select } in remarkList"
|
|
|
|
|
|
|
+ v-for="{ id: remarkId, content, remark_person_name, remark_time, content_select, component_id } in remarkList"
|
|
|
:key="remarkId"
|
|
:key="remarkId"
|
|
|
>
|
|
>
|
|
|
<template v-if="content_select">
|
|
<template v-if="content_select">
|
|
@@ -13,7 +13,17 @@
|
|
|
<p v-html="content"></p>
|
|
<p v-html="content"></p>
|
|
|
<div v-if="isAudit" class="remark-bottom">
|
|
<div v-if="isAudit" class="remark-bottom">
|
|
|
<span>{{ remark_person_name + ':' + remark_time }}</span>
|
|
<span>{{ remark_person_name + ':' + remark_time }}</span>
|
|
|
- <el-button type="text" class="delete-btn" @click="deleteRemarks(remarkId)">删除</el-button>
|
|
|
|
|
|
|
+ <div class="btn-box">
|
|
|
|
|
+ <el-link type="primary" class="delete-black delete-btn" @click="deleteRemarks(remarkId)"
|
|
|
|
|
+ ><SvgIcon icon-class="delete-black" size="12"
|
|
|
|
|
+ /></el-link>
|
|
|
|
|
+ <el-link
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ class="el-icon-place linkLocation"
|
|
|
|
|
+ v-if="component_id !== 'WHOLE'"
|
|
|
|
|
+ @click="handleLocation(component_id)"
|
|
|
|
|
+ />
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
@@ -41,6 +51,9 @@ export default {
|
|
|
deleteRemarks(remarkId) {
|
|
deleteRemarks(remarkId) {
|
|
|
this.$emit('deleteRemarks', remarkId);
|
|
this.$emit('deleteRemarks', remarkId);
|
|
|
},
|
|
},
|
|
|
|
|
+ handleLocation(componentId) {
|
|
|
|
|
+ this.$emit('handleLocationRemarks', componentId);
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
@@ -60,10 +73,17 @@ export default {
|
|
|
background: #f2f3f5;
|
|
background: #f2f3f5;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .btn-box {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ gap: 8px;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ width: 55px;
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
|
+ border-left: 1px solid #e5e5e5;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.delete-btn {
|
|
.delete-btn {
|
|
|
- padding-left: 10px;
|
|
|
|
|
color: #f44444;
|
|
color: #f44444;
|
|
|
- border-left: 1px solid #e5e5e5;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
ul {
|
|
@@ -100,7 +120,7 @@ export default {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
padding: 0 5px;
|
|
padding: 0 5px;
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: 12px;
|
|
|
color: #555;
|
|
color: #555;
|
|
|
border-top: 1px solid #e5e5e5;
|
|
border-top: 1px solid #e5e5e5;
|
|
|
}
|
|
}
|