事件管理-项目详情中添加项目来源弹框

src/views/modules/shequzhili/event/cpts/event-detail.vue

@@ -140,7 +140,7 @@
             ]"
           >
             <span class="u-info-title-2">已立项：</span>
-            <div class="line" @click="handleToProject">查看项目</div>
+            <div class="line" @click="handleToProject"><i class="el-icon-view"></i> 查看项目</div>
           </div>
           <div
             v-if="info.operationType === '2'"
@@ -150,7 +150,7 @@
             ]"
           >
             <span class="u-info-title-2">已转需求：</span>
-            <div class="line" @click="handleToDemand">查看需求</div>
+            <div class="line" @click="handleToDemand"><i class="el-icon-view"></i>查看需求</div>
           </div>
           <div
             v-if="info.operationType === '3'"

src/views/modules/shequzhili/event/cpts/event-info.vue

@@ -265,6 +265,7 @@
         :source="source"
         :sourceType="sourceType"
         :type="projectPageType"
+        :eventId="eventId"
         :projectId="eventDetailCopy.operationId"
         @close="handleCloseProject"
         @afterEdit="handleCloseProject"

src/views/modules/shequzhili/issue/cptsAudit/eventDetail.vue

@@ -1,140 +1,137 @@
 <template>
   <div class="epidemic-form">
     <div class="dialog-h-content scroll-h">
-      <div v-if="initLoading"
+      <div v-if="initLoading" class="m-detail-main">
-           class="m-detail-main">
         <div class="m-info">
           <div class="m-info-prop">
             <span class="u-info-title-2">所属网格：</span>
-            <span>{{ eventDetailData.gridName||'--'  }}</span>
+            <span>{{ eventDetailData.gridName || "--" }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">发生时间：</span>
-            <span>{{ eventDetailData.happenTime||'--' }}</span>
+            <span>{{ eventDetailData.happenTime || "--" }}</span>
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">事件内容：</span>
-            <span>{{ eventDetailData.eventContent||'--'  }}</span>
+            <span>{{ eventDetailData.eventContent || "--" }}</span>
           </div>
 
-          <div class="m-info-prop"
+          <div
-               v-if="eventDetailData.imageList&&eventDetailData.imageList.length>0">
+            class="m-info-prop"
+            v-if="
+              eventDetailData.imageList && eventDetailData.imageList.length > 0
+            "
+          >
             <span class="u-info-title-2">图片：</span>
 
             <div class="m-info-pics">
-
+              <img
-              <img v-for="(item,index) in eventDetailData.imageList"
+                v-for="(item, index) in eventDetailData.imageList"
-                   style="width:80px;height:80px"
+                style="width: 80px; height: 80px"
                 :key="index"
                 :src="item"
-                   @click="watchImg(item)">
+                @click="watchImg(item)"
-
+              />
             </div>
           </div>
-          <div class="m-info-prop"
+          <div
-               v-if="eventDetailData.voiceList&&eventDetailData.voiceList.length>0">
+            class="m-info-prop"
+            v-if="
+              eventDetailData.voiceList && eventDetailData.voiceList.length > 0
+            "
+          >
             <span class="u-info-title-2">音频：</span>
 
             <audio controls>
-              <source :src="item.url"
+              <source
+                :src="item.url"
                 type=""
                 :key="item.url"
-                      v-for="item in eventDetailData.voiceList" />
+                v-for="item in eventDetailData.voiceList"
+              />
             </audio>
-
           </div>
 
           <div class="m-info-prop">
             <span class="u-info-title-2">反映渠道：</span>
-            <span>{{ eventDetailData.sourceTypeName||'--'  }}</span>
+            <span>{{ eventDetailData.sourceTypeName || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">地址：</span>
-            <span>{{ eventDetailData.address||'--'  }}</span>
+            <span>{{ eventDetailData.address || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">报事人：</span>
-            <span>{{ eventDetailData.name||'--'  }}</span>
+            <span>{{ eventDetailData.name || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">联系电话：</span>
-            <span>{{ eventDetailData.mobile||'--'  }}</span>
+            <span>{{ eventDetailData.mobile || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">证件号：</span>
-            <span>{{ eventDetailData.idCard||'--'  }}</span>
+            <span>{{ eventDetailData.idCard || "--" }}</span>
           </div>
           <div class="m-info-prop">
             <span class="u-info-title-2">痛点难点：</span>
-            <span>{{ eventDetailData.difficultPointName||'--'  }}</span>
+            <span>{{ eventDetailData.difficultPointName || "--" }}</span>
           </div>
-          <div v-if="eventDetailData.satisfactionName"
+          <div v-if="eventDetailData.satisfactionName" class="m-info-prop">
-               class="m-info-prop">
             <span class="u-info-title-2">满意度：</span>
-            <span>{{ eventDetailData.satisfactionName||'--'  }}</span>
+            <span>{{ eventDetailData.satisfactionName || "--" }}</span>
           </div>
-
         </div>
       </div>
-
     </div>
 
     <div class="div-btn">
-      <el-button size="small"
-                 @click="handleCancle">关 闭</el-button>
       <!-- <el-button v-if="formType != 'detail'"
                  size="small"
                  type="primary"
                  :disabled="btnDisable"
                  @click="handleComfirm">确 定</el-button> -->
     </div>
-
+    <el-row type="flex">
+      <el-col :span="24" align="right">
+        <el-button size="small" @click="handleCancle"    style="margin-right: 16px">关 闭</el-button></el-col
+      >
+    </el-row>
   </div>
 </template>
 
 <script>
-
+import { Loading } from "element-ui"; // 引入Loading服务
-import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
-import { requestPost } from '@/js/dai/request'
 import dateFormat from "dai-js/tools/dateFormat";
 
-
+let loading; // 加载动画
-let loading // 加载动画
 export default {
-  data () {
+  data() {
     return {
       initLoading: false,
-      eventId: '',
+      eventId: "",
       eventDetailData: {},
 
       voiceList: [],
-
+    };
-
-    }
   },
   components: {},
-  async mounted () {
+  async mounted() {
-    const { user } = this.$store.state
+    const { user } = this.$store.state;
-    this.agencyId = user.agencyId
+    this.agencyId = user.agencyId;
-
   },
 
   methods: {
-
+    async initForm(eventId) {
-
+      this.startLoading();
-    async initForm (eventId) {
+      this.eventId = eventId;
-      this.startLoading()
+      await this.loadForm();
-      this.eventId = eventId
+      this.initLoading = true;
-      await this.loadForm()
+      this.endLoading();
-      this.initLoading = true
-      this.endLoading()
-
-
     },
-    async loadForm () {
+    async loadForm() {
-
       const url = "/governance/icEvent/detail";
 
       const { data, code, msg } = await requestPost(url, {
@@ -142,55 +139,48 @@ export default {
       });
 
       if (code === 0) {
-
         this.eventDetailData = { ...data };
-
       } else {
         this.$message.error(msg);
       }
     },
 
-    handleCancle () {
+    handleCancle() {
       // this.resetData()
-      this.$emit('diaDetailClose')
+      this.$emit("diaDetailClose");
-
     },
 
-    watchImg (src) {
+    watchImg(src) {
       window.open(src);
     },
 
-    resetData () {
+    resetData() {
-
+      this.eventDetailData = {};
-      this.eventDetailData = {}
     },
     // 开启加载动画
-    startLoading () {
+    startLoading() {
       loading = Loading.service({
         lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
+        text: "正在加载……", // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
+        background: "rgba(0,0,0,.7)", // 背景颜色
-      })
+      });
     },
     // 结束加载动画
-    endLoading () {
+    endLoading() {
       // clearTimeout(timer);
       if (loading) {
-        loading.close()
+        loading.close();
-      }
       }
     },
-  computed: {
-
-
   },
+  computed: {},
   props: {
     // serviceList: {
     //   type: Array,
     //   default: []
     // },
-  }
+  },
-}
+};
 </script>