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

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

@@ -4,7 +4,7 @@
         <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(){ //导出功能

src/views/houseData/propertyInfoView.vue

@@ -6,6 +6,7 @@
           <span class="title">详情</span>
           <div class="detailOperations">
           <a-button v-if="urls.name == 'propertyInfoView'" @click="$router.push({path: `/houseData/basicInfo`,query:{id:$route.query.id,name:$route.query.name}})"> 查看管理小区列表 </a-button>
+          <a-button @click="showModal(detail)"> 拓展信息维护 </a-button>
           <a-button @click="handleReturn"> 返回 </a-button>
         </div>
       </div>
@@ -800,6 +801,8 @@
         </template>
       </div>
     </div>
+    <zdyModal ref="modal" :resourceId="resourceId" :tbl="tbl" :extList="extList" @saveSingleKeys="saveSingleKeys" />
+ 
   </div>
   <RouterWapper v-else />
 </div>
@@ -817,6 +820,7 @@ export default {
       tbl: '',
       tableData: [],
       tableData1: [],
+      resourceId: '0',
       columns: [
         {
           title: '小区名称',
@@ -863,6 +867,33 @@ export default {
     this.getAfterStList()
   },
   methods: {
+    showModal(row) { //展开模态框
+      this.resourceId = row.id
+      this.getExtKey(row)
+    },
+    async getExtKey(row){
+      //  处理过的返回数值
+      await this.$ajax.get({
+        url: this.$api.GET_SAFE_EXT.replace('{table}', this.tbl).replace('{id}', row.id),
+      }).then(res => {
+        if (res.code == 200) {
+          this.extList = 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()
+      })
+    },
+    
     getStList(){
       this.$ajax.get({
         url: this.$api.GET_BASIC_LIST,