From d56a1a5087aa887863a213362d115cb1b3359671 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Tue, 29 Jul 2025 14:58:07 +0800
Subject: [PATCH] =?UTF-8?q?task=2045021=20=E7=BB=88=E6=AD=A2=E3=80=81?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E5=85=AC=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/notice/index.js                       |  34 +++++
 src/permission.js                             |   2 +
 src/router/index.js                           |  18 +++
 src/views/notice/abnormalDetail.vue           | 120 ++++++++++++++++++
 src/views/notice/index.vue                    | 104 ++++++++++++++-
 src/views/notice/stopDetail.vue               |  94 ++++++++++++++
 .../transaction_new/notic/notic_icon_07.png   | Bin 0 -> 477 bytes
 .../transaction_new/notic/notic_icon_08.png   | Bin 0 -> 497 bytes
 8 files changed, 371 insertions(+), 1 deletion(-)
 create mode 100644 src/views/notice/abnormalDetail.vue
 create mode 100644 src/views/notice/stopDetail.vue
 create mode 100644 static/images/transaction_new/notic/notic_icon_07.png
 create mode 100644 static/images/transaction_new/notic/notic_icon_08.png

diff --git a/src/api/notice/index.js b/src/api/notice/index.js
index 1cc11ae2..f213d412 100644
--- a/src/api/notice/index.js
+++ b/src/api/notice/index.js
@@ -27,6 +27,40 @@ export function Attestation(query) {
   })
 }
 
+//终止公告
+export function outProjectTerminate(query) {
+  return request({
+    url: '/transaction/website/outproject/terminate',
+    method: 'get',
+    params: query
+  })
+}
+
+//终止公告
+export function outProjectDetail(id) {
+  return request({
+    url: '/transaction/website/outproject/terminate/id/'+id,
+    method: 'get'
+  })
+}
+
+//终止公告
+export function outProjectException(query) {
+  return request({
+    url: '/transaction/website/outproject/exception',
+    method: 'get',
+    params: query
+  })
+}
+
+//终止公告
+export function outProjectExceptionDetail(id) {
+  return request({
+    url: '/transaction/website/outproject/exception/id/'+id,
+    method: 'get'
+  })
+}
+
 //成交公告
 export function noticeDetails(id) {
   return request({
diff --git a/src/permission.js b/src/permission.js
index f9cdb611..4f0cb92c 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -39,6 +39,8 @@ const whiteList = [
   '/policyPDF',
   '/attestationDetail',
   '/noticeDetail',
+  '/stopDetail',
+  '/abnormalDetail',
   '/homestead/login',
   '/applicationForm',
   '/applicationList',
diff --git a/src/router/index.js b/src/router/index.js
index 404adf9e..e8e37fb8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -389,6 +389,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/notice/noticeDetail'], resolve)
   },
+  {
+    path: '/stopDetail',
+    name: 'stopDetail',
+    meta: {
+      title: '公告详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/notice/stopDetail'], resolve)
+  },
+  {
+    path: '/abnormalDetail',
+    name: 'abnormalDetail',
+    meta: {
+      title: '公告详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/notice/abnormalDetail'], resolve)
+  },
   {
     path: '/attestationDetail',
     name: 'attestationDetailCJ',
diff --git a/src/views/notice/abnormalDetail.vue b/src/views/notice/abnormalDetail.vue
new file mode 100644
index 00000000..5ab5d3ff
--- /dev/null
+++ b/src/views/notice/abnormalDetail.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container">
+    <navBar title="异常公告" background="0" positionType="fixed"></navBar>
+    <div class="block_box">
+
+      <div class="block_tt"><i></i>项目信息</div>
+      <van-cell title="项目编号" :value="noticeDetail.projectCode" />
+      <van-cell title="项目名称" :value="noticeDetail.projectName" />
+      <van-cell title="公告日期" :value="noticeDetail.terminateAt" />
+      <van-cell title="公告说明" type="textarea" :value="noticeDetail.terminateRemark" />
+      <van-cell title="交易中心公告" :border="false"/>
+      <van-uploader
+        v-model="noticeDetail.jyzxImgArray"
+        style="padding: 0 15px;"
+        :show-upload="false"
+        :deletable="false"
+      />
+      <van-cell title="技术单位公告" :border="false" />
+      <van-uploader
+        v-model="noticeDetail.jsdwImgArray"
+        style="padding: 0 15px;"
+        :show-upload="false"
+        :deletable="false"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+  import {attachmentQuery, outProjectExceptionDetail} from "@/api/notice/index";
+  import navBar from "@/components/common/nav_bar.vue";
+export default {
+  name: "noticeDetail",
+  components: { navBar },
+  data() {
+    return {
+      noticeDetail:'',
+      attachmentQueryList:[]
+    };
+  },
+  created() {
+    this.getDetail();
+
+  },
+  methods: {
+    //成交公告集合
+    getDetail(){
+      console.log(this.$route.query.id)
+      outProjectExceptionDetail(this.$route.query.id).then(response => {
+        console.log(response)
+
+        response.data.jyzxImgArray = [];
+        response.data.jsdwImgArray = [];
+
+        if (response.data.jyzxImg){
+          response.data.jyzxImg.split(',').map(res=>{
+            response.data.jyzxImgArray.push({
+              url:'/api'+res,
+            })
+          })
+        }
+        if (response.data.jsdwImg){
+          response.data.jsdwImg.split(',').map(res=>{
+            response.data.jsdwImgArray.push({
+              url:'/api'+res,
+            })
+          })
+        }
+
+        this.noticeDetail = response.data;
+      });
+    },
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 0 0.5rem;
+  background-color: #F4F8FB;
+  height: calc(100vh - 50px);
+}
+.block_box{
+   width: 94%;
+   margin: 3vw auto;
+   background: #ffffff;
+   padding: 3vw 0;
+   border-radius: 15Px;
+   overflow: hidden;
+  .block_tt{
+    font-size: 20Px;
+    display: flex;
+    align-items: center;
+    padding: 1.6vh 3vw;
+    line-height: 1;
+    font-weight: bold;
+    i{
+      display: block;
+      width: 4Px;
+      height: 16Px;
+      background: #0CBEA6;
+      margin-right: 5PX;
+      border-radius: 5PX;
+    }
+    /*border-left: 3Px solid #0CBEA6;*/
+  }
+ }
+.title{
+  font-size: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.van-row{
+  margin-bottom: 0.4rem;
+}
+.van-col{
+  font-size: 0.4rem;
+  color: #666666;
+}
+</style>
diff --git a/src/views/notice/index.vue b/src/views/notice/index.vue
index 3998c0fd..db89dff8 100644
--- a/src/views/notice/index.vue
+++ b/src/views/notice/index.vue
@@ -49,6 +49,52 @@
         </van-list>
       </van-tab>
 
+      <van-tab title="终止公告">
+<!--        <template #title><van-icon name="records" size="18" style="top: 4px"/>鉴证公告</template>-->
+        <van-list
+          v-model="stopLoading"
+          :finished="stopFinished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+          @load="getStopList"
+        >
+          <van-cell v-for="(item,index) in stopList" :key="index" :to="{name:'stopDetail', query: {id:item.id}}" style="margin-bottom: 1vh;">
+            <template #title>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <p style="display: flex;align-items: center;color: #E6AA0B;"><img src="../../../static/images/transaction_new/notic/notic_icon_07.png" alt="" style="margin-right: 5px;"/>{{item.projectCode}}</p>
+                <p style="color: #AAB1B5;font-size: 14px;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.dealTime.substr(0,10)}}</p>
+              </div>
+            </template>
+            <template #label>
+              <p style="color: #333333;">{{item.projectName}}</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+
+      <van-tab title="异常公告">
+<!--        <template #title><van-icon name="records" size="18" style="top: 4px"/>鉴证公告</template>-->
+        <van-list
+          v-model="abnormalLoading"
+          :finished="abnormalFinished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+          @load="getAbnormalList"
+        >
+          <van-cell v-for="(item,index) in abnormalList" :key="index" :to="{name:'abnormalDetail', query: {id:item.id}}" style="margin-bottom: 1vh;">
+            <template #title>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <p style="display: flex;align-items: center;color: #FF2D2D;"><img src="../../../static/images/transaction_new/notic/notic_icon_08.png" alt="" style="margin-right: 5px;"/>{{item.projectCode}}</p>
+                <p style="color: #AAB1B5;font-size: 14px;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.terminateAt}}</p>
+              </div>
+            </template>
+            <template #label>
+              <p style="color: #333333;">{{item.projectName}}</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+
       <van-tab title="招标公告">
 <!--        <template #title><van-icon name="description" size="18" style="top: 4px"/>招标公告</template>-->
         <van-list
@@ -106,7 +152,7 @@
 </template>
 
 <script>
-import { noticeList , Attestation , tenderList , winList } from "@/api/notice/index";
+import { noticeList , Attestation , tenderList , winList, outProjectTerminate, outProjectException } from "@/api/notice/index";
 import navBar from "@/components/common/nav_bar.vue";
 export default {
   name: "notice",
@@ -129,6 +175,14 @@ export default {
       winTheBiddingLoading: false,
       //是否滚动到底部
       winTheBiddingFinished: false,
+      //是否显示加载
+      stopLoading: false,
+      //是否滚动到底部
+      stopFinished: false,
+      //是否显示加载
+      abnormalLoading: false,
+      //是否滚动到底部
+      abnormalFinished: false,
       //成交公告集合
       noticeList:[],
       //招标公告集合
@@ -137,6 +191,10 @@ export default {
       winTheBiddingList:[],
       //鉴证公告集合
       attestationList:[],
+      //终止公告集合
+      stopList:[],
+      //异常公告集合
+      abnormalList:[],
       //成交公告查询参数
       queryParams: {
         deptId:100,
@@ -161,6 +219,18 @@ export default {
         pageNum:1,
         pageSize:10
       },
+      //终止公告查询参数
+      stopQueryParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10
+      },
+      //异常公告查询参数
+      abnormalQueryParams: {
+        deptId:100,
+        pageNum:1,
+        pageSize:10
+      },
     };
   },
   created() {
@@ -208,6 +278,38 @@ export default {
         }
       });
     },
+    //终止公告集合
+    getStopList(){
+      this.stopLoading = true;
+      outProjectTerminate(this.stopQueryParams).then(response => {
+        response.rows.forEach(res=>{
+          this.stopList.push(res);
+        })
+        if(this.stopList.length >= response.total){
+          this.stopFinished = true;
+          return;
+        }else{
+          this.stopLoading = false;
+          this.stopQueryParams.pageNum += 1 ;
+        }
+      });
+    },
+    //异常公告集合
+    getAbnormalList(){
+      this.abnormalLoading = true;
+      outProjectException(this.abnormalQueryParams).then(response => {
+        response.rows.forEach(res=>{
+          this.abnormalList.push(res);
+        })
+        if(this.abnormalList.length >= response.total){
+          this.abnormalFinished = true;
+          return;
+        }else{
+          this.abnormalLoading = false;
+          this.abnormalQueryParams.pageNum += 1 ;
+        }
+      });
+    },
     //招标公告集合
     getinviteTendersList(){
       this.inviteTendersLoading = true;
diff --git a/src/views/notice/stopDetail.vue b/src/views/notice/stopDetail.vue
new file mode 100644
index 00000000..9951cf11
--- /dev/null
+++ b/src/views/notice/stopDetail.vue
@@ -0,0 +1,94 @@
+<template>
+  <div class="app-container">
+    <navBar title="终止公告" background="0" positionType="fixed"></navBar>
+    <div class="block_box">
+
+      <div class="block_tt"><i></i>项目信息</div>
+      <van-cell title="项目编号" :value="noticeDetail.projectCode" />
+      <van-cell title="项目名称" :value="noticeDetail.projectName" />
+      <van-cell title="终止原因" type="textarea" :value="noticeDetail.terminateReason" />
+      <van-cell title="终止日期" :value="noticeDetail.dealTime.substr(0,10)" />
+      <van-divider>附件</van-divider>
+      <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in noticeDetail.attachmentList">
+        <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+        <template #icon>
+          <img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt="">
+        </template>
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {attachmentQuery, outProjectDetail} from "@/api/notice/index";
+  import navBar from "@/components/common/nav_bar.vue";
+export default {
+  name: "noticeDetail",
+  components: { navBar },
+  data() {
+    return {
+      noticeDetail:'',
+      attachmentQueryList:[]
+    };
+  },
+  created() {
+    this.getDetail();
+
+  },
+  methods: {
+    //成交公告集合
+    getDetail(){
+      console.log(this.$route.query.id)
+      outProjectDetail(this.$route.query.id).then(response => {
+        console.log(response)
+        this.noticeDetail = response.data;
+      });
+    },
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 0 0.5rem;
+  background-color: #F4F8FB;
+  height: calc(100vh - 50px);
+}
+.block_box{
+   width: 94%;
+   margin: 3vw auto;
+   background: #ffffff;
+   padding: 3vw 0;
+   border-radius: 15Px;
+   overflow: hidden;
+  .block_tt{
+    font-size: 20Px;
+    display: flex;
+    align-items: center;
+    padding: 1.6vh 3vw;
+    line-height: 1;
+    font-weight: bold;
+    i{
+      display: block;
+      width: 4Px;
+      height: 16Px;
+      background: #0CBEA6;
+      margin-right: 5PX;
+      border-radius: 5PX;
+    }
+    /*border-left: 3Px solid #0CBEA6;*/
+  }
+ }
+.title{
+  font-size: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.van-row{
+  margin-bottom: 0.4rem;
+}
+.van-col{
+  font-size: 0.4rem;
+  color: #666666;
+}
+</style>
diff --git a/static/images/transaction_new/notic/notic_icon_07.png b/static/images/transaction_new/notic/notic_icon_07.png
new file mode 100644
index 0000000000000000000000000000000000000000..9286a0c52be4aa0dcae2ef7376d6542109826925
GIT binary patch
literal 477
zcmV<30V4j1P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004$Nkl<ZI8UWhu}%U(5S^L51Gzv#Wq<@56HT-+@i(-wAjZN{{S1CXKL81d
zR(^)I7A7`Az+g-;7?9iBU3cz0vm6o&wz=Ke_ukFCok7T~ZU+i$A}G(KD*2!bd@X^d
zd0&jb)MQj|z|^Indw9KtbsYuutY~@`T1F<6gUTrk)7Y=TOFO^mkti=CyYWb?(Z=!Y
znPaiQe}Dc<l)Oo|as)%<ngs+qe}NF;faAu%UG|>K2}wTT+f7iF3TjyZX;szawK(p>
z>`+4PGmG&B^s(2@ZxM-7_R?t6B!Z#=EZO}437c7r)@qEsj=x7>wdR)I2N0Jw`Ku(1
zX8`IPfF4{Jm$5_uEE%mxEMUL!{@(5{TmcPIEtJ5<8Iz=IjOimHmlv0aXqv8}aS5)8
zK7_^4<XV=Lm}>O3C6tip=QT_}hv7+TXlx=sBZ9xpJ|xbI1+(0=Ev9KP15W<~<m2j%
zl&Y`P%BcvqbQJlu#b-?roVMr5KDThnnVUuqy5kI_gM>*F9_OK&yze$3bUpb7SZ}_Z
T`ds4&00000NkvXXu0mjfTFTX-

literal 0
HcmV?d00001

diff --git a/static/images/transaction_new/notic/notic_icon_08.png b/static/images/transaction_new/notic/notic_icon_08.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f5edb0de650c701cbeda0fe65583e68b2d4d32f
GIT binary patch
literal 497
zcmV<N0S^9&P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004~Nkl<ZI8UWhO=`kG6rL9qQH<!ORIw|;KU@^reJ@ZC&|aY3w+HYX9-zH|
z2e5nFl?V#1Dhh>y67i==X8O%&#w2Pt4TQ;infHC~``!$(&?5?k1T)PH6T)PXNJ9N~
z-4!FUm}SjqJYM-r$RCJe@r)&t7hzBxbMCP9dP<|wmzUE3qFyh8C3CVkz$9kW>y2be
z0sP5q+c`+dF~j%>fG?MyvJ+C8v)S5FW+9sB>UQ^U!Z?2h&``xv&U`*3QLW}!G@AG6
zEa5wa!ZO}FnE8sgfp1xOj`dORb({%_N~OeNG1J#U7X=pLH^t6*3sZOjNgHtr`D?w`
zwk;C1+9fnb0sz|<TPSE?l`?L2eqBMry?-jF0fcCylM)J~BseV=0DA)2y9RJw_mqS#
zSo0_tVjZAh!5pUpsndYjN<!E~#-s;bZ1k99%M$3}U{cCNImUFltbGuovomYIU&<kB
z1_01L;{M@5k_X2y_G8@|Izao20DyOpyyU-*vIdctDIU*<#=0k#ZErS{qnAm8_^-2J
nBvqdCrMk{U-_-B__@(>;g<`&M&F+E>00000NkvXXu0mjfof_NS

literal 0
HcmV?d00001