应急防御

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,18 +1,22 @@
 <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>
 
         <div :class="addCur?'tabcur':''">
-        <el-dropdown @command="clickQuyu" :show-timeout="100"	>
-          <span class="el-dropdown-link" @click="changeMask(2)">
-            防汛仓库<i class="el-icon-arrow-down el-icon--right"></i>
-          </span>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item v-for="item in areaList" :command="item.id">{{item.value}}</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
+          <el-dropdown @command="clickQuyu" :show-timeout="100">
+            <span class="el-dropdown-link" @click="changeMask(2)">
+              防汛仓库<i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-for="item in areaList" :command="item.id">{{item.value}}</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </div>
       </div>
     </div>
@@ -79,6 +83,7 @@
   export default {
     data() {
       return {
+        totalPerson: 0,
         zoom: 10,
         center: [120.585294, 31.299758],
         mapHeight: 0,
@@ -88,15 +93,15 @@
           teams: [],
           storages: []
         },
-                areaList:[],
+        areaList: [],
         infoWindow: null,
         openData: [],
         materList: [],
-        quyu_id:'',
+        quyu_id: '',
         loading: true,
         total: 0,
         addCur: false,
-        loadingFull:null,
+        loadingFull: null,
         table: [{
             label: '序号',
             type: 'index',
@@ -228,8 +233,8 @@
       })
     },
     methods: {
-      getArea(){
-        getparameteritem("area").then(res=>{
+      getArea() {
+        getparameteritem("area").then(res => {
           this.areaList = res.detail
         })
       },
@@ -284,19 +289,22 @@
           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();
         })
       },
-      clickQuyu(e){
-        console.log("e",e)
+      clickQuyu(e) {
+        console.log("e", e)
         this.quyu_id = e
         this.getStorages()
       },
@@ -313,9 +321,9 @@
           page_size: 9999,
           table_name: 'flood_storages',
           filter: [{
-            key:'quyu_id',
-            op:'eq',
-            value:this.quyu_id
+            key: 'quyu_id',
+            op: 'eq',
+            value: this.quyu_id
           }],
         }).then(res => {
           let markers = []
@@ -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;
@@ -422,10 +450,11 @@
     color: #333;
   }
 
-  ::v-deep .el-dropdown{
+  ::v-deep .el-dropdown {
     font-size: 16px;
     color: #333;
   }
+
   .tabs>div:first-child {
     border-radius: 20px 0 0 20px;
 
@@ -441,7 +470,7 @@
     color: #fff
   }
 
-  ::v-deep .tabs>div.tabcur .el-dropdown{
+  ::v-deep .tabs>div.tabcur .el-dropdown {
     color: #fff;
   }
 

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>
-                <div>
-                </div>
+            <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() {
@@ -66,14 +87,36 @@
           table_name: 'books',
           page: 1,
           page_size: 999,
-          filter:[{
-            key:'team_id',
-            op:'eq',
-            value:this.id
+          filter: [{
+            key: 'team_id',
+            op: 'eq',
+            value: this.id
           }]
         })
         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>