特殊议程

src/components/addCode.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="code">
         <el-dialog :title="title" :visible.sync="dialogFormVisible">
-            <el-form :model="form">
+            <el-form :model="form" label-width="100px">
                 <el-form-item label="代码名称" :label-width="formLabelWidth">
                     <el-input v-model="form.title" autocomplete="off"></el-input>
                 </el-form-item>
@@ -13,8 +13,9 @@
                     <el-input v-model="form.reportDep" autocomplete="off"></el-input>
                 </el-form-item>
                 <el-form-item label="列席人员" :label-width="formLabelWidth">
-                    <el-input  v-model="form.attendPerson" autocomplete="off"></el-input>
-                    <el-button @click="selectPerson">选择</el-button>
+                    <el-input :disabled="true" v-model="attendPerson" autocomplete="off">
+                        <el-button @click="selectPerson" slot="append">选择</el-button>
+                    </el-input>
                 </el-form-item>
                 <el-form-item label="白名单IP" :label-width="formLabelWidth">
                     <el-input v-model="form.ips" autocomplete="off"></el-input>
@@ -40,6 +41,7 @@
             return {
                 title: "",
                 id:"",
+                attendPerson:"",
                 form: {
                     title: "",
                     url: "",
@@ -85,12 +87,15 @@
             },
             getPerson(data){
                 this.form.linkAttends = data.map(e=>{
+                    this.attendPerson += e.name +","
                     const d = {
                         attendId:e.id
                     }
                     return d
                 });
+                this.attendPerson = this.attendPerson.substr(0,this.attendPerson.length -1)
             console.log(this.form)
+            console.log(this.attendPerson)
             },
             //提交
             submitForm() {

src/components/attendDialog.vue

@@ -8,8 +8,8 @@
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogFormVisible = false">取 消</el-button>
-                <el-button type="primary" @click="submitForm">确 定</el-button>
+                <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
+                <el-button size="small" type="primary" @click="submitForm">确 定</el-button>
             </div>
         </el-dialog>
     </div>

src/components/intentionDialog.vue

@@ -26,8 +26,8 @@
                 </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>
+                <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
+                <el-button size="small" type="primary" @click="dialogFormVisible = false">确 定</el-button>
             </div>
         </el-dialog>
     </div>