diff --git a/src/assets/scss/people-info.scss b/src/assets/scss/people-info.scss new file mode 100644 index 00000000..fa0354ca --- /dev/null +++ b/src/assets/scss/people-info.scss @@ -0,0 +1,118 @@ +@import "c/config"; +@import "c/function"; + +.m-pop { + @include shield; + background-color: rgba(#000, 0.5); + overflow-y: auto; + + .wrap { + position: relative; + margin: 120px auto; + padding: 20px; + width: 1000px; + background-color: #fff; + + .title { + padding: 10px; + font-size: 22px; + font-family: PingFang SC; + font-weight: 800; + color: #333; + display: flex; + align-items: center; + + img { + display: block; + margin-right: 5px; + } + span { + display: block; + } + } + + .btn-close { + position: absolute; + top: -30px; + right: -30px; + cursor: pointer; + } + + .list { + display: flex; + flex-wrap: wrap; + padding: 10px 30px; + + .item { + position: relative; + box-sizing: border-box; + padding: 0 15px; + width: 33%; + color: #fff; + font-size: 18px; + font-family: PingFang SC; + font-weight: 400; + color: #333; + line-height: 24px; + margin: 20px 0; + + &::before { + position: absolute; + left: 0; + top: 9px; + content: ""; + display: block; + width: 7px; + height: 7px; + background: #ddd; + border-radius: 3px; + } + } + } + + .line { + margin: 20px auto; + width: 900px; + height: 1px; + border: 1px dashed #ddd; + } + + .tabs { + margin-top: 30px; + display: flex; + align-items: center; + padding-left: 20px; + + .tab-btn { + width: 30px; + text-align: center; + cursor: pointer; + } + + .tab { + margin: 0 5px; + min-width: 76px; + padding: 0 5px; + height: 30px; + background: #fff; + border: 1px solid #eee; + box-shadow: 0 0 10px 0 inset #ddd; + border-radius: 2px; + text-align: center; + font-size: 14px; + font-family: PingFang SC; + font-weight: 400; + color: #333; + line-height: 30px; + cursor: pointer; + transition: all ease 0.1s; + &.z-on { + background: linear-gradient(90deg, #1a5afd, #009cff); + box-shadow: none; + color: #ffffff; + border: 1px solid #1a5afd; + } + } + } + } +} diff --git a/src/views/main-shuju/main.vue b/src/views/main-shuju/main.vue index 16bb29f3..429d1eec 100644 --- a/src/views/main-shuju/main.vue +++ b/src/views/main-shuju/main.vue @@ -6,8 +6,8 @@ 'g-bd', { 'z-sidebar--fold': $store.state.sidebarFold }, { - 'z-sidebar--noside':true - } + 'z-sidebar--noside': true, + }, ]" > diff --git a/src/views/modules/shequ/cpts/people-more.vue b/src/views/modules/shequ/cpts/people-more.vue index b316115d..4fd6debd 100644 --- a/src/views/modules/shequ/cpts/people-more.vue +++ b/src/views/modules/shequ/cpts/people-more.vue @@ -1,144 +1,109 @@ @@ -508,6 +501,6 @@ export default { diff --git a/src/views/modules/shequ/cpts/xuqiu-info.vue b/src/views/modules/shequ/cpts/xuqiu-info.vue index 9d94dca7..2e75d5ae 100644 --- a/src/views/modules/shequ/cpts/xuqiu-info.vue +++ b/src/views/modules/shequ/cpts/xuqiu-info.vue @@ -8,11 +8,7 @@ :disabled="formType === 'detail'" class="form" > - + {{ dataForm.statusName }} @@ -48,11 +44,7 @@ {{ dataForm.reportTypeName }} - + {{ dataForm.reportUserName }} @@ -64,15 +56,12 @@ {{ dataForm.reportTime }} - + {{ dataForm.demandUserName }} {{ dataForm.wantServiceTime }} + + + {{ dataForm.serviceStartTime }}至{{ + dataForm.serviceEndTime + }} + + + + {{ + dataForm.finishResult == "resolved" ? "已解决" : "未解决" + }} + + + + {{ dataForm.score }} + + + + {{ dataForm.finishDesc }} + + + + {{ dataForm.cancelTime }} +
@@ -105,18 +150,7 @@ export default { data() { return { formType: "detail", //表单操作类型 add新增,edit编辑,detail详情 - dataForm: { - neighborHoodId: "", // 所属小区ID - buildingId: "", //所属楼栋ID - buildingUnitId: "", //所属单元ID - doorName: "", //门牌号 - houseType: "", //房屋类型【楼房,平房,别墅】 - purpose: "", //房屋用途【住宅,商业,办公,工业,仓储,商住混用,其他】 - rentFlag: 1, //是否出租【是:1,否:0】 - ownerPhone: "", //房主电话 - ownerName: "", //房主名字 - ownerIdCard: "", //房主身份证 - }, + dataForm: {}, }; }, components: {}, @@ -138,18 +172,7 @@ export default { }, resetData() { - this.dataForm = { - neighborHoodId: "", // 所属小区ID - buildingId: "", //所属楼栋ID - buildingUnitId: "", //所属单元ID - doorName: "", //门牌号 - houseType: "1", //房屋类型【楼房,平房,别墅】 - purpose: "1", //房屋用途【住宅,商业,办公,工业,仓储,商住混用,其他】 - rentFlag: 1, //是否出租【是:1,否:0】 - ownerPhone: "", //房主电话 - ownerName: "", //房主名字 - ownerIdCard: "", //房主身份证 - }; + this.dataForm = {}; }, // 开启加载动画 startLoading() { diff --git a/src/views/modules/shequ/index.vue b/src/views/modules/shequ/index.vue index becf35d4..16a8cc5c 100644 --- a/src/views/modules/shequ/index.vue +++ b/src/views/modules/shequ/index.vue @@ -478,7 +478,7 @@ import { requestPost } from "@/js/dai/request"; import panChart from "@/views/modules/shequ/cpts/pan-chart"; import { mapGetters } from "vuex"; import nextTick from "dai-js/tools/nextTick"; -import peopleMore from "@/views/modules/visual/basicinfo/cpts/people-more"; +import peopleMore from "@/views/modules/shequ/cpts/people-more"; import fangwuInfo from "@/views/modules/shequ/cpts/fangwu-info"; import xuqiuInfo from "@/views/modules/shequ/cpts/xuqiu-info";