From fe7c3a29e0329f86ffedabc6783346defd2d07f1 Mon Sep 17 00:00:00 2001
From: 13176889840 <13176889840@163.com>
Date: Fri, 10 Dec 2021 09:27:24 +0800
Subject: [PATCH] dd

---
 public/index.html                             |   4 +-
 .../visual/communityParty/community.vue       |   7 +
 .../visual/communityParty/dialogInfo.vue      | 186 ++++++++++++++++++
 .../visual/components/screen-table/index.vue  |   5 +-
 4 files changed, 199 insertions(+), 3 deletions(-)
 create mode 100644 src/views/modules/visual/communityParty/dialogInfo.vue

diff --git a/public/index.html b/public/index.html
index be512c579..99efda61b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -36,8 +36,8 @@
   <!-- 开发环境 -->
   <% if (process.env.VUE_APP_NODE_ENV==='dev' ) { %>
     <script>
-     window.SITE_CONFIG['apiURL'] = 'http://192.168.1.140/api'
-    //  window.SITE_CONFIG['apiURL'] = 'https://epmet-test.elinkservice.cn/api'
+    //  window.SITE_CONFIG['apiURL'] = 'http://192.168.1.140/api'
+     window.SITE_CONFIG['apiURL'] = 'https://epmet-test.elinkservice.cn/api'
        // window.SITE_CONFIG['apiURL'] = 'http://118.190.150.119:41080/api'
       // window.SITE_CONFIG['apiURL'] = 'https://epmet-dev.elinkservice.cn/api'
     </script>
diff --git a/src/views/modules/visual/communityParty/community.vue b/src/views/modules/visual/communityParty/community.vue
index 466ee5428..28bb7fa1b 100644
--- a/src/views/modules/visual/communityParty/community.vue
+++ b/src/views/modules/visual/communityParty/community.vue
@@ -95,6 +95,10 @@
       </div>
 
     </cpt-card>
+    <dialog-info
+        v-show="showedMoreInfo"
+        @close="showedMoreInfo = false"
+      />
   </div>
 </template>
 
@@ -103,15 +107,18 @@ import { requestPost } from "@/js/dai/request";
 import screenTable from "../components/screen-table/index";
 import cptCard from "@/views/modules/visual/cpts/card";
 import nextTick from "dai-js/tools/nextTick";
+import dialogInfo from './dialogInfo.vue'
 
 export default {
   name: "warning-box",
   components: {
     cptCard,
     screenTable,
+    dialogInfo
   },
   data() {
     return {
+      showedMoreInfo: true,
       tableLoading: false,
       warningList: [],
       headerList: [
diff --git a/src/views/modules/visual/communityParty/dialogInfo.vue b/src/views/modules/visual/communityParty/dialogInfo.vue
new file mode 100644
index 000000000..d81a21b49
--- /dev/null
+++ b/src/views/modules/visual/communityParty/dialogInfo.vue
@@ -0,0 +1,186 @@
+<template>
+  <div class="m-pop">
+    <div class="wrap">
+      <cpt-card>
+        <div class="title">
+          <img src="@/assets/img/shuju/title-tip.png" />
+          <span>需求详情</span>
+        </div>
+
+        <div class="btn-close" @click="handleClose">
+          <img src="@/assets/img/shuju/people/close.png" />
+        </div>
+        <div class="list-title">需求内容</div>
+        <div class="list-wr">
+          <div class="list">
+            
+            <div class="item-desc">
+              <!-- <span class="item-field">所属网格：</span> -->
+              <span>市北区同德花园小区物业管理服务，公司的同志每天对该小区 公共部位，喷洒消毒液进行消毒。为杀灭新型冠状病毒，近几 天以来，市北区</span>
+            </div>
+            <div class="item">
+              <span class="item-field">所属网格：</span>
+              <span>哈哈哈</span>
+            </div>
+            <div class="item">
+              <span class="item-field">需求类型：</span>
+              <span>的是法撒旦法</span>
+            </div>
+            <div class="item">
+              <span class="item-field">需求状态：</span>
+              <span>第三方士大夫</span>
+            </div>
+            <div class="item">
+              <span class="item-field">上报类型：</span>
+              <span>撒打发斯蒂芬</span>
+            </div>
+            <div class="item">
+              <span class="item-field">上 报 人：</span>
+              <span>撒打发斯蒂芬</span>
+            </div>
+            <div class="item">
+              <span class="item-field">上报人联系方式：</span>
+              <span>撒打发斯蒂芬</span>
+            </div>
+            <div class="item">
+              <span class="item-field">上报时间：</span>
+              <span>2021-09-17 12:52</span>
+            </div>
+            <div class="item">
+              <span class="item-field">服务时间：</span>
+              <span>2021-09-17 12:52</span>
+            </div>
+          </div>
+          <div class="list">
+            <div class="item">
+              <span class="item-field">服务方：</span>
+              <span>哈哈哈</span>
+            </div>
+            <div class="item">
+              <span class="item-field">实际服务时间：</span>
+              <span>2021-09-17 12:52 至 <br/>
+                2021-09-17 17:52</span>
+            </div>
+            <div class="item">
+              <span class="item-field">完成情况：</span>
+              <span>第三方士大夫</span>
+            </div>
+            <div class="item">
+              <span class="item-field">评价：</span>
+              <span>
+                <el-rate value="4" disabled></el-rate>
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <div class="tabs">
+          <div
+            class="tab-btn"
+          >
+            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
+          </div>
+          <div
+            class="tab z-on"
+          >
+            研判分析
+          </div>
+          <div
+            class="tab-btn"
+          >
+            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
+          </div>
+        </div>
+
+        
+      </cpt-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import cptCard from "@/views/modules/visual/cpts/card";
+import { requestPost } from "@/js/dai/request";
+
+export default {
+  name: "dialogInfo",
+  props: {
+    userId: {
+      type: String,
+      default: "",
+    },
+    gridName: {
+      type: String,
+      default: "",
+    },
+  },
+
+  components: {
+    cptCard,
+  },
+
+  data() {
+    return {
+      fieldList: [],
+      groupList: [],
+      groupIndex: 0,
+      startGroupIndex: 0,
+      info: {},
+      allInfo: {},
+
+      xiaoquList: [],
+      louList: [],
+      danyuanList: [],
+      homeList: [],
+    };
+  },
+
+  
+  mounted() {
+  },
+
+  methods: {
+    handleClose() {
+      this.$emit("close");
+    },
+  }
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/modules/visual/people.scss" scoped></style>
+<style lang="scss" scoped>
+.m-pop {
+  .wrap {
+    .list {
+      display: block;
+      width: 50%;
+      .item {
+        display: flex;
+        width: 100%;
+        box-sizing: border-box;
+        margin-top: 0;
+        margin-bottom: 15px;
+        font-size: 16px;
+        cursor: pointer;
+      }
+      .item-desc {
+        font-size: 16px;
+        margin-bottom: 10px;
+        line-height: 24px;
+      }
+    }
+  }
+  .list-title {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 20px 0 10px 62px;
+      font-size: 20px;
+      cursor: pointer;
+    }
+}
+.list-wr {
+  display: flex;
+  padding: 0 32px;
+  
+}
+</style>
diff --git a/src/views/modules/visual/components/screen-table/index.vue b/src/views/modules/visual/components/screen-table/index.vue
index cd75b9439..9d1861acb 100644
--- a/src/views/modules/visual/components/screen-table/index.vue
+++ b/src/views/modules/visual/components/screen-table/index.vue
@@ -42,7 +42,7 @@
               </span>
             </span> -->
           </div>
-          <div v-if="operate" class="td" @click="look(value)">查看</div>
+          <div v-if="operate" class="td td-btn" @click="look(value)">查看</div>
         </div>
         <screen-loading v-if="visibleLoading">加载中</screen-loading>
         <div class="no-data" v-if="tableData.length == 0 && !visibleLoading">
@@ -296,6 +296,9 @@ export default {
           }
         }
       }
+      .td-btn {
+        color: #e4dc00;
+      }
 
       &-tr:nth-child(2n) {
         background: rgba(16, 75, 164, 0.24);