ddd

src/views/modules/communityService/dqfwzx/index.vue

@@ -17,13 +17,11 @@
               :key="'ct' + index"
               v-for="(item, index) in tableData"
             >
-              <div
+              <div class="item-btns">
-                class="item-btn"
+                <a v-if="currentIndex == index" @click="handleEdit">修改</a>
-                v-if="currentIndex == index"
+                <a v-if="currentIndex == index" @click="handleDel">删除</a>
-                @click="handleEdit"
-              >
-                修改
               </div>
+
               <div class="item-name">{{ item.centerName }}</div>
               <div class="item-prop">
                 <div class="prop-field">社区地址：</div>
@@ -157,7 +155,7 @@
 </template>
 
 <script>
-import { requestPost } from "@/js/dai/request";
+import { requestPost } from "@/js/dai/request2";
 import nextTick from "dai-js/tools/nextTick";
 import { mapGetters } from "vuex";
 import editForm from "./cpts/edit";
@@ -313,21 +311,19 @@ export default {
       this.$refs.eleOrderList.init(this.tableData[this.currentIndex], index);
     },
 
-    async handleDel(rowData, rowIndex) {
+    async handleDel() {
-      console.log(rowData, rowIndex);
+      if (!confirm("删除后不可恢复，确定删除？")) return;
-      const url =
-        "/heart/iccommunityselforganization/delcommunityselforganization";
-      const { tableData } = this;
 
-      const { data, code, msg } = await requestPost(url, {
+      const item = this.tableData[this.currentIndex];
-        orgId: tableData[rowIndex].orgId,
+      const url = "/gov/org/icpartyservicecenter/del";
-      });
+
+      const { data, code, msg } = await requestPost(url, [
+        item.partyServiceCenterId,
+      ]);
 
       if (code === 0) {
         this.$message.success("删除成功！");
         this.getTableData();
-      } else {
-        this.$message.success("操作失败！");
       }
     },
 
@@ -360,8 +356,6 @@ export default {
 
       if (code === 0) {
         this.agencyId = data.agencyId;
-      } else {
-        this.$message.error(msg);
       }
     },
   },
@@ -415,21 +409,37 @@ export default {
           background-color: #ffffff;
           box-shadow: 0 0 10px #6aa;
         }
-        .item-btn {
+
+        .item-btns {
           position: absolute;
           top: 5px;
           right: 5px;
+          // width: 120px;
+
+          a {
+            display: inline-block;
+            margin-left: 1px;
             font-size: 14px;
             color: rgb(235, 192, 4);
-          width: 50px;
+            width: 40px;
             line-height: 30px;
             text-align: center;
             cursor: pointer;
+            &:nth-child(2) {
+              color: #aaa;
+              &:hover {
+                // text-decoration: underline;
+                color: #666;
+              }
+            }
+
             &:hover {
               // text-decoration: underline;
               color: rgb(250, 208, 23);
             }
           }
+        }
+
         .item-name {
           font-size: 16px;
           font-weight: bold;

src/views/modules/secretaryLog/cpts/notice.vue

@@ -0,0 +1,328 @@
+<template>
+  <div>
+    弹窗提示
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request2";
+import nextTick from "dai-js/tools/nextTick";
+
+export default {
+  components: {  },
+  data() {
+    return {
+      agencyId: "",
+
+      tableData: [],
+
+      currentIndex: 0,
+    };
+  },
+  computed: {
+  },
+  watch: {
+    currentIndex() {
+    },
+  },
+  async mounted() {
+    await this.loadAgency();
+    await this.getTableData();
+  },
+  methods: {
+    async handleDel() {
+      if (!confirm("删除后不可恢复，确定删除？")) return;
+
+      const item = this.tableData[this.currentIndex];
+      const url = "/gov/org/icpartyservicecenter/del";
+
+      const { data, code, msg } = await requestPost(url, [
+        item.partyServiceCenterId,
+      ]);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      }
+    },
+
+    async getTableData() {
+      const oldLen = this.tableData.length;
+      const url = "/gov/org/icpartyservicecenter/partyservicecenterlist";
+      const { data, code, msg } = await requestPost(url, {
+        orgId: this.agencyId,
+        orgType: "agency",
+      });
+      if (code === 0) {
+        console.log("列表请求成功！！！！！！！！！！！！！！");
+
+        this.tableData = data;
+
+        if (data.length > 0 && oldLen == 0) {
+          await nextTick(100);
+          this.initMap();
+          this.setMap();
+        }
+      }
+    },
+
+    //加载组织
+    async loadAgency() {
+      const url = "/epmetuser/customerstaff/staffbasicinfo";
+      let params = {};
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.agencyId = data.agencyId;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.m-hint {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+}
+
+.m-center {
+  display: flex;
+  .center-left {
+    width: 25%;
+    .list {
+      padding-right: 10px;
+      height: calc(100vh - 210px);
+      overflow-y: auto;
+      &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      &::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 8px;
+        box-shadow: inset 0 0 5px rgba(#333, 0.1);
+        background: linear-gradient(270deg, #eee, #aaa);
+      }
+      &::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        box-shadow: inset 0 0 5px rgba(#333, 0.1);
+        border-radius: 8px;
+        background: #eee;
+      }
+
+      .item {
+        position: relative;
+        box-sizing: border-box;
+        margin-bottom: 10px;
+        border: 2px solid #6aa;
+        border-radius: 4px;
+        padding: 13px 13px;
+        background-color: rgba(#6aa, 0.1);
+        cursor: pointer;
+
+        &.z-on {
+          background-color: #ffffff;
+          box-shadow: 0 0 10px #6aa;
+        }
+
+        .item-btns {
+          position: absolute;
+          top: 5px;
+          right: 5px;
+          // width: 120px;
+
+          a {
+            display: inline-block;
+            margin-left: 1px;
+            font-size: 14px;
+            color: rgb(235, 192, 4);
+            width: 40px;
+            line-height: 30px;
+            text-align: center;
+            cursor: pointer;
+            &:nth-child(2) {
+              color: #aaa;
+              &:hover {
+                // text-decoration: underline;
+                color: #666;
+              }
+            }
+
+            &:hover {
+              // text-decoration: underline;
+              color: rgb(250, 208, 23);
+            }
+          }
+        }
+
+        .item-name {
+          font-size: 16px;
+          font-weight: bold;
+          margin-bottom: 10px;
+        }
+        .item-prop {
+          display: flex;
+          margin-bottom: 8px;
+          font-size: 14px;
+
+          .prop-field {
+            width: 70px;
+          }
+          .prop-value {
+            margin-left: 5px;
+            p {
+              margin: 0;
+              margin-bottom: 5px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .center-right {
+    margin-left: auto;
+    width: 72%;
+    .operate {
+      margin-bottom: 10px;
+      text-align: right;
+    }
+    .div_map {
+      margin-bottom: 10px;
+      height: 300px;
+    }
+  }
+}
+.tabs-other-info {
+  .el-tabs__item {
+    // width: 50px;
+    height: 20px;
+    box-sizing: border-box;
+    margin-right: 7px;
+    padding: 0 10px !important;
+    font-size: 8px;
+    font-weight: 500;
+    color: #666666;
+    line-height: 20px;
+    background: #ebecf1;
+    border-radius: 2px;
+  }
+  .el-tabs__nav-wrap::after,
+  .el-tabs__active-bar {
+    display: none;
+  }
+  .el-tabs__nav-next,
+  .el-tabs__nav-prev {
+    line-height: 20px;
+  }
+}
+
+.resi-card-table {
+  // margin-top: 20px;
+}
+.resi-row-btn {
+  margin-bottom: 13px;
+  .upload-btn {
+    display: inline-block;
+    margin: 0 10px;
+  }
+}
+.resi-other {
+  width: 100%;
+  display: flex;
+  .resi-other-title {
+    width: 100px;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    // padding: 6px 12px 0 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    text-align: center;
+  }
+  .tabs-other-info {
+    // padding-left: 60px;
+  }
+}
+
+.resi-btns {
+  margin-top: 20px;
+  text-align: center;
+}
+
+.resi-container .resi-card {
+  position: relative;
+  overflow: visible;
+}
+.resi-down {
+  position: absolute;
+  left: 50%;
+  bottom: -10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 46px;
+  height: 12px;
+  box-sizing: border-box;
+  margin-left: -23rpx;
+  cursor: pointer;
+  background: #ffffff;
+  border-radius: 0 0 10px 10px;
+  img {
+    display: block;
+  }
+}
+.resi-row-box {
+  // height: 104px;
+  overflow: hidden;
+  transition: height 0.5s;
+}
+.resi-row-more {
+  height: max-content;
+  transition: height 0.5s;
+}
+.resi-row {
+  margin-bottom: 20px;
+}
+.resi-search {
+  .el-col {
+    text-align: right;
+  }
+}
+.resi-cell {
+  display: flex;
+  align-items: center;
+  .resi-cell-label {
+    width: 70px;
+    box-sizing: border-box;
+    margin-right: 15px;
+    text-align: right;
+    // line-height: 32;
+  }
+  .resi-cell-value-radio {
+    display: flex;
+    align-items: center;
+    min-height: 32px;
+  }
+  .resi-cell-input {
+    width: 180px;
+  }
+  .resi-cell-select {
+    width: 180px;
+    box-sizing: border-box;
+    margin-right: 10px;
+    &-middle {
+      width: 130px;
+    }
+    &-small {
+      width: 88px;
+    }
+  }
+  .resi-cell-select:last-child {
+    margin-right: 0;
+  }
+}
+</style>