新增规范文件

src/views/codeRule/ruleManage.vue

@@ -86,7 +86,7 @@
                             size="small"
                             style="background-color:#2550A2;color:white;font-weight:bold;"
                             plain
-                            @click="addRule"
+                            @click="addFile"
                             >新增
                             </el-button>
                             <el-button
@@ -244,6 +244,45 @@
           <el-button type="primary" @click="manageVisible = false">确 定</el-button>
         </div>
       </el-dialog>
+
+      <!-- 新增规范文件 -->
+       <el-dialog title="新增" :visible.sync="addFileDialogVisible"  append-to-body width="30%">
+        <el-form :model="fileForm" label-position="left" label-width="80px">
+          <el-form-item label="规范名称" >
+            <el-input v-model="fileForm.name" ></el-input>
+          </el-form-item>
+          <el-form-item label="下达日期" >
+            <el-date-picker
+            style="width: 100%;"
+              v-model="fileForm.date1"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="实施日期" >
+            <el-date-picker
+            style="width: 100%;"
+              v-model="fileForm.date2"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="规范文件" >
+            <el-upload
+              class="upload-demo"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :file-list="fileList">
+              <el-button size="small" type="primary">点击上传</el-button>
+              <div slot="tip" class="el-upload__tip">允许文件格式.pdf</div>
+            </el-upload>
+          </el-form-item>
+          
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+        </div>
+      </el-dialog>
    </div>
 </template>
 <script>
@@ -298,7 +337,10 @@ import {getLazytree} from "@/api/manager/wbsprivate";
           { name: '规范3' },
           { name: '规范4' },
           { name: '规范5' }
-        ]
+        ],
+        addFileDialogVisible:false,
+        fileForm:{},
+        fileList:[]
       };
     },
      computed: {
@@ -358,6 +400,10 @@ import {getLazytree} from "@/api/manager/wbsprivate";
       
           this.isShowDetail = true;
          },
+         addFile(){
+         //新增规范文件
+         this.addFileDialogVisible = true;
+         },
         handleCurrentChange(val) {
         this.currentPage = val
       },