优化应急管理资源 应急演练的人员选择复现的背景颜色

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

@@ -258,7 +258,7 @@
           </div>
           <div class="div-kuang" style="width: 58%;margin-left: 2%">
             <el-form-item label="参演人员:" prop="drillPeople">
-              <span>{{form.drillPeople}}</span>
+              <span style="margin-right:5px" v-for='item in form.jsonPeople' :key="item.peoPleId">{{item.peoPleName}}</span>
             </el-form-item>
             <el-form-item label="演练内容:">
               <editor v-model="form.drillContent" :min-height="240" :readOnly="readOnly"/>
@@ -571,6 +571,8 @@ export default {
     handleDetail(row) {
       getDrill(row.drillId).then(response => {
         this.form = response.data;
+        this.form.jsonPeople = JSON.parse(this.form.drillPeople)
+        console.log(this.form.jsonPeople)
         this.form.drillType = this.selectDictLabel(this.drillTypeOptions, row.drillType);
         this.form.drillForm = this.selectDictLabel(this.drillFormOptions, row.drillForm);
         this.open2 = true;
@@ -613,6 +615,7 @@ export default {
     background: white;
     padding-top:20px ;
     padding-right: 20px;
+    padding-bottom:10px;
     border-radius: 10px;
   }
   .division{