Files
yudao-dev/src/views/taskCenter/taskList/components/subSpan3.vue
2025-11-20 14:44:10 +08:00

65 lines
1.5 KiB
Vue

<!--
* @Author: zwq
* @Date: 2025-10-13 16:18:41
* @LastEditors: zwq
* @LastEditTime: 2025-11-17 14:35:35
* @Description:
-->
<template>
<div>
<div style="display: flex; align-items: center">
<div
style="
width: 16px;
height: 16px;
border-radius: 5px;
background-color: #e89b24;
color: #fff;
text-align:center;
line-height:16px;
margin-right:5px
">
L
</div>
<span v-if="injectData.prop==='val4'">{{injectData.leftMaterialName+'-'+injectData.leftMaterialCode}}</span>
<span v-else-if="injectData.prop==='val5'">{{injectData.leftLibraryStartName}}</span>
<span v-else-if="injectData.prop==='val6'">{{injectData.leftLibraryStartName}}</span>
</div>
<div style="display: flex; align-items: center">
<div
style="
width: 16px;
height: 16px;
border-radius: 5px;
background-color: #6a96ec;
color: #fff;
text-align:center;
line-height:16px;
margin-right:5px
">
R
</div>
<span v-if="injectData.prop==='val4'">{{injectData.rightMaterialName+'-'+injectData.rightMaterialCode}}</span>
<span v-else-if="injectData.prop==='val5'">{{injectData.rightLibraryStartName}}</span>
<span v-else-if="injectData.prop==='val6'">{{injectData.rightLibraryEndName}}</span>
</div>
</div>
</template>
<script>
export default {
props: {
injectData: {
type: Object,
default: () => ({}),
},
},
data() {
return {};
},
created() {
},
methods: {},
};
</script>