|
@@ -1,25 +1,34 @@
|
|
<template>
|
|
<template>
|
|
<div class="container">
|
|
<div class="container">
|
|
<div class="textBox">
|
|
<div class="textBox">
|
|
- <div class="titleText blackColor">
|
|
|
|
- <el-tooltip class="box-item" effect="dark" :content="processInfo.materialName" placement="left" trigger="click">
|
|
|
|
- {{ substringInfo.materialName }}
|
|
|
|
- </el-tooltip>
|
|
|
|
- </div>
|
|
|
|
- <div class="simpleText greyColor">
|
|
|
|
- <el-tooltip class="box-item" effect="dark" :content="processInfo.materialModel" placement="left" trigger="click">
|
|
|
|
- {{ processInfo.materialModel.substring(0, 15) }}
|
|
|
|
- </el-tooltip>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <el-tooltip class="box-item" effect="dark" :content="processInfo.materialName" placement="left" trigger="click">
|
|
|
|
+ <div class="titleText blackColor">
|
|
|
|
+ {{ processInfo.materialName }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ <el-tooltip class="box-item" effect="dark" :content="processInfo.materialModel" placement="left" trigger="click">
|
|
|
|
+ <div class="simpleText greyColor">
|
|
|
|
+ {{ processInfo.materialModel }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="textBox" style="margin: 10px 0">
|
|
<div class="textBox" style="margin: 10px 0">
|
|
<div class="simpleText greyColor">序列号</div>
|
|
<div class="simpleText greyColor">序列号</div>
|
|
- <div class="simpleText blackColor">{{ processInfo.operationCode }}</div>
|
|
|
|
|
|
+ <el-tooltip class="box-item" effect="dark" :content="processInfo.operationCode" placement="left" trigger="click">
|
|
|
|
+ <div class="simpleText blackColor">
|
|
|
|
+ {{ processInfo.operationCode }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="textBox">
|
|
<div class="textBox">
|
|
<div class="simpleText greyColor">当前工序</div>
|
|
<div class="simpleText greyColor">当前工序</div>
|
|
- <div class="simpleText blackColor">{{ processInfo.operationName }}</div>
|
|
|
|
|
|
+ <el-tooltip class="box-item" effect="dark" :content="processInfo.operationName" placement="left" trigger="click">
|
|
|
|
+ <div class="simpleText blackColor">
|
|
|
|
+ {{ processInfo.operationName }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
|
|
+ <svg-icon icon-class="jiaobiao" size="25" class="svgStyle" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -27,17 +36,18 @@
|
|
import { useProcessStore } from "@/store";
|
|
import { useProcessStore } from "@/store";
|
|
const store = useProcessStore();
|
|
const store = useProcessStore();
|
|
const processInfo = ref({ materialName: "...", materialModel: "..." });
|
|
const processInfo = ref({ materialName: "...", materialModel: "..." });
|
|
-const substringInfo = ref({});
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
- let obj = {};
|
|
|
|
processInfo.value = store.processInfo;
|
|
processInfo.value = store.processInfo;
|
|
- obj = JSON.parse(JSON.stringify(store.processInfo));
|
|
|
|
- obj.materialName = obj.materialName.substring(0, 15);
|
|
|
|
- substringInfo.value = obj;
|
|
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+.svgStyle {
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+}
|
|
|
|
+
|
|
.container {
|
|
.container {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 200px;
|
|
height: 200px;
|
|
@@ -47,6 +57,7 @@ onMounted(() => {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
|
|
+ position: relative;
|
|
|
|
|
|
.textBox {
|
|
.textBox {
|
|
.titleText {
|
|
.titleText {
|