{"version":3,"sources":["webpack:///./src/views/school/safetyNetworkEquipment/MonitorsPowerInfo.vue","webpack:///src/views/school/safetyNetworkEquipment/MonitorsPowerInfo.vue","webpack:///./src/views/school/safetyNetworkEquipment/MonitorsPowerInfo.vue?6de1","webpack:///./src/views/school/safetyNetworkEquipment/MonitorsPowerInfo.vue?4790","webpack:///./src/views/school/safetyNetworkEquipment/MonitorsPowerInfo.vue?a44a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","goBack","ref","form","model","value","status","callback","$$v","$set","expression","_l","statusList","item","index","key","_v","_s","name","userClick","userNames","_e","saveClick","handleClose","showDialog","$event","staticStyle","label","departmentHead","filterMethod","powerInfo","userIds","length","addJobPersonnel","slot","staticRenderFns","components","props","data","monitorId","users","query","userName","indexOf","monitorIds","watch","computed","methods","$router","go","req","$route","res","$Http","getMonitorsInfo","code","map","join","userId","$message","type","message","messsage","paramData","schoolId","$store","state","getDepartmentHead","newData","forEach","dlist","push","apply","names","$refs","transferRef","targetData","powerAdd","created","mounted","split","getInfo","beforeCreate","beforeMount","beforeUpdate","updated","beforeDestroy","destroy","activated","component"],"mappings":"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","file":"js/chunk-524d9024.66b61eee.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page_box\"},[_c('div',{staticClass:\"page_option_box\"},[_c('el-page-header',{attrs:{\"content\":\"监控权限信息\"},on:{\"back\":_vm.goBack}})],1),_c('div',{staticClass:\"page_table_box\"},[_c('div',{staticClass:\"info-content-box\"},[_c('el-form',{ref:\"form\",staticClass:\"form-box\",attrs:{\"model\":_vm.form,\"label-width\":\"120px\"}},[_c('el-form-item',{attrs:{\"label\":\"是否公开摄像:\"}},[_c('el-radio-group',{model:{value:(_vm.form.status),callback:function ($$v) {_vm.$set(_vm.form, \"status\", $$v)},expression:\"form.status\"}},_vm._l((_vm.statusList),function(item,index){return _c('el-radio',{key:index,attrs:{\"label\":item.value}},[_vm._v(_vm._s(item.name))])}),1)],1),(_vm.form.status == 1)?_c('el-form-item',{attrs:{\"label\":\"选择人员:\"}},[_c('div',{staticClass:\"user-name-box\",on:{\"click\":_vm.userClick}},[_vm._v(\" \"+_vm._s(_vm.form.userNames)+\" \")])]):_vm._e()],1),_c('el-divider'),_c('div',{staticClass:\"bottom-btn-box\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\"},on:{\"click\":_vm.saveClick}},[_vm._v(\"保存\")]),_c('el-button',{attrs:{\"size\":\"small\"},on:{\"click\":_vm.goBack}},[_vm._v(\"取消\")])],1)],1)]),_c('el-dialog',{attrs:{\"title\":\"添加成员\",\"append-to-body\":true,\"modal-append-to-body\":true,\"close-on-click-modal\":false,\"close-on-press-escape\":false,\"width\":\"650px\",\"before-close\":_vm.handleClose,\"visible\":_vm.showDialog,\"direction\":\"ltr\"},on:{\"update:visible\":function($event){_vm.showDialog=$event}}},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('el-transfer',{ref:\"transferRef\",attrs:{\"props\":{\n          key: 'userId',\n          label: 'userName'\n        },\"titles\":['待选择成员列表', '待提交成员列表'],\"data\":_vm.departmentHead,\"filterable\":\"\",\"filter-method\":_vm.filterMethod,\"filter-placeholder\":\"请输入成员名称\"},model:{value:(_vm.powerInfo.userIds),callback:function ($$v) {_vm.$set(_vm.powerInfo, \"userIds\", $$v)},expression:\"powerInfo.userIds\"}},[_c('el-button',{staticClass:\"transfer-footer\",staticStyle:{\"float\":\"right\",\"margin\":\"5px\"},attrs:{\"slot\":\"right-footer\",\"type\":\"primary\",\"size\":\"small\",\"disabled\":_vm.powerInfo.userIds.length > 0 ? false : true},on:{\"click\":function($event){return _vm.addJobPersonnel()}},slot:\"right-footer\"},[_vm._v(\"提交\")])],1)],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page_box\">\r\n    <div class=\"page_option_box\">\r\n      <!-- 监控列表 -->\r\n      <el-page-header\r\n        @back=\"goBack\"\r\n        content=\"监控权限信息\"\r\n      >\r\n      </el-page-header>\r\n    </div>\r\n    <div class=\"page_table_box\">\r\n      <div class=\"info-content-box\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"120px\" class=\"form-box\">\r\n          <el-form-item label=\"是否公开摄像:\">\r\n            <el-radio-group v-model=\"form.status\">\r\n              <el-radio\r\n                v-for=\"(item, index) in statusList\"\r\n                :key=\"index\"\r\n                :label=\"item.value\"\r\n                >{{ item.name }}</el-radio\r\n              >\r\n            </el-radio-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"选择人员:\" v-if=\"form.status == 1\">\r\n            <div class=\"user-name-box\" @click=\"userClick\">\r\n              {{ form.userNames }}\r\n            </div>\r\n          </el-form-item>\r\n        </el-form>\r\n        <el-divider></el-divider>\r\n        <div class=\"bottom-btn-box\">\r\n          <el-button type=\"primary\" size=\"small\" @click=\"saveClick\"\r\n            >保存</el-button\r\n          >\r\n          <el-button size=\"small\" @click=\"goBack\">取消</el-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog\r\n      title=\"添加成员\"\r\n      :append-to-body=\"true\"\r\n      :modal-append-to-body=\"true\"\r\n      :close-on-click-modal=\"false\"\r\n      :close-on-press-escape=\"false\"\r\n      width=\"650px\"\r\n      :before-close=\"handleClose\"\r\n      :visible.sync=\"showDialog\"\r\n      direction=\"ltr\"\r\n    >\r\n      <div\r\n        style=\"display: flex;\r\n      justify-content: center;\r\n      align-items: center;\"\r\n      >\r\n        <el-transfer\r\n          v-model=\"powerInfo.userIds\"\r\n          :props=\"{\r\n            key: 'userId',\r\n            label: 'userName'\r\n          }\"\r\n          ref=\"transferRef\"\r\n          :titles=\"['待选择成员列表', '待提交成员列表']\"\r\n          :data=\"departmentHead\"\r\n          filterable\r\n          :filter-method=\"filterMethod\"\r\n          filter-placeholder=\"请输入成员名称\"\r\n        >\r\n          <el-button\r\n            class=\"transfer-footer\"\r\n            type=\"primary\"\r\n            style=\"float:right;margin:5px\"\r\n            slot=\"right-footer\"\r\n            size=\"small\"\r\n            :disabled=\"powerInfo.userIds.length > 0 ? false : true\"\r\n            @click=\"addJobPersonnel()\"\r\n            >提交</el-button\r\n          >\r\n        </el-transfer>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n//这里可以引入其他文件（比如组件，工具js，第三方插件js，json文件，图片文件等等）\r\n//列如：import <<组件名称>> from '《组件路径》';\r\nexport default {\r\n  //import引入的组件需要注入到对象中才能使用\r\n  components: {},\r\n  props: {},\r\n  data() {\r\n    //这里存放数据\r\n    return {\r\n      form: {\r\n        monitorId: \"\",\r\n        users: [],\r\n        status: 0,\r\n        userNames: \"\"\r\n      },\r\n      statusList: [\r\n        { name: \"全部公开\", value: 0 },\r\n        { name: \"部分公开\", value: 1 }\r\n      ],\r\n      departmentHead: [],\r\n      showDialog: false,\r\n      filterMethod(query, item) {\r\n        return item.userName.indexOf(query) > -1;\r\n      },\r\n      powerInfo: {\r\n        userIds: [],\r\n        monitorIds: []\r\n      }\r\n    };\r\n  },\r\n  //监控data中的数据变化\r\n  watch: {},\r\n  //计算属性，类似于data概念\r\n  computed: {},\r\n  //方法集合\r\n  methods: {\r\n    goBack() {\r\n      this.$router.go(-1);\r\n    },\r\n    async getInfo() {\r\n      let req = { monitorId: this.$route.query.monitorId };\r\n      let res = await this.$Http.getMonitorsInfo(req);\r\n      if (res.code == 200) {\r\n        this.form = res.data || [];\r\n        let data = res.data.users || [];\r\n        let userNames = data.map((item, index) => {\r\n          return item.userName || \"\";\r\n        });\r\n        this.form.userNames = userNames.join(\",\");\r\n        this.powerInfo.userIds = data.map((item, index) => {\r\n          return item.userId || \"\";\r\n        });\r\n      } else if (res.code == 101) {\r\n        this.form = {\r\n          monitorId: \"\",\r\n          users: [],\r\n          status: 0,\r\n          userNames: \"\"\r\n        };\r\n      } else {\r\n        this.form = {\r\n          monitorId: \"\",\r\n          users: [],\r\n          status: 0,\r\n          userNames: \"\"\r\n        };\r\n        this.$message({\r\n          type: \"error\",\r\n          message: res.messsage\r\n        });\r\n      }\r\n    },\r\n    // 获取部门及部门人员\r\n    async getDepartmentHead() {\r\n      var paramData = {\r\n        schoolId: this.$store.state.schoolId\r\n      };\r\n      let res = await this.$Http.getDepartmentHead(paramData, true);\r\n      if (res.code == 200) {\r\n        let data = res.data || [];\r\n        let newData = [];\r\n        data.forEach((item, index) => {\r\n          if (item.dlist.length > 0) {\r\n            newData.push.apply(newData, item.dlist);\r\n          }\r\n        });\r\n        this.departmentHead = newData;\r\n        this.showDialog = true;\r\n      } else if (res.code == 101) {\r\n        this.departmentHead = [];\r\n      } else {\r\n        this.departmentHead = [];\r\n        this.$message({\r\n          type: \"error\",\r\n          message: res.messsage\r\n        });\r\n      }\r\n    },\r\n    handleClose() {\r\n      this.showDialog = false;\r\n    },\r\n    userClick() {\r\n      this.getDepartmentHead();\r\n    },\r\n    addJobPersonnel() {\r\n      this.showDialog = false;\r\n      let names = this.$refs.transferRef.targetData.map((item, index) => {\r\n        return item.userName || \"\";\r\n      });\r\n      this.form.userNames = names.join(\",\");\r\n    },\r\n    // 保存\r\n    saveClick() {\r\n      if (this.form.status == 0) {\r\n        this.powerInfo.userIds = [];\r\n      }\r\n      this.powerAdd();\r\n    },\r\n    //\r\n    async powerAdd() {\r\n      let res = await this.$Http.powerAdd(this.powerInfo);\r\n      if (res.code == 200) {\r\n        this.goBack();\r\n      } else if (res.code == 101) {\r\n      } else {\r\n        this.$message({\r\n          type: \"error\",\r\n          message: res.messsage\r\n        });\r\n      }\r\n    }\r\n  },\r\n  //生命周期，创建完成（可以访问当前this实例）\r\n  created() {},\r\n  //生命周期，挂载完成（可以访问dom元素）\r\n  mounted() {\r\n    let monitorIds = this.$route.query.monitorId.split(\",\");\r\n    if (monitorIds.length == 1) {\r\n      this.getInfo();\r\n    }\r\n    this.powerInfo.monitorIds = monitorIds;\r\n  },\r\n  beforeCreate() {}, //生命周期-创建之前\r\n  beforeMount() {}, //生命周期 - 挂载之前\r\n  beforeUpdate() {}, //生命周期 - 更新之后\r\n  updated() {}, //生命周期 - 更新之后\r\n  beforeDestroy() {}, //生命周期 - 销毁之前\r\n  destroy() {}, //生命周期 - 销毁完成\r\n  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发\r\n};\r\n</script>\r\n<style scoped>\r\n.info-content-box {\r\n  height: 100%;\r\n  padding: 20px;\r\n}\r\n.user-name-box {\r\n  width: 100%;\r\n  min-height: 50px;\r\n  max-height: 450px;\r\n  overflow-y: scroll;\r\n  background-color: rgb(238, 238, 238);\r\n  cursor: pointer;\r\n  word-break: break-all;\r\n  white-space: normal;\r\n}\r\n.form-box{\r\n  width: 100%;\r\n  height: calc(100% - 149px);\r\n  overflow-y: scroll;\r\n}\r\n.bottom-btn-box {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  width: 100%;\r\n  height: 100px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorsPowerInfo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorsPowerInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MonitorsPowerInfo.vue?vue&type=template&id=38a74fd8&scoped=true\"\nimport script from \"./MonitorsPowerInfo.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorsPowerInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./MonitorsPowerInfo.vue?vue&type=style&index=0&id=38a74fd8&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"38a74fd8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorsPowerInfo.vue?vue&type=style&index=0&id=38a74fd8&prod&scoped=true&lang=css\""],"sourceRoot":""}