Merge branch 'static-static' of http://10.1.235.20:3000/core/static into static-static

2019/bj-zqzt/biz/css/base.css

@@ -257,6 +257,13 @@
  color:#1BCDB9;
  background:rgba(243,255,254,1);
}
.location-type .type-edit {
  color:#67ACFF;
  padding-left: .1rem;
  padding-right: .1rem;
  background:rgba(247,250,255,1);
  border: 1px dashed #67ACFF;
}
.location-address{
  margin: .08rem 0 0 .2rem;
  color: rgba(92, 96, 102, 1);
@@ -7050,3 +7057,43 @@ ul li .details-info {
.product-search-item.active{
  color: #3F93F8;
}
.upload-board-area {
  margin:.18rem .2rem;
}
.sign-upload-area.upload-board-area ul li {
  width: 46.7%;
  margin-top: .2rem;
  margin-right: 6.6%;
}
.sign-upload-area.upload-board-area ul li:nth-child(2n) {
  margin-right: 0;
}
.sign-upload-area.upload-board-area ul li:nth-child(1),.sign-upload-area.upload-board-area ul li:nth-child(2) {
  margin-top: 0;
}
.contract-pic {
  object-fit:cover;
}
.upload-sign-pic .add-pic {
  width: 36%;
  height: 36%;
  background: url(../img/add-pic.png) center center no-repeat;
  background-size: contain;
}
.pages-board-detail .ipu-btn:not(:first-child) {
  margin-left:3.7%;
}
.board-pic-area {
  background-color: #FFFFFF;
  padding:.2rem;
  overflow: hidden;
}
.board-pic {
  width:100%;
  height:100%;
  object-fit:contain;
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

2019/bj-zqzt/biz/js/board-detail.js

@@ -0,0 +1,50 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
  $.sizeReady(function () {
    // 工具栏取消
    $("#cancel").click(function () {
      console.log("返回");
    });
    // 操作
    $('.form-btn').on('click', '.ipu-btn', function () {
      let text = $(this).text();
      ipuUI.toast(text)
      if (text === "删除") {
      } else if (text === "重新上传") {
        $(".upload-pic-popup-slide").addClass("active");
      } else if (text === "水牌识别") {
      }
    })
    // 拍照
    $(".take-photo").click(function () {
      // TODO 拍照
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 从手机相册选择
    $(".pic-from-file").click(function () {
      // TODO 从手机相册选择
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 取消上传证件照片
    $(".take-photo-cancel").click(function () {
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 点空白区域关闭上传界面
    $(".upload-pic-popup-slide").click(function () {
      $(this).removeClass("active");
    });
    // 点击其他地方不做处理
    $(".upload-pic-popup-slide .option-area").click(function () {
      return false;
    });
  });
});

2019/bj-zqzt/biz/js/board-management.js

@@ -0,0 +1,58 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
  $.sizeReady(function () {
    var liWidth =parseFloat($(".sign-upload-area ul li").css("width"));
    init();
    // 页面初始化
    function init() {
      // 页面自适应初始化,加载图片列表后调用
      $(".contract-pic").css("width", liWidth).css("height", liWidth*1.33);
    }
    // 工具栏取消
    $("#cancel").click(function () {
      console.log("返回");
    });
    // 点击图片
    $(".upload-board-area").on("click", ".contract-pic", function () {
      if (!$(this).hasClass("upload-sign-pic")) {
        location.href="board-detail.html"
      }
    });
    // 上传图片
    $(".upload-board-area").on("click", ".upload-sign-pic", function () {
      $(".upload-pic-popup-slide").addClass("active");
    });
    // 拍照
    $(".take-photo").click(function () {
      // TODO 拍照
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 从手机相册选择
    $(".pic-from-file").click(function () {
      // TODO 从手机相册选择
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 取消上传证件照片
    $(".take-photo-cancel").click(function () {
      $(".upload-pic-popup-slide").removeClass("active");
    });
    // 点空白区域关闭上传界面
    $(".upload-pic-popup-slide").click(function () {
      $(this).removeClass("active");
    });
    // 点击其他地方不做处理
    $(".upload-pic-popup-slide .option-area").click(function () {
      return false;
    });
  });
});

2019/bj-zqzt/biz/js/building-tag.js

@@ -0,0 +1,41 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
  $(function () {
    // 页面类型:1新增；2删除
    var pageType = 2;
    init();
    // 页面初始化
    function init() {
      if (pageType == 1) { // 新增
        $(".ipu-toolbar-title").text("新增楼宇标签");
      } else if (pageType == 2) { // 删除
        $(".ipu-toolbar-title").text("删除楼宇标签");
      }
    }
    // 保存
    $(".common-btn").click(function () {
      if (pageType == 1) { // 新增
      } else if (pageType == 2) { // 删除
        $(".normal-tips-popup-slide").addClass("active");
      }
    });
    // 普通提示弹层
    // 取消
    $(".normal-tips-btn-cancel").click(function () {
      $(".normal-tips-popup-slide").removeClass("active");
    });
    // 确认
    $(".normal-tips-btn-confirm").click(function () {
      $(".normal-tips-popup-slide").removeClass("active");
      // 删除
    });
  });
});

2019/bj-zqzt/board-detail.html

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <title>查看水牌</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/board-detail.js"></script>
</head>
<body class="pages-board-detail main-body-bg-grey">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col common-border-bottom">
    <div class="ipu-toolbar">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">查看水牌</h1>
      <div class="tool-bar-edit main-blue" id="cancel">取消</div>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto board-pic-area">
    <img class="board-pic" src="temp/img/business-license.png">
  </div>
  <div class="ipu-flex-col form-btn ipu-flex" style="margin-top:.2rem">
    <button class="ipu-btn common-btn-white">删除</button>
    <button class="ipu-btn common-btn">重新上传</button>
    <button class="ipu-btn common-btn">水牌识别</button>
  </div>
  <!--上传图片-->
  <div class="upload-pic-popup-slide">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col ipu-flex-col-auto"></div>
      <div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
        <div class="take-photo">拍照</div>
        <div class="pic-from-file">从手机相册选择</div>
        <div class="divide-area"></div>
        <div class="take-photo-cancel">取消</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/board-management.html

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <title>水牌列表</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/board-management.js"></script>
</head>
<body class="pages-board-management">
<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col">
    <div class="ipu-toolbar common-border-bottom">
      <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
        <div class="left-back"></div>
      </a>
      <h1 class="ipu-toolbar-title">水牌列表</h1>
      <div class="tool-bar-edit main-blue" id="cancel">取消</div>
    </div>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto ">
    <div class="sign-upload-area upload-board-area">
      <ul>
        <li>
          <img class="contract-pic tip-pic" src="temp/img/business-license.png"/>
        </li>
        <li>
          <img class="contract-pic" src="temp/img/board1.png"/>
        </li>
        <li>
          <img class="contract-pic" src="temp/img/01.png"/>
        </li>
        <li>
          <img class="contract-pic" src="temp/img/02.jpg"/>
        </li>
        <li>
          <img class="contract-pic" src="temp/img/03.jpg"/>
        </li>
        <li>
          <div class="contract-pic upload-sign-pic ipu-flex ipu-flex-justify-center ipu-flex-align-center">
            <div class="add-pic"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--上传图片-->
<div class="upload-pic-popup-slide">
  <div class="ipu-flex-row ipu-flex-vertical">
    <div class="ipu-flex-col ipu-flex-col-auto"></div>
    <div class="option-area ipu-flex-col ipu-flex ipu-flex-vertical ipu-flex-justify-end ipu-flex-align-center">
      <div class="take-photo">拍照</div>
      <div class="pic-from-file">从手机相册选择</div>
      <div class="divide-area"></div>
      <div class="take-photo-cancel">取消</div>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/building-details.html

@@ -49,6 +49,7 @@
            <span class="type-warning">TOP300</span>
            <span class="type-normal">已覆盖</span>
            <span class="type-normal">可营销</span>
            <span class="type-edit">编辑</span>
          </div>
        </div>
        <div class="location-address">北京市东城区东中街58号</div>

2019/bj-zqzt/building-tag.html

@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <title>新增/删除楼宇标签</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/building-tag.js"></script>
</head>
<body class="pages-building-tag">
<div class="ipu-pages">
  <div class="ipu-page">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col common-border-bottom">
        <div class="ipu-toolbar">
          <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back-ext">
            <div class="left-back"></div>
          </a>
          <h1 class="ipu-toolbar-title">新增/删除楼宇标签</h1>
          <div class="tool-bar-edit main-blue">取消</div>
        </div>
      </div>
      <div class="tag-form ipu-flex-col ipu-flex-col-auto">
        <div class="ipu-form-item" max-length="">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">楼宇编码：</div>
            <div class="item-value ipu-flex-col-auto">
              <input id="BUILD_ID" type="text" placeholder="楼宇详情带入，不可编辑" value="" readonly/>
            </div>
          </div>
          <div class="check-tips"></div>
        </div>
        <div class="ipu-form-item" max-length="">
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">楼宇名称：</div>
            <div class="item-value ipu-flex-col-auto">
              <input id="BUILD_NAME" type="text" placeholder="楼宇详情带入，不可编辑" value="" readonly/>
            </div>
          </div>
          <div class="check-tips"></div>
        </div>
        <div class="ipu-form-item" max-length="" readonly>
          <div class="ipu-flex common-border-bottom">
            <div class="item-key">标签：</div>
            <div class="item-value ipu-flex-col-auto">
              <input type="text" value="可营销" style="color:#67ACFF;font-size:  .1rem"/>
            </div>
          </div>
          <div class="check-tips"></div>
        </div>
        <div class="ipu-form-item" max-length="">
          <div class="common-border-bottom">
            <div class="ipu-flex ipu-flex-justify-space">
              <div class="item-key">操作原因：</div>
              <div class="voice-input-btn ipu-flex ipu-flex-align-center">
                <div class="voice-pic"></div>
                <div class="voice-text">语音输入</div>
              </div>
            </div>
            <div class="item-value">
              <textarea id="reason" class="contact-content" maxlength="300" placeholder="请输入原因"></textarea>
              <div class="item-value-textarea">
                <div class="text-statistic ipu-fn-hide"><span class="text-number">0</span>/300</div>
              </div>
            </div>
          </div>
          <div class="check-tips"></div>
        </div>
      </div>
      <div class="ipu-flex-col form-btn" style="margin-top: .2rem">
        <button class="ipu-btn common-btn">保存</button>
      </div>
    </div>
    <!--普通提示弹层-->
    <div class="normal-tips-popup-slide">
      <div class="normal-tips-popup-wrap">
        <div class="normal-tips-content">确定删除该楼宇标签吗？</div>
        <div class="normal-tips-btn ipu-flex ipu-flex-align-center">
          <div class="normal-tips-btn-cancel">取消</div>
          <div class="normal-tips-btn-confirm">确定</div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

vue-project/hn-kq/src/components/manage/ManageEndDepartmentAdd.vue

@@ -0,0 +1,517 @@
<template>
  <div class="ipu-flex-row ipu-flex-vertical">
    <div class="ipu-flex-col">
      <header class="ipu-toolbar">
        <h1 class="ipu-toolbar-title">{{isUpdate?'修改部门':'新增部门'}}</h1>
        <a class="ipu-fn-left common-page-back" href="javascript:;" @click="back"></a>
      </header>
    </div>
    
      
      <div class="ipu-flex-col ipu-flex-col-auto">
         <div class="page-content">
          <div class="ipu-list ipu-list-high ipu-list-form">
            <ul>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    名称
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input v-model="name" class="input-right" placeholder="请填写名称"/>
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showPicker">
                  <div class="ipu-list-item-label">
                    类型
                  </div>
                  <div class="ipu-list-item-input-wrap">
                   {{type}}
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    地址
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input class="" v-model="address" class="input-right" placeholder="请填写地址"/>
                  </div>
                </div>
              </li>
              <!-- <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    描述
                  </div>
                  <div class="ipu-list-item-input-wrap">
                   {{leaveApply.MANAGE_NAME}}
                  </div>
                </div>
              </li> -->
             
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showDepartmentPicker">
                  <div class="ipu-list-item-label">
                    上级部门
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{superiorDepartment}}
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner"  @click="showPersonPicker">
                  <div class="ipu-list-item-label">
                    部门成员
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{person }}
                  </div>
                </div>
                <cube-popup type="extend-popup" position="bottom" ref="popup">
                  <div class="cube-extend-popup-content">
                    <div class="ipu-flex ipu-flex-justify-space">
                      <div class="cancel" @click="hide">取消</div>
                      <div class="value-checked" @click="checkPerson">确定</div>
                    </div>
                    <div class="horizontal-scroll-list-wrap">
                      <div
                        v-for="(value, key) in personlist"
                        :key="key"
                        class="ipu-flex ipu-flex-justify-space"
                        :class="{'value-checked':value.checked}"
                      >
                        <div>{{value.ATD_OBJ_NAME}}</div>
                        <div class="ipu-flex">
                          <div @click="changeAdmin(key)" class="ipu-flex">管理员<div :class="{'unmarked-circle':!value.adminChecked,'marked-circle':value.adminChecked}"></div></div>
                          <div @click="change(key)" class="ipu-flex">成员<div :class="{'unmarked-circle':!value.checked,'marked-circle':value.checked}"></div></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </cube-popup>
              </li>
              <li class="ipu-list-item desc" >
                <div>
                  <div class="ipu-list-item-label">
                    部门简介
                  </div>
                  <div class="">
                    <cube-textarea class="remark-content" placeholder="请输入" v-model="desc"></cube-textarea>
                  </div>
                </div>
              </li>
              
            </ul>
            <div class="submit-container">
              <cube-button @click="submit">{{isUpdate?'提交修改':'提交'}}</cube-button>
            </div>
          </div>
        </div>
      </div>
    
  </div>
</template>
<script>
import TypeUtil from "../../util/TypeUtil"
import EventBus from "../common/EventBus.js";
export default {
  name: "ClockSuccess",
  props: {
    msg: String
  },
  data() {
    return {
      name: '',
      address: '',
      nextPage: false,
      superiorDepartment: '请选择',
      departmentAtaLowerLevel: '',
      leaveApply:{
        name:"CRM",
        headquarters:'金水区经三路广电南路金印现代城',
        departmentManager:'黄玉娟',
        superiorDepartment:'CRM',
        departmentMember:3,
        departmentAtaLowerLevel:12,
        DepartmentOfIntroduction:'简介',
        }
      ,
      queryCount:1,
      type: '请选择',
      leaveType: '',
      departmentList: [],
      desc: '',
      personlist:[],
      isUpdate: false,
      show: false,
      person: '请选择',
      isUpdate: false,
    }
  },
  mounted(){
    if(this.$route.query.info){
      console.log(this.$route.query.info)
      this.isUpdate = true
      this.name = this.$route.query.info.TEAM_NAME
      this.address = this.$route.query.info.TEAM_ADDRESS
      this.desc = this.$route.query.info.TEAM_DESC
      this.leaveType = this.$route.query.info.TEAM_TYPE
      this.superiorDepartment = this.$route.query.info.superiorDepartment
      if(this.$route.query.info.TEAM_TYPE == "A"){
        this.type = '实体团队'
      } else {
        this.type = '虚拟组织'
      }
    }
    // this.leaveApply = this.$route.query.info
    // var params = {}
    // params.teamId = this.$route.query.info.TEAM_ID
    // this.$http
    //   .post("/teamManage/getTeamDetail", params)
    //   .then(response => {
    //     if (response.respCode == "0000") {
    //       this.departmentAtaLowerLevel = response.childTeamCount
    //       this.superiorDepartment = response.parentTeamName=='null'?'无':response.parentTeamName
    //       console.log(this.leaveApply)
    //     }
    //   })
    //   .catch(error => {
    //     console.log(error);
    // });
    var params = {}
    this.$http
      .post("/teamManage/getTeamList", params)
      .then(response => {
        if (response.respCode == "0000") {
          // console.log(response);
          // var param = {}
          // param.title = '修改申请成功'
          // param.content = '将来的你一定会感谢现在的自己'
          // param.className = 'flag-blue-pass'
          // this.$router.push({ path: "/reissueClockSuccess",query:param  });
          this.departmentList = response.list
          this.departmentList.push({"TEAM_ID":0,"TEAM_NAME":'无'})
        }
      })
      .catch(error => {
        console.log(error);
    });
    if(this.$route.query.info){
      params.teamId = this.$route.query.info.TEAM_ID
    }
    this.$http
      .post("/userInfo/getOrgUserList", params)
      .then(response => {
        if (response.respCode == "0000") {
          // console.log(response);
          // var param = {}
          // param.title = '修改申请成功'
          // param.content = '将来的你一定会感谢现在的自己'
          // param.className = 'flag-blue-pass'
          // this.$router.push({ path: "/reissueClockSuccess",query:param  });
          response.list.forEach((e,index)=>{
            if(this.$route.query.info){
              if(this.$route.query.info.manageIds){
            this.$route.query.info.manageIds.split(",").forEach((id,indexId)=>{
              if(e.ATD_OBJ_ID == id){
                e.adminChecked = true
                 if(this.person == '请选择'){
                  this.person = ''
                }
                this.person += e.ATD_OBJ_NAME+' ' 
              }
              
            })
            }
            if(this.$route.query.info.atdObjIdList){
            this.$route.query.info.atdObjIdList.split(",").forEach((id,indexId)=>{
              if(e.ATD_OBJ_ID == id){
                if(!e.adminChecked){
                  e.checked = true
                }
                if(this.person == '请选择'){
                  this.person = ''
                }
                this.person += e.ATD_OBJ_NAME+' ' 
              }
            })
            }
            }
          })
          this.personlist = response.list
        }
      })
      .catch(error => {
        console.log(error);
    });
  },
  computed: {
      
    },
  methods: {
      unique(arr) { // 根据唯一标识no来对数组进行过滤
  　　const res = new Map();  //定义常量 res,值为一个Map对象实例
  　　//返回arr数组过滤后的结果，结果为一个数组   过滤条件是，如果res中没有某个键，就设置这个键的值为1
  　　return arr.filter((arr) => !res.has(arr.no) && res.set(arr.no, 1)) 
      },
     showPersonPicker(){
      this.$refs.popup.show();
     },
     hide(){
      this.$refs.popup.hide();
      this.$emit("hide");
     },
     checkPerson(){
       this.person = ''
      this.personlist.forEach((e,index)=>{
        if(e.checked){
          this.person += e.ATD_OBJ_NAME+' '
        }
      })
      this.hide()
     },
    change(key) {
      console.log(this.personlist[key].checked)
      if(!this.personlist[key].checked){
        
        this.personlist[key].checked = true
         this.personlist[key].adminChecked = false
        this.$set(this.personlist, key, this.personlist[key])
      }else{
        this.personlist[key].checked = false
        this.personlist[key].adminChecked = false
        this.$set(this.personlist, key, this.personlist[key])
      }
      
    },
     changeAdmin(key) {
      //  if(!this.personlist[key].checked){
      //    const toast = this.$createToast({
      //     type: "txt",
      //     txt: "人员首先必须是成员",
      //     time: 2000
      //   });
      //   toast.show();
      //    return
      //  }
      console.log(this.personlist[key].adminChecked)
      if(!this.personlist[key].adminChecked){
        
        this.personlist[key].adminChecked = true
        this.personlist[key].checked = false
        this.$set(this.personlist, key, this.personlist[key])
      }else{
        this.personlist[key].adminChecked = false;
        this.personlist[key].checked = false
        this.$set(this.personlist, key, this.personlist[key])
      }
      
    },
    back() {
      this.$router.back(-1);
    },
    showPicker() {
      if (!this.picker) {
        this.picker = this.$createPicker({
          title: "选择部门类型",
          data: [
            [
              { state: "V", name: "虚拟组织" },
              { state: "A", name: "实体团队" },
            ]
          ],
          alias: {
            value: "state",
            text: "name"
          },
          onSelect: this.selectPickerHandle,
          onCancel: this.cancelHandle
        });
      }
      this.picker.show();
    },
    selectPickerHandle(selectedVal, selectedIndex, selectedText) {
      console.log(selectedVal);
      this.leaveType = selectedVal[0];
      this.type = selectedText.join(" ");
    },
    showDepartmentPicker() {
      console.log( this.departmentList)
      if (!this.pickerDepartment) {
        this.pickerDepartment = this.$createPicker({
          title: "选择上级部门",
          data: [
           this.departmentList
          ],
          alias: {
            value: "TEAM_ID",
            text: "TEAM_NAME"
          },
          onSelect: (selectedVal, selectedIndex, selectedText) =>{
              this.superiorDepartmentId = selectedVal[0];
              this.superiorDepartment = selectedText.join(" ");
          },
          onCancel: this.cancelHandle
        });
      }
      this.pickerDepartment.show();
    },
    submit(){
      var params = {}
      if (!this.name) {
        const toast = this.$createToast({
          type: "txt",
          txt: "请填写名称",
          time: 2000
        });
        toast.show();
        return;
      }
      params.teamName = this.name
      if (!this.leaveType) {
        const toast = this.$createToast({
          type: "txt",
          txt: "请选择类型",
          time: 2000
        });
        toast.show();
        return;
      }
      params.teamType = this.leaveType
     
      if (!this.address) {
        const toast = this.$createToast({
          type: "txt",
          txt: "请填写地址",
          time: 2000
        });
        toast.show();
        return;
      }
      params.teamAddress = this.address
      // if (!this.superiorDepartmentId) {
      //   const toast = this.$createToast({
      //     type: "txt",
      //     txt: "请选择上级部门",
      //     time: 2000
      //   });
      //   toast.show();
      //   return;
      // }
      params.parentTeamId = this.superiorDepartmentId
      params.teamDesc = this.desc
      var personIdList = []
      var manageId = []
      this.personlist.forEach((e,indexId)=>{
        if(e.checked){
          personIdList.push(e.ATD_OBJ_ID)
        }
        if(e.adminChecked){
          manageId.push(e.ATD_OBJ_ID)
        }
      })
      params.personIdList = personIdList.join(',')
      params.manageIdList = manageId.join(',')
      if(this.$route.query.info){
        params.teamId = this.$route.query.info.TEAM_ID
        this.$http
        .post("/teamManage/updateTeam", params)
        .then(response => {
          if (response.respCode == "0000") {
            // console.log(response);
            var param = {}
            param.title = '修改成功'
            param.content =
             '将来的你一定会感谢现在的自己'
            param.className = 'flag-blue-pass'
            this.$router.push({ path: "/reissueClockSuccess",query:param  });
          }
        })
        .catch(error => {
          console.log(error);
      });
      }else{
      this.$http
        .post("/teamManage/addTeam", params)
        .then(response => {
          if (response.respCode == "0000") {
            // console.log(response);
            var param = {}
            param.title = '新增成功'
            param.content =
             '将来的你一定会感谢现在的自己'
            param.className = 'flag-blue-pass'
            this.$router.push({ path: "/reissueClockSuccess",query:param  });
          }
        })
        .catch(error => {
          console.log(error);
      });
      }
      
    }
  }
};
</script>
<style lang="stylus" rel="stylesheet/stylus">
@import '../../style/variable.styl';
.gray-backgroud {
  background-color: #eee;
}
.horizontal-scroll-list-wrap{
  max-height 400px
  min-height 100px
  overflow-y auto
}
.input-right
  text-align right 
  width 100%
.cube-extend-popup-content {
  background-color: #fff;
  font-size: 14px;
  line-height: 42px;
  padding: 0 14px;
  // max-height 400px
  // max-height 100px
}
.cube-extend-popup-content > div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); /*no*/
}
.cube-extend-popup-content div {
  font-weight: 600;
}
.cube-extend-popup-content i {
  font-size: 17px;
}
.unmarked-circle {
  height: 17px;
  width: 17px;
  border: 1px solid rgba(0, 0, 0, 0.15); /*no*/
  border-radius: 50%;
  margin: 12px 0 0 0;
}
.marked-circle {
  background-image: url("../../assets/checkbox-circle.png");
  background-size: 100% 100%;
  height: 17px;
  width: 17px;
  margin: 12px 0 0 0;
}
.desc
  div
    width 100%
    .ipu-list-item-label
      line-height 60px
</style>

vue-project/hn-kq/src/components/manage/ManageTheEndPersonAdd.vue

@@ -0,0 +1,376 @@
<template>
  <div class="ipu-flex-row ipu-flex-vertical">
    <div class="ipu-flex-col">
      <header class="ipu-toolbar">
        <h1 class="ipu-toolbar-title">人员新增</h1>
        <a class="ipu-fn-left common-page-back" href="javascript:;" @click="back"></a>
      </header>
    </div>
    
      
      <div class="ipu-flex-col ipu-flex-col-auto">
  <div class="page-content">
          <div class="ipu-list ipu-list-high ipu-list-form">
            <ul>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    名称
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input v-model="name" class="input-right" placeholder="请填写名称"/>
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showGenderPicker">
                  <div class="ipu-list-item-label">
                    性别
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{gender}}
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showDatePicker()">
                  <div class="ipu-list-item-label">
                    出生年月
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{brithDate}}
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showTypePicker">
                  <div class="ipu-list-item-label">
                    类别
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{type}}
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    提醒开关
                  </div>
                  <div class="ipu-list-item-input-wrap ipu-flex ipu-flex-justify-end">
                     <cube-switch v-model="remind"></cube-switch>
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    外部系统id
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input v-model="outId" class="input-right" placeholder="请填写描述"/>
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    描述
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    <cube-textarea :maxlength=70 class="remark-content" placeholder="请输入" v-model="desc"></cube-textarea>
                     <!-- <input v-model="desc" class="input-right" placeholder="请填写描述"/> -->
                  </div>
                </div>
              </li>
               <li class="ipu-list-item">
                  <div class="ipu-list-item-inner">
                    <div class="ipu-list-item-label">
                      图片
                    </div>
                    <div class="ipu-list-item-input-wrap">
                     <div class="pic-content">
                    <div class="ipu-flex remark-upload">
                      <div class="ipu-flex attendance-detail-imgs">
                        <div v-for="(img, index) in imgs" :key="index">
                          <img :src="img" alt=""  @click="showImagePreview(index)">
                          <i class="cubeic-wrong" @click="deleteImg(index)"></i>
                        </div>
                      </div>
                      <i class="cubeic-add" v-if="imgs.length<1" @click="showCameraPhoto"></i>
                    </div>
                  </div>
                    </div>
                  </div>
               </li>
              
              <!-- <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    NT账号
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input v-model="ntId" class="input-right" placeholder="请填写描述"/>
                  </div>
                </div>
              </li>
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    密码
                  </div>
                  <div class="ipu-list-item-input-wrap">
                     <input v-model="ntPwd" class="input-right" placeholder="请填写描述"/>
                  </div>
                </div>
              </li> -->
              
            </ul>
            <div class="submit-container">
              <cube-button @click="submit">提交</cube-button>
            </div>
          </div>
        </div>
      </div>
    
  </div>
</template>
<script>
import TypeUtil from "../../util/TypeUtil"
export default {
  name: "ClockSuccess",
  props: {
    msg: String
  },
  data() {
    return {
      name:'',
      desc:'',
      files: [],
      imgs:[],
      remind: true,
      type: '员工',
      typeValue: 'P',
      gender: '男',
      genderValue: 'M',
      outId: '',
      brithDate: ''
    };
  },
  mounted(){
    
  },
  computed: {
     
    },
  methods: {
    showCameraPhoto(){
      this.$createActionSheet({
         title: '选择照片类型',
         data: [
          {
            content: '拍照'
          },
          {
            content: '相册'
          }
        ],
        onSelect: (item, index) => {
          if(index==0){
            WadeMobile.getPhoto(path=>{
              this.submittedHandler('data:image/jpeg;base64,'+path)
            },0)
          }else if(index ==1){
             WadeMobile.getPicture(path=>{
              this.submittedHandler('data:image/jpeg;base64,'+path)
            },0)
          }
        },
        onCancel: () => {
         
        }
      }).show()
    },
    deleteImg(index){
      this.imgs.splice(index,1)
      this.files.splice(index,1)
    },
    dataURLtoFile(dataurl) {
      var filename = new Date().getTime()
      var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],  
      bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);  
      while(n--){  
          u8arr[n] = bstr.charCodeAt(n);  
      }  
      return new File([u8arr], filename, {type:mime});
    },
     submittedHandler(base64) {
      if(this.files.length>=1){
        const toast = this.$createToast({
          type: "txt",
          txt: "最多上传1张图片",
          time: 2000
        });
        toast.show();
        return;
      }
      var params = new FormData();
      params.append("file", this.dataURLtoFile(base64));
      this.$http
        .post("/uploadFile", params)
        .then(response => {
          if (response.respCode == "0000") {
            this.imgs.push(base64)
            this.files.push(response.respMsg);
          }
        })
        .catch(error => {
          console.log(error);
        });
    },
    showImagePreview(index) {
        this.$createImagePreview({
          initialIndex: index,
          imgs: this.imgs
        }).show()
      },
      showTypePicker(){
        if (!this.typePicker) {
        this.typePicker = this.$createPicker({
          title: "选择类型",
          data: [
            [
              { state: "P", name: "员工" },
              { state: "E", name: "设备" },
            ]
          ],
          alias: {
            value: "state",
            text: "name"
          },
          onSelect: (selectedVal, selectedIndex, selectedText)=>{
            this.typeValue = selectedVal[0]
            this.type = selectedText.join(" ");
          },
          onCancel: this.cancelHandle
        });
      }
      this.typePicker.show();
      },
      showImagePreview(index) {
        this.$createImagePreview({
          initialIndex: index,
          imgs: this.imgs
        }).show()
      },
      showGenderPicker(){
        if (!this.picker) {
        this.picker = this.$createPicker({
          title: "选择性别",
          data: [
            [
              { state: "F", name: "女" },
              { state: "M", name: "男" },
            ]
          ],
          alias: {
            value: "state",
            text: "name"
          },
          onSelect: (selectedVal, selectedIndex, selectedText)=>{
            this.genderValue = selectedVal[0]
            this.gender = selectedText.join(" ");
          },
          onCancel: this.cancelHandle
        });
      }
      this.picker.show();
      },
       showDatePicker(){
      if (!this.datePicker) {
        var year = new Date().getFullYear();
        this.datePicker = this.$createDatePicker({
          title: "选择日期",
          min: new Date(1900, 1,1),
          max: new Date(),
          value: new Date(),
          onSelect: (date, selectedVal, selectedText) => {
            console.log(selectedText)
            this.brithDate = selectedText[0]+ "-" +
              (selectedVal[1]<10?"0"+selectedVal[1]:selectedVal[1]) +
              "-" +
              (selectedVal[2] < 10 ? "0" + selectedVal[2] : selectedVal[2]);
          },
          onCancel: () =>{}
        });
      }
      this.datePicker.show();
    },
    back() {
      this.$router.back(-1);
    },
    
    submit(){
     
      var params = {}
      if (!this.name) {
        const toast = this.$createToast({
          type: "txt",
          txt: "请填写名称",
          time: 2000
        });
        toast.show();
        return;
      }
      params.atdObjName = this.name
      params.atdObjDesc = this.desc
      if(this.files.length>0){
        params.atdObjPic = this.files[0]
      }
      params.objInstId = this.outId
      params.atdObjSex = this.genderValue
      params.atdObjType = this.typeValue
      params.atdObjNotifyFlag = this.remind?'A':'N'
      params.atdObjBirthday = this.brithDate
      console.log(params)
      this.$http
        .post("/remind/addAtdObj", params)
        .then(response => {
          if (response.respCode == "0000") {
             var param = {}
            param.title = '新增成功'
            param.content = '将来的你一定会感谢现在的自己'
            param.className = 'flag-blue-pass'
            this.$router.push({ path: "/reissueClockSuccess",query:param  });
          }
        })
        .catch(error => {
          console.log(error);
      });
    }
  }
};
</script>
<style lang="stylus" rel="stylesheet/stylus">
@import '../../style/variable.styl';
.gray-backgroud {
  background-color: #eee;
}
.member-icon{
  margin-right:10px;  
  background-color: #eee;
  border-radius:100px;
  width:1.2rem;
  height:1.2rem;
  overflow:hidden;
  img{
    width:100%;
    height:100%;
  }
}
</style>

vue-project/hn-kq/src/components/manage/ManageTheEndPersonEdit.vue

@@ -0,0 +1,303 @@
<template>
  <div class="ipu-flex-row ipu-flex-vertical">
    <div class="ipu-flex-col">
      <header class="ipu-toolbar">
        <h1 class="ipu-toolbar-title">人员详情修改</h1>
        <a class="ipu-fn-left common-page-back" href="javascript:;" @click="back"></a>
      </header>
    </div>
    
      
      <div class="ipu-flex-col ipu-flex-col-auto">
        <div class="leaveapply-list">
              <div class="ipu-flex ipu-flex-align-center leaveapply-list-item-wrap leaveapply-list-item" >
                <div class="member-icon">
                  <img :src="ATD_OBJ_PIC" alt="">
                </div>
                <div class="ipu-flex-grow-1 " >
                  <div class="ipu-flex leavaapply-list-item-head">
                    <div class="ipu-flex-grow-1 leavaapply-list-item-title " >
                     {{ATD_OBJ_NAME}}
                    </div>
                    <!-- <div class="ipu-flwx-grow-0 leavaapply-list-item-type" >
                       {{item.atdObjName}}岁
                    </div> -->
                     
                  </div>
                  <div class="leaveapply-list-item-body">
                    <div class="leaveapply-list-item-note">
                      {{ATD_OBJ_SEX=='M'?'帅哥':'美女'}}
                    </div>
                    
                  </div>
                </div>
              </div>
              <div class="ipu-list ipu-list-high ipu-list-form">
            <ul>
              <!-- <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    工龄
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{item.lengthOfService }}
                  </div>
                </div>
              </li> -->
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner" @click="showAdminPicker">
                  <div class="ipu-list-item-label">
                    管理员
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{IS_ADMIN_LIST=='Y'?'是':'否' }}
                  </div>
                </div>
              </li>
              <!-- <li class="ipu-list-item"j
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    部门
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{item.ATD_OBJ_DESC}}
                  </div>
                </div>
              </li> -->
              <li class="ipu-list-item">
                <div class="ipu-list-item-inner"  @click="showDepartmentPicker">
                  <div class="ipu-list-item-label">
                    组织部门
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{TEAM_NAME_LIST}}
                  </div>
                </div>
              </li>
              
             
             
              
              <!-- <li class="">
                <a class="ipu-list-item ipu-list-item-link" @click="toDetail(item)">
                <div class="ipu-list-item-inner ">
                  <div class="ipu-list-item-label">
                    出勤报表
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    
                  </div>
                </div>
                </a>
              </li> -->
              <!-- <li class="ipu-list-item">
                <div class="ipu-list-item-inner">
                  <div class="ipu-list-item-label">
                    人物简介
                  </div>
                  <div class="ipu-list-item-input-wrap">
                    {{item.TEAM_ADDRESS}}
                  </div>
                </div>
              </li> -->
              
            </ul>
            <div class="submit-container">
              <cube-button @click="submit">提交修改</cube-button>
            </div>
          </div>
            </div>
      </div>
    
  </div>
</template>
<script>
import TypeUtil from "../../util/TypeUtil"
import EventBus from "../common/EventBus.js";
import {Toast, Dialog} from 'cube-ui'
export default {
  name: "ClockSuccess",
  props: {
    msg: String
  },
  data() {
    return {
     
      item:{
      },
      ATD_OBJ_PIC: '',
      ATD_OBJ_NAME: '',
      ATD_OBJ_SEX: '',
      IS_ADMIN_LIST: '',
      TEAM_NAME_LIST: '',
      queryCount:1,
      departmentList:[]
    };
  },
  mounted(){
    console.log(this.$route.query.info)
    this.ATD_OBJ_PIC = this.$route.query.info.ATD_OBJ_PIC
    this.ATD_OBJ_NAME = this.$route.query.info.ATD_OBJ_NAME
    this.ATD_OBJ_SEX = this.$route.query.info.ATD_OBJ_SEX
    this.IS_ADMIN_LIST = this.$route.query.info.IS_ADMIN_LIST?this.$route.query.info.IS_ADMIN_LIST:'N'
    this.TEAM_NAME_LIST = this.$route.query.info.TEAM_NAME_LIST
    var params = {}
    params.atdObjId = this.$route.query.info.ATD_OBJ_ID
    this.$http
      .post("/userInfo/getUserInfoDetail", params)
      .then(response => {
        if (response.respCode == "0000") {
          // this.departmentAtaLowerLevel = response.childTeamCount
          // this.superiorDepartment = response.parentTeamName=='null'?'无':response.parentTeamName
          // console.log(this.leaveApply)
          // this.item = response
        }
      })
      .catch(error => {
        console.log(error);
    });
    var teamParams = {}
    this.$http
      .post("/teamManage/getTeamList", teamParams)
      .then(response => {
        if (response.respCode == "0000") {
          // console.log(response);
          // var param = {}
          // param.title = '修改申请成功'
          // param.content = '将来的你一定会感谢现在的自己'
          // param.className = 'flag-blue-pass'
          // this.$router.push({ path: "/reissueClockSuccess",query:param  });
          this.departmentList = response.list
        }
      })
      .catch(error => {
        console.log(error);
    });
  },
  computed: {
     
    },
  methods: {
    showAdminPicker() {
      if (!this.pickerAdmin) {
        this.pickerAdmin = this.$createPicker({
          title: "选择是否管理员",
          data: [
           [{
             id:'Y',
             name:'是'
           },{
             id:'N',
             name: '否'
           }]
          ],
          alias: {
            value: "id",
            text: "name"
          },
          onSelect: (selectedVal, selectedIndex, selectedText) =>{
            console.log(this.$route.query.info)
              this.IS_ADMIN_LIST = selectedVal[0];
          },
          onCancel: this.cancelHandle
        });
      }
      this.pickerAdmin.show();
    },
     showDepartmentPicker() {
      if (!this.pickerDepartment) {
        this.pickerDepartment = this.$createPicker({
          title: "选择组织部门",
          data: [
           this.departmentList
          ],
          alias: {
            value: "TEAM_ID",
            text: "TEAM_NAME"
          },
          onSelect: (selectedVal, selectedIndex, selectedText) =>{
              this.superiorDepartmentId = selectedVal[0];
              this.TEAM_NAME_LIST = selectedText.join(" ");
              console.log(this.item)
          },
          onCancel: this.cancelHandle
        });
      }
      this.pickerDepartment.show();
    },
    back() {
      this.$router.back(-1);
    },
    
      
    toDetail(applyItem){  // attendanceList
      // this.$router.push({name: 'ManageTheEndPersonDetails', query: {id: applyItem.leaveInstId}})
       this.$router.push({
        name: "AttendanceList",
      });
    },
    submit(){
      var params = {}
      console.log(this.$route.query.info)
      params.atdObjId = this.$route.query.info.ATD_OBJ_ID
      params.teamId = this.$route.query.info.TEAM_ID_LIST
      if(this.$route.query.info.TEAM_ID_LIST == this.superiorDepartmentId&&this.IS_ADMIN_LIST==this.$route.query.info.IS_ADMIN_LIST){
        const toast = this.$createToast({
          type: "txt",
          txt: "该员工信息并无改动，无需提交",
          time: 2000
        });
        toast.show();
         return
      }
      params.newTeamId = this.superiorDepartmentId
      params.isAdmin = this.IS_ADMIN_LIST
      console.log(params)
      this.$http
        .post("/userInfo/modifyUserTeamInfo", params)
        .then(response => {
          if (response.respCode == "0000") {
            //  var param = {}
            // param.title = '修改成功'
            // param.content = '将来的你一定会感谢现在的自己'
            // param.className = 'flag-blue-pass'
            // this.$router.push({ path: "/reissueClockSuccess",query:param  });
             Dialog.$create({type: 'alert', title: '提示', content: '修改成功！',onConfirm: () => {
                 EventBus.$emit('to-persondetails', 'back');
              this.back();
            }}).show()
          }
        })
        .catch(error => {
          console.log(error);
      });
    }
  }
};
</script>
<style lang="stylus" rel="stylesheet/stylus">
@import '../../style/variable.styl';
.gray-backgroud {
  background-color: #eee;
}
.member-icon{
  margin-right:10px;  
  background-color: #eee;
  border-radius:100px;
  width:1.2rem;
  height:1.2rem;
  overflow:hidden;
  img{
    width:100%;
    height:100%;
  }
}
</style>