法律法规添加附件上传

src/components/FileUpload/index.vue

@@ -204,22 +204,4 @@ export default {
 .ele-upload-list__item-content-action .el-link {
   margin-right: 10px;
 }
-
-.el-link--default {
-  flex: 1;
-  overflow: hidden;
-  justify-content: start;
-
-  ::v-deep .el-link--inner {
-    width: 100%;
-  }
-
-  ::v-deep .el-icon-document {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: 98%;
-    vertical-align: middle;
-  }
-}
 </style>

src/views/law/law/index.vue

@@ -81,7 +81,7 @@
             placeholder="请选择颁布日期" />
         </el-form-item>
         <el-form-item required :rules="[{ required: true, message: '请选择文件' }]" label="文件" prop="lawFiles">
-          <file-upload v-model="form.lawFiles" :limit="1" />
+          <file-upload class="law-file" v-model="form.lawFiles" :limit="1" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -245,3 +245,24 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.law-file {
+  ::v-deep .el-link--default {
+    flex: 1;
+    overflow: hidden;
+    justify-content: start;
+
+    .el-link--inner {
+      width: 100%;
+    }
+
+    .el-icon-document {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 98%;
+      vertical-align: middle;
+    }
+  }
+}
+</style>
\ No newline at end of file