{"version":3,"sources":["webpack:///src/components/form/E:/前端/xmf/src/components/form/formDatechildren.vue","webpack:///src/views/butler/components/decorationManagement/details/decorator/src/views/butler/components/decorationManagement/details/decorator/add.vue","webpack:///src/views/butler/page/src/views/butler/page/decorationManagement.vue"],"names":[],"mappings":"AACA,2HAOgB,WAAY,CAP5B,wEASoB,UAAW,CAT/B,mEAagB,WAAY,CAb5B,uEAgBgB,WAAY,CAhB5B,4CAqBQ,oBAAyB,CACzB,gBAAiB,CACjB,4BAA6B,CAChC,0BAGD,YAAa,CACb,cAAe,CACf,6BAA8B,CAC9B,SAAU,CACV,aAAc,CACjB,qCAEG,0BACI,SAAU,CACb,CAEL,qCACI,0BACI,SAAU,CACb,CAEL,qCACI,0BACI,SAAU,CACb,CAEL,qCACI,0BACI,SAAU,CACb,CAEL,+BACI,SAAU,CC+Gd,kEACA,oBAAA,CACA,gBAAA,CACA,4BACA,CCzKA,8CACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,wBACA","file":"chunk-f3f7c9f4.ebceacc1.css","sourcesContent":["\n.main-form {\n    .el-form {\n        .el-form-item {\n            .el-input {\n                width: 240px;\n            }\n            .el-select {\n                width: 240px;\n                .el-input {\n                    width: 100%;\n                }\n            }\n            .el-date-picker {\n                width: 240px;\n            }\n            .el-textarea__inner {\n                height: 100%;\n            }\n        }\n    }\n    .content-titel2 {\n        margin: 0px 0px 20px 30px;\n        padding-top: 30px;\n        border-top: 1px solid #e8e8e8;\n    }\n}\n.el-form {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    width: 90%;\n    margin: 0 auto;\n}\n@media screen and (min-width: 1600px) {\n    .el-form {\n        width: 85%;\n    }\n}\n@media screen and (min-width: 1800px) {\n    .el-form {\n        width: 80%;\n    }\n}\n@media screen and (max-width: 1440px) {\n    .el-form {\n        width: 95%;\n    }\n}\n@media screen and (max-width: 1300px) {\n    .el-form {\n        width: 95%;\n    }\n}\n.el-form-item {\n    width: 50%;\n}\n","<template>\n\n  <div>\n    <el-drawer title=\"我是标题\"\n               :visible.sync=\"isVisibleDrawe\"\n               size=\"58%\"\n               :before-close=\"handleClose\"\n               :with-header=\"false\">\n      <div class=\"drawer-box\">\n        <div class=\"dra-header\">\n          <span>投票详情</span>\n        </div>\n        <div class=\"dra-body\">\n          <div class=\"dra-content\">\n            <div class=\"content-titel\">\n              <span>基本信息</span>\n            </div>\n            <div class=\"\">\n              <form-datechildren :formItem=\"form_item\"\n                                 :rulesItem=\"rules_item\"\n                                 ref=\"formData\"></form-datechildren>\n            </div>\n          </div>\n        </div>\n        <div class=\"dra-footer\">\n          <div class=\"dra-footer-content\">\n            <button class=\"dra-submit el-icon-circle-check\"\n                    @click=\"onSubmit('ruleForm')\"><span>提交</span></button>\n            <button class=\"dra-cancel\"\n                    @click=\"handleClose('ruleForm')\"><span>重置</span></button>\n          </div>\n        </div>\n      </div>\n    </el-drawer>\n\n  </div>\n</template>\n\n<script>\nimport formDatechildren from '@/components/form/formDatechildren'\nexport default {\n  props: {\n    drawerVrisible: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    formDatechildren\n  },\n  data () {\n    return {\n      isVisibleDrawe: false,\n      form_item: [\n        {\n          type: 'Input',\n          value: '',\n          label: '人员姓名',\n          prop: 'enddate',\n        }\n        ,\n        {\n          type: 'Input',\n          value: '',\n          label: '身份',\n          prop: 'public',\n        },\n        {\n          type: 'select',\n          value: '',\n          placeholder: '请选择',\n          options: [\n            {\n              label: '一单元',\n              value: '1'\n            }\n          ],\n          label: '证件类型',\n          prop: 'userNam2e',\n        },\n        {\n          type: 'Input',\n          value: '',\n          label: '证件号',\n          prop: 'imagePreview',\n        }\n        ,\n        {\n          type: 'Input',\n          value: '',\n          label: '联系方式',\n          prop: 'imagePreview1',\n        }\n        ,\n        {\n          type: 'Input',\n          value: '',\n          label: '联系地址',\n          prop: 'imagePreview5',\n        }\n      ],\n      rules_item: {\n        date: [\n          { required: true, message: '请输入活动名称', trigger: 'blur' },\n        ],\n        userNam2e: [\n          { required: true, message: '请输入活动名称', trigger: 'blur' },\n        ],\n        enddate: [\n          { required: true, message: '请输入活动名称', trigger: 'blur' },\n        ],\n        public: [\n          { required: true, message: '请输入活动名称', trigger: 'blur' },\n        ],\n        imagePreview: [\n          { required: true, message: '', trigger: 'blur' }\n        ],\n        imagePreview1: [\n          { required: true, message: '', trigger: 'blur' }\n        ],\n        imagePreview2: [\n          { required: true, message: '', trigger: 'blur' }\n        ],\n        imagePreview3: [\n          { required: true, message: '', trigger: 'blur' }\n        ],\n        imagePreview4: [\n          { required: true, message: '', trigger: 'blur' }\n        ],\n        content: [\n          { required: true, message: '', trigger: 'blur' }\n        ]\n        // date userNam2e\n      },\n    }\n  },\n  mounted () {\n    console.log('---------mounted')\n  },\n  methods: {\n    // 提交\n    onSubmit () {\n      this.$emit('handleClose', \"onSubmit\")\n    },\n    // resetForm (formName) {\n    //   this.$refs[formName].resetFields();\n    // },\n    // 重置\n    // 取消关闭esc\n    handleClose () {\n      this.$emit('handleClose', \"Close\")\n    }\n  },\n  watch: {\n    drawerVrisible: {\n      handler (newValue) {\n        this.isVisibleDrawe = newValue\n        console.log(newValue)\n      },\n      immediate: true\n    },\n\n  }\n}\n</script>\n<style scoped>\n.content-titel2 {\n  margin: 0px 0px 20px 30px;\n  padding-top: 30px;\n  border-top: 1px solid #e8e8e8;\n}\n</style>\n","<style scoped>\n.tips {\n    margin: 20px;\n    height: 38px;\n    line-height: 38px;\n    background: #fafafa;\n    border-radius: 4px;\n    opacity: 0.8;\n    border: 1px solid #e8e8e8;\n}\n</style>\n<template>\n  <div class=\"main-content\">\n    <div v-if=\"detailsVrisible\">\n      <div class=\"main-titel\">\n        <span>装修管理</span>\n      </div>\n      <div class=\"tips\">\n        <p>\n          <span class=\"el-icon-warning-outline\"\n                style=\"margin:0 12px\"></span>\n          温馨提示：今日预计有\n          <span style=\"color:rgba(251, 71, 2, 1)\">{{countNow}}</span>\n          户家庭发起装修，共计{{countPerformed}}户家庭未执行\n        </p>\n      </div>\n\n      <div class=\"content\">\n        <div class=\"content-btn\">\n          <el-button class=\"init-button\"\n                     icon=\"el-icon-plus\"\n                     @click=\"addVrisible=true\">新增装修</el-button>\n        </div>\n        <div class=\"\">\n          <VueTable ref=\"table\"\n                    :config='config'\n                    @tableCheck=\"tableCheck\">\n            <template slot=\"tabs\">\n              <el-tabs v-model=\"activeName\"\n                       @tab-click=\"handleClick\">\n                <el-tab-pane label=\"全部\"\n                             name=\"0\"></el-tab-pane>\n                <el-tab-pane label=\"未开始\"\n                             name=\"1\"></el-tab-pane>\n                <el-tab-pane label=\"装修中\"\n                             name=\"2\"></el-tab-pane>\n                <el-tab-pane label=\"装修结束-未退押金\"\n                             name=\"3\"></el-tab-pane>\n                <el-tab-pane label=\"已结束\"\n                             name=\"4\"></el-tab-pane>\n                <el-tab-pane label=\"已作废\"\n                             name=\"5\"></el-tab-pane>\n              </el-tabs>\n            </template>\n            <template slot=\"footer\">\n              <div class=\"table-footer\">\n                <button @click='details'>详情</button>\n                <button>编辑</button>\n                <button>审批</button>\n                <button>作废</button>\n              </div>\n            </template>\n          </VueTable>\n        </div>\n      </div>\n      <!-- 添加 -->\n      <addVrisible :drawerVrisible='addVrisible'\n                   @handleClose='getClose'> </addVrisible>\n\n    </div>\n    <div v-else>\n      <!-- 装修详情组件 -->\n      <detailsViews></detailsViews>\n    </div>\n  </div>\n</template>\n<script>\nimport { userDecorationCountDecorationNow, userDecorationCountPerformed } from '@/api/butler'\n\nimport addVrisible from '@/views/butler/components/decorationManagement/add.vue'\nimport detailsViews from '@/views/butler/components/decorationManagement/details/index.vue'\nexport default {\n  data () {\n    return {\n      // 控制显示装修详情页面显示\n      detailsVrisible: 1,\n      addVrisible: false,\n      activeName: '0',\n      config: {\n        thead: [\n          { label: '序号', type: 'index', width: '80' },\n          { label: '房屋信息', prop: 'roomName', width: '180' },\n          { label: '业主', prop: 'residentName', width: '180' },\n          { label: '联系方式', prop: 'residentTel', width: '180' },\n          { label: '紧急联系人', prop: 'emergencyContact', width: '180' },\n          { label: '联系方式', prop: 'tel', width: '180' },\n          { label: '施工单位', prop: 'constructionUnit', width: '180' },\n          { label: '门禁卡', prop: 'userAccessCardNum', width: '180' },\n          { label: '负责人', prop: 'constructionName', width: '180' },\n          { label: '联系方式', prop: 'constructionTel', width: '180' },\n          { label: '装修押金', prop: 'decorationDeposit', width: '180' },\n          {\n            label: '申请时间',\n            prop: 'applicationDate',\n            width: '180',\n            sortable: true,\n          },\n          {\n            label: '预计开始时间',\n            prop: 'expectedBegin',\n            width: '180',\n            sortable: true,\n          },\n          {\n            label: '预计结束时间',\n            prop: 'expectedEnd',\n            width: '180',\n            sortable: true,\n          },\n          {\n            label: '实际开始时间',\n            prop: 'actualBegin',\n            width: '180',\n            sortable: true,\n          },\n          {\n            label: '实际结束时间',\n            prop: 'actualEnd',\n            width: '180',\n            sortable: true,\n          },\n          { label: '垃圾清运费', prop: 'cleanCost', width: '180' },\n          { label: '公共设施修复', prop: 'serviceCost', width: '180' },\n          { label: '退还押金', prop: 'refundDeposit', width: '180' },\n          { label: '是否退还门禁卡', prop: 'isReturnAccessCard', width: '180' },\n          { label: '状态', prop: 'status', width: '180' },\n          {\n            label: '审批结果',\n            prop: 'approveResults',\n            width: '180',\n          },\n          {\n            label: '审批人',\n            prop: 'approveName',\n            width: '180',\n          },\n          { label: '审批时间', prop: 'approveDate', width: '180' },\n          {\n            label: '最后一次完工检查情况',\n            prop: 'isQualified',\n            width: '180',\n          },\n          {\n            label: '备注',\n            prop: 'remarks2',\n            width: '100',\n\n          },\n        ],\n        url: 'userDecorationList',\n        table_data: [],\n        search_item: [\n          {\n            type: 'Input',\n            label: '房屋信息',\n            placeholder: '单元/楼栋/房号',\n            prop: 'roomName',\n          },\n          {\n            type: 'Input',\n            label: '业主姓名',\n            placeholder: '请输入',\n            prop: 'residentName',\n          },\n          {\n            type: 'Input',\n            label: '业主联系方式',\n            placeholder: '请输入',\n            prop: 'residentTel',\n          },\n          {\n            type: 'Input',\n            label: '最后一次完工检查情况',\n            placeholder: '请输入',\n            prop: 'isQualified',\n          }, {\n            type: 'Input',\n            label: '审批人',\n            placeholder: '请输入',\n            prop: 'approveName',\n          },\n          {\n            type: 'Input',\n            label: '审批结果',\n            placeholder: '请选择审批结果',\n            prop: 'approveResults',\n          },\n          {\n            type: 'Input',\n            label: '施工单位',\n            placeholder: '请输入',\n            prop: 'constructionUnit',\n          },\n          {\n            type: 'Input',\n            label: '施工负责人',\n            placeholder: '请输入',\n            prop: 'constructionName',\n          },\n          {\n            type: 'startDate',\n            label: '预计开始时间',\n            placeholder: '请选择开始日期',\n            prop: 'expectedBegin',\n          },\n          {\n            type: 'endDate',\n            label: '预计结束时间',\n            placeholder: '请选择结束日期',\n            prop: 'expectedEnd',\n          },\n          {\n            type: 'Input',\n            label: '紧急联系人\t',\n            placeholder: '请输入',\n            prop: 'emergencyContact',\n          },\n          {\n            type: 'Input',\n            label: '紧急联系方式\t',\n            placeholder: '请输入',\n            prop: 'tel',\n          },\n          {\n            type: 'Input',\n            label: '施工负责人联系方式\t',\n            placeholder: '请输入',\n            prop: 'constructionTel',\n          },\n          {\n            type: 'startDate',\n            label: '预计开始时间',\n            placeholder: '请选择开始日期',\n            prop: 'actualBegin',\n          },\n          {\n            type: 'endDate',\n            label: '预计结束时间',\n            placeholder: '请选择结束日期',\n            prop: 'actualEnd',\n          },\n        ],\n        data: {\n          pageNum: 1,\n          size: 10\n        },\n      },\n      // 今日发起装修数量\n      countNow: null,\n      // 未发起装修数量\n      countPerformed: null,\n    }\n  },\n  mounted () {\n    this.getTipsData()\n  },\n  components: {\n    addVrisible,\n    detailsViews,\n  },\n  methods: {\n    handleClick (tab, event) {\n      let status = null\n      if (this.activeName != 0) {\n        status = this.activeName\n      } else {\n        status = null\n      }\n      const requestData = {\n        pageNum: 1,\n        size: 10,\n        status: status\n      }\n      this.$refs.table.requestData(requestData);\n    },\n    tableCheck () {\n      this.table_row = arr\n    },\n    // 子组件触发\n    getClose () {\n      this.addVrisible = false\n    },\n    // 发起装修数量\n    getTipsData () {\n      // 今日发起装修\n      userDecorationCountDecorationNow().then(result => {\n        this.countNow = result.countNow\n      })\n      // 共计未装修\n      userDecorationCountPerformed().then(result => {\n        this.countPerformed = result.countPerformed\n      })\n    },\n    onSubmit () {\n      console.log('submit!')\n    },\n    // 控制显示装修详情页面显示\n    details () {\n      this.detailsVrisible = 0\n    },\n    // 关闭查看器\n    closeViewer () {\n      this.showViewer = false\n    },\n  },\n}\n</script>\n"]}