修改住宅信息下的每个类目的详情页增加拓展信息维护

src/components/detail/detailItem.vue

@@ -52,7 +52,7 @@ export default {
 }
 </script>
 <style>
-.detailContent { margin: -.5px; font-size: 14px; line-height: 40px;border: 1px solid #ccc}
+.detailContent { margin:0 ; font-size: 14px; line-height: 40px;border: 1px solid #ccc}
 .detailContent  .label { 
   white-space: nowrap;
   overflow: hidden;

src/views/components/zdyModal.vue

 <template>
-    <a-modal title="拓展字段" v-model="isShow" @ok="saveExt()" @cancel="isShow = !isShow" >
+    <a-modal title="拓展字段"  v-model="isShow" @ok="saveExt()" @cancel="isShow = !isShow" >
       <a-form class="protalForm" :form="formExt" >
         <a-form-item :label-col="{ span: 0 }" :wrapper-col="{ span: 24}" >
           <p style="color:red" v-if="isAll">提示: 修改全部的操作量较大,页面数据可能会有些许延迟,请刷新页面</p>
         </a-form-item>
-        <a-form-item v-for="(item,k) in extList" :key="k" :label="item.keyName" :label-col="{ span: 6 }" :wrapper-col="{ span: 12 }">
+        <a-form-item v-for="(item,k) in extList" :key="k" :label="item.keyName" :label-col="{ span: 12 }" :wrapper-col="{ span: 12 }">
           <a-select v-if="item.compntType == 'select'" v-decorator="[item.keyCode]" @change="handleChangezz(item)">
             <a-select-option v-for="(i) in JSON.parse(item.sltJson)" :key="i" :value="i">{{i}}</a-select-option>
           </a-select>
@@ -133,6 +133,6 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 
 </style>

src/views/houseData/basicView.vue

@@ -8,7 +8,8 @@
 			    <div class="detailOperations">
 				  <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 @click="$router.push({path: `/houseData/shebei/${$route.query.id}`})"> 设施设备(勘验) </a-button>
+          <a-button @click="showModal(detail)"> 拓展信息维护 </a-button>
+				  <a-button v-if="$store.state.isXuhui" @click="$router.push({path: `/houseData/shebei/${$route.query.id}`})"> 设施设备(勘验) </a-button>
 				  <a-button @click="handleReturn"> 返回 </a-button>
 			  </div>
 		   </div>
@@ -321,6 +322,7 @@
           </a-anchor>
         </div>
 		  </div>
+       <zdyModal ref="modal" :resourceId="resourceId" tbl="tbl_community" :extList="extList.tbl_community" @saveSingleKeys="saveSingleKeys" />
 
 		</div>
     <RouterWapper v-else></RouterWapper>
@@ -339,6 +341,7 @@ export default {
       cmInfo: {},
       icInfo: {},
       rcInfo: {},
+      resourceId: '0',
       extList: {
         tbl_community: [],
         tbl_community_amst_office: [],
@@ -363,6 +366,34 @@ export default {
     this.getList()
   },
   methods: {
+    showModal(row) { //展开模态框
+      console.log(row)
+      this.resourceId = row.id
+      this.getExtKey(row)
+    },
+    async getExtKey(row){
+      //  处理过的返回数值
+      await this.$ajax.get({
+        url: this.$api.GET_SAFE_EXT.replace('{table}', 'tbl_community').replace('{id}', row.id),
+      }).then(res => {
+        if (res.code == 200) {
+          this.extList.tbl_community = this.$com.confirm(res, 'data.content', [])
+          this.$refs.modal.isShow = true
+        }
+      })
+      this.$refs.modal.seeData()
+    },
+    saveSingleKeys(params){ // post保存一条自定义数据
+      this.$ajax.post({
+        url: this.$api.POST_EXT,
+        params: params,
+      }).then(() => {
+        this.getList()
+        this.$refs.modal.isShow = false
+        this.$refs.modal.formExt.resetFields()
+      })
+    },
+
     handleReturn() {
       if (!!this.$route.query.source && this.$route.query.source == 'wy') {
         this.$router.push({ path: '/houseData/propertyInfo', query: { id: this.$route.query.id, source: 'wy', cspId: this.$route.query.cspId, pageNo: this.$route.query.pageNo, pageSize: this.$route.query.pageSize}})

src/views/houseData/neighborhoodCommittees.vue

@@ -174,7 +174,6 @@ export default {
           // 正常请求数据得到的结果
           this.pagination.total= this.$com.confirm(res, 'data.totalRows', 0)
           this.tableData = this.$com.confirm(res, 'data.content', [])
-          console.log(this.tableData)
         }
         //
         // 存储当前页面列表的搜索信息
@@ -238,7 +237,6 @@ export default {
       this.getList()
     },
     toView(params){ // 查看详情
-      console.log(params)
       this.$router.push({path: `/houseData/neighborhoodCommittees/${params.id}`, query: {id: params.id}})
     },
     exportList(){ //导出功能