You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
16 KiB
1 line
16 KiB
{"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"]} |