From 282cb62bc779b3fcd8ad2cfb04ec6e8ca73b0838 Mon Sep 17 00:00:00 2001
From: zhaoyongnian <541231643@qq.com>
Date: Fri, 22 Apr 2022 09:40:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E5=8A=9B=E4=B8=BB=E8=BD=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../plugins/power/poweraxis-add-or-update.vue | 524 +++++++++++++
 src/views/modules/plugins/power/poweraxis.vue | 721 ++++--------------
 .../plugins/power/poweraxis_add_leader.vue    | 249 ++++++
 3 files changed, 932 insertions(+), 562 deletions(-)
 create mode 100644 src/views/modules/plugins/power/poweraxis-add-or-update.vue
 create mode 100644 src/views/modules/plugins/power/poweraxis_add_leader.vue

diff --git a/src/views/modules/plugins/power/poweraxis-add-or-update.vue b/src/views/modules/plugins/power/poweraxis-add-or-update.vue
new file mode 100644
index 00000000..610a68c5
--- /dev/null
+++ b/src/views/modules/plugins/power/poweraxis-add-or-update.vue
@@ -0,0 +1,524 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form class="form" 
+            :model="dataForm" 
+            :rules="dataRule" 
+            ref="dataForm" 
+            @keyup.enter.native="dataFormSubmitHandle()" 
+            :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item prop="categoryCode" label="类别">
+          <el-select v-model="dataForm.categoryCode" @change="handelChange" placeholder="请选择类别">
+              <el-option
+              v-for="item in tagCategoryArr"
+              :key="item.categoryCode"
+              :label="item.categoryName"
+              :value="item.categoryCode">
+              </el-option>
+          </el-select>
+      </el-form-item>
+      <el-form-item  prop="name" label="名称">
+          <el-input  v-model="dataForm.name" placeholder="请输入名称"  style="width:250px"></el-input>
+      </el-form-item>
+      <!-- 下拉框组织的参数 -->
+      <el-form-item  prop="orgId" label="所属组织" v-show="orgListSwitch">
+          <el-cascader
+              v-model="dataForm.orgId"
+              :options="agencytree"
+              placeholder="请选择所属组织"
+              :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
+              ></el-cascader>
+      </el-form-item>
+      <!-- 网格党支部下拉框 -->
+      <el-form-item prop="pid" label="所属上级" v-show="GridPartyBranchSwitch">
+          <el-select v-model="dataForm.pid" placeholder="请选择所属上级">
+              <el-option
+              v-for="item in GridPartyBranchList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id">
+              </el-option>
+          </el-select>
+      </el-form-item>
+      <!-- 党委下拉框 -->
+      <el-form-item prop="pid" label="所属上级" v-show="partyCommSwitch">
+          <el-select v-model="dataForm.pid" placeholder="请选择所属上级">
+              <el-option
+              v-for="item in PartyCommList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id">
+              </el-option>
+          </el-select>
+      </el-form-item>
+      <el-form-item label="排序">
+          <el-input-number v-model="dataForm.sort" :min="0" :max="10" label="请输入排序"></el-input-number>
+      </el-form-item>
+      <el-form-item label="活动坐标"
+                    prop="longitude"
+                    style="display: block">
+        <div class="item_width_1">
+
+          <div class="div_map">
+            <div id="app">
+
+            </div>
+            <div style="display: none" id="mapSeach_id" class="div_searchmap">
+              <el-input class="item_width_4"
+                        maxlength="50"
+                        size="mini"
+                        placeholder="请输入关键字"
+                        v-model="keyWords">
+              </el-input>
+              <el-button style="margin-left: 10px"
+                          type="primary"
+                          size="mini"
+                          @click="handleSearchMap">查询</el-button>
+            </div>
+          </div>
+
+          <div id="lon_lat_id" style="margin-top: 10px; display: none">
+            <span>经度</span>
+            <el-input class="item_width_3"
+                      maxlength="50"
+                      placeholder="请输入经度"
+                      v-model="dataForm.longitude">
+            </el-input>
+            <span style="margin-left: 20px">纬度</span>
+            <el-input class="item_width_3"
+                      maxlength="50"
+                      placeholder="请输入纬度"
+                      v-model="dataForm.latitude">
+            </el-input>
+          </div>
+        </div>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+var map
+var search
+var markers
+var infoWindowList
+var geocoder // 新建一个正逆地址解析类
+import debounce from 'lodash/debounce'
+import { requestPost } from "@/js/dai/request";
+export default {
+  data () {
+    return {
+      visible: false,
+      keyWords: '',
+      dataForm: {
+        id:'',
+        name:'',
+        customerId:'',
+        agencyId:'',
+        agencyName:'',
+        orgId: '',
+        agencyType:'',
+        pid:'',
+        categoryCode:'',
+        sort:'',
+        address: '', //详细地址
+        longitude: 36.0722275, //经度
+        latitude: 120.38945519 //纬度
+      },      
+      tagCategoryArr: [], // 查询动力主轴标签类别
+      agencytree: [], // 绑定组织列表
+      GridPartyBranchList:[], // 上级网格党支部列表
+      PartyCommList:[], // 党委列表
+      orgListSwitch:false, // 组织列表开关
+      GridPartyBranchSwitch:false, // 上级网格党支部列表
+      partyCommSwitch:false, // 党委下拉框列表开关
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        categoryCode:[
+            { required: true, message: "上级部门不能为空", trigger: "blur" }
+        ],
+        name:[
+            { required: true, message: "上级部门不能为空", trigger: "blur" }
+        ],
+        orgId:[
+            { required: true, message: "上级部门不能为空", trigger: "blur" }
+        ],
+        pid:[
+            { required: true, message: "上级部门不能为空", trigger: "blur" }
+        ],
+        longitude: [
+          { required: true, message: '坐标不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  mounted () {
+    setTimeout(() => {
+      this.initMap()
+    }, 500);
+  },
+  methods: {
+    init () {
+      this.visible = true;
+      this.dataForm.customerId = localStorage.getItem('customerId')
+      this.getTagCategoryArr()
+      this.getAgencyTree()
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+        }
+      })
+    },
+    // 获取动力主轴标签
+    async getTagCategoryArr(){
+        const url = '/pli/power/axisTag/listSimple/struct'
+
+        let params = {}
+
+        const { data, code, msg } = await requestPost(url, params)
+
+        if (code === 0) {
+            this.tagCategoryArr = data
+        } else {
+            this.$message.error(msg)
+        }
+    },
+    // 获取组织列表
+    async getAgencyTree(){
+        const url = '/data/aggregator/org/agencytree'
+
+        let params = {
+            agencyId:  localStorage.getItem('agencyId'),
+            client:'gov'
+        }
+        const { data, code, msg } = await requestPost(url,params)
+        if (code === 0) {
+            let _data
+            if (data) {
+                _data = this.removeByOrgType(data, 'agency')
+                if (_data) {
+                    this.agencytree = this.removeEmptySubOrgList(_data)
+                }
+            }
+        } else {
+            this.$message.error(msg)
+        }
+    },
+    removeByOrgType (orgArray, orgType) {
+        if (orgArray && orgArray.length > 0) {
+            for (let p = orgArray.length - 1; p >= 0; p--) {
+                let orgInfo = orgArray[p]
+                if (orgInfo) {
+                    if (orgInfo.orgType !== orgType) {
+                        orgArray.splice(p, 1)
+                    } else {
+                        this.removeByOrgType(orgInfo.subOrgList, orgType)
+                    }
+                }
+            }
+        }
+        return orgArray
+    },
+    removeEmptySubOrgList (orgArray) {
+        orgArray.forEach((orgInfo) => {
+            if (orgInfo && orgInfo.subOrgList) {
+                if (orgInfo.subOrgList.length === 0) {
+                    orgInfo.subOrgList = undefined
+                } else {
+                    this.removeEmptySubOrgList(orgInfo.subOrgList)
+                }
+            }
+        })
+        return orgArray;
+    },
+    // 获取信息
+    getInfo () {
+      this.$http.post(`/pli/power/axisStruct/queryModifyById/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg);
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        if(this.dataForm.categoryCode === 'community_party') {
+            this.orgListSwitch = true
+            this.GridPartyBranchSwitch = false
+            this.partyCommSwitch = false
+        }
+        if(this.dataForm.categoryCode === 'grid_party') {
+            this.orgListSwitch = false
+            this.GridPartyBranchSwitch = false
+            this.partyCommSwitch = true
+            this.getPartyCommList()
+        }
+        if(this.dataForm.categoryCode === 'group_party') {
+            this.GridPartyBranchSwitch = true
+            this.partyCommSwitch = false
+            this.getGridPartyBranchList()
+        }
+      }).catch(() => {})
+    },
+    // 获取上级网格党支部
+    async getGridPartyBranchList(){
+        const url = '/pli/power/axisStruct/GridPartyBranchList'
+
+        let params = {}
+
+        const { data, code, msg } = await requestPost(url,params)
+
+        if (code === 0) {
+            this.GridPartyBranchList = data
+        } else {
+            this.$message.error(msg)
+        }
+    },
+    // 获取上级组织党委
+    async getPartyCommList(){
+        const url = '/pli/power/axisStruct/getPartyCommList'
+
+        let params = {}
+
+        const { data, code, msg } = await requestPost(url,params)
+
+        if (code === 0) {
+            this.PartyCommList = data
+        } else {
+            this.$message.error(msg)
+        }
+    },
+    // 动力主轴选中后的操作
+    handelChange(val){
+        this.dataForm.categoryCode = val
+        if (val === 'community_party') {
+            this.orgListSwitch = true
+            this.GridPartyBranchSwitch = false
+            this.partyCommSwitch = false
+            this.dataForm.pid = 0
+        } 
+        if(val === 'grid_party') {
+            this.orgListSwitch = false
+            this.GridPartyBranchSwitch = false
+            this.partyCommSwitch = true
+            this.getPartyCommList()
+            this.dataForm.pid = ''
+        }
+        if(val === 'group_party') {
+            this.GridPartyBranchSwitch = true
+            this.partyCommSwitch = false
+            this.dataForm.pid = ''
+            this.getGridPartyBranchList()
+        }
+    },
+    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+    initMap () {
+      if (document.getElementById('app')) {
+        document.getElementById('mapSeach_id').style.display = "block"
+        document.getElementById('lon_lat_id').style.display = "block"
+      }
+      
+      // 定义地图中心点坐标
+      var center = new window.TMap.LatLng(36.0722275, 120.38945519)
+      // 定义map变量，调用 TMap.Map() 构造函数创建地图
+      map = new window.TMap.Map(document.getElementById('app'), {
+        center: center, // 设置地图中心点坐标
+        zoom: 17.2, // 设置地图缩放级别
+        pitch: 43.5, // 设置俯仰角
+        rotation: 45 // 设置地图旋转角度
+      })
+
+      search = new window.TMap.service.Search({ pageSize: 10 })
+      // 新建一个地点搜索类
+      markers = new TMap.MultiMarker({
+        map: map,
+        geometries: []
+      })
+      infoWindowList = Array(10)
+
+      geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
+
+      // 监听地图平移结束
+      map.on('panend', () => {
+        this.handleMoveCenter()
+      })
+      this.handleMoveCenter()
+      this.convert()
+    },
+
+    setMarker (lat, lng) {
+      markers.setGeometries([])
+      markers.add([
+        {
+          id: '4',
+          styleId: 'marker',
+          position: new TMap.LatLng(lat, lng),
+          properties: {
+            title: 'marker4'
+          }
+        }
+      ])
+    },
+
+    handleSearchMap () {
+      infoWindowList.forEach((infoWindow) => {
+        infoWindow.close()
+      })
+      infoWindowList.length = 0
+      markers.setGeometries([])
+      // 在地图显示范围内以给定的关键字搜索地点
+      search
+        .searchRectangle({
+          keyword: this.keyWords,
+          bounds: map.getBounds()
+        })
+        .then((result) => {
+          let { data } = result
+          if (Array.isArray(data) && data.length > 0) {
+            const {
+              location: { lat, lng }
+            } = data[0]
+
+
+            map.setCenter(new TMap.LatLng(lat, lng))
+            this.setMarker(lat, lng)
+            this.dataForm.latitude = lat
+            this.dataForm.longitude = lng
+            this.convert()
+          } else {
+            this.$message.error('未检索到相关位置坐标')
+          }
+        })
+    },
+
+    handleMoveCenter () {
+      //修改地图中心点
+      const center = map.getCenter()
+      const lat = center.getLat()
+      const lng = center.getLng()
+      this.dataForm.latitude = lat
+      this.dataForm.longitude = lng
+      this.setMarker(lat, lng)
+      this.convert(lat, lng)
+    },
+
+    convert (lat, lng) {
+      markers.setGeometries([]);
+      // var input = document.getElementById('location').value.split(',');
+      let location
+      if (lat && lng) {
+        location = new TMap.LatLng(lat, lng);
+      } else {
+        location = new TMap.LatLng(this.dataForm.latitude, this.dataForm.longitude);
+      }
+      // map.setCenter(location);
+      markers.updateGeometries([
+        {
+          id: 'main', // 点标注数据数组
+          position: location,
+        },
+      ]);
+      geocoder
+        .getAddress({ location: location }) // 将给定的坐标位置转换为地址
+        .then((result) => {
+          this.dataForm.address = result.result.address
+          // 显示搜索到的地址
+        });
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        if(this.dataForm.id) { // 修改
+          this.submitModifyOrg()
+        } else { // 新增
+          this.submitAddNewOrg()
+        }
+      })
+    }, 1000, { 'leading': true, 'trailing': false }),
+    // 修改
+    async submitModifyOrg(){
+        this.dataForm.agencyId = this.dataForm.orgId[this.dataForm.orgId.length - 1]
+        const url = '/pli/power/axisStruct/modifyOrg'
+        const { data, code, msg } = await requestPost(url,this.dataForm)
+        if (code === 0) {
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        } else {
+            return this.$message.error(msg)
+        }
+    },
+    // 新增
+    async submitAddNewOrg(){
+        const url = '/pli/power/axisStruct/addOrg'
+        this.dataForm.agencyId = this.dataForm.orgId[this.dataForm.orgId.length - 1]
+        const { data, code, msg } = await requestPost(url,this.dataForm)
+        if (code === 0) {
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataList')
+            }
+          })
+        } else {
+            return this.$message.error(msg)
+        }
+    },
+  }
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/visual/communityManageForm.scss";
+</style>
+<style  lang="scss" scoped>
+.item_width_1 {
+  width: 560px;
+
+  /deep/.tox .tox-dialog {
+    z-index: 20000;
+  }
+}
+
+
+.div_map {
+  position: relative;
+}
+.div_searchmap {
+  z-index: 5000;
+  position: absolute;
+  top: 5px;
+  left: 5px;
+}
+
+.tinymce_view {
+  height: 400px;
+  overflow: auto;
+}
+.text_p {
+  margin: 0;
+  padding: 0 10px;
+  border: 1px solid #d9d9d9;
+  border-radius: 5px;
+  > p {
+    margin: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/modules/plugins/power/poweraxis.vue b/src/views/modules/plugins/power/poweraxis.vue
index a6852b01..d341f857 100644
--- a/src/views/modules/plugins/power/poweraxis.vue
+++ b/src/views/modules/plugins/power/poweraxis.vue
@@ -1,205 +1,59 @@
 <template>
-    <div>
-        <el-form :model="queryParams" ref="queryForm" :inline="true">
+  <div class="div_main">
+      <div class="div_search">
+        <el-form :model="dataForm" ref="queryForm" :inline="true" @keyup.enter.native="getDataList()">
             <el-form-item label="所属组织" prop="deptName">
                 <el-cascader
-                        :options="agencytree"
                         placeholder="请选择所属组织"
+                        :options="agencytree"
+                        v-model="dataForm.agencyId"
                         :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                        @change="changeQueryParams" />
+                        clearable/>
             </el-form-item>
             <el-form-item label="部门名称" prop="deptName">
-                <el-input v-model="queryParams.axisName" placeholder="请输入部门名称" clearable size="small" />
+                <el-input v-model="dataForm.axisName" placeholder="请输入部门名称" clearable size="small" />
             </el-form-item>
             <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="initTreeData"
-                >搜索</el-button
-                >
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" >重置</el-button>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="getDataList()">搜索</el-button>
+                <el-button style="margin-left:10px"
+                           class="diy-button--reset"
+                           size="small">重置</el-button>
             </el-form-item>
         </el-form>
-
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                type="primary"
-                plain
-                icon="el-icon-plus"
-                size="mini"
-                @click="addNewOrg"
-                >新增</el-button
-                >
-            </el-col>
-        </el-row>
-
+      </div>
+      <div class="div_table">
+        <div class="div_btn">
+            <el-button style=""
+                    class="diy-button--add"
+                    size="small"
+                    @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+        </div>
         <!-- 列表表格 -->
         <el-table
-            height="500px"
-            :data="powerAxisTreeList"
-            :default-expand-all="isExpandAll"
-            v-if="refreshTable" row-key="id"
+            class="table"
+            v-loading="dataListLoading"
+            :data="dataList"
+            :default-expand-all="true"
+            row-key="id"
             :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
-            >
+            :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}">
             <el-table-column prop="name" label="动力主轴"></el-table-column>
             <el-table-column prop="categoryCode" :formatter="categoryCodeFormatter" label="类别" ></el-table-column>
             <el-table-column prop="leaderName" label="负责人"></el-table-column>
             <el-table-column prop="leaderMobile" label="联系方式" ></el-table-column>
             <el-table-column prop="createdTime" label="创建时间" ></el-table-column>
-            <el-table-column label="操作" align="center">
-                <template slot-scope="row">
-                    <el-button size="mini" type="danger" icon="el-icon-edit" @click="modify(row)">修改</el-button>
-                    <el-button size="mini" type="warning" icon="el-icon-edit" @click="del(row)">删除</el-button>
-                    <el-button size="mini" type="primary" icon="el-icon-user">负责人</el-button>
+            <el-table-column label="操作" align="center" width="300">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="danger" icon="el-icon-edit" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+                    <el-button size="mini" type="warning" icon="el-icon-edit" @click="deleteHandle_my(scope.row.id)">删除</el-button>
+                    <el-button size="mini" type="primary" icon="el-icon-user" @click="addLeader(scope.row.id, scope.row.leaderId)">负责人</el-button>
                 </template>
             </el-table-column>
         </el-table>
-
-
-        <!-- 新增弹窗 -->
-        <el-dialog
-        title="新增"
-        :visible.sync="addDialogBox"
-        width="30%"
-        :before-close="handleClose">
-            <el-form :model="addOrgForm" :rules="rules">   
-                <el-form-item label="类别" prop="categoryCode">
-                    <el-select v-model="addOrgForm.categoryCode" placeholder="请选择类别"  
-                    @change="handelChange">
-                        <el-option
-                        v-for="item in tagCategoryArr"
-                        :key="item.categoryCode"
-                        :label="item.categoryName"
-                        :value="item.categoryCode">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="名称" prop="name">
-                    <el-input  v-model="addOrgForm.name" placeholder="请输入名称" style="width:250px"></el-input>
-                </el-form-item>
-                <!-- 下拉框组织的参数 -->
-                <el-form-item label="所属组织" v-show="orgListSwitch" prop="agencyId">
-                    <el-cascader @change="handelAddAgency"
-                        v-model="addOrgForm.agencyId"
-                        :options="agencytree"
-                        placeholder="请选择所属组织"
-                        :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                        ></el-cascader>
-                </el-form-item>
-                <!-- 网格党支部下拉框 -->
-                <el-form-item label="所属上级" v-show="GridPartyBranchSwitch" prop="pid">
-                    <el-select v-model="addOrgForm.pid" placeholder="请选择所属上级">
-                        <el-option
-                        v-for="item in GridPartyBranchList"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <!-- 党委下拉框 -->
-                <el-form-item label="所属上级" v-show="partyCommSwitch" prop="pid">
-                    <el-select v-model="addOrgForm.pid" placeholder="请选择所属上级">
-                        <el-option
-                        v-for="item in PartyCommList"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <el-form-item label="排序">
-                    <el-input-number v-model="addOrgForm.sort" :min="null" :max="10" label="请输入排序"></el-input-number>
-                </el-form-item>
-
-            </el-form>
-            <div>
-                <el-button @click="cancelAdd">取 消</el-button>
-                <el-button type="primary" @click="handelAdd">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 修改弹窗 -->
-        <el-dialog
-        title="修改"
-        :visible.sync="modifyPopSwitch"
-        width="30%"
-        :before-close="handleClose">
-            <el-form>   
-                <el-form-item label="类别">
-                    <el-select v-model="addOrgForm.categoryCode" placeholder="类别"  
-                    @change="handelChange">
-                        <el-option
-                        v-for="item in tagCategoryArr"
-                        :key="item.categoryCode"
-                        :label="item.categoryName"
-                        :value="item.categoryCode">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="名称">
-                    <el-input  v-model="addOrgForm.name" placeholder="请输入名称" style="width:250px"></el-input>
-                </el-form-item>
-                <!-- 下拉框组织的参数 -->
-                <el-form-item label="所属组织" v-show="orgListSwitch">
-                    <el-cascader
-                        v-model="addOrgForm.agencyName"
-                        :options="agencytree"
-                        placeholder="请选择所属组织"
-                        :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                        ></el-cascader>
-                </el-form-item>
-                <!-- 网格党支部下拉框 -->
-                <el-form-item label="所属上级" v-show="GridPartyBranchSwitch">
-                    <el-select v-model="addOrgForm.pid" placeholder="请选择所属上级">
-                        <el-option
-                        v-for="item in GridPartyBranchList"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <!-- 党委下拉框 -->
-                <el-form-item label="所属上级" v-show="partyCommSwitch">
-                    <el-select v-model="addOrgForm.pid" placeholder="请选择所属上级">
-                        <el-option
-                        v-for="item in PartyCommList"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <el-form-item label="排序">
-                    <el-input-number v-model="addOrgForm.sort" :min="0" :max="10" label="请输入排序"></el-input-number>
-                </el-form-item>
-
-            </el-form>
-            <div>
-                <el-button @click="cancelModify">取 消</el-button>
-                <el-button type="primary" @click="submitModifyOrg">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 删除弹窗 -->
-        <el-dialog 
-        title="确认删除"
-        :visible.sync="delWindow"
-        width="30%"
-        :before-close="handleClose"
-        >
-            <span>确认删除吗？</span>
-            <div slot="footer" >
-                <el-button @click="canceldelWindow">取 消</el-button>
-                <el-button type="primary" @click="submitDelete">确 定</el-button>
-            </div>
-        </el-dialog>
+      </div>
+     <!-- 弹窗, 新增 / 修改 -->
+     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+     <add-leader :axisStructId="axisStructId" :leaderId="leaderId" :leaderVisible="leaderVisible" ref="poweraxisAddLeader" @refreshDataListleader="getDataList"></add-leader>
     </div>
 </template>
 
@@ -207,144 +61,47 @@
 import { requestPost } from "@/js/dai/request";
 import { handleTree } from "@/utils/treeSelect";
 import Treeselect from "@riophae/vue-treeselect";
+import AddOrUpdate from './poweraxis-add-or-update'
+import mixinViewModule from '@/mixins/view-module'
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import AddLeader from './poweraxis_add_leader.vue';
 export default {
-    components: { Treeselect },
+    mixins: [mixinViewModule],
+    components: { 
+      Treeselect,
+      AddOrUpdate,
+      AddLeader
+    },
     data(){
         return{
-            // 删除标签
-            delId:'',
-            // 客户Id
-            customerId:'',
-            agencyId:'',
-            // 查询参数
-            queryParams:{
-                // 组织ID
-                agencyId: '',
-                // 动力主轴节点名称
-                axisName: '',
-                // 动力主轴节点负责人
-                leaderName: ''
+            mixinViewModuleOptions: {
+                createdIsNeed: false,
+                activatedIsNeed: false, // 此⻚⾯是否在激活（进⼊）时，调⽤查询数据列表接⼝？
+                getDataListIsPage: false, // 数据列表接⼝，是否需要分⻚？
             },
-            // 新增表单
-            addOrgForm:{
-                id:'',
-                name:'',
-                customerId:'',
-                agencyId:'',
-                agencyName:'',
-                agencyType:'',
-                pid:'',
-                categoryCode:'',
-                sort:''
+            dataForm:{ // 查询参数
+             agencyId: '', // 组织ID
+             axisName: '', // 动力主轴节点名称
+             leaderName: '' // 动力主轴节点负责人
             },
-            // 树状结构列表
-            powerAxisTreeList: [],
-            // 查询动力主轴标签类别
-            tagCategoryArr: [],
-            // 绑定组织列表
-            agencytree: [],
-            // 上级网格党支部列表
-            GridPartyBranchList:[],
-            // 党委列表
-            PartyCommList:[],
-            // 重新渲染表格状态
-            refreshTable: true,
-            // 是否展开，默认全部展开
-            isExpandAll: true,
-            // 新增对话框
-            addDialogBox:false,
-            // 组织列表开关
-            orgListSwitch:false,
-            // 上级网格党支部列表
-            GridPartyBranchSwitch:false,
-            // 党委下拉框列表开关
-            partyCommSwitch:false,
-            // 确认删除弹窗
-            delWindow:false,
-            // 修改弹窗
-            modifyPopSwitch:false,
-
-            rules:{
-                categoryCode:[
-                    { required: true, message: "上级部门不能为空", trigger: "blur" }
-                ],
-                name:[
-                    { required: true, message: "上级部门不能为空", trigger: "blur" }
-                ],
-                agencyId:[
-                    { required: true, message: "上级部门不能为空", trigger: "blur" }
-                ],
-                pid:[
-                    { required: true, message: "上级部门不能为空", trigger: "blur" }
-                ]
-            }
-            
+            agencytree: [], // 所属组织
+            dataList:[], // 列表
+            tagCategoryArr: [], // 查询动力主轴标签类别
+            leaderVisible: false,
+            axisStructId: '', // 动力主轴id 添加负责人的时候用
+            leaderId: ''
         }
     },
     created(){
-        // this.getTreeList()
-        this.initTreeData()
-        this.getTagCategoryArr()
+        this.getDataList()
         this.getAgencyTree()
+        this.getTagCategoryArr()
     },
     mounted(){
         this.customerId = localStorage.getItem('customerId')
         this.agencyId = localStorage.getItem('agencyId')
     },
     methods:{
-
-        handelAdd(){
-            this.$refs['addOrgForm'].validate((valid) => {
-                if (valid) {
-                    this.submitAddNewOrg()
-                } 
-            })
-        },
-        
-        // 确定新增按钮
-        async submitAddNewOrg(){
-            
-            const url = '/pli/power/axisStruct/addOrg'
-
-            let params = {
-                name:this.addOrgForm.name,
-                sort:this.addOrgForm.sort,
-                customerId:this.customerId,
-                agencyId:this.addOrgForm.agencyId,
-                agencyName:this.addOrgForm.agencyName,
-                agencyType:this.addOrgForm.agencyType,
-                categoryCode:this.addOrgForm.categoryCode,
-                pid:this.addOrgForm.pid
-            }
-
-            const { data, code, msg } = await requestPost(url,params)
-
-            if (code === 0) {
-                this.$message.success("新增成功")
-                this.addDialogBox = false
-                this.orgListSwitch = false
-                this.GridPartyBranchSwitch = false
-                this.initTreeData()
-                this.addOrgFormRest()
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 获取动力主轴标签
-        async getTagCategoryArr(){
-            const url = '/pli/power/axisTag/listSimple/struct'
-
-            let params = {}
-
-            const { data, code, msg } = await requestPost(url, params)
-
-            if (code === 0) {
-                this.tagCategoryArr = data
-            } else {
-                this.$message.error(msg)
-            }
-        },
         // 获取组织列表
         async getAgencyTree(){
             const url = '/data/aggregator/org/agencytree'
@@ -368,244 +125,61 @@ export default {
                 this.$message.error(msg)
             }
         },
-        // 获取上级网格党支部
-        async getGridPartyBranchList(){
-            const url = '/pli/power/axisStruct/GridPartyBranchList'
-
-            let params = {}
-
+        removeByOrgType (orgArray, orgType) {
+            if (orgArray && orgArray.length > 0) {
+                for (let p = orgArray.length - 1; p >= 0; p--) {
+                    let orgInfo = orgArray[p]
+                    if (orgInfo) {
+                        if (orgInfo.orgType !== orgType) {
+                            orgArray.splice(p, 1)
+                        } else {
+                            this.removeByOrgType(orgInfo.subOrgList, orgType)
+                        }
+                    }
+                }
+            }
+            return orgArray
+        },
+        removeEmptySubOrgList (orgArray) {
+            orgArray.forEach((orgInfo) => {
+                if (orgInfo && orgInfo.subOrgList) {
+                    if (orgInfo.subOrgList.length === 0) {
+                        orgInfo.subOrgList = undefined
+                    } else {
+                        this.removeEmptySubOrgList(orgInfo.subOrgList)
+                    }
+                }
+            })
+            return orgArray;
         },
         // 初始化动力主轴组织树
-        async initTreeData () {
+        async getDataList () {
             const url = '/pli/power/axisStruct/list4Tree'
 
             const { data, code, msg } = await requestPost(url, this.queryParams)
 
             if (code === 0) {
-                this.powerAxisTreeList = handleTree(data, 'id', 'pid');
+                this.dataList = handleTree(data, 'id', 'pid');
             } else {
                 this.$message.error(msg)
                 
             }
         },
-        // 获取上级网格党支部
-        async getGridPartyBranchList(){
-            const url = '/pli/power/axisStruct/GridPartyBranchList'
-
-            let params = {}
-
-            const { data, code, msg } = await requestPost(url,params)
-
-            if (code === 0) {
-                this.GridPartyBranchList = data
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 获取上级组织党委
-        async getPartyCommList(){
-            const url = '/pli/power/axisStruct/getPartyCommList'
-
-            let params = {}
-
-            const { data, code, msg } = await requestPost(url,params)
-
-            if (code === 0) {
-                this.PartyCommList = data
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 根据id查询修改表单数据
-        async queryModifyById(id){
-            const url = '/pli/power/axisStruct/queryModifyById/'+id
-
-            let params = {}
-
-            const { data, code, msg } = await requestPost(url,params)
-
-            if (code === 0) {
-                console.log(data)
-                this.addOrgForm.name = data.name
-                this.addOrgForm.customerId = data.customerId
-                this.addOrgForm.agencyId = data.agencyId
-                this.addOrgForm.agencyName = data.agencyName
-                this.addOrgForm.agencyType = data.agencyType
-                this.addOrgForm.pid = data.pid
-                this.addOrgForm.categoryCode = data.categoryCode
-                if(this.addOrgForm.categoryCode === 'community_party') {
-                    this.orgListSwitch = true
-                    this.GridPartyBranchSwitch = false
-                    this.partyCommSwitch = false
-                }
-                if(this.addOrgForm.categoryCode === 'grid_party') {
-                    this.orgListSwitch = false
-                    this.GridPartyBranchSwitch = false
-                    this.partyCommSwitch = true
-                    this.getPartyCommList()
-                }
-                if(this.addOrgForm.categoryCode === 'group_party') {
-                    this.GridPartyBranchSwitch = true
-                    this.partyCommSwitch = false
-                    this.getGridPartyBranchList()
-                }
-                this.addOrgForm.sort = data.sort
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 确定修改按钮
-        async submitModifyOrg(){
-            const url = '/pli/power/axisStruct/modifyOrg'
-
-            let params = {
-                name:this.addOrgForm.name,
-                sort:this.addOrgForm.sort,
-                customerId:this.customerId,
-                agencyId:this.addOrgForm.agencyId,
-                agencyName:this.addOrgForm.agencyName,
-                agencyType:this.addOrgForm.agencyType,
-                categoryCode:this.addOrgForm.categoryCode,
-                pid:this.addOrgForm.pid,
-                id:this.addOrgForm.id
-            }
-
-            const { data, code, msg } = await requestPost(url,params)
-
-            if (code === 0) {
-                this.$message.success("修改成功")
-                this.modifyPopSwitch = false
-                this.addOrgFormRest()
-                this.initTreeData()
-                this.getTagCategoryArr()
-                this.getAgencyTree()
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 查父id
-        // async getPid(){
-        //     const url = '/pli/power/axisStruct/getPid'
-
-        //     let params = {}
-
-        //     const { data, code, msg } = await requestPost(url,params)
-
-        //     if (code === 0) {
-        //         this.addOrgForm.pid = data
-        //     } else {
-        //         this.$message.error(msg)
-        //     }
-        // },
-
-        // 新增按钮
-        addNewOrg(){
-            this.addDialogBox = true
-            this.addOrgForm.pid = ''
-            this.getTagCategoryArr()
-        },
-
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.queryParams.name = ''
-            this.initTreeData()
-        },
-        /** 展开/折叠操作 */
-        // toggleExpandAll() {
-        // this.refreshTable = false;
-        // this.isExpandAll = !this.isExpandAll;
-        //     this.$nextTick(() => {
-        //         this.refreshTable = true;
-        //     });
-        // },
-        // 关闭对话框
-        handleClose(done) {
-        this.$confirm('确认关闭？')
-            .then(_ => {
-                this.addOrgFormRest()
-                this.orgListSwitch = false
-                this.GridPartyBranchSwitch = false
-                done();
-            })
-            .catch(_ => {});
-        },
-        // 取消新增按钮
-        cancelAdd(){
-            this.addDialogBox = false
-            this.orgListSwitch = false
-            this.GridPartyBranchSwitch = false
-            this.addOrgFormRest()
-        },
-        // 取消修改按钮
-        cancelModify(){
-            this.modifyPopSwitch = false
-            this.orgListSwitch = false
-            this.GridPartyBranchSwitch = false
-            this.addOrgFormRest()
-        },
-        // 清空新增表单
-        addOrgFormRest(){
-            this.addOrgForm.name = ''
-            this.addOrgForm.customerId = ''
-            this.addOrgForm.sort = ''
-            this.addOrgForm.agencyId = '',
-            this.addOrgForm.agencyName = '',
-            this.addOrgForm.agencyType = '',
-            this.addOrgForm.pid = ''
-            this.addOrgForm.categoryCode = ''
-        },
-        // 动力主轴选中后的操作
-        handelChange(val){
-            this.addOrgForm.categoryCode = val
-            if (val === 'community_party') {
-                this.orgListSwitch = true
-                this.GridPartyBranchSwitch = false
-                this.partyCommSwitch = false
-                this.addOrgForm.pid = 0
-            } 
-            if(val === 'grid_party') {
-                this.orgListSwitch = false
-                this.GridPartyBranchSwitch = false
-                this.partyCommSwitch = true
-                this.getPartyCommList()
-                this.addOrgForm.pid = ''
-            }
-            if(val === 'group_party') {
-                this.GridPartyBranchSwitch = true
-                this.partyCommSwitch = false
-                this.addOrgForm.pid = ''
-                this.getGridPartyBranchList()
-            }
-        },
+        // 获取动力主轴标签
+        async getTagCategoryArr(){
+            const url = '/pli/power/axisTag/listSimple/struct'
 
-        // 删除按钮
-        del(row){
-            this.delWindow = true
-            this.delId = row.row.id
-        },
-        async submitDelete(){
-            const url = '/pli/power/axisStruct/deleteById/'+this.delId
-            
             let params = {}
 
-            const { data, code, msg } = await requestPost(url,params)
+            const { data, code, msg } = await requestPost(url, params)
 
             if (code === 0) {
-                this.$message.success("删除成功")
-                this.initTreeData()
-                this.delWindow = false
+                this.tagCategoryArr = data
             } else {
                 this.$message.error(msg)
             }
         },
-        // 取消删除按钮
-        canceldelWindow(){
-            this.delWindow = false
-        },
-        handelGridParty(val){
-            console.log(val)
-        },
-        categoryCodeFormatter (row, column) {
+        categoryCodeFormatter (row) {
             let ca = ''
             this.tagCategoryArr.forEach((tagCategory) => {
                 if (tagCategory.categoryCode === row.categoryCode) {
@@ -614,57 +188,80 @@ export default {
             })
             return ca
         },
-        removeEmptySubOrgList (orgArray) {
-            orgArray.forEach((orgInfo) => {
-                if (orgInfo && orgInfo.subOrgList) {
-                    if (orgInfo.subOrgList.length === 0) {
-                        orgInfo.subOrgList = undefined
-                    } else {
-                        this.removeEmptySubOrgList(orgInfo.subOrgList)
-                    }
-                }
-            })
-            return orgArray;
+        // 删除方法
+        deleteHandle_my(id) {
+            this.$confirm(this.$t('prompt.info', { 'handle': this.$t('delete') }), this.$t('prompt.title'), {
+                confirmButtonText: this.$t('confirm'),
+                cancelButtonText: this.$t('cancel'),
+                type: 'warning'
+            }).then(() => {
+                this.submitDelete(id)
+            }).catch(() => {})
         },
-        // 修改表单按钮
-        modify(row){
-            this.modifyPopSwitch = true
-            this.queryModifyById(row.row.id)
-            this.addOrgForm.id = row.row.id
-        },
-        handelAddAgency(val){
-            
-            if (val.length === 3) {
-                this.addOrgForm.agencyId = val[2]
-                
-
+        async submitDelete(id){
+            const url = '/pli/power/axisStruct/deleteById/'+ id
+            const { code, msg } = await requestPost(url)
+            if (code === 0) {
+                this.$message.success("删除成功")
+                this.getDataList()
             } else {
-                this.addOrgForm.agencyId = val[1]
+                this.$message.error(msg)
             }
-            this.addOrgForm.agencyType = 'agency'
         },
-        
-        removeByOrgType (orgArray, orgType) {
-            if (orgArray && orgArray.length > 0) {
-                for (let p = orgArray.length - 1; p >= 0; p--) {
-                    let orgInfo = orgArray[p]
-                    if (orgInfo) {
-                        if (orgInfo.orgType !== orgType) {
-                            orgArray.splice(p, 1)
-                        } else {
-                            this.removeByOrgType(orgInfo.subOrgList, orgType)
-                        }
-                    }
-                }
-            }
-            return orgArray
+        // 添加负责人
+        addLeader(axisStructId, leaderId) {
+            this.leaderVisible = true
+            this.axisStructId = axisStructId
+            this.leaderId = leaderId
         },
-        changeQueryParams (item) {
-            console.log(item)
+        getDataListLeader() {
+             this.leaderVisible = false
+             this.axisStructId = ''
+             this.getDataList()
         }
     }
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped >
+.div_main {
+  width: 100%;
+}
+
+.div_search {
+  background: #ffffff;
+  border-radius: 4px;
+  padding: 30px 20px 5px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+}
+
+.item_width_1 {
+  width: 260px;
+}
+.item_width_2 {
+  width: 495px;
+}
+
+.div_table {
+  background: #ffffff;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  margin-top: 15px;
+  padding: 23px 30px 10px;
+
+  .table {
+    margin-top: 20px;
+  }
+}
+
+.div_btn {
+}
+
+.el-row {
+  /* margin-bottom: 20px; */
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  margin-right: 50px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/modules/plugins/power/poweraxis_add_leader.vue b/src/views/modules/plugins/power/poweraxis_add_leader.vue
new file mode 100644
index 00000000..0f69433c
--- /dev/null
+++ b/src/views/modules/plugins/power/poweraxis_add_leader.vue
@@ -0,0 +1,249 @@
+<template>
+  <el-dialog :visible.sync="visible" title="负责人" :close-on-click-modal="false" :close-on-press-escape="false" @closed="leaderClosed">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item label="负责任人名称" prop="name" label-width="110px">
+          <el-input style="width:250px" v-model="dataForm.name" placeholder="负责任人名称"></el-input>
+      </el-form-item>
+      <el-form-item label="性别" prop="gender" label-width="110px">
+        <el-select style="width:250px" v-model="dataForm.gender" clearable placeholder="性别">
+          <el-option
+            v-for="item in gender"
+            :key="item.dictValue"
+            :label="item.dictName"
+            :value="item.dictValue"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="联系方式" prop="mobile" label-width="110px">
+          <el-input style="width:250px" v-model="dataForm.mobile" placeholder="联系方式"></el-input>
+      </el-form-item>
+      <el-form-item label="简介" prop="interoduction" label-width="110px">
+          <el-input style="width:250px" v-model="dataForm.interoduction" placeholder="简介"></el-input>
+      </el-form-item>
+      <el-form-item label="头像" prop="avatar" label-width="110px">
+          <el-input style="width:250px" v-model="dataForm.avatar" placeholder="头像"></el-input>
+      </el-form-item>
+      <!-- <el-form-item label="头像" prop="avatar" label-width="110px">
+        <el-upload class="avatar-uploader"
+          :action="uploadUlr"
+          :show-file-list="false"
+          :on-success="(response, file, fileList) => handleImgSuccess('avatar', response, file, fileList)"
+          :before-upload="beforeImgUpload">
+          <img v-if="dataForm.avatar"
+            :src="dataForm.avatar"
+            style="width:70px;height:70px"
+            class="function-icon">
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item> -->
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { requestPost } from "@/js/dai/request";
+export default {
+  data () {
+    return {
+      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+      visible: false,
+      dataForm: {
+        name: '',
+        gender: '',
+        mobile: '',
+        interoduction: '',
+        avatar: '',
+        structReferenceId: '', // 动力主轴节点ID
+        // customerId: localStorage.getItem('customerId'),
+        leaderId: ''
+      },
+      gender: [
+        { dictValue: '男', dictName: '男' },
+        { dictValue: '女', dictName: '女' }
+      ],
+    }
+  },
+
+  props: {
+    leaderVisible: {
+      type: Boolean,
+      default: false
+    },
+    axisStructId: {
+      type: String,
+      default: ''
+    },
+    leaderId: {
+      type: String,
+      default: ''
+    },
+  },
+  watch: {
+      leaderVisible(newName){
+          this.visible = newName
+      },
+      axisStructId (newName) {
+        this.dataForm.structReferenceId = newName
+      },
+      leaderId(newName) {
+        if (newName) {
+          this.dataForm.leaderId = newName
+          this.getInfo()
+        }
+      }
+  },
+  computed: {
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        gender: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        mobile: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        interoduction: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        avatar: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    handleImgSuccess (type, res, file) {
+      if (res.code === 0 && res.msg === 'success') {
+
+        console.log('type', type)
+        console.log('res.data.url', res.data.url)
+
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    beforeImgUpload (file) {
+      // const isPNG = file.type === 'image/png'
+      const isLt1M = file.size / 1024 / 1024 < 1
+
+      // if (!isPNG) {
+      //   this.$message.error('上传图片只能是 PNG 格式!')
+      // }
+      if (!isLt1M) {
+        this.$message.error('上传图片大小不能超过 1MB!')
+      }
+      // return isPNG && isLt1M
+      return isLt1M
+    },
+    // 获取信息
+    async getInfo () {
+      // this.$http.get(`/pli/power/axisLeader/getLeaderDetai/${this.dataForm.structReferenceId}`).then(({ data: res }) => {
+      //   if (res.code !== 0) {
+      //     return this.$message.error(res.msg)
+      //   }
+      //   this.dataForm = {
+      //     ...this.dataForm,
+      //     ...res.data
+      //   }
+      // }).catch(() => {})
+      const url = `/pli/power/axisLeader/getLeaderDetail/${this.dataForm.structReferenceId}`
+      const { data, code, msg } = await requestPost(url)
+      if (code === 0) {
+          this.dataForm = {
+            ...this.dataForm,
+            ...data
+          }
+      } else {
+          this.$message.error(msg)
+      }
+    },
+    // 表单提交
+     dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        if (this.leaderId) {
+          this.updateLeader()
+        } else {
+          this.addLeader()
+        }
+      })
+    }, 1000, { 'leading': true, 'trailing': false }),
+    leaderClosed () {
+      this.visible = false
+      this.$emit('refreshDataListleader')
+    },
+    async addLeader() {
+      const url = '/pli/power/axisLeader/save/'
+      const { data, code, msg } = await requestPost(url, this.dataForm)
+      if (code === 0) {
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataListleader')
+            }
+          })
+      } else {
+          this.$message.error(msg)
+      }
+    },
+    async updateLeader() {
+      const url = '/pli/power/axisLeader/update'
+      const { data, code, msg } = await requestPost(url, this.dataForm)
+      if (code === 0) {
+          this.$message({
+            message: this.$t('prompt.success'),
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              this.visible = false
+              this.$emit('refreshDataListleader')
+            }
+          })
+      } else {
+          this.$message.error(msg)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.avatar-uploader {
+  ::v-deep
+  .el-upload {
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar {
+    width: 70px;
+    height: 70px;
+    display: block;
+  }
+  .avatar-uploader-icon {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    font-size: 28px;
+    color: #8c939d;
+    width: 70px;
+    height: 70px;
+    line-height: 70px;
+    text-align: center;
+  }
+}
+</style>