应急防御

src/views/books/components/addBook.vue

@@ -104,7 +104,10 @@
 
     },
     methods: {
-
+      setTeamId(id,name){
+        this.form.team_id = id
+        this.form.suozaiduiwu = name
+      },
       async getDetail() {
         const res = await show({
           id: this.id,

src/views/books/index.vue

@@ -1,6 +1,10 @@
 <template>
   <div>
     <div class="map" id="map" :style="{'height':mapHeight+'px'}">
+      <div class="teamsTab">
+        <span>防汛队伍：{{this.makerObj.teams.length}}</span>
+        <span>在册人员：{{totalPerson}}</span>
+      </div>
       <div class="tabs">
         <div :class="!addCur?'tabcur':''" @click="changeMask(1)">抢险队伍</div>
 
@@ -79,6 +83,7 @@
   export default {
     data() {
       return {
+        totalPerson: 0,
         zoom: 10,
         center: [120.585294, 31.299758],
         mapHeight: 0,
@@ -284,13 +289,16 @@
           if (res.data.length < 1) {
             return
           }
+          let _total = 0
           res.data.map(item => {
+            _total += parseInt(item.renshu)
             this.makerObj.teams.push({
               type: 'teams',
               name: item.mingcheng,
               ...item
             })
           })
+          this.totalPerson = _total
           this.setMapMarker("teams", this.makerObj.teams)
           this.loadingFull.close();
         })
@@ -406,6 +414,26 @@
 </script>
 
 <style lang="scss" scoped>
+  .teamsTab {
+    position: absolute;
+    z-index: 99;
+    top: 20px;
+    left: 20px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background: #fff;
+    padding: 20px 40px;
+    border-radius: 40px;
+    font-size: 18px;
+    &>span{
+      margin:0px 20px;
+    }
+  }
+
   .tabs {
     position: absolute;
     z-index: 99;
@@ -426,6 +454,7 @@
     font-size: 16px;
     color: #333;
   }
+
   .tabs>div:first-child {
     border-radius: 20px 0 0 20px;
 

src/views/team/components/showTeam.vue

@@ -1,34 +1,54 @@
 <template>
   <div>
-    <xy-dialog ref="dialog" :width='60' :is-show.sync="isShow" type="normal" title="花名册"
-      >
+    <xy-dialog ref="dialog" :width='60' :is-show.sync="isShow" type="normal" title="花名册">
       <template v-slot:normalContent>
-        <xy-table :list="bookList" :isPage="false"
-          :table-item="table">
+        <Button type="primary" style="margin-left: 10px;margin-bottom:10px" @click="$refs['addBook'].type='add',
+        $refs['addBook'].setlistTeam(listTeam),
+        $refs['addBook'].setTeamId(id,name),
+        $refs['addBook'].isShow=true">新增人员</Button>
+        <xy-table :list="bookList" :isPage="false" :table-item="table">
           <template v-slot:btns>
+            <el-table-column fixed="right" label="操作" width="260" header-align="center">
+              <template slot-scope="scope">
               <div>
+                <Button type="primary" size="small" @click="$refs['addBook'].type='editor',
+                $refs['addBook'].id=scope.row.id,
+                $refs['addBook'].setlistTeam(listTeam),
+                $refs['addBook'].setTeamId(id,name),
+                $refs['addBook'].isShow=true">编辑</Button>
+                <Poptip transfer confirm title="确认要删除吗？" @on-ok="delRow(scope.row.id)">
+                  <Button type="primary" style="margin-left: 10px;" size="small" ghost>删除</Button>
+                </Poptip>
               </div>
               </template>
+              </el-table-column>
+          </template>
 
         </xy-table>
       </template>
     </xy-dialog>
-
+    <addBook ref="addBook" @refresh="getBooks"></addBook>
   </div>
 </template>
 
 <script>
+  import addBook from "@/views/books/components/addBook.vue"
   import {
-    index
+    index,
+    destroy
   } from "@/api/system/baseForm.js"
   export default {
-
+    components: {
+      addBook
+    },
     data() {
       return {
         isShow: false,
         id: '',
+        name:'',
         tableName: 'books',
         bookList: [],
+        listTeam:[],
         table: [{
           label: '序号',
           type: 'index',
@@ -59,6 +79,7 @@
       }
     },
     created() {
+      this.getTeamList()
     },
     methods: {
       async getBooks() {
@@ -74,6 +95,28 @@
         })
         this.bookList = res.data
       },
+      async getTeamList() {
+        const res = await index({
+          page: 1,
+          page_size: 999,
+          table_name: 'teams'
+        })
+        this.listTeam = res.data
+      },
+      delRow(id) {
+        if (id) {
+          destroy({
+            id: id,
+            table_name: 'books',
+          }).then(res => {
+            this.$message({
+              type: 'success',
+              message: '删除成功'
+            })
+            this.getBooks()
+          })
+        }
+      },
     },
     watch: {
       isShow(newVal) {
@@ -81,6 +124,7 @@
           this.getBooks()
         } else {
           this.bookList = []
+          this.name = ''
           this.$refs['dialog'].reset()
         }
       },

src/views/team/team.vue

@@ -29,6 +29,7 @@
               </Poptip>
               <Button type="primary"  style="margin-left: 10px;" size="small" @click="
               $refs['showTeam'].id=scope.row.id,
+              $refs['showTeam'].name = scope.row.mingcheng,
               $refs['showTeam'].isShow=true">花名册</Button>
             </div>
           </template>