证件管理附件上传样式

src/views/system/modules/AddCertificateManagement.vue

@@ -3,7 +3,7 @@
   <a-modal
    :getContainer ='()=>$refs.replyModal'
     :title="(defult == 'add')?'新增':'编辑'"
-    width="55%"
+    width="75%"
     :closable="true"
     @cancel="close"
     @ok="handleSubmit"
@@ -64,8 +64,10 @@
                  </a-select>
                </a-form-model-item>
             </a-col>
-            <a-col :md="24" :sm="8">
-              <a-form-item label="附件上传">
+          </a-row>
+          <a-row :gutter="24">
+             <a-col :md="24" :sm="8">
+              <a-form-item label="附件上传"  class="upload">
                <a-upload :action="url.fileUpload" @change="aaa" v-model="formState.enclosure" list-type="picture">
                  <a-button>
                    <a-icon type="upload"/>上传
@@ -77,13 +79,13 @@
                </a-form-model-item> -->
             </a-col>
           </a-row>
-         <!-- <a-row :gutter="24">
+         <a-row :gutter="24">
               <a-col :md="24" :sm="8"> 
                <a-form-model-item label="备注信息" :labelCol="labelCol" :wrapperCol="wrapperCol" class="nresume" style="height:100px !important">
                  <a-input type="textarea" placeholder="请输入" v-model="formState.remarks"/>
                </a-form-model-item>
               </a-col>
-            </a-row> -->
+            </a-row>
           </a-form-model>
         </div>
   </a-modal>
@@ -135,8 +137,11 @@ export default {
     },
     methods: {
       aaa(info) {
-               console.log("文件信息"+info)
-               console.log(info)
+        if(info.file.status !=='error'){
+          this.formState.enclosure = info.file.name
+        }else{
+          this.formState.enclosure = ''
+        }
       },
      close(){
        this.visible = false
@@ -145,10 +150,6 @@ export default {
        this.enDate=''
        this.beDate=''
      },
-     uploadFlie(file){
-       console.log(file)
-       debugger
-     },
     handleSubmit(){
        this.$refs.form.validate(valid => {
          if(valid){
@@ -160,8 +161,6 @@ export default {
             this.$message.error('请选择结束时间');
             return;
           }
-          console.log(this.formState)
-          debugger
           this.formState.beginDate = moment(this.beDate).format('YYYY-MM-DD');
           this.formState.endDate = moment(this.enDate).format('YYYY-MM-DD');
           if(this.defult == 'add'){
@@ -224,5 +223,8 @@ export default {
 /deep/ .nresume .ant-input{
   height: 100px !important;
 }
+/deep/ .upload .ant-form-item-control{
+  display: contents !important;
+}
 
 </style>