应急演练修改

danger-manage-web/src/views/system/drill/index.vue

@@ -143,9 +143,10 @@
     />
 
     <!-- 添加或修改应急演练对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="1800px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1100px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="90px">
-        <div class="division">
+        <div class="division" style="margin-bottom:20px" >
+
           <div class="div-kuang" style="width: 50%;">
             <el-form-item label="演练名称" prop="drillName">
               <el-input v-model="form.drillName" placeholder="请输入演练名称" />
@@ -199,21 +200,20 @@
             </el-form-item>
           </div>
 
+        </div>
 
-          <div class="div-kuang" style="width: 95%;margin-left: 2%">
-            <el-form-item label="选择人员" prop="releaseTime">
-              <!-- table -->
-              <!-- jsonSelectNameList就是呗选中的人员的json -->
-              <!-- getPeopleList 是每次选中或者删除人员都会返回 一个所有人员列表的json串，[{staffId:staffId,staffName:staffName},{staffId:staffId,staffName:staffName}] -->
-              <!-- 要在jsonSelectNameList赋值完毕之后 调用一下 this.$refs.changePaple.changeNameList  135行 -->
-              <ChangePapel
-                ref="changePaple"
-                :jsonSelectNameList="jsonSelectNameList"
-                @getPeopleList="getPeopleList"
-              />
-            </el-form-item>
-          </div>
-
+        <div class="div-kuang" style="width: 100%;">
+          <el-form-item label="选择人员" prop="releaseTime">
+            <!-- table -->
+            <!-- jsonSelectNameList就是呗选中的人员的json -->
+            <!-- getPeopleList 是每次选中或者删除人员都会返回 一个所有人员列表的json串，[{staffId:staffId,staffName:staffName},{staffId:staffId,staffName:staffName}] -->
+            <!-- 要在jsonSelectNameList赋值完毕之后 调用一下 this.$refs.changePaple.changeNameList  135行 -->
+            <ChangePapel
+              ref="changePaple"
+              :jsonSelectNameList="jsonSelectNameList"
+              @getPeopleList="getPeopleList"
+            />
+          </el-form-item>
         </div>
 
 
@@ -396,10 +396,6 @@ export default {
     });
   },
   mounted() {
-    // this.jsonSelectNameList
-
-    // '[{"staffId":880,"staffName":"孙卓亚"},{"staffId":871,"staffName":"张玉宾"},{"staffId":869,"staffName":"李二朝"},{"staffId":870,"staffName":"盖永峰"},{"staffId":868,"staffName":"刘丽艳"},{"staffId":867,"staffName":"霍文俊"},{"staffId":866,"staffName":"刘志坚"},{"staffId":865,"staffName":"郝文权"},{"staffId":864,"staffName":"齐雪军"},{"staffId":852,"staffName":"刘江平"},{"staffId":853,"staffName":"谷建海"},{"staffId":851,"staffName":"丁振国"},{"staffId":850,"staffName":"齐江波"},{"staffId":849,"staffName":"周立新"},{"staffId":848,"staffName":"史志波"},{"staffId":847,"staffName":"王增波"},{"staffId":846,"staffName":"杨彦龙"},{"staffId":845,"staffName":"杨华国"},{"staffId":844,"staffName":"王青华"}]';
-    this.$refs.changePaple.changeNameList(this.jsonSelectNameList);
   },
   methods: {
     // 获取参考人员的list
@@ -428,6 +424,9 @@ export default {
       const data = [];
       TStaffList(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
         this.jsonSelectNameList=response;
+        this.$nextTick(()=>{
+          this.$refs.changePaple.changeNameList(this.jsonSelectNameList);
+        })
         // response.rows.forEach((city, index) => {
         //   data.push({
         //     label: city.staffName,
@@ -511,11 +510,13 @@ export default {
       //   this.cities = response.rows.staffName;
       //   generateData.cities=['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu']
       // });
-
        this.generateData();
       this.reset();
       this.open = true;
       this.title = "添加应急演练";
+      this.$nextTick(()=>{
+        this.$refs.changePaple.changeNameList(this.jsonSelectNameList);
+      })
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -525,6 +526,11 @@ export default {
         this.form = response.data;
         this.open = true;
         this.title = "修改应急演练";
+        console.log(response.data.drillPeople)
+        this.jsonSelectNameList=response.data.drillPeople;
+        this.$nextTick(()=>{
+          this.$refs.changePaple.changeNameList(this.jsonSelectNameList);
+        })
       });
     },
     /** 评估按钮操作 */