<!--
 * @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>
