对接详情

src/views/dataBoard/cpts/event-details.vue

@@ -36,19 +36,23 @@
               <span>上报渠道：</span>
               <span>{{ item.sourceTypeName }}</span>
             </div>
+            <div class="eventItem">
+              <span>事件类型：</span>
+              <span>{{ item.categoryName }}</span>
+            </div>
             <div class="eventItem">
               <span>接受时间：</span>
               <span>{{ item.happenTime }}</span>
             </div>
-            <div class="eventItem">
+<!--            <div class="eventItem">
               <span>工单号：</span>
               <span>{{ item.workOrderNum }}</span>
-            </div>
+            </div>-->
             <div class="eventItem">
               <div>问题描述：</div>
               <div style="margin-top: 20px">{{ item.eventContent }}</div>
             </div>
-            <div class="eventItem">
+<!--            <div class="eventItem">
               <div>图片：</div>
               <div style="margin-top: 20px; display: flex">
                 <img
@@ -60,7 +64,7 @@
                   @click="openImg(src)"
                 />
               </div>
-            </div>
+            </div>-->
             <div class="eventItem">
               <span>联系人：</span>
               <span>{{ item.name }}</span>

src/views/dataBoard/overview/index.vue

@@ -325,7 +325,6 @@ export default {
     },
 
     clickAgencyItem(item) {
-      cnsole.log(item)
       this.toBread({
         orgId: item.id,
         orgLevel: item.level,

src/views/dataBoard/satisfactionEval/potentialPeople/details/sjwjj.vue

@@ -0,0 +1,365 @@
+<template>
+  <el-dialog
+    width="1118px"
+    :modal="true"
+    :modal-append-to-body="false"
+    :destroy-on-close="true"
+    :visible="showDialog"
+    @close="handleClose"
+  >
+    <div class="eventWrap">
+      <el-row :gutter="32">
+        <el-col :span="24" style="padding-left: 40px">
+          <title-box text="事件详情" />
+        </el-col>
+        <el-col
+          :span="13"
+          style="padding-left: 40px"
+          v-loading="loading"
+          element-loading-text="加载中"
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 21, 64, 0"
+        >
+          <div class="leftEvent">
+            <div class="eventDetails">
+              <img
+                :width="18"
+                :height="18"
+                src="@/assets/images/manyidu/tc-title-icon.png"
+              />事项详情
+            </div>
+            <div class="eventItem">
+              <span>所属组织：</span>
+              <span>{{ item.gridName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报渠道：</span>
+              <span>{{ item.sourceTypeName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>事件类型：</span>
+              <span>{{ item.categoryName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报时间：</span>
+              <span>{{ item.createdTime }}</span>
+            </div>
+            <div class="eventItem">
+              <div>问题描述：</div>
+              <div style="margin-top: 20px">{{ item.eventContent }}</div>
+            </div>
+            <div class="eventItem">
+              <div>图片/附件：</div>
+              <div style="margin-top: 20px; display: flex">
+                <img
+                  style="width: 100px; height: 100px; margin-right: 5px"
+                  v-for="src in item.imageList"
+                  :key="src"
+                  :src="src"
+                  alt="/"
+                  @click="openImg(src)"
+                />
+              </div>
+            </div>
+            <div class="eventItem">
+              <span>详细地址：</span>
+              <span>{{ item.address }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报人：</span>
+              <span>{{ item.name }}</span>
+            </div>
+            <div class="eventItem">
+              <span>联系电话：</span>
+              <span>{{ item.mobile }}</span>
+            </div>
+
+
+          </div>
+        </el-col>
+        <el-col
+          :span="11"
+          v-loading="loading1"
+          element-loading-text="加载中"
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 21, 64, 0.3)"
+        >
+          <div class="rightEvent m-info">
+            <div class="eventDetails">
+              <img
+                :width="18"
+                :height="18"
+                src="@/assets/images/manyidu/tc-title-icon.png"
+              />办理进展
+            </div>
+            <!-- <el-timeline class="timeline" :reverse="true">
+                <el-timeline-item v-for="(item, index) in activities" :key="index" :class="index == activities.length - 1 ? 'sucess' : ''">
+                  <div class="status-box">
+                    <div class="status1" v-if="index == activities.length - 1">回复</div>
+                    <div class="status2" v-else>完成并回复</div>
+                    <div class="timestamp">{{ item.timeLimit ? $moment(item.timeLimit).format("YYYY-MM-DD hh:mm:ss") : "" }}</div>
+                  </div>
+                  <div class="content">
+                    <div class="field">回复人：</div>
+                    <div class="value">{{ item.departmentName }}</div>
+                  </div>
+                  <div class="content">
+                    <div class="field">回复内容：</div>
+                    <div class="value">{{ item.publicReply }}</div>
+                  </div>
+                </el-timeline-item>
+              </el-timeline> -->
+            <div v-if="activities.length > 0">
+              <!-- <el-card :class="{ 'box-card': source === 'visiual' }" style="min-height: calc(88vh - 50px); overflow: auto"> -->
+              <div class="m-process">
+                <div class="list">
+                  <div
+                    class="item"
+                    :class="[index === 0 ? 'z-on' : '']"
+                    :key="item.processId"
+                    v-for="(item, index) in activities"
+                  >
+                    <div class="item-row">
+                      <template v-if="item.agencyId">
+                        <div class="name">指派</div>
+                      </template>
+                      <template v-if="!item.timeLimit">
+                        <div class="name">完成并回复</div>
+                      </template>
+                      <template v-if="!item.agencyId && item.timeLimit">
+                        <div class="name">{{ item.processName }}</div>
+                      </template>
+                      <div class="date">
+                        {{
+                          item.processTime ? getTrueTime(item.processTime) : ""
+                        }}
+                      </div>
+                    </div>
+                    <div v-if="item.type === 'event'">
+                      <template v-if="item.agencyId">
+                        <div class="detail">
+                          <div class="detail-field">指派人：</div>
+                          <div class="detail-value">
+                            {{ item.departmentName }}
+                          </div>
+                        </div>
+                        <div class="detail">
+                          <div class="detail-field">指派部门：</div>
+                          <div class="detail-value">
+                            {{ item.agencyName }}
+                          </div>
+                        </div>
+                        <div class="detail">
+                          <div class="detail-field">转办意见：</div>
+                          <div class="detail-value">
+                            {{ item.publicReply }}
+                          </div>
+                        </div>
+                        <div class="detail">
+                          <div class="detail-field">办结时限：</div>
+                          <div class="detail-value">
+                            {{ formTimeLimit(item.timeLimit) }}
+                          </div>
+                        </div>
+                      </template>
+                      <template v-else>
+                        <div class="detail">
+                          <div class="detail-field">回复人：</div>
+                          <div class="detail-value">
+                            {{ item.departmentName }}
+                          </div>
+                        </div>
+                        <div class="detail">
+                          <div class="detail-field">回复内容：</div>
+                          <div class="detail-value">
+                            {{ item.publicReply }}
+                          </div>
+                        </div>
+                        <div class="detail" v-if="item.timeLimit">
+                          <div class="detail-field">办结时限：</div>
+                          <div class="detail-value">
+                            {{ getTrueTime(item.timeLimit) }}
+                          </div>
+                        </div>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- </el-card> -->
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"
+
+export default {
+  name: "ReportAnEvent",
+  components: {
+    titleBox,
+  },
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      item: {},
+      loading: false,
+      loading1: false,
+      activities: [],
+    };
+  },
+
+  computed: {},
+  watch: {
+    showDialog: {
+      handler(val) {
+        if (val) {
+          this.getDetailsData(this.id);
+          this.getProcessData(this.id);
+        }
+      },
+      immediate: true,
+    },
+  },
+  mounted() {},
+
+  methods: {
+    handleClose() {
+      this.$emit("close", false);
+      this.item = {};
+    },
+
+    openImg(src) {
+      window.open(src);
+    },
+
+    getTrueTime(time) {
+      return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm");
+    },
+
+    getDetailsData(id) {
+      this.loading = true;
+      this.$http
+        .post("/governance/icEvent/detail", { icEventId: id })
+        .then((res) => {
+          const { code, data, msg } = res.data;
+          if (code === 0) {
+            this.item = data;
+            this.loading = false;
+          } else {
+            this.loading = false;
+            this.$message.error(msg);
+          }
+        });
+    },
+
+    getProcessData(id) {
+      this.$http
+        .post("/governance/icEvent/process", { icEventId: id })
+        .then((res) => {
+          const { code, data, msg } = res.data;
+          if (code === 0) {
+            this.activities = data;
+            this.loading1 = false;
+          } else {
+            this.loading1 = false;
+            this.$message.error(msg);
+          }
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+/deep/ .el-dialog {
+  background: url(~@/assets/images/manyidu/dialog-bg.png);
+  background-size: 100% 100%;
+  width: 1118px;
+  height: 822px;
+}
+/deep/ .el-dialog__body {
+  padding: 0 20px 30px;
+}
+/deep/ .el-dialog__header {
+  border: 0 !important;
+}
+/deep/ .el-dialog__headerbtn {
+  top: 24px;
+  right: 32px;
+  .el-dialog__close {
+    color: #ffffff;
+    font-weight: 600;
+  }
+}
+@mixin fontStyle {
+  color: #fff !important;
+  font-size: 14px !important;
+}
+.eventWrap {
+  width: 1094px;
+  height: 798px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 24px;
+  .eventDetails {
+    font-size: 18px;
+    margin: 48px 24px 48px 0;
+    color: #ffffff;
+    img {
+      margin-top: -4px;
+      margin-right: 8px;
+    }
+  }
+  .m-info {
+    padding: 0px !important;
+    .m-process {
+      margin: 0 !important;
+      .name {
+        @include fontStyle;
+      }
+      .date {
+        @include fontStyle;
+      }
+      .detail {
+        @include fontStyle;
+        .detail-field {
+          flex: none !important;
+        }
+      }
+    }
+  }
+  .leftEvent {
+    color: #fff;
+    .eventItem {
+      font-size: 14px;
+      margin-bottom: 24px;
+      span:first-child {
+      }
+      span:last-child {
+      }
+    }
+  }
+  .rightEvent {
+    color: #fff;
+  }
+}
+</style>

src/views/dataBoard/satisfactionEval/potentialPeople/details/xqwmz.vue

@@ -0,0 +1,354 @@
+<template>
+  <el-dialog
+      width="1118px"
+      :modal="true"
+      :modal-append-to-body="false"
+      :destroy-on-close="true"
+      :visible="showDialog"
+      @close="handleClose"
+  >
+    <div class="eventWrap">
+      <el-row :gutter="32">
+        <el-col :span="24" style="padding-left: 40px">
+          <title-box text="事件详情"/>
+        </el-col>
+        <el-col
+            :span="13"
+            style="padding-left: 40px"
+            v-loading="loading"
+            element-loading-text="加载中"
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 21, 64, 0"
+        >
+          <div class="leftEvent">
+            <div class="eventDetails">
+              <img
+                  :width="18"
+                  :height="18"
+                  src="@/assets/images/manyidu/tc-title-icon.png"
+              />事项详情
+            </div>
+            <div class="eventItem">
+              <span>所属组织：</span>
+              <span>{{ item.agencyName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报渠道：</span>
+              <span>{{ item.reportType }}</span>
+            </div>
+            <div class="eventItem">
+              <span>需求类型：</span>
+              <span>{{ item.categoryName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报时间：</span>
+              <span>{{ item.reportTime }}</span>
+            </div>
+            <div class="eventItem">
+              <div>需求描述：</div>
+              <div style="margin-top: 20px">{{ item.content }}</div>
+            </div>
+            <div class="eventItem">
+              <span>需求人：</span>
+              <span>{{ item.demandUserName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>需求人电话：</span>
+              <span>{{ item.demandUserMobile }}</span>
+            </div>
+            <div class="eventItem">
+              <span>需求人住址：</span>
+              <span>{{ item.reportUserName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>上报人：</span>
+              <span>{{ item.reportUserName }}</span>
+            </div>
+          </div>
+        </el-col>
+        <el-col
+            :span="11"
+            v-loading="loading1"
+            element-loading-text="加载中"
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 21, 64, 0.3)"
+        >
+          <div class="rightEvent m-info">
+            <div class="eventDetails">
+              <img
+                  :width="18"
+                  :height="18"
+                  src="@/assets/images/manyidu/tc-title-icon.png"
+              />办理进展
+            </div>
+            <div v-if="item.logList.length > 0">
+              <!-- <el-card :class="{ 'box-card': source === 'visiual' }" style="min-height: calc(88vh - 50px); overflow: auto"> -->
+              <div class="m-process">
+                <div class="list">
+                  <div
+                      class="item"
+                      :class="[index === 0 ? 'z-on' : '']"
+                      :key="item.processId"
+                      v-for="(item, index) in item.logList"
+                  >
+                    <div class="item-row">
+
+
+                      <template>
+                        <div class="name">
+                          {{
+                            item.actionCode === 'create' ? '创建需求' :
+                                item.actionCode === 'update' ? '更新需求' :
+                                    item.actionCode === 'cancel' ? '撤销需求' :
+                                        item.actionCode === 'assign' ? '指派' :
+                                            item.actionCode === 'take_order' ? '接单' :
+                                                item.actionCode === 'finish' ? '完成' :
+                                                    item.actionCode === 'evaluate' ? '评价' : ''
+                          }}
+                        </div>
+                      </template>
+                      、
+                      <div class="date">
+                        {{
+                          item.oprateTime
+                        }}
+                      </div>
+                    </div>
+
+                    <div>
+                      <template v-if="item.actionCode === 'create'">
+                        <div class="detail">
+                          <div class="detail-field">上报人：</div>
+                          <div class="detail-value">
+                            {{ item.reportUserName }} {{ item.roleName }}
+                          </div>
+                        </div>
+                      </template>
+                      <template v-if="item.actionCode === 'assign'">
+                        <div class="detail">
+                          <div class="detail-field">办理人：</div>
+                          <div class="detail-value">
+                            {{ item.assignUser }}
+                          </div>
+                        </div>
+                        <div class="detail">
+                          <div class="detail-field">指派给服务方：</div>
+                          <div class="detail-value">
+                            {{ item.serverName }} （{{
+                              item.serviceType === 'volunteer' ? '志愿者' :
+                                  item.serviceType === 'social_org' ? '社会组织' :
+                                      item.serviceType === 'community_org' ? '社区自组织' :
+                                          item.serviceType === 'party_unit' ? '区域党建单位' :
+                                              item.serviceType === 'enterprise' ? '企业，商家' : ''
+                            }}）
+                          </div>
+                        </div>
+                      </template>
+
+                      <template v-if="item.actionCode === 'finish'">
+                        <div class="detail">
+                          <div class="detail-field">服务方：</div>
+                          <div class="detail-value">
+                            {{ item.serverName }} （{{
+                              item.serviceType === 'volunteer' ? '志愿者' :
+                                  item.serviceType === 'social_org' ? '社会组织' :
+                                      item.serviceType === 'community_org' ? '社区自组织' :
+                                          item.serviceType === 'party_unit' ? '区域党建单位' :
+                                              item.serviceType === 'enterprise' ? '企业，商家' : ''
+                            }}）
+                          </div>
+                        </div>
+<!--                        <div class="detail">
+                          <div class="detail-field">完成时间：</div>
+                          <div class="detail-value">
+                            {{ item.assignUser }}
+                          </div>
+                        </div>-->
+                      </template>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- </el-card> -->
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"
+
+export default {
+  name: "ReportAnEvent",
+  components: {
+    titleBox,
+  },
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      item: {
+        logList: []
+      },
+      loading: false,
+      loading1: false,
+      activities: [],
+    };
+  },
+
+  computed: {},
+  watch: {
+    showDialog: {
+      handler(val) {
+        if (val) {
+          this.getDetailsData(this.id);
+        }
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+  },
+
+  methods: {
+    handleClose() {
+      this.$emit("close", false);
+      this.item = {};
+    },
+
+    openImg(src) {
+      window.open(src);
+    },
+
+    getTrueTime(time) {
+      return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm");
+    },
+
+    getDetailsData(id) {
+      this.loading = true;
+      this.$http
+          .get("/governance/satisfactionDetailList/getUserDemandUnSolvedDetail?id=" + id)
+          .then((res) => {
+            const {code, data, msg} = res.data;
+            if (code === 0) {
+              this.item = data;
+              this.loading = false;
+            } else {
+              this.loading = false;
+              this.$message.error(msg);
+            }
+          });
+    },
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+/deep/ .el-dialog {
+  background: url(~@/assets/images/manyidu/dialog-bg.png);
+  background-size: 100% 100%;
+  width: 1118px;
+  height: 822px;
+}
+
+/deep/ .el-dialog__body {
+  padding: 0 20px 30px;
+}
+
+/deep/ .el-dialog__header {
+  border: 0 !important;
+}
+
+/deep/ .el-dialog__headerbtn {
+  top: 24px;
+  right: 32px;
+
+  .el-dialog__close {
+    color: #ffffff;
+    font-weight: 600;
+  }
+}
+
+@mixin fontStyle {
+  color: #fff !important;
+  font-size: 14px !important;
+}
+
+.eventWrap {
+  width: 1094px;
+  height: 798px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 24px;
+
+  .eventDetails {
+    font-size: 18px;
+    margin: 48px 24px 48px 0;
+    color: #ffffff;
+
+    img {
+      margin-top: -4px;
+      margin-right: 8px;
+    }
+  }
+
+  .m-info {
+    padding: 0px !important;
+
+    .m-process {
+      margin: 0 !important;
+
+      .name {
+        @include fontStyle;
+      }
+
+      .date {
+        @include fontStyle;
+      }
+
+      .detail {
+        @include fontStyle;
+
+        .detail-field {
+          flex: none !important;
+        }
+      }
+    }
+  }
+
+  .leftEvent {
+    color: #fff;
+
+    .eventItem {
+      font-size: 14px;
+      margin-bottom: 24px;
+
+      span:first-child {
+      }
+
+      span:last-child {
+      }
+    }
+  }
+
+  .rightEvent {
+    color: #fff;
+  }
+}
+</style>

src/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue

@@ -0,0 +1,281 @@
+<template>
+  <el-dialog
+    width="1118px"
+    :modal="true"
+    :modal-append-to-body="false"
+    :destroy-on-close="true"
+    :visible="showDialog"
+    @close="handleClose"
+  >
+    <div class="eventWrap">
+      <el-row :gutter="32">
+        <el-col :span="24" style="padding-left: 40px">
+          <title-box text="事件详情" />
+        </el-col>
+        <el-col
+          :span="13"
+          style="padding-left: 40px"
+          v-loading="loading"
+          element-loading-text="加载中"
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 21, 64, 0"
+        >
+          <div class="leftEvent">
+            <div class="eventDetails">
+              <img
+                :width="18"
+                :height="18"
+                src="@/assets/images/manyidu/tc-title-icon.png"
+              />事项详情
+            </div>
+            <div class="eventItem">
+              <span>所属组织：</span>
+              <span>{{ item.organizationName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>服务类型：</span>
+              <span>{{ item.serviceCategoryName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>服务事项：</span>
+              <span>{{item.serviceName}}</span>
+            </div>
+            <div class="eventItem">
+              <span>服务时间：</span>
+              <span>{{ item.serviceTimeStart }} ~ {{ item.serviceTimeEnd }}</span>
+            </div>
+            <div class="eventItem">
+              <div>服务内容：</div>
+              <div style="margin-top: 20px">{{ item.remark }}</div>
+            </div>
+            <div class="eventItem">
+              <span>经办人：</span>
+              <span>{{ item.principalName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>联系电话：</span>
+              <span>{{ item.principalContact }}</span>
+            </div>
+            <div class="eventItem">
+              <span>服务方：</span>
+              <span>{{ item.serviceOrgName }}</span>
+            </div>
+            <div class="eventItem">
+              <span>政策依据：</span>
+              <span>{{ item.title }}</span>
+            </div>
+          </div>
+        </el-col>
+        <el-col
+          :span="11"
+          v-loading="loading1"
+          element-loading-text="加载中"
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 21, 64, 0.3)"
+        >
+          <div class="rightEvent m-info">
+            <div class="eventDetails">
+              <img
+                :width="18"
+                :height="18"
+                src="@/assets/images/manyidu/tc-title-icon.png"
+              />办理进展
+            </div>
+            <div v-if="item.logList.length > 0">
+              <div class="m-process">
+                <div class="list">
+                  <div
+                    class="item"
+                    :class="[index === 0 ? 'z-on' : '']"
+                    v-for="(item, index) in item.logList"
+                  >
+                    <div class="item-row">
+                      <div class="name">{{item.serviceStatus}}</div>
+                      <div class="date">
+                        {{
+                          item.createdTime
+                        }}
+                      </div>
+                    </div>
+                    <div>
+                      <template v-if="item.serviceStatus === '创建服务'">
+                        <div class="detail">
+                          <div class="detail-field">创建人：</div>
+                          <div class="detail-value">
+                            {{ item.createdBy }} （{{item.agencyName}}）
+                          </div>
+                        </div>
+                      </template>
+                      <template v-else>
+                        <div class="detail">
+                          <div class="detail-field">服务方：</div>
+                          <div class="detail-value">
+                            {{ item.serviceOrgName }}
+                          </div>
+                        </div>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- </el-card> -->
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"
+export default {
+  name: "ReportAnEvent",
+  components: {
+    titleBox,
+  },
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      item: {},
+      loading: false,
+      loading1: false,
+      activities: [],
+    };
+  },
+
+  computed: {},
+  watch: {
+    showDialog: {
+      handler(val) {
+        if (val) {
+          this.getDetailsData(this.id);
+        }
+      },
+      immediate: true,
+    },
+  },
+  mounted() {},
+
+  methods: {
+    handleClose() {
+      this.$emit("close", false);
+      this.item = {};
+    },
+
+    openImg(src) {
+      window.open(src);
+    },
+
+    getTrueTime(time) {
+      return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm");
+    },
+
+    getDetailsData(id) {
+      this.loading = true;
+      this.$http
+        .get("/governance/satisfactionDetailList/getServiceNotEnjoyedDetailById?id="+id)
+        .then((res) => {
+          const { code, data, msg } = res.data;
+          if (code === 0) {
+            this.item = data;
+            this.loading = false;
+          } else {
+            this.loading = false;
+            this.$message.error(msg);
+          }
+        });
+    },
+
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+/deep/ .el-dialog {
+  background: url(~@/assets/images/manyidu/dialog-bg.png);
+  background-size: 100% 100%;
+  width: 1118px;
+  height: 822px;
+}
+/deep/ .el-dialog__body {
+  padding: 0 20px 30px;
+}
+/deep/ .el-dialog__header {
+  border: 0 !important;
+}
+/deep/ .el-dialog__headerbtn {
+  top: 24px;
+  right: 32px;
+  .el-dialog__close {
+    color: #ffffff;
+    font-weight: 600;
+  }
+}
+@mixin fontStyle {
+  color: #fff !important;
+  font-size: 14px !important;
+}
+.eventWrap {
+  width: 1094px;
+  height: 798px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 24px;
+  .eventDetails {
+    font-size: 18px;
+    margin: 48px 24px 48px 0;
+    color: #ffffff;
+    img {
+      margin-top: -4px;
+      margin-right: 8px;
+    }
+  }
+  .m-info {
+    padding: 0px !important;
+    .m-process {
+      margin: 0 !important;
+      .name {
+        @include fontStyle;
+      }
+      .date {
+        @include fontStyle;
+      }
+      .detail {
+        @include fontStyle;
+        .detail-field {
+          flex: none !important;
+        }
+      }
+    }
+  }
+  .leftEvent {
+    color: #fff;
+    .eventItem {
+      font-size: 14px;
+      margin-bottom: 24px;
+      span:first-child {
+      }
+      span:last-child {
+      }
+    }
+  }
+  .rightEvent {
+    color: #fff;
+  }
+}
+</style>

src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue

@@ -46,7 +46,7 @@
             sortable
             label="详情">
           <template slot-scope="{row}">
-            <el-button type="text" @click="handleView(row.id,row.name)">查看</el-button>
+            <el-button type="text" @click="handleView(row)">查看</el-button>
           </template>
         </el-table-column>
 
@@ -60,6 +60,8 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
     />
+    <sjwjj :showDialog="showDialog" :id="rowId" @close="close"/>
+
   </div>
 </template>
 
@@ -67,11 +69,12 @@
 import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
 import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
 import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+import sjwjj from "@/views/dataBoard/satisfactionEval/potentialPeople/details/sjwjj.vue"
 
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination,Title},
+  components: {Breadcrumb, Pagination, Title, sjwjj},
   data() {
     return {
       queryParams: {
@@ -90,7 +93,9 @@ export default {
         path: '',
         name: '事件未解决数'
       }],
-      list: []
+      list: [],
+      showDialog: false,
+      rowId: '',
     }
   },
   activated() {
@@ -109,7 +114,12 @@ export default {
         this.total = data.total;
       })
     },
-    handleView({name,id}) {
+    handleView({id}) {
+      this.showDialog = true
+      this.rowId = id
+    },
+    close() {
+      this.showDialog = false
     }
   }
 }

src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue

@@ -44,7 +44,7 @@
             sortable
             label="详情">
           <template slot-scope="{row}">
-            <el-button type="text" @click="handleView(row.id,row.name)">查看</el-button>
+            <el-button type="text" @click="handleView(row)">查看</el-button>
           </template>
         </el-table-column>
 
@@ -58,6 +58,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
     />
+    <xqwmz :showDialog="showDialog" :id="rowId" @close="close"/>
   </div>
 </template>
 
@@ -65,11 +66,11 @@
 import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
 import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
 import Title from "@/views/dataBoard/satisfactionEval/components/Title"
-
+import xqwmz from "@/views/dataBoard/satisfactionEval/potentialPeople/details/xqwmz.vue"
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination,Title},
+  components: {Breadcrumb, Pagination,Title,xqwmz},
   data() {
     return {
       queryParams: {
@@ -88,7 +89,9 @@ export default {
         path: '',
         name: '需求未满足数'
       }],
-      list: []
+      list: [],
+      showDialog: false,
+      rowId: '',
     }
   },
   activated() {
@@ -108,6 +111,11 @@ export default {
       })
     },
     handleView({name,id}) {
+      this.showDialog = true
+      this.rowId = id
+    },
+    close() {
+      this.showDialog = false
     }
   }
 }

src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue

@@ -41,7 +41,7 @@
             sortable
             label="详情">
           <template slot-scope="{row}">
-            <el-button type="text" @click="handleView(row.id,row.name)">查看</el-button>
+            <el-button type="text" @click="handleView(row)">查看</el-button>
           </template>
         </el-table-column>
 
@@ -55,6 +55,7 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
     />
+    <yxwxfw :showDialog="showDialog" :id="rowId" @close="close"/>
   </div>
 </template>
 
@@ -62,11 +63,12 @@
 import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
 import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
 import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+import yxwxfw from "@/views/dataBoard/satisfactionEval/potentialPeople/details/yxwxfw.vue"
 
 
 export default {
   name: "dissatisfied",
-  components: {Breadcrumb, Pagination,Title},
+  components: {Breadcrumb, Pagination, Title, yxwxfw},
   data() {
     return {
       queryParams: {
@@ -84,8 +86,10 @@ export default {
         path: '',
         name: '应享未享服务数'
       }],
-    
-      list: []
+
+      list: [],
+      showDialog: false,
+      rowId: '',
     }
   },
   activated() {
@@ -104,7 +108,13 @@ export default {
         this.total = data.total;
       })
     },
-    handleView({name,id}) {
+
+    handleView({id}) {
+      this.showDialog = true
+      this.rowId = id
+    },
+    close() {
+      this.showDialog = false
     }
   }
 }