From 4b1d05c8a5747f393299aa1ee29a443cb14eefc6 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Wed, 26 Jan 2022 10:40:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=80=E7=B3=BB=E5=88=97bu?=
 =?UTF-8?q?g?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/people-info.scss             | 118 +++++++++
 src/views/main-shuju/main.vue                | 124 ++++-----
 src/views/modules/shequ/cpts/people-more.vue | 261 +++++++++----------
 src/views/modules/shequ/cpts/xuqiu-info.vue  | 101 ++++---
 src/views/modules/shequ/index.vue            |   2 +-
 5 files changed, 353 insertions(+), 253 deletions(-)
 create mode 100644 src/assets/scss/people-info.scss

diff --git a/src/assets/scss/people-info.scss b/src/assets/scss/people-info.scss
new file mode 100644
index 000000000..fa0354ca2
--- /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 16bb29f3e..429d1eec9 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,
+      },
     ]"
   >
     <template v-if="!loading">
@@ -23,29 +23,30 @@
 </template>
 
 <script>
-import MainNavbar from './main-navbar'
-import MainContent from './main-content'
-import debounce from 'lodash/debounce'
-import { mapGetters } from 'vuex'
-import nextTick from 'dai-js/tools/nextTick'
+import MainNavbar from "./main-navbar";
+import MainContent from "./main-content";
+import debounce from "lodash/debounce";
+import { mapGetters } from "vuex";
+import nextTick from "dai-js/tools/nextTick";
+import { requestPost } from "@/js/dai/request";
 
 export default {
   provide() {
     return {
       // 刷新
       refresh() {
-        this.$store.state.contentIsNeedRefresh = true
+        this.$store.state.contentIsNeedRefresh = true;
         this.$nextTick(() => {
-          this.$store.state.contentIsNeedRefresh = false
-        })
-      }
-    }
+          this.$store.state.contentIsNeedRefresh = false;
+        });
+      },
+    };
   },
   data() {
     return {
       loading: true,
-      userType: localStorage.getItem('userType')
-    }
+      userType: localStorage.getItem("userType"),
+    };
   },
   components: {
     MainNavbar,
@@ -53,105 +54,70 @@ export default {
   },
 
   watch: {
-    $route: 'routeHandle'
+    $route: "routeHandle",
   },
   async created() {
-    this.windowResizeHandle()
-    this.routeHandle(this.$route)
+    this.windowResizeHandle();
+    this.routeHandle(this.$route);
     Promise.all([this.getWorkUserInfo()]).then(() => {
-        this.loading = false
-      })
+      this.loading = false;
+    });
   },
   computed: {},
   methods: {
     changeCustomerName(customerName) {
-      this.$refs['ref_navbar'].changeCustomerName(customerName)
+      this.$refs["ref_navbar"].changeCustomerName(customerName);
     },
     // 窗口改变大小
     windowResizeHandle() {
       this.$store.state.sidebarFold =
-        document.documentElement['clientWidth'] <= 992 || false
+        document.documentElement["clientWidth"] <= 992 || false;
       window.addEventListener(
-        'resize',
+        "resize",
         debounce(() => {
           this.$store.state.sidebarFold =
-            document.documentElement['clientWidth'] <= 992 || false
+            document.documentElement["clientWidth"] <= 992 || false;
         }, 150)
-      )
+      );
     },
     // 路由, 监听
     routeHandle(route) {
       if (!route.meta.isTab) {
-        return false
+        return false;
       }
       var tab = this.$store.state.contentTabs.filter(
         (item) => item.name === route.name
-      )[0]
+      )[0];
       if (!tab) {
         tab = {
-          ...window.SITE_CONFIG['contentTabDefault'],
+          ...window.SITE_CONFIG["contentTabDefault"],
           ...route.meta,
           name: route.name,
           params: { ...route.params },
-          query: { ...route.query }
-        }
+          query: { ...route.query },
+        };
         this.$store.state.contentTabs =
-          this.$store.state.contentTabs.concat(tab)
+          this.$store.state.contentTabs.concat(tab);
       }
 
-      this.$store.state.mainShuju.activeName = tab.menuId
-      this.$store.state.mainShuju.contentTabsActiveName = tab.name
+      this.$store.state.mainShuju.activeName = tab.menuId;
+      this.$store.state.mainShuju.contentTabsActiveName = tab.name;
     },
-    // 获取当前管理员信息
-    getUserInfo() {
-      const url = '/epmetuser/operuser/queryOperUserDto'
-
-      return this.$http
-        .get(url)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
 
-          this.$store.state.user.id = res.data.id
-          this.$store.state.user.realName = res.data.realName
-          this.$store.state.user.superAdmin = res.data.superAdmin
-          this.$store.state.user.gender = data.gender
-          localStorage.setItem('customerId', '')
-        })
-        .catch(() => {})
-    },
     // 获取当前管理员信息
-    getWorkUserInfo() {
-      const url = '/epmetuser/customerstaff/staffbasicinfo'
-      let params = {}
-      window.app.ajax.post(
-        url,
-        params,
-        (data, rspMsg) => {
-          this.$store.state.user = { ...data }
-          // this.$store.state.user.id = data.id
-          // this.$store.state.user.realName = data.realName
-          // this.$store.state.user.superAdmin = data.superAdmin
-          // this.$store.state.user.gender = data.gender
-          localStorage.setItem('roleList', data.roleList)
-          localStorage.setItem('customerId', data.customerId)
-          // this.$store.state.user.roleList = data.roleList
-          // this.$store.state.user.customerId = data.customerId
-        },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg)
-        }
-      )
-      // return this.$http.get(url).then(({ data: res }) => {
-      //   if (res.code !== 0) {
-      //     return this.$message.error(res.msg)
-      //   }
+    async getWorkUserInfo() {
+      const url = "/epmetuser/customerstaff/staffbasicinfo";
+      let params = {};
 
-      // }).catch(() => { })
-    }
-  }
-}
+      const { data, code, msg } = await requestPost(url, params);
+      if (code === 0) {
+        this.$store.state.user = { ...data };
+        localStorage.setItem("roleList", data.roleList);
+        localStorage.setItem("customerId", data.customerId);
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style>
diff --git a/src/views/modules/shequ/cpts/people-more.vue b/src/views/modules/shequ/cpts/people-more.vue
index b316115df..4fd6debdf 100644
--- a/src/views/modules/shequ/cpts/people-more.vue
+++ b/src/views/modules/shequ/cpts/people-more.vue
@@ -1,144 +1,109 @@
 <template>
   <div class="m-pop">
     <div class="wrap">
-      <cpt-card>
-        <div class="title">
-          <img src="@/assets/img/shuju/title-tip.png" />
-          <span>更多信息</span>
-        </div>
+      <div class="title">
+        <span>更多信息</span>
+      </div>
+
+      <div class="btn-close" @click="handleClose">
+        <img src="@/assets/img/shuju/people/close.png" />
+      </div>
+
+      <div
+        :key="'fieldSubList' + index"
+        v-for="(fieldSubList, index) in fieldList"
+      >
+        <div class="list">
+          <div class="item" v-if="index == 0">
+            <span class="item-field">所属网格：</span>
+            <span>{{ gridName }}</span>
+          </div>
+          <div class="item" v-if="index == 0">
+            <span class="item-field">所属小区：</span>
+            <span>{{ xiaoquName }}</span>
+          </div>
+          <div class="item" v-if="index == 0">
+            <span class="item-field">所属楼宇：</span>
+            <span>{{ louName }}-{{ danyuanName }}</span>
+          </div>
+          <div class="item" v-if="index == 0">
+            <span class="item-field">所属家庭：</span>
+            <span>{{ homeName }}</span>
+          </div>
+          <div class="item" :key="field.itemId" v-for="field in fieldSubList">
+            <span class="item-field">{{ field.label }}：</span>
+
+            <span
+              v-if="
+                field.itemType == 'select' ||
+                field.itemType == 'radio' ||
+                field.itemType == 'checkbox' ||
+                field.itemType == 'cascader'
+              "
+              >{{
+                info[field.columnName] == null
+                  ? "--"
+                  : getOptionLabel(
+                      field.options,
+                      info[field.columnName],
+                      field.itemType
+                    )
+              }}</span
+            >
 
-        <div class="btn-close" @click="handleClose">
-          <img src="@/assets/img/shuju/people/close.png" />
+            <span v-else>{{
+              info[field.columnName] == null ? "--" : info[field.columnName]
+            }}</span>
+          </div>
         </div>
 
+        <div class="line"></div>
+      </div>
+
+      <div class="tabs">
         <div
-          :key="'fieldSubList' + index"
-          v-for="(fieldSubList, index) in fieldList"
+          class="tab-btn"
+          @click="subStartGroupIndex"
+          v-if="groupList.length > 9"
         >
-          <div class="list">
-            <div class="item" v-if="index == 0">
-              <span class="item-field">所属网格：</span>
-              <span>{{ gridName }}</span>
-            </div>
-            <div class="item" v-if="index == 0">
-              <span class="item-field">所属小区：</span>
-              <span>{{ xiaoquName }}</span>
-            </div>
-            <div class="item" v-if="index == 0">
-              <span class="item-field">所属楼宇：</span>
-              <span>{{ louName }}-{{ danyuanName }}</span>
-            </div>
-            <div class="item" v-if="index == 0">
-              <span class="item-field">所属家庭：</span>
-              <span>{{ homeName }}</span>
-            </div>
-            <div class="item" :key="field.itemId" v-for="field in fieldSubList">
-              <span class="item-field">{{ field.label }}：</span>
-
-              <span
-                v-if="
-                  field.itemType == 'select' ||
-                  field.itemType == 'radio' ||
-                  field.itemType == 'checkbox' ||
-                  field.itemType == 'cascader'
-                "
-                >{{
-                  info[field.columnName] == null
-                    ? "--"
-                    : getOptionLabel(
-                        field.options,
-                        info[field.columnName],
-                        field.itemType
-                      )
-                }}</span
-              >
-
-              <span v-else>{{
-                info[field.columnName] == null ? "--" : info[field.columnName]
-              }}</span>
-            </div>
-          </div>
-
-          <div class="line"></div>
+          <img src="@/assets/img/shuju/people/arrow-double-left.png" />
         </div>
-
-        <div class="tabs">
-          <div
-            class="tab-btn"
-            @click="subStartGroupIndex"
-            v-if="groupList.length > 9"
-          >
-            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
-          </div>
-          <div
-            v-show="index >= startGroupIndex && index < startGroupIndex + 9"
-            class="tab"
-            :class="groupIndex % groupList.length == index ? 'z-on' : ''"
-            :key="'tab' + index"
-            @click="groupIndex = index"
-            v-for="(item, index) in groupList"
-          >
-            {{ item.label }}
-          </div>
-          <div
-            class="tab-btn"
-            @click="addStartGroupIndex"
-            v-if="groupList.length > 9"
-          >
-            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
-          </div>
+        <div
+          v-show="index >= startGroupIndex && index < startGroupIndex + 9"
+          class="tab"
+          :class="groupIndex % groupList.length == index ? 'z-on' : ''"
+          :key="'tab' + index"
+          @click="groupIndex = index"
+          v-for="(item, index) in groupList"
+        >
+          {{ item.label }}
+        </div>
+        <div
+          class="tab-btn"
+          @click="addStartGroupIndex"
+          v-if="groupList.length > 9"
+        >
+          <img src="@/assets/img/shuju/people/arrow-double-right.png" />
         </div>
+      </div>
 
+      <div
+        :key="'group' + index"
+        v-show="groupIndex % groupList.length == index"
+        v-for="(group, index) in groupList"
+      >
         <div
-          :key="'group' + index"
-          v-show="groupIndex % groupList.length == index"
-          v-for="(group, index) in groupList"
+          v-if="
+            group.tableName == 'ic_resi_demand' &&
+            Array.isArray(allInfo.ic_resi_demand) &&
+            allInfo.ic_resi_demand.length > 0
+          "
         >
           <div
-            v-if="
-              group.tableName == 'ic_resi_demand' &&
-              Array.isArray(allInfo.ic_resi_demand) &&
-              allInfo.ic_resi_demand.length > 0
-            "
+            class="list"
+            :key="'ic_resi_demand' + infoIndex"
+            v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"
           >
-            <div
-              class="list"
-              :key="'ic_resi_demand' + infoIndex"
-              v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"
-            >
-              <div
-                class="item"
-                :key="field.itemId"
-                v-for="field in group.itemList"
-              >
-                <span class="item-field">{{ field.label }}：</span>
-                <span
-                  v-if="
-                    field.itemType == 'select' ||
-                    field.itemType == 'radio' ||
-                    field.itemType == 'checkbox' ||
-                    field.itemType == 'cascader'
-                  "
-                  >{{
-                    infoItem[field.columnName] == null
-                      ? "--"
-                      : getOptionLabel(
-                          field.options,
-                          infoItem[field.columnName],
-                          field.itemType
-                        )
-                  }}</span
-                >
-
-                <span v-else>{{
-                  infoItem[field.columnName] == null
-                    ? "--"
-                    : infoItem[field.columnName]
-                }}</span>
-              </div>
-            </div>
-          </div>
-          <div class="list" v-else>
             <div
               class="item"
               :key="field.itemId"
@@ -153,27 +118,55 @@
                   field.itemType == 'cascader'
                 "
                 >{{
-                  !allInfo[group.tableName] ||
-                  allInfo[group.tableName][0][field.columnName] == null
+                  infoItem[field.columnName] == null
                     ? "--"
                     : getOptionLabel(
                         field.options,
-                        allInfo[group.tableName][0][field.columnName],
+                        infoItem[field.columnName],
                         field.itemType
                       )
                 }}</span
               >
 
               <span v-else>{{
-                !allInfo[group.tableName] ||
-                allInfo[group.tableName][0][field.columnName] == null
+                infoItem[field.columnName] == null
                   ? "--"
-                  : allInfo[group.tableName][0][field.columnName]
+                  : infoItem[field.columnName]
               }}</span>
             </div>
           </div>
         </div>
-      </cpt-card>
+        <div class="list" v-else>
+          <div class="item" :key="field.itemId" v-for="field in group.itemList">
+            <span class="item-field">{{ field.label }}：</span>
+            <span
+              v-if="
+                field.itemType == 'select' ||
+                field.itemType == 'radio' ||
+                field.itemType == 'checkbox' ||
+                field.itemType == 'cascader'
+              "
+              >{{
+                !allInfo[group.tableName] ||
+                allInfo[group.tableName][0][field.columnName] == null
+                  ? "--"
+                  : getOptionLabel(
+                      field.options,
+                      allInfo[group.tableName][0][field.columnName],
+                      field.itemType
+                    )
+              }}</span
+            >
+
+            <span v-else>{{
+              !allInfo[group.tableName] ||
+              allInfo[group.tableName][0][field.columnName] == null
+                ? "--"
+                : allInfo[group.tableName][0][field.columnName]
+            }}</span>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -508,6 +501,6 @@ export default {
 
 <style
   lang="scss"
-  src="@/assets/scss/modules/visual/people.scss"
+  src="@/assets/scss/people-info.scss"
   scoped
 ></style>
diff --git a/src/views/modules/shequ/cpts/xuqiu-info.vue b/src/views/modules/shequ/cpts/xuqiu-info.vue
index 9d94dca7c..2e75d5ae6 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"
       >
-        <el-form-item
-          label="状态"
-          label-width="150px"
-          style="display: block"
-        >
+        <el-form-item label="状态" label-width="150px" style="display: block">
           <span>{{ dataForm.statusName }}</span>
         </el-form-item>
 
@@ -48,11 +44,7 @@
           <span>{{ dataForm.reportTypeName }}</span>
         </el-form-item>
 
-        <el-form-item
-          label="上报人"
-          label-width="150px"
-          style="display: block"
-        >
+        <el-form-item label="上报人" label-width="150px" style="display: block">
           <span>{{ dataForm.reportUserName }}</span>
         </el-form-item>
 
@@ -64,15 +56,12 @@
           <span>{{ dataForm.reportTime }}</span>
         </el-form-item>
 
-        <el-form-item
-          label="需求人"
-          label-width="150px"
-          style="display: block"
-        >
+        <el-form-item label="需求人" label-width="150px" style="display: block">
           <span>{{ dataForm.demandUserName }}</span>
         </el-form-item>
 
         <el-form-item
+          v-if="dataForm.serviceShowName"
           label="服务方"
           label-width="150px"
           style="display: block"
@@ -81,12 +70,68 @@
         </el-form-item>
 
         <el-form-item
+          v-if="dataForm.wantServiceTime"
           label="服务时间"
           label-width="150px"
           style="display: block"
         >
           <span>{{ dataForm.wantServiceTime }}</span>
         </el-form-item>
+
+        <el-form-item
+          v-if="
+            dataForm.serviceStartTime &&
+            dataForm.serviceEndTime &&
+            dataForm.status == 'finished'
+          "
+          label="实际服务时间"
+          label-width="150px"
+          style="display: block"
+        >
+          <span
+            >{{ dataForm.serviceStartTime }}至{{
+              dataForm.serviceEndTime
+            }}</span
+          >
+        </el-form-item>
+
+        <el-form-item
+          v-if="dataForm.finishResult && dataForm.status == 'finished'"
+          label="完成情况"
+          label-width="150px"
+          style="display: block"
+        >
+          <span>{{
+            dataForm.finishResult == "resolved" ? "已解决" : "未解决"
+          }}</span>
+        </el-form-item>
+
+        <el-form-item
+          v-if="dataForm.score && dataForm.status == 'finished'"
+          label="评价得分"
+          label-width="150px"
+          style="display: block"
+        >
+          <span>{{ dataForm.score }}</span>
+        </el-form-item>
+
+        <el-form-item
+          v-if="dataForm.finishDesc && dataForm.status == 'finished'"
+          label="评价备注"
+          label-width="150px"
+          style="display: block"
+        >
+          <span>{{ dataForm.finishDesc }}</span>
+        </el-form-item>
+
+        <el-form-item
+          v-if="dataForm.cancelTime && dataForm.status == 'canceled'"
+          label="取消时间"
+          label-width="150px"
+          style="display: block"
+        >
+          <span>{{ dataForm.cancelTime }}</span>
+        </el-form-item>
       </el-form>
     </div>
     <div class="div_btn">
@@ -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 becf35d41..16a8cc5c6 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";