bug修改

src/views/indexComponent/folviteDistribution/components/folviteDistributionDetail.vue

@@ -74,20 +74,21 @@
                                 {{detailInfo.parentDate || '--'}}
                             </a-descriptions-item>
                             <a-descriptions-item label="上传照片" v-if="routerParams.source != 2">
-                                <img width="120px" height="120px" :src="detailInfo.consentUrl"/>
+                                <img style="cursor: pointer" width="120px" height="120px" :src="detailInfo.consentUrl"
+                                     @click="showVisible=true"/>
                             </a-descriptions-item>
                         </a-descriptions>
-                        <!-- <div class="card_info">
-                        <a-card class="book" :headStyle="{background: '#FAFAFA'}" v-if="routerParams.source == 2">
-                            <div slot="title" style="text-align: center;">
-                                <span style="color: #262626;font-size: 14px">知情同意书</span>
-                            </div>
-                            <div>
-                                <div v-html="bookHtmlContent.content">
+                        <div class="card_info">
+                            <a-card class="book" :headStyle="{background: '#FAFAFA'}" v-if="routerParams.source == 2">
+                                <div slot="title" style="text-align: center;">
+                                    <span style="color: #262626;font-size: 14px">知情同意书</span>
                                 </div>
-                            </div>
-                        </a-card>
-                         </div>
+                                <div>
+                                    <div v-html="bookHtmlContent.content">
+                                    </div>
+                                </div>
+                            </a-card>
+                        </div>
                         <div v-if="routerParams.source == 2">
                             <img style="width: 100%;height: 160px" :src="detailInfo.applySignUrl">
                         </div>
@@ -124,9 +125,9 @@
                     >
                     </a-table>
                     <a-descriptions bordered :column="1" class="remark_info folvite_title ">
-                    <a-descriptions-item label="备注">
-                        {{detailInfo.remarks || '--'}}
-                    </a-descriptions-item>
+                        <a-descriptions-item label="备注">
+                            {{detailInfo.remarks || '--'}}
+                        </a-descriptions-item>
                     </a-descriptions>
                 </div>
                 <div style="text-align: center;margin-top: 40px">
@@ -150,11 +151,11 @@
     import router from "../../../../router";
 
     const columns = [
+        {
             title: '供应商',
             dataIndex: 'supplierName',
             ellipsis: true
         },
-        {
         {
             title: '品牌',
             dataIndex: 'brandName',
@@ -183,7 +184,8 @@
                 detailInfo: {},
                 spinning: false,
                 bookHtmlContent: {content: undefined},
-                columns
+                columns,
+                showVisible: false
             }
         },
         created() {
@@ -214,7 +216,7 @@
             goBack() {
                 this.$router.push("/Home/folviteDistribution");
                 closedDetail('/inStock/inStockManageDetail', '/Home/folviteDistribution')
-            }
+            },
         },
     }
 </script>
@@ -236,22 +238,26 @@
             width: 135px;
         }
     }
-    .card_info{
-        .ant-card-head-title{
-            padding: 9px 0px!important;
+
+    .card_info {
+        .ant-card-head-title {
+            padding: 9px 0px !important;
         }
+
         .ant-card-head {
             min-height: 32px;
         }
+
         .ant-card-bordered {
-            border-top: 0px!important;
-            border-bottom: 0px!important;
+            border-top: 0px !important;
+            border-bottom: 0px !important;
         }
     }
+
     .remark_info {
         .ant-descriptions-view {
             .ant-descriptions-bordered .ant-descriptions-view {
-                border: 0px!important;
+                border: 0px !important;
             }
         }
     }