feat(mobile): 增加需求征集操作限制提示

- 在移动端需求征集页面添加操作限制提示
- 提示用户当前版本不支持手机端需求上报
- 建议用户在电脑网页上执行需求上报操作
-调整了移动端按钮布局

src/views/project-demand/requirement/moblieDetail/index.vue

@@ -1,10 +1,22 @@
 <template>
-  <div style="padding: 0 10px;">
-    <baseTitle title="需求征集信息"></baseTitle>
-    <CollectionDetailMoblie :formData="collectData.formData" :data="collectData" type="singleDetail"
-                      :fileListShow="fileListShow"
-                      :processViewer="processViewer" :loading="loading" v-model:value="auditOpinion"/>
-    <OpinionMoblie v-if="collectData.taskId" :formData="formData" :taskId="collectData.taskId" :taskUserOptionList="collectData.taskUserOptionList"  v-model:value="auditOpinion"></OpinionMoblie>
+  <div class="page-container">
+    <div class="notice-wrapper">
+      <div v-if="collectData.formData&&collectData.formData.state==4" 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;" >
+      <baseTitle title="需求征集信息"></baseTitle>
+      <CollectionDetailMoblie :formData="collectData.formData" :data="collectData" type="singleDetail"
+                              :fileListShow="fileListShow"
+                              :processViewer="processViewer" :loading="loading" v-model:value="auditOpinion"/>
+      <OpinionMoblie v-if="collectData.taskId" :formData="formData" :taskId="collectData.taskId" :taskUserOptionList="collectData.taskUserOptionList"  v-model:value="auditOpinion"></OpinionMoblie>
+    </div>
   </div>
 </template>
 
@@ -104,6 +116,47 @@ onMounted(async () => {
 </script>
 
 <style lang="scss" scoped>
+.page-container {
+  position: relative;
+}
+
+.notice-wrapper {
+  //margin-bottom: 8px;  /* 从15px改为8px */
+}
+
+.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;
+
+  .alert-icon {
+    font-size: 24px;
+    margin-right: 15px;
+    flex-shrink: 0;
+  }
+
+  .alert-content {
+    flex: 1;
+
+    .alert-title {
+      font-size: 16px;
+      font-weight: 700;
+      margin-bottom: 4px;
+      color: #d9363e;
+    }
+
+    .alert-message {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+}
+
 :deep(.el-empty__description) {
   margin-top: 0;
 }
@@ -141,5 +194,4 @@ onMounted(async () => {
   //  }
   //}
 }
-
 </style>

src/views/project-management/mobledetail/OpinionMoblie.vue

@@ -1,7 +1,7 @@
 <template>
   <!--  <baseTitle title="审核意见"></baseTitle>-->
   <!--  <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>-->
-  <div class="oper-page-btn" style="display: flex">
+  <div class="oper-page-btn-mobile" style="display: flex">
     <el-button type="danger" @click="handleReject">驳回</el-button>
     <el-button color="#DED0B2" @click="handleAgree">同意</el-button>
   </div>
@@ -129,13 +129,13 @@ const back = () => {
         }
       }
       break;
-    // case 'Summary/detail':
-    //   if (route.query.source === 'home') {
-    //     router.push('/home')
-    //   } else {
-    //     router.push({name: 'Summary'})
-    //   }
-    //   break;
+      // case 'Summary/detail':
+      //   if (route.query.source === 'home') {
+      //     router.push('/home')
+      //   } else {
+      //     router.push({name: 'Summary'})
+      //   }
+      //   break;
     case 'Requirement/detail':
       if (route.query.source === 'home') {
         router.push('/home')
@@ -233,4 +233,10 @@ const handleAgree = async () => {
     padding: 0 !important;
   }
 }
+.oper-page-btn-mobile {
+  position: fixed;
+  top: 20px;
+  right: 15px;
+  z-index: 5;
+}
 </style>

vite.config.mjs

@@ -73,7 +73,7 @@ export default defineConfig({
         open: true,
         proxy: {
             // '/api/workflow': {
-            //   target: 'http://frp.feashow.cn:31800/',
+            //   target: 'http://frp.toomewhy.top:38000/',
             //   // target: 'http://clay.frp.feashow.cn/',
             //   // target: 'http://192.168.31.175:8000',
             //   changeOrigin: true,