From eae8e788c987209b26b1add902c70a6e4f17e9ac Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 20 May 2022 09:54:13 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A3=9E=E9=A3=9E=E9=A3=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scss/modules/shequzhili/project-info.scss |  4 ++
 src/views/components/dateShow.vue             | 48 +++++++++++++++++
 src/views/components/selectStaff.vue          | 12 +++--
 .../shequzhili/xiangmu/cpts/event-info.vue    |  3 +-
 .../shequzhili/xiangmu/cpts/issue-info.vue    | 53 +++++++++++++++++--
 .../shequzhili/xiangmu/cpts/project-info.vue  | 20 +++++--
 6 files changed, 125 insertions(+), 15 deletions(-)
 create mode 100644 src/views/components/dateShow.vue

diff --git a/src/assets/scss/modules/shequzhili/project-info.scss b/src/assets/scss/modules/shequzhili/project-info.scss
index 65618080..7f2b6743 100644
--- a/src/assets/scss/modules/shequzhili/project-info.scss
+++ b/src/assets/scss/modules/shequzhili/project-info.scss
@@ -81,12 +81,16 @@
     .info-pics {
         display: flex;
         margin: 20px 0;
+        min-width: 200px;
+        padding-left: 15px;
+
         img {
             display: block;
             width: 32%;
             height: 90px;
             margin-right: 9px;
             object-fit: cover;
+            cursor: pointer;
         }
     }
 
diff --git a/src/views/components/dateShow.vue b/src/views/components/dateShow.vue
new file mode 100644
index 00000000..81739e35
--- /dev/null
+++ b/src/views/components/dateShow.vue
@@ -0,0 +1,48 @@
+<template>
+  <span>{{ showText }}</span>
+</template>
+
+<script>
+import dateFormat from "dai-js/tools/dateFormat";
+
+export default {
+  name: "dateShow",
+  props: {
+    format: {
+      type: String,
+      default: "yyyy-MM-dd hh:mm:ss",
+    },
+    timestamp: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      showText: "",
+    };
+  },
+  computed: {},
+  watch: {
+    timestamp(val) {
+      this.computeShowText();
+    },
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.computeShowText();
+    },
+
+    computeShowText() {
+      const { timestamp, format } = this;
+      if (!timestamp) return;
+      const showText = dateFormat(new Date(timestamp * 1000), format);
+
+      this.showText = showText;
+    },
+  },
+};
+</script>
diff --git a/src/views/components/selectStaff.vue b/src/views/components/selectStaff.vue
index f6bd9db4..c7478383 100644
--- a/src/views/components/selectStaff.vue
+++ b/src/views/components/selectStaff.vue
@@ -1307,7 +1307,7 @@ export default {
       .name {
         @include toe;
         width: 70%;
-        font-size: 18px;
+        font-size: 16px;
         font-family: PingFang SC;
         font-weight: 500;
         color: rgba(51, 51, 51, 1);
@@ -1316,11 +1316,13 @@ export default {
           position: relative;
           display: inline-block;
           vertical-align: middle;
-          padding: 0 5px * 0.5;
-          height: 24px * 0.5;
-          line-height: 24px * 0.5;
+          box-sizing: content-box;
+          top: -2px;
+          padding: 0 4px;
+          height: 16px;
+          line-height: 16px;
           border: 1px * 0.5 solid rgba(187, 19, 19, 1);
-          border-radius: 12px * 0.5;
+          border-radius: 16px;
           font-size: 10px;
           font-family: PingFang SC;
           font-weight: 500;
diff --git a/src/views/modules/shequzhili/xiangmu/cpts/event-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/event-info.vue
index 372b3601..d25b8b1d 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/event-info.vue
@@ -7,7 +7,7 @@
             <div class="m-info">
               <div class="info-title">事件内容</div>
               <div class="info-content">{{ info.eventContent }}</div>
-              <div class="info-audio" v-if="info.voiceList.length>0">
+              <div class="info-audio" v-if="info.voiceList.length > 0">
                 <audio controls>
                   <source
                     :src="item.url"
@@ -80,6 +80,7 @@ function iniData() {
       eventPerson: [],
       eventOrg: [],
       eventPeopleName: "",
+      voiceList: [],
       projectInfo: {
         projectId: "",
         operationName: "",
diff --git a/src/views/modules/shequzhili/xiangmu/cpts/issue-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/issue-info.vue
index 2be1ffeb..61970110 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/issue-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/issue-info.vue
@@ -12,17 +12,40 @@
                 <span>{{ issueInfo.issueTitle }}</span>
               </div>
               <div class="info-prop">
-                <span>议题建议：</span>
+                <span>处理建议：</span>
                 <span>{{ issueInfo.issueSuggestion }}</span>
               </div>
+              <div class="info-prop" v-if="issueInfo.topicInfo">
+                <span>话题内容：</span>
+                <span>{{ issueInfo.topicInfo.topicContent }}</span>
+              </div>
+              <div class="info-pics" v-if="issueInfo.topicInfo">
+                <img
+                  :src="src"
+                  :key="src"
+                  v-for="src in issueInfo.topicInfo.topicImgs"
+                  @click="watchImg(src)"
+                />
+              </div>
+              <div
+                class="info-audio"
+                v-if="issueInfo.topicInfo && issueInfo.topicInfo.voiceList"
+              >
+                <audio controls>
+                  <source
+                    :src="item.url"
+                    type=""
+                    :key="item.url"
+                    v-for="item in issueInfo.topicInfo.voiceList"
+                  />
+                </audio>
+              </div>
+
               <div class="info-prop">
                 <span>所属网格：</span>
                 <span>{{ issueInfo.belongsGridName || "--" }}</span>
               </div>
-              <div class="info-prop">
-                <span>议题发起人：</span>
-                <span>{{ issueInfo.issueInitiator }}</span>
-              </div>
+
               <div
                 v-if="issueInfo.topicInfo && issueInfo.topicInfo.groupName"
                 class="info-prop"
@@ -30,10 +53,28 @@
                 <span>议题来源：</span>
                 <span>{{ issueInfo.topicInfo.groupName }}</span>
               </div>
+
+              <div class="info-prop">
+                <span>议题发起人：</span>
+                <span>{{ issueInfo.issueInitiator }}</span>
+              </div>
+
+              <div class="info-prop" v-if="issueInfo.topicInfo">
+                <span>话题发表人：</span>
+                <span>{{ issueInfo.topicInfo.publishedUser }}</span>
+              </div>
+
               <div class="info-prop">
                 <span>转议题时间：</span>
                 <span>{{ issueInfo.shiftIssueTime }}</span>
               </div>
+
+              <div class="info-prop" v-if="issueInfo.topicInfo">
+                <span>话题发表时间：</span>
+                <date-show
+                  :timestamp="issueInfo.topicInfo.publishedTime"
+                ></date-show>
+              </div>
             </div>
 
             <div class="m-line">
@@ -134,6 +175,7 @@
 <script>
 import { requestPost } from "@/js/dai/request";
 import foldText from "@/views/components/foldText";
+import dateShow from "@/views/components/dateShow";
 import dateFormat from "dai-js/tools/dateFormat";
 import lineChart from "@/views/modules/visual/cpts/line-chart";
 
@@ -178,6 +220,7 @@ export default {
   components: {
     foldText,
     lineChart,
+    dateShow,
   },
 
   data: iniData,
diff --git a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
index 52933d80..b42dab13 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
@@ -53,13 +53,19 @@
 
             <div class="info-prop">
               <span>分类：</span>
-              <fold-text style="width: 300px" :row="3">
+              <fold-text
+                v-if="projectCate.length > 0"
+                style="width: 250px"
+                :row="3"
+              >
                 <div :key="item.name" v-for="item in projectCate">
                   {{ item.name }}
                 </div>
               </fold-text>
+              <span style="width: 250px" v-else>--</span>
 
-              <el-popover v-if="projectInfo.projectStatus=='pending'"
+              <el-popover
+                v-if="projectInfo.projectStatus == 'pending'"
                 placement="bottom"
                 width="400"
                 height="400"
@@ -93,13 +99,19 @@
             </div>
             <div class="info-prop">
               <span>标签：</span>
-              <fold-text style="width: 300px" :row="3">
+              <fold-text
+                v-if="projectTag.length > 0"
+                style="width: 250px"
+                :row="3"
+              >
                 <div :key="item.name" v-for="item in projectTag">
                   {{ item.name }}
                 </div>
               </fold-text>
+              <span style="width: 250px" v-else>--</span>
 
-              <el-popover v-if="projectInfo.projectStatus=='pending'"
+              <el-popover
+                v-if="projectInfo.projectStatus == 'pending'"
                 placement="bottom"
                 width="400"
                 height="400"