分配记录

src/views/indexComponent/distributionWarehousing/components/addDistributionWarehousing.vue

@@ -58,7 +58,7 @@
                                        :wrapperCol="{span: 12}">
                         <a-textarea
                                 :rows="5"
-                                    v-toRemarkNum
+                                :maxLength="200"
                                 v-model="formData.remarks"
                                 placeholder="请输入备注(最多可输入200字)"></a-textarea>
                     </a-form-model-item>
@@ -128,15 +128,17 @@
             width: 120px;
         }
     }
+
     .ready_stock {
         border-radius: 2px;
         width: 62px;
         text-align: center;
         padding: 2px 8px;
-        background:#FFF7E6;
+        background: #FFF7E6;
         border: 1px solid #FFD591;
         color: #FA8C16
     }
+
     .in_stock {
         border-radius: 2px;
         width: 62px;

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

@@ -74,7 +74,8 @@
                                 {{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">
@@ -134,6 +135,14 @@
                 </div>
             </a-card>
         </a-spin>
+        <a-modal title="查看知情同意书" :visible="showVisible" @cancel="showVisible = false" @ok="showVisible=false"
+                 loading="true"
+                 :maskClosable="false"
+                 width="800px">
+            <div>
+                <img style="width: 100%" :src="detailInfo.consentUrl" height="100%"/>
+            </div>
+        </a-modal>
     </div>
 </template>
 <script>
@@ -175,7 +184,8 @@
                 detailInfo: {},
                 spinning: false,
                 bookHtmlContent: {content: undefined},
-                columns
+                columns,
+                showVisible: false
             }
         },
         created() {
@@ -206,7 +216,7 @@
             goBack() {
                 this.$router.push("/Home/folviteDistribution");
                 closedDetail('/inStock/inStockManageDetail', '/Home/folviteDistribution')
-            }
+            },
         },
     }
 </script>
@@ -228,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;
             }
         }
     }

src/views/utils/directives/remarkNum.js

@@ -14,7 +14,6 @@ Vue.directive('toRemarkNum', {
             }
         })
         function checkValue(el, defu) {
-            debugger
             let len = el.value.length
             if (el.value && len > defu) {
                 el.value = el.value.substring(0, defu);