|
@@ -62,6 +62,9 @@
|
|
|
<span class="snCode" v-if="item.snCode">
|
|
|
SN: {{ item.snCode }}</span
|
|
|
>
|
|
|
+ <div class="calc-mask" v-if="item.calcStatus === 0">
|
|
|
+ <span>{{ calcing }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="li-info">
|
|
|
<div>
|
|
@@ -179,6 +182,7 @@ export default {
|
|
|
no_title: i18n.t("gather.no_title"),
|
|
|
no_search_result: i18n.t("gather.no_search_result"),
|
|
|
select_material: i18n.t("gather.select_material"),
|
|
|
+ calcing: i18n.t("material.works.calcing"),
|
|
|
|
|
|
config,
|
|
|
list: [],
|
|
@@ -598,6 +602,28 @@ export default {
|
|
|
position: relative;
|
|
|
border-radius: 6px;
|
|
|
overflow: hidden;
|
|
|
+ .calc-mask {
|
|
|
+ display: none;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ z-index: 10000;
|
|
|
+ pointer-events: none;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ &.disabled {
|
|
|
+ > * {
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
+ .calc-mask {
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.li-hover {
|
|
|
display: none;
|
|
@@ -732,7 +758,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
&:hover {
|
|
|
- .wrapper {
|
|
|
+ .wrapper:not(.disabled) {
|
|
|
box-shadow: 0px 2px 12px 0px rgba(50, 50, 51, 0.12);
|
|
|
transform: translateY(-6px);
|
|
|
|