init

src/components/intentionDialog.vue

+<!--编辑意向-->
 <template>
     <div class="intentionDialog">
         <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible">
@@ -9,7 +10,19 @@
                     <el-input v-model="form.name2" autocomplete="off"></el-input>
                 </el-form-item>
                 <el-form-item label="相关附件" :label-width="formLabelWidth">
-                    <el-input v-model="form.name5" autocomplete="off"></el-input>
+                    <el-upload
+                            class="upload-demo"
+                            action="https://jsonplaceholder.typicode.com/posts/"
+                            :on-preview="handlePreview"
+                            :on-remove="handleRemove"
+                            :before-remove="beforeRemove"
+                            multiple
+                            :limit="3"
+                            :on-exceed="handleExceed"
+                            :file-list="fileList">
+                        <el-button size="small" type="primary">点击上传</el-button>
+                        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                    </el-upload>
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -25,11 +38,31 @@
         name: "intention-dialog",
         data(){
             return{
+                fileList:[],
+                form:{
+                    name1:"",
+                    name2:"",
+                    name3:"",
+                },
                 dialogTitle:'',
                 dialogFormVisible:false,
+                formLabelWidth:"120px"
             }
         },
         methods:{
+            handleRemove(file, fileList) {
+                const form = new FormData()
+                console.log(file, fileList);
+            },
+            handlePreview(file) {
+                console.log(file);
+            },
+            handleExceed(files, fileList) {
+                this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+            },
+            beforeRemove(file, fileList) {
+                return this.$confirm(`确定移除 ${ file.name }？`);
+            },
             showDialog(){
                 this.dialogTitle = "添加意向"
                 this.dialogFormVisible = true

src/router.js

@@ -52,7 +52,7 @@ router.beforeEach((to,from,next)=>{
       next();
     }else{
       next({
-        path:'/login',
+        path:'/meetList',
         query:{redirect:to.fullPath}
       })
     }

src/views/attend.vue

@@ -12,8 +12,7 @@
                 <el-table-column
                         type="index"
                         label="代码显示顺序"
-                        width="200"
-                        :index="index">
+                        width="200">
                 </el-table-column>
                 <el-table-column
                         prop="name"

src/views/intention.vue

@@ -57,9 +57,9 @@
                         prop="address"
                         label="操作">
                     <template slot-scope="scope">
-                        <span class="font-size-20">
-                             <i class="el-icon-edit-outline margin-right-10"></i>
-                             <i class="el-icon-view margin-right-10"></i>
+                        <span class="font-size-20 pointer">
+                             <i @click="handleEdit(scope.row)" class="el-icon-edit-outline margin-right-10"></i>
+                             <i @click="handleDelete(scope.row)" class="el-icon-view margin-right-10"></i>
                              <i class="el-icon-delete"></i>
                         </span>
                     </template>
@@ -77,11 +77,15 @@
                 </el-pagination>
             </div>
         </div>
+        <intention-dialog ref="intentionDialog"></intention-dialog>
     </div>
 </template>
 
 <script>
+    import IntentionDialog from "../components/intentionDialog";
+
     export default {
+        components: {IntentionDialog},
         name: "intention",
         data() {
             return {
@@ -129,6 +133,9 @@
 
             },
             handleCurrentChange() {
+            },
+            handleEdit(row){
+                this.$refs.intentionDialog.showDialog()
             }
         }
     }

src/views/meetList.vue

@@ -47,11 +47,9 @@
                         label="操作">
                     <template slot-scope="scope">
                           <span class="font-size-20">
-                            <router-link to="/meetManage">
-                                <i class="el-icon-edit-outline margin-right-10"></i>
-                            </router-link>
+                             <i @click="handleEdit(scope.row)" class="el-icon-edit-outline margin-right-10"></i>
                              <i class="el-icon-view margin-right-10"></i>
-                             <i class="el-icon-delete"></i>
+                             <i @click="handleDelete(scope.row)" class="el-icon-delete"></i>
                         </span>
                     </template>
                 </el-table-column>
@@ -121,9 +119,21 @@
 
             },
             handleCurrentChange(){},
+            //去编辑页面
+            handleEdit(row){
+                this.$router.push({
+                    path:'/meetManage',
+                    query:{
+                        item:row
+                    }
+                })
+            },
+            //删除
+            handleDelete(row){
 
             }
         }
+    }
 </script>
 
 <style scoped>

src/views/meetManage.vue

@@ -154,6 +154,7 @@
         data(){
             return {
                 input1:"",
+                item:"",
                 options:[
                     {label:"绝密",value:"1"},
                     {label:"机密",value:"2"},
@@ -196,6 +197,10 @@
                     }],
             }
         },
+        created(){
+            this.item = this.$route.query.item
+            console.log(this.item)
+        },
         methods:{
             showDialog(){
                 this.$refs.selectIntentionDialog.showDialog()