feat(任务概览): 样品

src/views/setting/sample/taskDetails/index.vue

@@ -507,7 +507,7 @@
                         :percentage="
                           percentageChange(dataStatistic.testDetailsUnderNum)
                         "
-                        :format="testStandards"
+                        :format="progressLine"
                         text-color="#fff"
                       ></el-progress>
                       <el-progress
@@ -516,7 +516,7 @@
                         :percentage="
                           percentageChange(dataStatistic.testStandardsPassNum)
                         "
-                        :format="testStandards"
+                        :format="progressLine"
                         status="success"
                         text-color="#fff"
                       ></el-progress>
@@ -526,7 +526,7 @@
                         :percentage="
                           percentageChange(dataStatistic.testStandardsNoPassNum)
                         "
-                        :format="testStandards"
+                        :format="progressLine"
                         status="warning"
                         text-color="#fff"
                       ></el-progress>
@@ -536,7 +536,7 @@
                         :percentage="
                           percentageChange(dataStatistic.testStandardsUnderNum)
                         "
-                        :format="testStandards"
+                        :format="progressLine"
                         status="exception"
                         color="#f98921"
                         text-color="#fff"
@@ -576,15 +576,23 @@
                   <div class="bottom">{{ item.sampleName }}</div>
                 </div>
               </div>
-              <div style="margin-left: 4.8rem">
+              <div style="margin-left: 4.8rem; margin-top: 20px">
                 <div v-if="item.samplePhotos">
                   <image-preview
+                    v-for="(item, index) in returnArray(item.samplePhotos)"
+                    :key="index"
                     width="32px"
                     height="32px"
-                    :src="item.samplePhotos"
+                    style="margin-right: 10px"
+                    :src="item"
                   ></image-preview>
                 </div>
-                <div v-else>暂无样品照片</div>
+                <div
+                  v-else
+                  style="font-size: 14px; font-weight: 400; color: #bababa"
+                >
+                  暂无样品照片
+                </div>
               </div>
               <el-divider></el-divider>
               <el-row :gutter="20" style="margin-bottom: 20px">
@@ -687,15 +695,23 @@
                   <div class="bottom">{{ item.sampleName }}</div>
                 </div>
               </div>
-              <div style="margin-left: 4.8rem">
+              <div style="margin-left: 4.8rem; margin-top: 20px">
                 <div v-if="item.samplePhotos">
                   <image-preview
+                    v-for="(item, index) in returnArray(item.samplePhotos)"
+                    :key="index"
                     width="32px"
                     height="32px"
-                    :src="item.samplePhotos"
+                    :src="item"
+                    style="margin-right: 10px"
                   ></image-preview>
                 </div>
-                <div v-else>暂无样品照片</div>
+                <div
+                  v-else
+                  style="font-size: 14px; font-weight: 400; color: #bababa"
+                >
+                  暂无样品照片
+                </div>
               </div>
               <el-divider></el-divider>
               <el-row :gutter="20" style="margin-bottom: 20px">
@@ -802,6 +818,9 @@ export default {
         console.log('任务详情', res)
       })
     },
+    returnArray(data) {
+      return data.split(',')
+    },
     tabClick() {},
     formatTest(percentage) {
       return (percentage = `测试通过率\n\n ${percentage}%`)