数据资产登记更新

lxs · lihua
589e6ae4 authored 2025-02-27 15:27:39 +0800 by lxs Committed by lihua 2025-02-28 09:43:08 +0800
Showing 1 changed file with 49 additions and 22 deletions
src/views/data_asset/registerDetail.vue
--- a/src/views/data_asset/registerDetail.vue
View file @589e6ae
+++ b/src/views/data_asset/registerDetail.vue
View file @589e6ae
@@ -1419,7 +1419,7 @@ const passCommonDialogBtnClick = (btn, info) => {
          :isExpand="assetContentExpand" expandSwicth @expand="(v) => assetContentExpand = v">
          <div class="list_panel mt4">
            <!-- <span class="small-title">资产内容</span> -->
-            <div class="list_item isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item isFile"
              v-if="assetDetailInfo.registerAttachment?.registerLetter?.length">
              <div class="item_label"
                :style="{ width: 'auto', display: 'flex', 'justify-content': 'space-between', 'margin-right': '8px' }">
@@ -1453,7 +1453,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1461,7 +1462,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="((detailType != 'asset' || assetDetailInfo.isEvaluationAssessment == 'Y') && assetDetailInfo.registerAttachment?.qualityEvaluationFile?.length) || (evaDetailInfo?.qualityEvaluationFile?.length > 0)">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">数据质量评价收集</span>
              <span
@@ -1492,7 +1493,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1500,7 +1502,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="detailType == 'certificate' && assetDetailInfo.registerAttachment?.assessmentFile?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">数据价值评估</span>
              <span v-for="(item) in (assetDetailInfo.registerAttachment?.assessmentFile || [])" class="item_value"
@@ -1530,7 +1532,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1538,7 +1541,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="detailType == 'asset' && assetDetailInfo.registerAttachment?.commitmentLetter?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">承诺函附件</span>
              <span v-for="(item) in (assetDetailInfo.registerAttachment?.commitmentLetter || [])" class="item_value"
@@ -1568,7 +1571,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1576,7 +1580,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="(detailType == 'asset' && assetDetailInfo.isQualityAssessment == 'Y') && assetDetailInfo.registerAttachment?.evaluationFile?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">质量评估报告</span>
              <span v-for="(item) in (assetDetailInfo.registerAttachment?.evaluationFile || [])" class="item_value"
@@ -1606,7 +1610,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1614,7 +1619,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="(detailType == 'asset' && assetDetailInfo.isCostAssessment == 'Y') && assetDetailInfo.registerAttachment?.assessmentFile?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">价值评估报告</span>
              <span v-for="(item) in (assetDetailInfo.registerAttachment?.assessmentFile || [])" class="item_value"
@@ -1644,7 +1649,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1652,7 +1658,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="(detailType == 'costAssess' && costAssessDetailInfo.costAssessmentFile?.length)">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">价值评估收集附件</span>
              <span v-for="(item) in (costAssessDetailInfo.costAssessmentFile || [])" class="item_value"
@@ -1682,7 +1688,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1693,7 +1700,7 @@ const passCommonDialogBtnClick = (btn, info) => {
            <!-- <span
              v-if="tenantDetail.businessLicense?.length || assetDetailInfo.registerAttachment?.commitmentLetter?.length"
              class="small-title" :style="{ marginTop: '10px' }">公司信息</span> -->
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="tenantDetail.businessLicense?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">营业执照</span>
              <span v-for="(item) in (tenantDetail?.businessLicense || [])" class="item_value"
@@ -1723,7 +1730,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }" class="file-preview"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    @click="onUploadFilePreview(item)">查看</div>
@@ -1731,7 +1739,7 @@ const passCommonDialogBtnClick = (btn, info) => {
                </div>
              </span>
            </div>
-            <div class="list_item is_block isFile" :style="{ width: '40%', 'margin-right': '28px' }"
+            <div class="list_item is_block isFile"
              v-if="detailType !='asset' && assetDetailInfo.registerAttachment?.commitmentLetter?.length">
              <span class="item_label" :style="{ width: 'auto', 'text-align': 'left' }">承诺函附件</span>
              <span v-for="(item) in (assetDetailInfo.registerAttachment?.commitmentLetter || [])" class="item_value"
@@ -1761,7 +1769,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ item.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="item.name ?? ''" class-name="w100f"
+                    refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }"
                    v-if="item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || item.name.substring(item.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    class="file-preview" @click="onUploadFilePreview(item)">查看</div>
@@ -1869,7 +1878,8 @@ const passCommonDialogBtnClick = (btn, info) => {
              <span class="item_value">
                <div class="file-operate">
                  <img class="file-img" src="../../assets/images/PDF.png" />
-                  <div class="file-name">{{ evaDetailInfo.evaluationFile?.[0]?.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="evaDetailInfo.evaluationFile[0].name ?? ''"
+                    class-name="w100f" refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }" class="file-preview"
                    @click="onUploadFilePreview(evaDetailInfo.evaluationFile?.[0])">查看</div>
                  <div :style="{ right: '0px' }" class="file-preview"
@@ -1900,7 +1910,8 @@ const passCommonDialogBtnClick = (btn, info) => {
              <span class="item_value">
                <div class="file-operate">
                  <img class="file-img" src="../../assets/images/PDF.png" />
-                  <div class="file-name">{{ costAssessDetailInfo.assessmentFile?.[0]?.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="costAssessDetailInfo.assessmentFile[0].name ?? ''"
+                    class-name="w100f" refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }" class="file-preview"
                    @click="onUploadFilePreview(costAssessDetailInfo.assessmentFile?.[0])">查看</div>
                  <div :style="{ right: '0px' }" class="file-preview"
@@ -1973,7 +1984,8 @@ const passCommonDialogBtnClick = (btn, info) => {
                    v-else-if="detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'">
                    <img class="file-img" src="../../assets/images/jpg.png" />
                  </template>
-                  <div class="file-name">{{ detailInfo.documentFile?.[0]?.name }}</div>
+                  <div class="file-name"><ellipsis-tooltip :content="detailInfo.documentFile[0].name ?? ''"
+                    class-name="w100f" refName="tooltipOver"></ellipsis-tooltip></div>
                  <div :style="{ right: '36px' }" class="file-preview"
                    v-if="detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'pdf' || detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'png' || detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'jpg' || detailInfo.documentFile?.[0]?.name.substring(detailInfo.documentFile?.[0]?.name.lastIndexOf('.') + 1).toLowerCase() == 'jpeg'"
                    @click="onUploadFilePreview(detailInfo.documentFile?.[0])">查看</div>
@@ -2228,8 +2240,23 @@ const passCommonDialogBtnClick = (btn, info) => {
    }
  }
-  .isFile {
+  &.isFile {
+    width: 50%;
+    display: flex;
    flex-direction: column;
+    justify-content: space-between;
+    .item_label {
+      width: 100px;
+      text-align: right;
+      flex-shrink: 0;
+    }
+    .item_value {
+      flex: 1 1 0%;
+      min-width: 100px;
+      white-space: pre-wrap;
+    }
  }
 }