From 8c20ecacabba6b154bcdafd7a00c85cddc222c35 Mon Sep 17 00:00:00 2001
From: dj <1042039504@qq.com>
Date: Fri, 29 Aug 2025 12:00:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(mobile):=20=E4=B8=93=E9=A1=B9=E8=B5=84?=
 =?UTF-8?q?=E9=87=91=E3=80=81=E9=A1=B9=E7=9B=AE=E7=AE=A1=E7=90=86=E3=80=81?=
 =?UTF-8?q?=E9=9C=80=E6=B1=82=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=89=8B=E6=9C=BA=E7=AB=AF=E9=A9=B3=E5=9B=9E=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在专项资金详情、项目管理详情和需求详情页面中添加了手机端驳回提示
- 提示内容为："当前版本不支持手机端驳回重新提交，请在电脑网页上执行重新提交操作"
- 该提示在数据状态为 3 时显示
---
 .../requirement/moblieDetail/index.vue        |   7 +
 .../mobledetail/SpecialFundDetailMobile.vue   | 247 +++++++++++-------
 .../project-management/mobledetail/index.vue  | 167 +++++++-----
 .../phaseDetailMoblie/index.vue               |  78 +++++-
 4 files changed, 326 insertions(+), 173 deletions(-)

diff --git a/src/views/project-demand/requirement/moblieDetail/index.vue b/src/views/project-demand/requirement/moblieDetail/index.vue
index 3db135f..2a5c36b 100644
--- a/src/views/project-demand/requirement/moblieDetail/index.vue
+++ b/src/views/project-demand/requirement/moblieDetail/index.vue
@@ -8,6 +8,13 @@
           <div class="alert-message">当前版本不支持手机端需求上报，请在电脑网页上执行需求上报操作</div>
         </div>
       </div>
+      <div v-if="formData && formData.state == 3" class="notice">
+        <div class="alert-icon">⚠️</div>
+        <div class="alert-content">
+          <div class="alert-title">操作限制提示</div>
+          <div class="alert-message">当前版本不支持手机端驳回重新提交，请在电脑网页上执行重新提交操作。</div>
+        </div>
+      </div>
     </div>
 
     <div style="padding: 0 10px;" >
diff --git a/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue b/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue
index 26eded0..885d2c4 100644
--- a/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue
+++ b/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue
@@ -1,105 +1,113 @@
 <template>
-<!--  <special-fund-detail :formData="fundData.formData" :data="fundData" :showTable="showTable" :processViewer="fundProcessViewer"-->
-<!--                       :loading="loading"/>-->
-
-  <div v-loading="loading" style="padding: 0 10px;">
-    <baseTitle title="专项资金详情"></baseTitle>
-    <el-form :model="formData" ref="form" label-width="left">
-      <el-row>
-        <el-col :span="24">
-          <el-form-item label="专项名称">
-            <span>{{ formData.name }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="金额(元)">
-            <span>{{ toThousands(formData.fundAmount) }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="剩余金额(元)">
-            <span>{{ toThousands(formData.residualAmount) }}</span>
-          </el-form-item>
-        </el-col>
-<!--        <baseTitle title="介绍"></baseTitle>-->
-<!--        <el-col :span="24">-->
-<!--          <el-form-item>-->
-<!--            <el-card style="width: 100%">-->
-<!--              <div v-html="formData.introduce">-->
-<!--              </div>-->
-<!--            </el-card>-->
-<!--          </el-form-item>-->
-<!--        </el-col>-->
-        <el-col :span="24">
-          <el-form-item label="专项资金情况说明" >
-            <div style="white-space: pre-wrap">{{formData.introduce}}
-            </div>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row style="margin-top: -18px;" class="projects">
-        <baseTitle title="关联项目"></baseTitle>
-        <el-col :span="24">
-          <el-form-item>
-            <fvTable style="width: 100%;max-height:160px" height="160" v-if="showTable" :scrollbar-always-on="true" :tableConfig="projectTable"
-                     :data="formData.projects" :isSettingCol="false" :pagination="false">
-              <template #empty>
-                <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
-              </template>
-            </fvTable>
-          </el-form-item>
-        </el-col>
-      </el-row>
-        <el-row style="margin-top: -18px;" class="projects">
-        <baseTitle title="附件文件"></baseTitle>
-        <el-col :span="24">
-          <el-form-item>
-            <fvTable style="width: 100%;max-height: 160px;" height="160"  v-if="showTable":scrollbar-always-on="true"  :tableConfig="fileTable"
-                     :data="formData.files" :isSettingCol="false" :pagination="false">
-              <template #empty>
-                <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
-              </template>
-            </fvTable>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <div v-if="fundData.taskId">
-            <baseTitle title="审核意见"></baseTitle>
-            <el-form-item prop="auditOpinion">
-              <el-input
-                  v-model="formData.auditOpinion"
-                  :rows="3"
-                  type="textarea"
-                  placeholder="请输入审核意见"
-              />
-            </el-form-item>
-          </div>
-        </el-col>
-      </el-row>
-      <div class="approval-record">
-        <div class="approval-title">
-          <baseTitle title="审批记录"></baseTitle>
-          <div class="diagram">
-            <div class="base-title">流程图</div>
-            <el-switch
-                v-model="changeDiagram"
-                style="--el-switch-on-color:#BEA266; --el-switch-off-color:#cecdcd"
-            />
-          </div>
-        </div>
-        <div class="process">
-          <operation-render v-if="fundProcessViewer && fundData.operationList && fundData.operationList.length > 0&&!changeDiagram" :isColumn="true"
-                            :operation-list="fundData.operationList"
-                            :state="fundData.state"/>
-          <process-diagram-viewer v-if="fundProcessViewer&&changeDiagram" id-name="fundProcess"/>
+  <div class="page-container">
+    <div class="notice-wrapper">
+      <div v-if="fundData && fundData.state == 3" class="notice">
+        <div class="alert-icon">⚠️</div>
+        <div class="alert-content">
+          <div class="alert-title">操作限制提示</div>
+          <div class="alert-message">当前版本不支持手机端驳回重新提交，请在电脑网页上执行重新提交操作。</div>
         </div>
       </div>
-    </el-form>
-    <opinion-moblie v-if="fundData.taskId" :formData="formData" :taskId="fundData.taskId" :taskUserOptionList="fundData.taskUserOptionList"
-             v-model:value="formData.auditOpinion"></opinion-moblie>
-    <file-preview ref="filePreviewRef" :fullscreen="true"  v-if="filePreviewShow" :fileName="filePreviewParam.fileName" :fileUrl="filePreviewParam.fileUrl"
-                  :fileType="filePreviewParam.fileType"/>
+    </div>
+    <div v-loading="loading" style="padding: 0 10px;">
+      <baseTitle title="专项资金详情"></baseTitle>
+      <el-form :model="formData" ref="form" label-width="left">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="专项名称">
+              <span>{{ formData.name }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="金额(元)">
+              <span>{{ toThousands(formData.fundAmount) }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="剩余金额(元)">
+              <span>{{ toThousands(formData.residualAmount) }}</span>
+            </el-form-item>
+          </el-col>
+  <!--        <baseTitle title="介绍"></baseTitle>-->
+  <!--        <el-col :span="24">-->
+  <!--          <el-form-item>-->
+  <!--            <el-card style="width: 100%">-->
+  <!--              <div v-html="formData.introduce">-->
+  <!--              </div>-->
+  <!--            </el-card>-->
+  <!--          </el-form-item>-->
+  <!--        </el-col>-->
+          <el-col :span="24">
+            <el-form-item label="专项资金情况说明" >
+              <div style="white-space: pre-wrap">{{formData.introduce}}
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row style="margin-top: -18px;" class="projects">
+          <baseTitle title="关联项目"></baseTitle>
+          <el-col :span="24">
+            <el-form-item>
+              <fvTable style="width: 100%;max-height:160px" height="160" v-if="showTable" :scrollbar-always-on="true" :tableConfig="projectTable"
+                       :data="formData.projects" :isSettingCol="false" :pagination="false">
+                <template #empty>
+                  <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
+                </template>
+              </fvTable>
+            </el-form-item>
+          </el-col>
+        </el-row>
+          <el-row style="margin-top: -18px;" class="projects">
+          <baseTitle title="附件文件"></baseTitle>
+          <el-col :span="24">
+            <el-form-item>
+              <fvTable style="width: 100%;max-height: 160px;" height="160"  v-if="showTable":scrollbar-always-on="true"  :tableConfig="fileTable"
+                       :data="formData.files" :isSettingCol="false" :pagination="false">
+                <template #empty>
+                  <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
+                </template>
+              </fvTable>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <div v-if="fundData.taskId">
+              <baseTitle title="审核意见"></baseTitle>
+              <el-form-item prop="auditOpinion">
+                <el-input
+                    v-model="formData.auditOpinion"
+                    :rows="3"
+                    type="textarea"
+                    placeholder="请输入审核意见"
+                />
+              </el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <div class="approval-record">
+          <div class="approval-title">
+            <baseTitle title="审批记录"></baseTitle>
+            <div class="diagram">
+              <div class="base-title">流程图</div>
+              <el-switch
+                  v-model="changeDiagram"
+                  style="--el-switch-on-color:#BEA266; --el-switch-off-color:#cecdcd"
+              />
+            </div>
+          </div>
+          <div class="process">
+            <operation-render v-if="fundProcessViewer && fundData.operationList && fundData.operationList.length > 0&&!changeDiagram" :isColumn="true"
+                              :operation-list="fundData.operationList"
+                              :state="fundData.state"/>
+            <process-diagram-viewer v-if="fundProcessViewer&&changeDiagram" id-name="fundProcess"/>
+          </div>
+        </div>
+      </el-form>
+      <opinion-moblie v-if="fundData.taskId" :formData="formData" :taskId="fundData.taskId" :taskUserOptionList="fundData.taskUserOptionList"
+               v-model:value="formData.auditOpinion"></opinion-moblie>
+      <file-preview ref="filePreviewRef" :fullscreen="true"  v-if="filePreviewShow" :fileName="filePreviewParam.fileName" :fileUrl="filePreviewParam.fileUrl"
+                    :fileType="filePreviewParam.fileType"/>
+    </div>
   </div>
 </template>
 
@@ -276,6 +284,47 @@ const getDetail = async () => {
 getDetail()
 </script>
 <style scoped>
+.page-container {
+  position: relative;
+}
+
+.notice-wrapper {
+  /* 与index页面一致 */
+}
+
+.notice {
+  background: linear-gradient(90deg, #fff3f3 0%, #fff8f8 100%);
+  padding: 15px 20px;
+  border-left: 6px solid #ff7875;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 0 4px 4px 0;
+}
+
+.notice .alert-icon {
+  font-size: 24px;
+  margin-right: 15px;
+  flex-shrink: 0;
+}
+
+.notice .alert-content {
+  flex: 1;
+}
+
+.notice .alert-title {
+  font-size: 16px;
+  font-weight: 700;
+  margin-bottom: 4px;
+  color: #d9363e;
+}
+
+.notice .alert-message {
+  font-size: 14px;
+  color: #666;
+}
+
 :deep(.el-table--fit ) {
   height: 300px !important;
 }
diff --git a/src/views/project-management/mobledetail/index.vue b/src/views/project-management/mobledetail/index.vue
index 546c30d..372ac0b 100644
--- a/src/views/project-management/mobledetail/index.vue
+++ b/src/views/project-management/mobledetail/index.vue
@@ -1,60 +1,71 @@
 <template>
-  <div style="padding: 0 10px;">
-    <StepsMoblie :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail"
-                 @stepChange="stepChange"
-                 :reportType="route.query.id==='-1'?'direct':''">
-      <template #content v-if="detailShow">
-        <collection-detail :formData="detailData.formData"
-                           :data="detailData"
-                           :processViewer="commonProvessViewer"
-                           v-if="showActive == '00'"
-                           :fileListShow="fileListShow"
-                           v-model:value="auditOpinion"
-        />
-        <summary-detail v-if="showActive == '10'"
-                        :formData="detailData.formData"
-                        :data="detailData"
-                        :processViewer="commonProvessViewer"
-                        :fileListShow="fileListShow"
-                        v-model:value="auditOpinion"/>
-        <ApprovalDetail type="approval"
-                        v-if="showActive == '20'"
-                        :formData="detailData.formData"
-                        :data="detailData"
-                        :processViewer="commonProvessViewer"
-                        :fileListShow="fileListShow"
-                        :preProcessShow="preProcessShow"
-                        v-model:value="auditOpinion"/>
-        <div v-if="showActive == '30'">
-          <project-attachment fileNameTableWidth="200" :isLineBtn="true"/>
+  <div class="page-container">
+    <div class="notice-wrapper">
+      <div v-if="detailData && detailData.state == 3" class="notice">
+        <div class="alert-icon">⚠️</div>
+        <div class="alert-content">
+          <div class="alert-title">操作限制提示</div>
+          <div class="alert-message">当前版本不支持手机端驳回重新提交，请在电脑网页上执行重新提交操作。</div>
         </div>
-        <ApprovalDetail type="execute"
-                        v-if="showActive == '40'"
-                        :formData="detailData.formData"
-                        :data="detailData"
-                        :processViewer="commonProvessViewer"
-                        :fileListShow="fileListShow"
-                        :preProcessShow="preProcessShow"
-                        v-model:value="auditOpinion"/>
-        <ApprovalDetail type="archivist"
-                        v-if="showActive == '50'"
-                        :formData="detailData.formData"
-                        :data="detailData"
-                        :processViewer="commonProvessViewer"
-                        :fileListShow="fileListShow"
-                        :preProcessShow="preProcessShow"
-                        v-model:value="auditOpinion"/>
-        <!--        <project-apply-moblie :title="applyTitle"-->
-        <!--                      v-if="editShow"-->
-        <!--                      :mode="mode"-->
-        <!--                      :step="showActive"-->
-        <!--                      :data="detailData"-->
-        <!--                      :formData="detailData.formData"/>-->
-      </template>
-    </StepsMoblie>
-    <opinion-moblie v-if="detailData.taskId" :formData="detailData.formData" :taskId="detailData.taskId"
-                    :taskUserOptionList="detailData.taskUserOptionList"
-                    v-model:value="auditOpinion"/>
+      </div>
+    </div>
+    <div style="padding: 0 10px;">
+      <StepsMoblie :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail"
+                   @stepChange="stepChange"
+                   :reportType="route.query.id==='-1'?'direct':''">
+        <template #content v-if="detailShow">
+          <collection-detail :formData="detailData.formData"
+                             :data="detailData"
+                             :processViewer="commonProvessViewer"
+                             v-if="showActive == '00'"
+                             :fileListShow="fileListShow"
+                             v-model:value="auditOpinion"
+          />
+          <summary-detail v-if="showActive == '10'"
+                          :formData="detailData.formData"
+                          :data="detailData"
+                          :processViewer="commonProvessViewer"
+                          :fileListShow="fileListShow"
+                          v-model:value="auditOpinion"/>
+          <ApprovalDetail type="approval"
+                          v-if="showActive == '20'"
+                          :formData="detailData.formData"
+                          :data="detailData"
+                          :processViewer="commonProvessViewer"
+                          :fileListShow="fileListShow"
+                          :preProcessShow="preProcessShow"
+                          v-model:value="auditOpinion"/>
+          <div v-if="showActive == '30'">
+            <project-attachment fileNameTableWidth="200" :isLineBtn="true"/>
+          </div>
+          <ApprovalDetail type="execute"
+                          v-if="showActive == '40'"
+                          :formData="detailData.formData"
+                          :data="detailData"
+                          :processViewer="commonProvessViewer"
+                          :fileListShow="fileListShow"
+                          :preProcessShow="preProcessShow"
+                          v-model:value="auditOpinion"/>
+          <ApprovalDetail type="archivist"
+                          v-if="showActive == '50'"
+                          :formData="detailData.formData"
+                          :data="detailData"
+                          :processViewer="commonProvessViewer"
+                          :fileListShow="fileListShow"
+                          :preProcessShow="preProcessShow"
+                          v-model:value="auditOpinion"/>
+          <!--        <project-apply-moblie :title="applyTitle"-->
+          <!--                      v-if="editShow"-->
+          <!--                      :mode="mode"-->
+          <!--                      :step="showActive"-->
+          <!--                      :data="detailData"-->
+          <!--                      :formData="detailData.formData"/>-->
+        </template>
+      </StepsMoblie>
+      <opinion-moblie v-if="detailData.taskId" :formData="detailData.formData" :taskId="detailData.taskId"
+                      :taskUserOptionList="detailData.taskUserOptionList"
+                      v-model:value="auditOpinion"/>
+    </div>
   </div>
 </template>
 
@@ -175,6 +186,47 @@ const stepChange = (data) => {
 </script>
 
 <style scoped lang="scss">
+.page-container {
+  position: relative;
+}
+
+.notice-wrapper {
+  /* 与special页面一致 */
+}
+
+.notice {
+  background: linear-gradient(90deg, #fff3f3 0%, #fff8f8 100%);
+  padding: 15px 20px;
+  border-left: 6px solid #ff7875;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 0 4px 4px 0;
+}
+
+.notice .alert-icon {
+  font-size: 24px;
+  margin-right: 15px;
+  flex-shrink: 0;
+}
+
+.notice .alert-content {
+  flex: 1;
+}
+
+.notice .alert-title {
+  font-size: 16px;
+  font-weight: 700;
+  margin-bottom: 4px;
+  color: #d9363e;
+}
+
+.notice .alert-message {
+  font-size: 14px;
+  color: #666;
+}
+
 .detail-block {
   padding-top: 15px;
 }
@@ -191,11 +243,6 @@ const stepChange = (data) => {
       flex: 1;
       font-size: 16px;
     }
-
-    //.is-active {
-    //  color: black;
-    //  //background-color: #DED0B2;
-    //}
   }
 }
 </style>
diff --git a/src/views/project-management/phaseDetailMoblie/index.vue b/src/views/project-management/phaseDetailMoblie/index.vue
index 6a8d350..8438f04 100644
--- a/src/views/project-management/phaseDetailMoblie/index.vue
+++ b/src/views/project-management/phaseDetailMoblie/index.vue
@@ -1,19 +1,30 @@
 <template>
-  <div style="padding: 0 10px; box-sizing: border-box;">
-    <baseTitle title="项目基本信息"></baseTitle>
-    <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" label-position="left" label-width="left"></fvForm>
-    <baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle>
-    <div style="color: #606266;font-size: 14px;height:32px;line-height: 32px"><span style="display:inline-block;text-align: right;margin-right: 14px;margin-left: 15px">抄送人</span>{{copyName?copyName:'--'}}</div>
-    <div style="color: #606266;font-size: 14px;display: flex;height:40px;line-height: 32px;margin-bottom: -10px">
-      <span style="display:inline-block;text-align: right;margin-right: 14px;margin-left: 15px">变更状态</span>
-      <!--    {{changeState=='1'?'开发阶段':'研究阶段'}}-->
-      <tag dict-type="fee_stage" :value="changeState"/>
+  <div class="page-container">
+    <div class="notice-wrapper">
+      <div v-if="summaryData && summaryData.state == 3" class="notice">
+        <div class="alert-icon">⚠️</div>
+        <div class="alert-content">
+          <div class="alert-title">操作限制提示</div>
+          <div class="alert-message">当前版本不支持手机端驳回重新提交，请在电脑网页上执行重新提交操作。</div>
+        </div>
+      </div>
+    </div>
+    <div style="padding: 0 10px; box-sizing: border-box;">
+      <baseTitle title="项目基本信息"></baseTitle>
+      <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" label-position="left" label-width="left"></fvForm>
+      <baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle>
+      <div style="color: #606266;font-size: 14px;height:32px;line-height: 32px"><span style="display:inline-block;text-align: right;margin-right: 14px;margin-left: 15px">抄送人</span>{{copyName?copyName:'--'}}</div>
+      <div style="color: #606266;font-size: 14px;display: flex;height:40px;line-height: 32px;margin-bottom: -10px">
+        <span style="display:inline-block;text-align: right;margin-right: 14px;margin-left: 15px">变更状态</span>
+        <!--    {{changeState=='1'?'开发阶段':'研究阶段'}}-->
+        <tag dict-type="fee_stage" :value="changeState"/>
+      </div>
+      <ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase"
+                      :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"  v-model:value="auditOpinion"/>
+      <opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"
+                      :taskUserOptionList="summaryData.taskUserOptionList"
+                      v-model:value="auditOpinion"/>
     </div>
-    <ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase"
-                    :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow"  v-model:value="auditOpinion"/>
-    <opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"
-                    :taskUserOptionList="summaryData.taskUserOptionList"
-                    v-model:value="auditOpinion"/>
   </div>
 </template>
 
@@ -323,5 +334,44 @@ getInfo()
 </script>
 
 <style scoped>
+.page-container {
+  position: relative;
+}
 
+.notice-wrapper {
+  /* 与special页面一致 */
+}
+
+.notice {
+  background: linear-gradient(90deg, #fff3f3 0%, #fff8f8 100%);
+  padding: 15px 20px;
+  border-left: 6px solid #ff7875;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 0 4px 4px 0;
+}
+
+.notice .alert-icon {
+  font-size: 24px;
+  margin-right: 15px;
+  flex-shrink: 0;
+}
+
+.notice .alert-content {
+  flex: 1;
+}
+
+.notice .alert-title {
+  font-size: 16px;
+  font-weight: 700;
+  margin-bottom: 4px;
+  color: #d9363e;
+}
+
+.notice .alert-message {
+  font-size: 14px;
+  color: #666;
+}
 </style>