{"version":3,"sources":["webpack:///src/views/daily/page/src/views/daily/page/engineeringMaintenance.vue"],"names":[],"mappings":"AAwaA,WACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,0BAAA,CACA,iBAAA,CACA,qBAAA,CACA,gCAAA,CACA,iBACA","file":"chunk-5ce30428.eb90c970.css","sourcesContent":["\n<template>\n  <div class=\"main-content\">\n    <div class=\"main-titel\">\n      <span>工程维修</span>\n    </div>\n    <div class=\"content\">\n      <div class=\"content-btn\">\n        <el-button class=\"init-button\"\n                   icon=\"el-icon-plus\"\n                   @click=\"addOwnersCommittee\">新增工程维修</el-button>\n      </div>\n      <!-- 查询重制 -->\n      <div class=\"\">\n        <VueTable ref=\"table\"\n                  :config='config'\n                  @tableCheck=\"tableCheck\">\n          <template slot=\"footer\">\n            <div class=\"table-footer\">\n              <button @click=\"detail(table_row)\">\n                详情\n              </button>\n              <!-- <button @click='edit(table_row)'>编辑</button>\n              <button @click=\"del(table_row)\">删除</button> -->\n\n            </div>\n          </template>\n        </VueTable>\n      </div>\n    </div>\n    <!--业委会增加修改 -->\n    <Drawer :drawerTitle=\"ownersCommitteeTitle\"\n            @drawerClose=\"ownersCommitteeClose\"\n            :drawerVrisible='ownersCommittee_vrisible'>\n      <div style=\"padding:30px\">\n        <FromCard>\n          <template slot=\"title\">基本信息</template>\n          <template>\n            <VueForm ref=\"ownersCommitteeVueForm\"\n                     @ruleSuccess='ownersCommitteeRuleSubmit'\n                     :formObj='addForm'>\n              <template slot='fileUrls'>\n                <template>\n                  <el-upload :action=\"`${$baseUrl}upload/uploadButlerAppEngineeringRepair`\"\n                             :on-success=\"ownersImgeSuccess\"\n                             :show-file-list=\"false\"\n                             :before-upload=\"beforeAvatarUpload\">\n                    <div class='sys-image'\n                         style='width:104px; height:104px'>\n                      <div v-if=\"!fileUrls\">\n                        <i class=\"el-icon-plus\"></i>\n                        <p>上传照片</p>\n                      </div>\n                      <template v-else>\n                        <!-- 临时地址 新增状态 -->\n                        <el-image v-if=\"!editBool\"\n                                  :src=\"`${$ImgUrl}/temp${fileUrls}`\"\n                                  style=\"width: 104px; height: 104px\"></el-image>\n                        <!-- 非临时地址  编辑状态-->\n                        <el-image v-else\n                                  :src=\"`${$ImgUrl}${fileUrls}`\"\n                                  style=\"width: 104px; height: 104px\"></el-image>\n                      </template>\n                    </div>\n                  </el-upload>\n                </template>\n              </template>\n              <!-- editId?'true':'false' -->\n              <template v-slot:residentId>\n                <el-select v-model=\"addForm.ruleForm.residentId\"\n                           :disabled=\"editId?true:false\"\n                           :remote-method='remoteMethod'\n                           @change='(value) => change(value,options)'\n                           @focus='focus'\n                           :loading=\"loading\"\n                           remote\n                           style=\"width:240px\"\n                           filterable\n                           placeholder=\"请选择\">\n                  <el-option v-for=\"(item,index) in options\"\n                             :key=\"index\"\n                             :label=\"item.label\"\n                             :value=\"item.value\">\n                  </el-option>\n                </el-select>\n              </template>\n\n            </VueForm>\n          </template>\n        </FromCard>\n      </div>\n      <div slot=\"footer\">\n        <button class=\"btn-orange\"\n                @click=\"ownersCommitteeSubmit()\"><span> <i class=\"el-icon-circle-check\"></i>提交</span></button>\n        <button class=\"btn-gray\"\n                @click=\"ownersCommitteeClose\"><span>取消</span></button>\n      </div>\n    </Drawer>\n  </div>\n</template>\n\n<script>\nimport { ownersCommitteeInsert, ownersCommitteeUpdate, ownersCommitteeFindById } from '@/api/daily'\nimport { userResident, userResidentFindResidentNameBySearch } from '@/api/basic'\nimport {repairEngineeringInsert} from '@/api/butler'\nexport default {\n  data () {\n    return {\n      options: [],\n      loading: false,\n      // 业委会标题 业委会显示隐藏\n      ownersCommitteeTitle: '',\n      ownersCommittee_vrisible: false,\n      editBool: false,\n      editId: 0,\n      // 选中表格数据\n      table_row: [],\n      config: {\n        thead: [\n          { label: '序号', type: 'index', width: '80' },\n          { label: '工程报修单号', prop: 'code', width: 'auto'\n          },\n          { label: '报修区域', prop: 'repairArea', width: 'auto' },\n          // { label: '性别', prop: 'sexId', width: 'auto',\n          // type: 'function',\n          //               callback: (row, prop) => {\n          //                   switch (row.sexId) {\n          //                       case 1:\n          //                           return '男'\n          //                           break\n          //                       case 2:\n          //                           return '女'\n          //                           break\n          //                   }\n          //               } },\n          { label: '报修详情', prop: 'reportDetail', width: 'auto' },\n          { label: '状态', prop: 'status', width: 'auto',\n          type: 'function',\n                        callback: (row, prop) => {\n                            switch (row.status) {\n                                case 1:\n                                    return '待派单（维修公司）'\n                                    break\n                                case 2:\n                                    return '待派单（维修人员）'\n                                    break\n                                case 3:\n                                    return '待接单'\n                                    break\n                                case 4:\n                                    return '处理中'\n                                    break\n                                case 5:\n                                    return '已处理'\n                                    break\n                                case 6:\n                                    return '验收失败'\n                                    break\n                                case 7:\n                                    return '验收成功'\n                                    break\n                                case 8:\n                                    return '已作废'\n                                    break\n                                case 9:\n                                    return '已取消'\n                                    break\n                            }\n                        } },\n          { label: '维修员工名称', prop: 'maintenanceStaffName', width: 'auto' },\n          { label: '所属部门', prop: 'subordinateDepartments', width: 'auto' },\n           { label: '维修单位名称', prop: 'organizationName', width: 'auto' },\n          { label: '申请人名称', prop: 'createName', width: 'auto' },\n          { label: '申请人电话', prop: 'createTel', width: 'auto' },\n          { label: '报修时间', prop: 'createDate', width: 'auto' },\n        ],\n        table_data: [],\n        url: 'repairEngineeringList',\n        search_item: [\n          {\n            type: 'Input',\n            label: '工程报修单号',\n            placeholder: '请输入',\n            prop: 'code',\n          },\n          {\n            type: 'select',\n            label: '状态',\n            placeholder: '请选择',\n            prop: 'status',\n            options: [\n              { value: 1, label: '待派单（维修公司）' },\n              { value: 2, label: '待派单（维修人员）' },\n              { value: 3, label: '待接单' },\n              { value: 4, label: '处理中' },\n              { value: 5, label: '已处理' },\n              { value: 6, label: '验收失败' },\n              { value: 7, label: '验收成功' },\n              { value: 8, label: '已作废' },\n              { value: 9, label: '已取消' },\n            //   状态（1.待派单（维修公司），2.待派单（维修人员），3.待接单，4.处理中（或开始整改），5.已处理（待验收），6.验收失败，7.验收成功，8.已作废，9.已取消）\n            ]\n          },\n          {\n            type: 'Input',\n            label: '报修区域',\n            placeholder: '请输入',\n            prop: 'repairArea',\n\n          },\n        ],\n        data: {\n          pageNum: 1,\n          size: 10\n        },\n      },\n      fileUrls: '',\n      addForm: {\n        ruleForm: {\n          fileUrls: []\n        },\n        form_item: [\n          {\n            type: 'Input', label: '报修区域', placeholder: '请输入区域', width: '50%', prop: 'repairArea',\n          },\n          // {\n          //   type: 'Select', label: '学历', placeholder: '请选择学历', width: '50%', prop: 'educationId',\n          //   options: [\n          //     { value: 1, label: '专科' },\n          //     { value: 2, label: '本科' },\n          //     { value: 3, label: '硕士' },\n          //     { value: 4, label: '博士' }\n          //   ]\n          // },\n          { type: 'Input', label: '报修详情', placeholder: '请输入详情', width: '50%', prop: 'reportDetail' },\n          { type: 'Slot', label: '图片上传', width: '100%', prop: 'fileUrls', slotName: 'fileUrls' },\n        ],\n        rules: {\n          // residentId: [{ required: true, message: '请输入姓名', trigger: 'change' }],\n          // 表单必填\n          repairArea: [\n            { required: true, message: '请输入', trigger: 'change' }\n          ],\n          reportDetail: [\n            { required: true, message: '请输入', trigger: 'change' }\n          ]\n        }\n      },\n      ownersObj: {}\n    }\n  },\n  methods: {\n    remoteMethod (val) {\n      let reeData = {\n        pageNum: 1,\n        size: 20,\n        name: val\n      }\n      this.loading = true\n      userResidentFindResidentNameBySearch(reeData).then(res => {\n        this.options = res.tableList\n        this.loading = false\n      })\n    },\n    focus () {\n      let reeData = {\n        pageNum: 1,\n        size: 20\n      }\n      this.loading = true\n      userResidentFindResidentNameBySearch(reeData).then(res => {\n        this.options = res.tableList\n        this.loading = false\n        console.log(res)\n      })\n    },\n    change (value, options) {\n      let arr2 = options.filter(function (item) {\n        if (item.value === value) {\n          return item;\n        }\n      });\n      this.ownersObj = arr2[0]\n      this.addForm.ruleForm.roomName = this.ownersObj.roomName\n      console.log(this.ownersObj)\n    },\n    // 添加修改弹窗提交验证通过\n    ownersCommitteeRuleSubmit () {\n      let resData = {\n        repairArea:this.addForm.ruleForm.repairArea,\n        type:1,\n        reportDetail:this.addForm.ruleForm.reportDetail,\n        fileUrls: this.addForm.ruleForm.fileUrls,\n      }\n      if (!this.editId) {\n\n        console.log(resData)\n        repairEngineeringInsert(resData).then(res => {\n          if (res.status) {\n            this.$message({\n              message: res.message,\n              type: 'success'\n            })\n            this.ownersCommitteeClose()\n            this.$refs.table.loadData()\n          }\n        })\n      } else {\n        resData.id = this.editId\n        ownersCommitteeUpdate(resData).then(res => {\n          if (res.status) {\n            this.$message({\n              message: res.message,\n              type: 'success'\n            })\n            this.$refs.table.loadData()\n            this.ownersCommitteeClose()\n          }\n        })\n      }\n    },\n    // 添加修改弹窗提交\n    ownersCommitteeSubmit () {\n      this.$refs.ownersCommitteeVueForm.submitForm()\n    },\n    // 添加成员 弹窗显示\n    addOwnersCommittee () {\n      this.ownersCommitteeTitle = ' 添加工程维修'\n      this.ownersCommittee_vrisible = true;\n    },\n    detail(data){\n      if(data.length!=1){\n        this.$message({message:'请选择一条数据查看'})\n        return\n      }\n      this.$router.push({ path:'/butler/engineeringMaintenanceDetail',query:{id:data[0].id}})\n    },\n    // 修改 弹窗显示\n    edit (data) {\n      if (data.length) {\n        if (data.length > 1) {\n          this.$message.error('不能批量编辑');\n          return\n        }\n        this.ownersCommitteeTitle = ' 修改工程维修'\n        this.ownersCommittee_vrisible = true;\n        let resData = {\n          id: data[0].id\n        }\n        this.addForm.ruleForm.residentId = data[0].name\n        this.addForm.ruleForm.roomName = data[0].roomName\n        this.addForm.ruleForm.positionId = data[0].positionId\n        this.addForm.ruleForm.age = data[0].age\n        this.addForm.ruleForm.educationId = data[0].educationId\n        this.addForm.ruleForm.profession = data[0].profession\n        this.ownersObj.value = data[0].estateId\n        this.ownersObj.estateId = data[0].estateId\n        ownersCommitteeFindById(resData).then(result => {\n          console.log(result)\n          this.editBool = true;\n          this.editId = result.id\n          this.add.ruleForm.fileUrls[0] = result.imgUrls[0].url\n          this.fileUrls = result.imgUrls[0].url\n        })\n      } else {\n        this.$message.error('请选择需要编辑的数据');\n      }\n    },\n    tableCheck (data) {\n      this.table_row = data;\n    },\n    //  弹窗关闭显示\n    ownersCommitteeClose () {\n      // 初始化数据 重置\n      this.editId = 0\n      this.fileUrls = ''\n      this.ownersObj = {}\n      for (let key in this.addForm.ruleForm) {\n        this.$set(this.addForm.ruleForm, key, null)\n      }\n      console.log(this.addForm.ruleForm)\n      this.$refs.ownersCommitteeVueForm.reset()\n      this.ownersCommittee_vrisible = false\n    },\n    // 删除\n    del (data) {\n      let arr = []\n      for (let i = 0; i < this.table_row.length; i++) {\n        arr.push(this.table_row[i].id)\n      }\n      if (!arr.length) {\n        this.$message.error('请选中需要删除的表格数据')\n        return\n      }\n      this.$confirm('是否删除？删除不可找回', '删除', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n      }).then(() => {\n        this.$refs.table.tableDelete(arr)\n      }).catch(action => { });\n    },\n    // 图片上传成功\n    ownersImgeSuccess (res, file) {\n      this.fileUrls = res.url\n      this.addForm.ruleForm.fileUrls[0] = res.url\n      this.editBool = false\n    },\n    // 图片上传之前\n    beforeAvatarUpload (file) {\n      const isLt2M = file.size / 1024 / 1024 < 2;\n      const isJPG = file.type === 'image/png'\n      const isPNG = file.type === 'image/jpeg'\n      if (!isJPG && !isPNG) {\n        this.$message.error('上传头像图片只能是 JPG/PNG 格式!');\n      }\n      if (!isLt2M) {\n        this.$message.error('上传头像图片大小不能超过 2MB!');\n      }\n      return (isJPG || isPNG) && isLt2M;\n    },\n  }\n}\n</script>\n<style>\n.sys-image {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: rgba(0, 0, 0, 0.04);\n    border-radius: 2px;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    margin-right: 12px;\n}\n</style>\n"]}