fix: 文本推送由输入框改为文本域

src/views/message/question-notifications/components/ManageContent.vue

@@ -5,12 +5,14 @@
         :savedData="savedData"
         :issue-type="QuestionStatus.toAuth"
         :title="'审核'"
+        text-to-show="请及时关注【待审核/超期未审核/长期未审核】的问题单！"
         :save-update="saveUpdate"
       />
       <ContentPanel
         :savedData="savedData"
         :issue-type="QuestionStatus.todo"
         :title="'整改'"
+        text-to-show="请及时关注【待整改/超期未整改/长期未整改】的问题单！"
         :save-update="saveUpdate"
       />
     </div>
@@ -19,12 +21,14 @@
         :savedData="savedData"
         :issue-type="QuestionStatus.toReview"
         :title="'复核'"
+        text-to-show="请及时关注【待复核/超期未复核改/长期未复核】的问题单！"
         :save-update="saveUpdate"
       />
       <ContentPanel
         :savedData="savedData"
         :issue-type="QuestionStatus.finishe"
         :title="'完结'"
+        text-to-show="请该违规问题已整改结束！"
         :save-update="saveUpdate"
       />
     </div>
@@ -34,17 +38,8 @@
   import { ref, onMounted } from 'vue';
 
   import { ElMessage } from 'element-plus';
-  import {
-    getIssueProcessMessage,
-    updateIssueProcessMessage,
-  } from '@/api/message/question-notifications';
-  import {
-    QuestionStatus,
-    PushTypeStatus,
-    issueDetilasType,
-    issueProcessType,
-    panelDetails,
-  } from '../type';
+  import { getIssueProcessMessage, updateIssueProcessMessage } from '@/api/message/question-notifications';
+  import { QuestionStatus, PushTypeStatus, issueDetilasType, issueProcessType, panelDetails } from '../type';
   import ContentPanel from './contentPanel.vue';
 
   //根据流程的issuePhase值与pushType值去匹配id

src/views/message/question-notifications/components/contentPanel.vue

@@ -4,7 +4,14 @@
       <div class="top_content">
         <div class="circle">{{ props.issueType }}</div>
         <div class="title_name">问题{{ props.title }}阶段</div>
-        <div class="title_explain">问题{{ props.title }}阶段</div>
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          content="当问题状态为[待整改/整改已退回]状态时，将根据框内预设规则自动推送待办消息！"
+          placement="right"
+        >
+          <div class="remind"></div>
+        </el-tooltip>
       </div>
       <el-button
         v-show="editDetails.openEdit === false"
@@ -58,7 +65,7 @@
         :disabled="!editDetails.openEdit || !editDetails.atExpiry"
         :min="0"
         size="small"
-        style="width: 70px"
+        style="width: 70px; margin-left: 4px; margin-right: 4px"
         controls-position="right"
       />小时未{{ props.title }}继续推送给{{ props.title }}员</div
     >
@@ -83,7 +90,7 @@
         :disabled="!editDetails.openEdit || !editDetails.atLongTimeExpiry"
         :min="0"
         size="small"
-        style="width: 70px"
+        style="width: 70px; margin-left: 4px; margin-right: 4px"
         controls-position="right"
       />小时未{{ props.title }}再次推送给{{ props.title }}员并抄送给
       <el-select
@@ -94,7 +101,7 @@
         @change="openNameTree"
         placeholder="Select"
         size="small"
-        style="width: 150px"
+        style="width: 150px; margin-left: 4px"
         multiple
         collapse-tags
         collapse-tags-tooltip
@@ -111,15 +118,13 @@
       </el-tooltip>
     </div>
     <div class="subtitle">推送文案 </div>
-    <el-tooltip
-      class="box-item"
-      effect="dark"
-      :disabled="!showToolTip"
-      :content="editDetails.textToPush"
-      placement="bottom"
-    >
-      <el-input disabled style="width: 409px; margin-left: 30px; margin-top: 4px" :placeholder="textToshow" />
-    </el-tooltip>
+    <el-input
+      :rows="2"
+      type="textarea"
+      disabled
+      style="width: 80%; margin-left: 30px; margin-top: 4px"
+      :placeholder="props.textToShow"
+    />
   </div>
   <el-dialog
     v-model="dialogVisible"
@@ -131,14 +136,13 @@
     :destroy-on-close="true"
     class="workShopDialog"
   >
-    <!-- <SelectTree @cancel="handleCancle" @submit="handleSubmit" :selectedUser="selectedUser" /> -->
     <PersonFilterSelection @cancel="handleCancle" @submit="handleSubmit" :init-selected="selectedUser" />
   </el-dialog>
 </template>
 <script lang="ts" setup>
   import { panelDetails, QuestionStatus, issueDetilasType, PushTypeStatus } from '../type';
   import { EditPen } from '@element-plus/icons-vue';
-  import { ref, watch, computed } from 'vue';
+  import { ref, watch } from 'vue';
   import { SelectedFilterPersonInfo } from '@/api/message/person-group';
   import PersonFilterSelection from '@/views/message/components/PersonFilterSelection.vue';
 
@@ -146,6 +150,7 @@
     savedData: Array<issueDetilasType>;
     issueType: number;
     title: string;
+    textToShow: string;
     saveUpdate: (data: panelDetails, issueType: number) => unknown;
   }>();
 
@@ -156,24 +161,9 @@
     expiryTime: 0,
     longTimeValue: 0,
     copyTo: [],
-    textToPush: '您有一条【待审核/超期未审核/长期未审核】的问题单，请及时关注并整改',
     openEdit: false,
   });
 
-  const textToshow = computed(() => {
-    if (editDetails.value.textToPush.length > 28) {
-      return editDetails.value.textToPush.slice(0, 28) + '...';
-    } else {
-      return editDetails.value.textToPush;
-    }
-  });
-  const showToolTip = computed(() => {
-    if (editDetails.value.textToPush.length > 28) {
-      return true;
-    } else {
-      return false;
-    }
-  });
   const openQuestionEdit = () => {
     editDetails.value.openEdit = true;
   };
@@ -232,7 +222,7 @@
 <style lang="scss" scoped>
   .content_panel {
     width: 530px;
-    height: 326px;
+    height: 346px;
     border-radius: 8px;
     border: 1px solid #e4e7ed;
     .panel_top {
@@ -301,17 +291,21 @@
       text-align: left;
       display: flex;
       flex-direction: row;
-      .remind {
-        height: 11.2px;
-        width: 11.2px;
-        margin-left: 4px;
-        margin-top: 6px;
-        background-image: url('@/assets/icons/info.png');
-        background-size: 100% 100%;
-      }
     }
     .editable {
       color: #303133 !important;
     }
+    .remind {
+      height: 11.2px;
+      width: 11.2px;
+      margin-left: 4px;
+      margin-top: 6px;
+      background-image: url('@/assets/icons/info.png');
+      background-size: 100% 100%;
+    }
+  }
+
+  :deep(.el-textarea__inner) {
+    font-size: 10px;
   }
 </style>

src/views/message/question-notifications/type.ts

@@ -42,7 +42,7 @@ export interface panelDetails {
   atLongTimeExpiry?: boolean;
   longTimeValue?: number;
   copyTo?: SelectedFilterPersonInfo[];
-  textToPush: string;
+  textToPush?: string;
 }
 
 export interface treeSelected {