management/front/dkha-web-sz-main/node_modules/.cache/vue-loader/eadff8bebc2ff942fbd94782d7fc3a70.json

{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\access-person-list.vue?vue&type=style&index=0&id=64fa4e6a&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\access-person-list.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.el-dialog {\n  .el-row{\n    margin-bottom: 20px;\n    text-align: right;\n  }\n  .el-table {\n    .student-img {\n      vertical-align: top;\n      width: 53px;\n      height: 70px;\n    }\n  }\n}\n",{"version":3,"sources":["access-person-list.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"access-person-list.vue","sourceRoot":"src/views/modules/equipmentManage","sourcesContent":["<template>\n  <el-dialog :title=\"'('+aeDevicename+')已下发人员'\" width=\"700px\" :visible.sync=\"dialogVisible\" :close-on-click-modal=\"false\">\n    <div>\n      <el-form ref=\"form\" :model=\"pageInfo\" label-width=\"80px\" inline>\n          <el-form-item label=\"姓名\">\n            <el-input v-model=\"pageInfo.username\" placeholder=\"请输入\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button @click=\"search\">查询</el-button>\n            <el-button v-if=\"$hasPermission('system:scaidooreightpersonlist:delete')\" type=\"danger\" @click=\"deletePerson()\">批量删除</el-button>\n          </el-form-item>\n      </el-form>\n      <el-table :data=\"dataList\" v-loading=\"loading\" @selection-change=\"selectionChangeHanlder\" height=\"50vh\">\n        <el-table-column type=\"selection\"  align=\"center\" width=\"100\"></el-table-column>\n        <el-table-column prop=\"photoimg\" label=\"照片\" align=\"center\" width=\"120\">\n          <template slot-scope=\"scope\">\n          <el-image class=\"student-img\" :src=\"$ImgServerUrl+scope.row.photoimg\" :preview-src-list=\"previewList\">\n             <div slot=\"error\" class=\"image-slot\">\n                <img class=\"student-img\" src=\"../../../assets/img/person.jpg\">\n            </div>\n          </el-image>\n        </template>\n        </el-table-column>\n        <el-table-column prop=\"username\" label=\"姓名\" align=\"center\"></el-table-column>\n        <el-table-column prop=\"persontype\" label=\"类型\" :formatter=\"formatterPersonType\" align=\"center\"></el-table-column>\n        <el-table-column  label=\"操作\" align=\"center\">\n           <template slot-scope=\"scope\">\n             <div>\n               <el-button type=\"text\" v-if=\"$hasPermission('system:scaidooreightpersonlist:delete')\" @click=\"deletePerson(scope.row.apId)\">删除</el-button>\n             </div>\n           </template>\n        </el-table-column>\n\n      </el-table>\n       <el-pagination\n       small\n        :current-page=\"pageInfo.page\"\n        :page-sizes=\"[10, 20, 50, 1000]\"\n        :page-size=\"pageInfo.limit\"\n        :total=\"total\"\n        layout=\"total, sizes, prev, pager, next, jumper\"\n        @size-change=\"pageSizeChangeHandle\"\n        @current-change=\"pageCurrentChangeHandle\">\n      </el-pagination>\n    </div>\n  </el-dialog>\n</template>\n<script>\nimport { getDictLabel,getDictDataList } from \"@/utils\";\nexport default {\n  data() {\n    return {\n      dialogVisible: false,\n      dataForm: {\n        name:'',\n      },\n      loading:false,\n      dataList:[],\n      checkList:[],\n      pageInfo:{\n        aeId:'',\n        username:'',\n        page:1,\n        limit:10,\n      },\n      total:0,\n\t  aeDevicename:\"\",// 设备名称\n      // employTypeList:getDictDataList('employType'),\n    };\n  },\n  computed:{\n    previewList(){\n      return  this.dataList.map(item=>{\n         return  this.$ImgServerUrl+item.photoimg\n      })\n    },\n  },\n  methods: {\n    init(id,aeDevicename) {\n      if(!id){\n        return  this.$message.error(\"找不到id!\")\n      }\n\t  this.aeDevicename = aeDevicename\n      this.dialogVisible = true;\n      this.page=1;\n      this.dataList=[];\n      this.pageInfo.aeId=id;\n      this.pageInfo.username='';\n      this.query();\n    },\n     search(){\n      this.page=1;\n      this.query();\n    },\n    query(){\n      this.loading=true;\n      this.$http({\n        url:\"/system/scaidooreightpersonlist/page\",\n        method:\"get\",\n        params:{\n          ...this.pageInfo\n        },\n      }).then(({data:res})=>{\n        if(res.code!=0){\n          return this.$message.error(res.msg)\n        }\n        this.total=res.data.total;\n        this.dataList=res.data.list;\n      }).finally(()=>{\n        this.loading=false\n      })\n    },\n    pageSizeChangeHandle(size){\n      this.pageInfo.limit=size;\n      this.query()\n    },\n     pageCurrentChangeHandle(page){\n      this.pageInfo.page=page;\n      this.query()\n    },\n    selectionChangeHanlder(val){\n      this.checkList=val\n    },\n    deletePersonHandler(id){\n      let ids=id?[id]:this.checkList.map(item=>item.apId);\n      this.$http({\n        url:`/system/scaidooreightpersonlist`,\n        method:\"delete\",\n        data:ids,\n      }).then(({data:res})=>{\n        if(res.code!=0){\n          return this.$message.error(res.msg)\n        }\n        this.$message.success(res.msg)\n        this.query();//刷线当前\n        this.$parent.$parent.query();//刷线父级\n      })\n    },\n    deletePerson(id){\n      if(!id&&this.checkList.length==0){\n        return  this.$message.warning(\"请选择要删除的条目\")\n      }\n      this.$confirm('此操作将永久删除, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(() => {\n        this.deletePersonHandler(id)\n      })\n    },\n    formatterPersonType(row){\n      return getDictLabel('employType',row.persontype)\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.el-dialog {\n  .el-row{\n    margin-bottom: 20px;\n    text-align: right;\n  }\n  .el-table {\n    .student-img {\n      vertical-align: top;\n      width: 53px;\n      height: 70px;\n    }\n  }\n}\n</style>"]}]}