打板下载

src/components/CardWrapper.vue

@@ -148,6 +148,8 @@ const copy = (text: string) => {
   position: absolute;
   bottom: 5px;
   right: 5px;
+  display: flex;
+  align-items: center;
   :deep(.svg-icon) {
     width: 2em;
     height: 2em;

src/types/api/typesetting.ts

@@ -31,6 +31,7 @@ export interface TypesettingListData {
   createTime?: string
   updateTime?: string
   assignmentTime?: string
+  paperFile?:string|null
 }
 
 export interface SearchForm {

src/views/typesetting/TypesettingManagement.vue

@@ -99,6 +99,29 @@
                     <title>操作日志</title>
                   </template>
                 </Icon>
+                <span
+                  v-if="treeId === '201' && cardItem.paperFile"
+                  class="download-icon"
+                  title="点击下载"
+                  @click.stop="downloadFile(cardItem)"
+                >
+                  <svg
+                    t="1741336618712"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="3070"
+                    width="22"
+                    height="22"
+                  >
+                    <path
+                      d="M821.76 374.72a43.328 43.328 0 0 0-30.976 13.504l-256.64 261.12c-11.072 11.264-33.28 11.264-44.288 0l-256.64-261.12a42.24 42.24 0 0 0-61.952 0 44.032 44.032 0 0 0 0 63.04l256.64 261.056c22.144 22.464 53.12 35.968 84.096 35.968 33.28 0 61.952-13.44 86.272-35.968l256.704-261.12a44.032 44.032 0 0 0 0-62.976c-11.072-8.96-22.08-13.504-33.216-13.504zM512 73.152a44.8 44.8 0 0 0-44.288 44.992v585.152a44.8 44.8 0 0 0 44.288 44.992 44.8 44.8 0 0 0 44.288-44.992V118.144A44.8 44.8 0 0 0 512 73.152z m331.904 787.648H180.096a44.8 44.8 0 0 0-44.288 45.056 44.8 44.8 0 0 0 44.288 44.992h663.808a44.8 44.8 0 0 0 44.288-44.992 44.8 44.8 0 0 0-44.288-45.056z"
+                      fill="#ffffff"
+                      p-id="3071"
+                    ></path>
+                  </svg>
+                </span>
                 <Icon
                   name="chakanxiangqing"
                   @click.stop="submitReview(cardItem, true)"
@@ -117,9 +140,7 @@
                   </template>
                 </Icon>
                 <Icon
-                  v-if="
-                    treeId === '301' || treeId === '401'
-                  "
+                  v-if="treeId === '301' || treeId === '401'"
                   name="shenhe2"
                   @click.stop="submitReview(cardItem)"
                 >
@@ -203,7 +224,7 @@
     <ElDialog
       v-model="logVisible"
       title="操作日志"
-      width="600px"
+      width="700px"
       :close-on-click-modal="false"
     >
       <template #default>
@@ -212,7 +233,14 @@
           style="color: #333; height: 400px; overflow: auto"
         >
           <div v-for="(item, index) in logList" :key="index" class="log-item">
-            {{ item.createdTime + ' ' + item.description }}
+            <div class="icon-left">
+              <Icon name="a-2labadianji3x" />
+              <span class="time">{{ item.createdTime }}</span
+              >&emsp;
+            </div>
+            <span class="description" :title="item.description">
+              {{ item.description }}
+            </span>
           </div>
         </div>
       </template>
@@ -250,6 +278,11 @@ const [searchForm] = useValue<SearchForm>({
   currentPage: 1,
   sku: '',
 })
+const downloadFile = (item: TypesettingListData) => {
+  if (item.paperFile) {
+    window.open(item.paperFile)
+  }
+}
 const getStatusList = async () => {
   try {
     const res = await getStatusListApi()
@@ -257,7 +290,6 @@ const getStatusList = async () => {
     treeData.value[0].children = res.data.slice(1)
     nextTick(() => {
       treeRef.value.setCurrentKey(treeId.value, true)
-      
     })
   } catch (e) {
     console.error(e)
@@ -330,8 +362,8 @@ const submitReview = async (data: TypesettingListData, isDetail = false) => {
   detailable.value = isDetail
   try {
     submitReviewModelRef.value?.getExamineInfo(data)
-    if (data.state === '601' ||data.state === '701' || data.state === '901') {
-    submitReviewModelRef.value?.getPriceDetail(data)
+    if (data.state === '601' || data.state === '701' || data.state === '901') {
+      submitReviewModelRef.value?.getPriceDetail(data)
     }
     const res = await getTypesettingDetail(data.id)
     row.value = res.data
@@ -440,6 +472,15 @@ const reject = async () => {
   background-color: #eee;
   overflow: hidden;
   cursor: pointer;
+  .download-icon {
+    display: inline-block;
+    line-height: 32px;
+    background: #554598;
+    width: 32px;
+    height: 32px;
+    border-radius: 10px;
+    margin-left: 5px;
+  }
 }
 
 .price {
@@ -454,8 +495,28 @@ const reject = async () => {
   color: #777;
 }
 .log-item {
-  height: 30px;
-  line-height: 30px;
+  width: 560px;
+  display: flex;
+  align-items: center;
+  .icon-left {
+    width: 172px;
+    display: flex;
+    align-items: center;
+    margin-right: 20px;
+    white-space: nowrap;
+  }
+  .time {
+    // width: 150px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .description {
+    display: inline-block;
+    flex: 1;
+    word-wrap: break-word;
+    cursor: pointer;
+  }
 }
 
 .svg-icon {