物业收费标准页面

src/router/routes.js

@@ -71,6 +71,10 @@ const appRoutes = [
                   }
                 ]
               },
+              {
+                path: '/houseData/feeStandard', name: 'feeStandard', component: resolve => require(['@/views/houseData/feeStandard'], resolve), //Buildings,
+                meta: { title: '物业收费标准', hideInBread: false, },
+              },
     
               {
                 path: '/houseData/shebei/:id', name: 'shebei', component: resolve => require(['@/views/houseData/shebei'], resolve), //Shebei,

src/server/api.js

-let BASE_URL = '', MOCK_URL='',
+let BASE_URL = '', MOCK_URL='http://yapi.omniview.pro/mock/283',
   FANGDI_URL = 'http://962121.fgj.sh.gov.cn/wyweb/shanghaiwuye'
 /**
  * todo
@@ -186,4 +186,6 @@ export default {
   GET_TOUSUQUESTION_DETAILS: '/service-documents-ddd/tsDetial/{id}', //投诉问题详情
   GET_TOUSUQUESTION_LIST: '/service-documents-ddd/tsRank', //投诉问题排行
 
+  GET_FEE_STANDARD_LIST: '/service-basicdatasync-ddd/property/costs' // 物业收费详情
+
 }

src/views/houseData/basicView.vue

@@ -6,6 +6,7 @@
         <div class="portalDetailTitle">
           <span class="title">查看小区详情</span>
 			    <div class="detailOperations">
+          <a-button @click="$router.push({path: `/houseData/feeStandard`,query:{id:$route.query.id,name:$route.query.name}})"> 物业收费标准  </a-button>
 				  <a-button @click="$router.push({path: `/houseData/buildings`,query:{id:$route.query.id,name:$route.query.name}})"> 门牌幢 </a-button>
 				  <a-button @click="$router.push({path: `/houseData/shebei/${$route.query.id}`})"> 设施设备 </a-button>
 				  <a-button v-if="$store.state.isXuhui" @click="$router.push({path: `/houseData/shebeikanyan/${$route.query.id}`,query:{id:$route.query.id,communityName:detail.stNameFrst}})"> 设施设备(勘验) </a-button>

src/views/houseData/feeStandard.vue

+// 物业收费标准列表
+<template>
+  <div class="routerWapper">
+    <div class="portalDetailTitle" v-if="$route.name=='feeStandard'">
+			<span class="title">物业收费标准列表</span>
+			<div class="detailOperations">
+				<a-button @click="backPage"> 返回 </a-button>
+			</div>
+		</div>
+    <div v-if="$route.name=='feeStandard'" class="layoutMargin layoutPadding">
+        <!-- <p class="gayLine noline" ></p> -->
+        <!-- table -->
+        <div class="portalTableOperates">
+          <a-table class="portalTable" size="small" :columns="columns" :data-source="tableData" bordered :pagination='false'>
+            <span slot="changedCosts" slot-scope="text, record">
+              {{changeMeaning('changedCosts', record.changedCosts)}}
+            </span>
+
+            <span slot="chargingModel" slot-scope="text, record">
+              {{changeMeaning('chargingModel', record.chargingModel)}}
+            </span>
+
+            <span slot="buildingType" slot-scope="text, record">
+              {{changeMeaning('buildingType', record.buildingType)}}
+            </span>
+
+            <span slot="haveElv" slot-scope="text, record">
+              {{changeMeaning('haveElv', record.haveElv)}}
+            </span>
+
+            <span slot="houseUse" slot-scope="text, record">
+              {{changeMeaning('houseUse', record.houseUse)}}
+            </span>
+
+            <span slot="charges" slot-scope="text, record">
+              {{changeMeaning('charges', record.charges)}}
+            </span>
+          </a-table>
+        </div>
+    </div>
+    <RouterWapper v-else />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'feeStandard',
+  data() {
+    return {
+      columns: [ // 表格展示的列
+        {
+          title: '是否较前一份物业服务合同调整过物业服务费',
+          dataIndex: 'changedCosts',
+          key: 'changedCosts',
+          scopedSlots: {
+            customRender: 'changedCosts'
+          }
+        },
+        {
+          title: '收费模式',
+          dataIndex: 'chargingModel',
+          key: 'chargingModel',
+          scopedSlots: {
+            customRender: 'chargingModel'
+          }
+        },
+        {
+          title: '建筑类型',
+          dataIndex: 'buildingType',
+          key: 'buildingType',
+          scopedSlots: {
+            customRender: 'buildingType'
+          }
+        },
+        {
+          title: '有无电梯',
+          dataIndex: 'haveElv',
+          key: 'haveElv',
+          scopedSlots: {
+            customRender: 'haveElv'
+          }
+        },
+        {
+          title: '房屋用途',
+          dataIndex: 'houseUse',
+          key: 'houseUse',
+          scopedSlots: {
+            customRender: 'houseUse'
+          }
+        },
+        {
+          title: '物业费收费标准',
+          dataIndex: 'charges',
+          key: 'charges',
+        },
+        {
+          title: '可收费面积',
+          dataIndex: 'area',
+          key: 'area',
+        },
+        {
+          title: '可收费户数/车位数（个）',
+          dataIndex: 'number',
+          key: 'number',
+        },
+      ],
+      tableData: [],
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.$ajax.get({
+        url: this.$api.GET_FEE_STANDARD_LIST + '?sectId=' + this.$route.query.id,
+      }).then(res => {
+        if (res.code == 200) {
+          //先获取全部的自定义字段列表 
+          this.tableData = this.$com.confirm(res, 'data.content', [])
+          // console.log(this.extList)
+        }
+      })
+    },
+    changeMeaning(type, num) {
+      console.log(type, num)
+      if(type == 'changedCosts') {
+        switch (num) {
+        case '1':
+          return '是'
+          break
+
+        case '0':
+          return '否'
+          break
+        
+        default:
+          break
+        }
+      } else if(type == 'chargingModel') {
+        switch (num) {
+        case '1':
+          return '按户（车位）收费（元/月·户（车位））'
+          break
+
+        case '2':
+          return '按面积收费（元/月·㎡）'
+          break
+        
+        default:
+          break
+        }
+
+      } else if(type == 'buildingType') {
+
+        switch (num) {
+        case '1':
+          return '高层'
+          break
+
+        case '2':
+          return '多层'
+          break
+
+        case '3':
+          return '小高层'
+          break
+
+        case '4':
+          return '联体别墅'
+          break
+
+        case '5':
+          return '单体别墅'
+          break
+        
+        default:
+          break
+        }
+        
+      } else if(type == 'haveElv') {
+        switch (num) {
+        case true:
+          return '有'
+          break
+
+        case false:
+          return '无'
+          break
+        
+        default:
+          break
+        }
+
+      } else if(type == 'houseUse') {
+        switch (num) {
+        case '1':
+          return '一般住宅'
+          break
+
+        case '2':
+          return '公建配套'
+          break
+
+        case '3':
+          return '物业用房'
+          break
+
+        case '4':
+          return '单体别墅'
+          break
+
+        case '5':
+          return '商业用房'
+          break
+
+        case '6':
+          return '车库'
+          break
+
+        case '7':
+          return '其它'
+          break
+
+        case '8':
+          return '机动车位'
+          break
+        
+        default:
+          break
+        }
+      }
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
+

src/views/houseData/propertyInfoView.vue

@@ -248,11 +248,6 @@
                       <DetailsItem :labelSpan='12' :textSpan="12" :label='"项目名称"' :text='detail.stName'/>
                     </a-col>
                   </a-row>
-                  <a-row type="flex" justify="start" class="detailsPartLine">
-                    <a-col span="24">
-                      <DetailsItem :labelSpan='12' :textSpan="12" :label='"区县"' :text='detail.hpbToiName'/>
-                    </a-col>
-                  </a-row>
                   <a-row type="flex" justify="start" class="detailsPartLine">
                     <a-col span="24">
                       <DetailsItem :labelSpan='12' :textSpan="12" :label='"房管办"' :text='detail.hoName'/>
@@ -298,6 +293,11 @@
                       <DetailsItem :labelSpan='12' :textSpan="12" :label='"项目经理姓名"' :text='detail.csmName'/>
                     </a-col>
                   </a-row>
+                  <a-row type="flex" justify="start" class="detailsPartLine">
+                    <a-col span="24">
+                      <DetailsItem :labelSpan='12' :textSpan="12" :label='"项目经理手机号"' :text='detail.csmPhone'/>
+                    </a-col>
+                  </a-row>
                 </a-col>
                 <a-col span="8">
                   <a-row type="flex" justify="start" class="detailsPartLine">
@@ -352,7 +352,7 @@
                   </a-row>
                   <a-row type="flex" justify="start" class="detailsPartLine">
                     <a-col span="24">
-                      <DetailsItem :labelSpan='12' :textSpan="12" :label='"项目经理手机号"' :text='detail.csmPhone'/>
+                      <DetailsItem :labelSpan='12' :textSpan='12' label='' :text='""'/>
                     </a-col>
                   </a-row>
                 </a-col>