From 74ee0ac89fab872849217d6eb8832701018ae98b Mon Sep 17 00:00:00 2001
From: zouyiqing <854938661@qq.com>
Date: Tue, 17 Oct 2023 18:50:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                       |  248 ++--
 src/views/extermal/ExternalHome.vue       | 1513 ++++++++++++++++-----
 src/views/extermal/MessageBoard/index.vue |  273 ++++
 src/views/home/quality/Quality.vue        |    1 +
 4 files changed, 1562 insertions(+), 473 deletions(-)
 create mode 100644 src/views/extermal/MessageBoard/index.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 4710977..d68ca9c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -42,63 +42,69 @@ const router = createRouter({
     // 外部首页
     {
       path: "/external",
-     
+
       component: () => import("@/views/extermal/ExternalHome.vue"),
       meta: { title: "首页" },
       // redirect: { name: "entry" },
       children: [
         {
-          path:'',
-          name:'external',
-          component:()=>import("@/views/extermal/ExternalHome.vue"),
+          path: '',
+          name: 'external',
+          component: () => import("@/views/extermal/ExternalHome.vue"),
         },
         {
-          path:'/external/info',
-          name:'DetailInfo',
-          component:()=>import("@/views/extermal/Article/Detail.vue"),
-         
+          path: '/external/info',
+          name: 'DetailInfo',
+          component: () => import("@/views/extermal/Article/Detail.vue"),
+
         }
-        
+
       ],
     },
     {
-      path:'/external/info/:id',
-      name:'DetailInfo',
-      component:()=>import("@/views/extermal/Article/Detail.vue"),
-     
+      path: '/external/info/:id',
+      name: 'DetailInfo',
+      component: () => import("@/views/extermal/Article/Detail.vue"),
+
     },
-    
-        {
-          path:'/external/infoList',
-          name:'DetailInfoList',
-          component:()=>import("@/views/extermal/news/index.vue"),
-         
-        },
+
     {
-      path:'/external/infoa/:id',
-      name:'DetailInfoa',
-      component:()=>import("@/views/extermal/Article/Detaila.vue"),
-     
+      path: '/external/infoList',
+      name: 'DetailInfoList',
+      component: () => import("@/views/extermal/news/index.vue"),
+
     },
     {
-      path:'/external/infos/:id',
-      name:'DetailInfos',
-      component:()=>import("@/views/extermal/Article/Details.vue"),
-     
+      path: '/external/infoa/:id',
+      name: 'DetailInfoa',
+      component: () => import("@/views/extermal/Article/Detaila.vue"),
+
     },
-        {
-          path:'/external/Board',
-          name:'BoardlInfo',
-          component:()=>import("@/views/extermal/Board/index.vue"),
-         
-        },
-        {
-          path:'/external/Process',
-          name:'Process1',
-          component:()=>import("@/views/extermal/Process/index.vue"),
-         
-        },
-        // 内部首页
+    {
+      path: '/external/infos/:id',
+      name: 'DetailInfos',
+      component: () => import("@/views/extermal/Article/Details.vue"),
+
+    },
+    {
+      path: '/external/Board',
+      name: 'BoardlInfo',
+      component: () => import("@/views/extermal/Board/index.vue"),
+
+    },
+    {
+      path: '/external/Process',
+      name: 'Process1',
+      component: () => import("@/views/extermal/Process/index.vue"),
+
+    },
+    {
+      path: '/external/MessageBoard',
+      name: 'MessageBoard',
+      component: () => import("@/views/extermal/MessageBoard/index.vue"),
+
+    },
+    // 内部首页
     {
       path: "/Home",
       component: () => import("@/views/index.vue"),
@@ -111,36 +117,36 @@ const router = createRouter({
           component: () => import("@/views/home/Home.vue")
         },
         {
-          path:'/Home/User',
-          name:'User',
-          meta:{title:'调达本部18个月活动'},
-          component:()=>import("@/views/home/user/index.vue")
+          path: '/Home/User',
+          name: 'User',
+          meta: { title: '调达本部18个月活动' },
+          component: () => import("@/views/home/user/index.vue")
         },
         {
-          path:'/Home/dataPlatform',
-          name:'dataPlatform',
-          component:()=>import("@/views/dataPlatform/index.vue")
+          path: '/Home/dataPlatform',
+          name: 'dataPlatform',
+          component: () => import("@/views/dataPlatform/index.vue")
         },
         {
-          path:'/Home/News',
-          name:'News',
-          meta:{title:'News列表'},
-          component:()=>import("@/views/home/news/index.vue")
+          path: '/Home/News',
+          name: 'News',
+          meta: { title: 'News列表' },
+          component: () => import("@/views/home/news/index.vue")
         },
         // 搜索
         {
-          path:'Search',
-          meta:{title: "搜索列表"},
-          children:[{
-            path:'',
-            name:'Search',
-            component:()=>import("@/views/home/search/index.vue")
+          path: 'Search',
+          meta: { title: "搜索列表" },
+          children: [{
+            path: '',
+            name: 'Search',
+            component: () => import("@/views/home/search/index.vue")
           },
           {
-            path:'/Home/Search/:id',
-            name:'SearchInfo',
-            meta:{title: "详情"},
-            component:()=>import("@/views/home/intelligence/Detail.vue")
+            path: '/Home/Search/:id',
+            name: 'SearchInfo',
+            meta: { title: "详情" },
+            component: () => import("@/views/home/intelligence/Detail.vue")
           }]
         },
         // 外部情报
@@ -159,14 +165,14 @@ const router = createRouter({
               component: () => import("@/views/home/intelligence/ListPage.vue"),
             },
             {
-              path:'InfosEdit',
-              name:"InfosEdit",
-              component:()=>import('@/views/home/intelligence/components/InfosEdit.vue')
+              path: 'InfosEdit',
+              name: "InfosEdit",
+              component: () => import('@/views/home/intelligence/components/InfosEdit.vue')
             },
             {
-              path:'messageSelect',
-              name:"messageSelect",
-              component:()=>import('@/views/home/intelligence/components/messageSelect.vue')
+              path: 'messageSelect',
+              name: "messageSelect",
+              component: () => import('@/views/home/intelligence/components/messageSelect.vue')
             },
             {
               path: "outside",
@@ -236,31 +242,31 @@ const router = createRouter({
                 // import("@/views/home/bcp/modify.vue"),
                 import("@/views/home/bcp/detail.vue"),
             },
-            
+
           ],
         },
         // 市况
         {
           path: "market",
           meta: { title: "市况、汇率" },
-          children:[
-           {
-            path:'',
-            name:"Market",
-            component: () => import("@/views/home/market/Market.vue"),
-           },
-           {
-            path:'MarketModify',
-            name:"MarketModify",
-            meta: { title: "市况、汇率管理" },
-            component: () => import("@/views/home/market/modify.vue"),
-           },
-           {
-            path:'MarketModifys',
-            name:"MarketModifys",
-            meta: { title: "市况、汇率管理" },
-            component: () => import("@/views/home/market/modifys.vue"),
-           },
+          children: [
+            {
+              path: '',
+              name: "Market",
+              component: () => import("@/views/home/market/Market.vue"),
+            },
+            {
+              path: 'MarketModify',
+              name: "MarketModify",
+              meta: { title: "市况、汇率管理" },
+              component: () => import("@/views/home/market/modify.vue"),
+            },
+            {
+              path: 'MarketModifys',
+              name: "MarketModifys",
+              meta: { title: "市况、汇率管理" },
+              component: () => import("@/views/home/market/modifys.vue"),
+            },
           ]
         },
 
@@ -276,11 +282,11 @@ const router = createRouter({
         {
           path: "csr",
           meta: { title: "碳中和挑战" },
-          children:[{
+          children: [{
             path: "",
             name: "CSR",
             component: () => import("@/views/home/csr/CSR.vue"),
-          },{
+          }, {
             path: "modifyCsr2",
             meta: { title: "内容管理" },
             name: "modifyCsr2",
@@ -292,15 +298,15 @@ const router = createRouter({
             name: "modifyCsrList",
             component: () => import("@/views/home/csr/index.vue"),
           }
-        
-        ]
+
+          ]
         },
 
         // 品质
         {
           path: "quality",
           meta: { title: "品质" },
-          children:[
+          children: [
             {
               path: "",
               name: "Quality",
@@ -314,13 +320,13 @@ const router = createRouter({
             },
           ]
         },
-         // 待审核情报
-         {
+        // 待审核情报
+        {
           path: "Process",
           meta: { title: "情报新增待审批" },
-          children:[
+          children: [
             {
-              path:'',
+              path: '',
               name: "Process",
               component: () => import("@/views/home/intelligence/process/Process.vue"),
             },
@@ -331,14 +337,14 @@ const router = createRouter({
               component: () => import("@/views/home/intelligence/process/ProcessInfo.vue"),
             },
             {
-              path:'/Home/Process/Detail/:id/:flag',
-              name:'',
+              path: '/Home/Process/Detail/:id/:flag',
+              name: '',
               meta: { title: "情报审批详情" },
-              component:()=>import("@/views/home/intelligence/Detail.vue")
+              component: () => import("@/views/home/intelligence/Detail.vue")
             }
           ]
         },
-       
+
         // C/D数据
         {
           path: "cd",
@@ -363,7 +369,7 @@ const router = createRouter({
               path: "",
               name: "Diffspace",
               component: () => import("@/views/home/diffspace/Overview.vue"),
-           
+
             },
             {
               path: "report",
@@ -377,28 +383,28 @@ const router = createRouter({
             //   name: "DiffspaceModify",
             //   meta: { title: "差别化云空间管理" },
             //   component: () => import("@/views/home/diffspace/modify.vue"),
-              
+
             // },
             {
               path: "modifys",
               name: "DiffspaceModify",
               meta: { title: "差别化研究管理" },
               component: () => import("@/views/home/diffspace/fack.vue"),
-              
+
             },
             {
               path: "modifyDiffspace",
               name: "ModifyDiffspace",
               meta: { title: "研究方向内容管理" },
               component: () => import("@/views/home/diffspace/modifys.vue"),
-              
+
             },
             {
               path: "/Home/diffspace/diffspaceList/:id",
               meta: { title: "差别化研究分类" },
-              children:[
+              children: [
                 {
-                  path:'',
+                  path: '',
                   name: "DiffspaceTab",
                   component: () => import("@/views/home/diffspace/allList.vue"),
                 },
@@ -408,7 +414,7 @@ const router = createRouter({
                 //   component: () => import("@/views/home/diffspace/component/tabsList.vue"),
                 // },
                 {
-                  path:'/home/diffspace/DiffspaceTabModify',
+                  path: '/home/diffspace/DiffspaceTabModify',
                   name: "DiffspaceTabModify",
                   meta: { title: "差别化课题管理" },
                   component: () => import("@/views/home/diffspace/component/modify.vue"),
@@ -444,9 +450,9 @@ const router = createRouter({
         },
         // 紧急联络
         {
-          path:'phone',
+          path: 'phone',
           meta: { title: "紧急联络" },
-          children:[
+          children: [
             {
               path: "",
               name: "phone",
@@ -464,27 +470,27 @@ const router = createRouter({
               name: "inv",
               component: () => import("@/views/home/phone/inv.vue"),
             },
-            
+
           ],
         },
       ],
     },
     // database
     {
-      path:'/DataBase',
-     
-      component:()=>import("@/views/home/database/index.vue"),
-      children:[{
-        path:'',
-        name:'DataBase',
-        component:()=>import("@/views/home/database/guize/index.vue")
+      path: '/DataBase',
+
+      component: () => import("@/views/home/database/index.vue"),
+      children: [{
+        path: '',
+        name: 'DataBase',
+        component: () => import("@/views/home/database/guize/index.vue")
       },
       {
-        path:'/DataBase/Modify',
-        name:'DataBaseModify',
-        component:()=>import("@/views/home/database/modify.vue")
+        path: '/DataBase/Modify',
+        name: 'DataBaseModify',
+        component: () => import("@/views/home/database/modify.vue")
       }
-    ]
+      ]
     },
     {
       path: "/bpcTreeDetail",
diff --git a/src/views/extermal/ExternalHome.vue b/src/views/extermal/ExternalHome.vue
index f88e2ac..c17acf7 100644
--- a/src/views/extermal/ExternalHome.vue
+++ b/src/views/extermal/ExternalHome.vue
@@ -1,293 +1,322 @@
 <script setup lang="ts">
-import { message } from '@/utils/message'
-import { boardMsgList, getPageWork, homePageMarket, getPageInv, getPageVisit, externalList, homePageRate,report } from '@/api/daikin/base'
-import { getImg } from '@/assets/images'
-import { useUserStore } from '@/stores/modules/user'
-import { noticeld } from '@/stores/modules/noticeId'
-import {pageType} from '@/stores/modules/pages'
-import {NModal} from 'naive-ui'
-const { push } = useRouter()
-const route = useRoute()
+import { message } from "@/utils/message";
+import {
+  boardMsgList,
+  getPageWork,
+  homePageMarket,
+  getPageInv,
+  getPageVisit,
+  externalList,
+  homePageRate,
+  report,
+} from "@/api/daikin/base";
+import { getImg } from "@/assets/images";
+import { useUserStore } from "@/stores/modules/user";
+import { noticeld } from "@/stores/modules/noticeId";
+import { pageType } from "@/stores/modules/pages";
+import { NModal } from "naive-ui";
+const { push } = useRouter();
+const route = useRoute();
 // useFavicon(getImg('favicon.svg'))
 // useTitle('大金空调调达本部HOMEPAGE')
-const store = useUserStore()
-const not = noticeld()
-const pages = pageType()
-const isUpPwds = ref(false)
-const userCode = ref(false)
+const store = useUserStore();
+const not = noticeld();
+const pages = pageType();
+const isUpPwds = ref(false);
+const userCode = ref(false);
+const showModalRef = ref(false);
+const showModalRef2 = ref(false);
 watchEffect(() => {
-  userCode.value = ['admin', 'waibuyemianguanliyuan', 'tech_service'].includes(store.user.roleCode)
-  isUpPwds.value = store.user.isUpPwd === 2 ? true : false
-  console.log(isUpPwds.value)
-})
-const ailists = ref()
-const culists = ref()
-const itemLists = ref()
-const timeA = ref()
-const timeB = ref()
+  userCode.value = ["admin", "waibuyemianguanliyuan", "tech_service"].includes(
+    store.user.roleCode
+  );
+  isUpPwds.value = store.user.isUpPwd === 2 ? true : false;
+  console.log(isUpPwds.value);
+});
+const ailists = ref();
+const culists = ref();
+const itemLists = ref();
+const timeA = ref();
+const timeB = ref();
+const value1 = ref("");
+const value2 = ref("");
 onMounted(async () => {
-  const { data: { ailist, culist, lastUTime } } = await homePageMarket() //市况
-  const { data: { itemList, lastUTime: _lastUTime } } = await homePageRate() //汇率
-  ailists.value = ailist
-  culists.value = culist
-  itemLists.value = itemList
-  timeA.value = lastUTime
-  timeB.value = _lastUTime
+  const {
+    data: { ailist, culist, lastUTime },
+  } = await homePageMarket(); //市况
+  const {
+    data: { itemList, lastUTime: _lastUTime },
+  } = await homePageRate(); //汇率
+  ailists.value = ailist;
+  culists.value = culist;
+  itemLists.value = itemList;
+  timeA.value = lastUTime;
+  timeB.value = _lastUTime;
   if (isUpPwds.value) {
-    ElMessageBox.alert('为了您的帐号安全,首次登录必须更改初始密码', '重要提醒',
+    ElMessageBox.alert(
+      "为了您的帐号安全,首次登录必须更改初始密码",
+      "重要提醒",
       {
-        confirmButtonText: 'OK',
+        confirmButtonText: "OK",
         showClose: false,
         showCancelButton: false,
-      }).then(() => {
-        push({ name: 'modify' })
-      })
+      }
+    ).then(() => {
+      push({ name: "modify" });
+    });
   }
-
-})
-
-
+});
+const handleChange = (e: Event) => {
+  // checkedValue.value = (e.target as HTMLInputElement).value
+};
+const changeShowModal = () => {
+  if (flgs.value == 1) {
+    showModalRef.value = true;
+  } else {
+    showModalRef2.value = true;
+  }
+};
+const close1 = () => {
+  if (flgs.value == 1) {
+    showModalRef.value = false;
+  } else {
+    showModalRef2.value = false;
+  }
+};
 //获取邀请函列表
-const invList = ref<any[]>([])
-let invLength: number
-let invPum = 1
-const invsScoll = ref<HTMLElement | null>(null)
+const invList = ref<any[]>([]);
+let invLength: number;
+let invPum = 1;
+const invsScoll = ref<HTMLElement | null>(null);
 async function getPageInvs(page) {
   const pasr = {
     pageNum: page,
     status: 1,
     source: 1,
-  }
-  const { rows, total } = await getPageInv(pasr)
-  invList.value.push(...rows)
-  invLength = total / 10
+  };
+  const { rows, total } = await getPageInv(pasr);
+  invList.value.push(...rows);
+  invLength = total / 10;
 }
 //获取拜访列表
-const visitList = ref<any[]>([])
-let visitLength: number
-let visitPum = 1
+const visitList = ref<any[]>([]);
+let visitLength: number;
+let visitPum = 1;
 
-const visitsScoll = ref<HTMLElement | null>(null)
+const visitsScoll = ref<HTMLElement | null>(null);
 async function getPageVisits(page) {
   const pasr = {
     pageNum: page,
     status: 1,
     source: 1,
-  }
-  const { rows, total } = await getPageVisit(pasr)
-  visitList.value.push(...rows)
-  visitLength = total / 10
+  };
+  const { rows, total } = await getPageVisit(pasr);
+  visitList.value.push(...rows);
+  visitLength = total / 10;
 }
-getPageVisits(1)
-getPageInvs(1)
-
-
-
+getPageVisits(1);
+getPageInvs(1);
 
 // 获取News数据 getArticlePage
-const newsList = ref<any[]>([])
-const newsSoll = ref<HTMLElement | null>(null)
-let newLength: number
-let newPum = 1
+const newsList = ref<any[]>([]);
+const newsSoll = ref<HTMLElement | null>(null);
+let newLength: number;
+let newPum = 1;
 async function getArticle(page: any) {
   const pasr = {
     pageNum: page,
-    pageSize: '10',
-    type: '1',
-    cate: '7'
-  }
-  const { rows, total } = await externalList(pasr)
-  newsList.value.push(...rows)
-  newLength = total / 10
+    pageSize: "10",
+    type: "1",
+    cate: "7",
+  };
+  const { rows, total } = await externalList(pasr);
+  newsList.value.push(...rows);
+  newLength = total / 10;
 }
 // 获取重要通知数据 getArticlePage
-const portantList = ref<any[]>([])
-const portant = ref<HTMLElement | null>(null)
-let pLenght: number
-let prpum = 1
+const portantList = ref<any[]>([]);
+const portant = ref<HTMLElement | null>(null);
+let pLenght: number;
+let prpum = 1;
 async function getArticleP(page: any) {
   const pasr = {
     pageNum: page,
-    pageSize: '10',
-    type: '1',
-    cate: '8'
-  }
-  const { rows, total } = await externalList(pasr)
-  portantList.value.push(...rows)
-  pLenght = total / 10
+    pageSize: "10",
+    type: "1",
+    cate: "8",
+  };
+  const { rows, total } = await externalList(pasr);
+  portantList.value.push(...rows);
+  pLenght = total / 10;
 }
 
-
-getArticleP(1)
-getArticle(1)
+getArticleP(1);
+getArticle(1);
 // 调查表数据
-const rowsList = ref<any[]>([])
-const tabScll = ref<HTMLElement | null>(null)
-let tabLength: number
-let tabPume = 1
+const rowsList = ref<any[]>([]);
+const tabScll = ref<HTMLElement | null>(null);
+let tabLength: number;
+let tabPume = 1;
 async function pageWork(page: number) {
-  const pageNum = page
-  const { rows, total } = await getPageWork({ pageNum })
-  rowsList.value.push(...rows)
-  tabLength = total / 10
+  const pageNum = page;
+  const { rows, total } = await getPageWork({ pageNum });
+  rowsList.value.push(...rows);
+  tabLength = total / 10;
 }
 
-
 const dataInfo = reactive({
-  treeSource:1,
-  type:0
-})
+  treeSource: 1,
+  type: 0,
+});
 // 留言板数据
-const msgList = ref<any[]>([])
-let maxMsgLingth = 1
-let psgPum = 1
+const msgList = ref<any[]>([]);
+let maxMsgLingth = 1;
+let psgPum = 1;
 // 留言板滚动
-const msgScoll = ref<HTMLElement | null>(null)
+const msgScoll = ref<HTMLElement | null>(null);
 async function boardMsg(page: number) {
-  const pageNum = page
-  const {treeSource,type} = dataInfo
+  const pageNum = page;
+  const { treeSource, type } = dataInfo;
 
-  const { rows, total } = await boardMsgList({ pageNum,treeSource})
-  if(type ===0){
-    msgList.value=rows
-  }else{
-    msgList.value.push(...rows)
+  const { rows, total } = await boardMsgList({ pageNum, treeSource });
+  if (type === 0) {
+    msgList.value = rows;
+  } else {
+    msgList.value.push(...rows);
   }
 
-  maxMsgLingth = total / 10
-  console.log(msgList.value,type)
+  maxMsgLingth = total / 10;
+  console.log(msgList.value, type);
 }
-const lazyState = computed(() => [dataInfo.treeSource])
-  watch(
-    () => unref(lazyState),
-    async (v) => {
-      boardMsg(1)
-    },
-    { immediate: true, deep: true },
-  )
+const lazyState = computed(() => [dataInfo.treeSource]);
+watch(
+  () => unref(lazyState),
+  async (v) => {
+    boardMsg(1);
+  },
+  { immediate: true, deep: true }
+);
 
-
-pageWork(1)
+pageWork(1);
 
 onMounted(() => {
-  msgScoll.value?.addEventListener('scroll', handleMsgScoll);
-  newsSoll.value?.addEventListener('scroll', handleNewScoll)
-  portant.value?.addEventListener('scroll', handlePrScoll);
-  tabScll.value?.addEventListener('scroll', handleTabScoll)
-  visitsScoll.value?.addEventListener('scroll', handleVisitsScoll)
-  invsScoll.value?.addEventListener('scroll', handleInvScoll)
-
+  msgScoll.value?.addEventListener("scroll", handleMsgScoll);
+  newsSoll.value?.addEventListener("scroll", handleNewScoll);
+  portant.value?.addEventListener("scroll", handlePrScoll);
+  tabScll.value?.addEventListener("scroll", handleTabScoll);
+  visitsScoll.value?.addEventListener("scroll", handleVisitsScoll);
+  invsScoll.value?.addEventListener("scroll", handleInvScoll);
 });
 async function setModule(codes: any) {
-  const moduleCode = codes
+  const moduleCode = codes;
   // console.log(codes)
-  const { code } = await report({ moduleCode })
-
+  const { code } = await report({ moduleCode });
 }
 
-// 
+//
 const handleVisitsScoll = () => {
-  const container = visitsScoll.value
+  const container = visitsScoll.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (visitPum < visitLength) {
-        ++visitPum
-        getPageVisits(visitPum)
+        ++visitPum;
+        getPageVisits(visitPum);
       }
     }
   }
-}
+};
 // 拜访
 const handleInvScoll = () => {
-  const container = invsScoll.value
+  const container = invsScoll.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (invPum < invLength) {
-        ++invPum
-        getPageInvs(invPum)
+        ++invPum;
+        getPageInvs(invPum);
       }
     }
   }
-}
+};
 // 线上调查表滚动
 const handleTabScoll = () => {
-  const container = tabScll.value
+  const container = tabScll.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (tabPume < tabLength) {
-        ++tabPume
-        pageWork(tabPume)
-      }
-      else console.log(tabPume, tabLength)
+        ++tabPume;
+        pageWork(tabPume);
+      } else console.log(tabPume, tabLength);
     }
   }
-}
+};
 
 // 重要通知滚动
 const handlePrScoll = () => {
-  const container = portant.value
+  const container = portant.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (prpum < pLenght) {
-        ++prpum
-        getArticleP(prpum)
-      }
-      else console.log(prpum, pLenght)
+        ++prpum;
+        getArticleP(prpum);
+      } else console.log(prpum, pLenght);
     }
   }
-}
+};
 
 // News滚动
 const handleNewScoll = () => {
-  const container = newsSoll.value
+  const container = newsSoll.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (newPum < newLength) {
-        ++newPum
-        getArticle(newPum)
-      }
-      else console.log(newPum, newLength)
+        ++newPum;
+        getArticle(newPum);
+      } else console.log(newPum, newLength);
     }
   }
-}
+};
 
 // 留言滚动
 const handleMsgScoll = () => {
-  const container = msgScoll.value
+  const container = msgScoll.value;
   if (container) {
-    const isAtBottom = container.scrollHeight - container.scrollTop === container.clientHeight;
+    const isAtBottom =
+      container.scrollHeight - container.scrollTop === container.clientHeight;
     if (isAtBottom) {
       if (psgPum < maxMsgLingth) {
-        ++psgPum
-        dataInfo.type =1
-        boardMsg(psgPum)
-      }
-      else console.log(psgPum, maxMsgLingth)
+        ++psgPum;
+        dataInfo.type = 1;
+        boardMsg(psgPum);
+      } else console.log(psgPum, maxMsgLingth);
     }
   }
-}
-
+};
 
 const toDetail = (n, item) => {
-  console.log(n)
+  console.log(n);
   // push(`${route.path.replace('/external','')}/info/${n.id}`)
-  setModule(item)
+  setModule(item);
   // push(`${route.path}/${item.id}`)
   // if(n.isSelect===1){
-    if(item==='App_E_Message'){
-      push(`/external/infoa/${n.id}`)
-    }
-    push(`/external/info/${n.id}`)
+  if (item === "App_E_Message") {
+    push(`/external/infoa/${n.id}`);
+  }
+  push(`/external/info/${n.id}`);
   // }
   // else{
   //   message.info("您没有权限查看！")
   // }
-}
+};
 
 const displayDiffValue = (diffValue: number) => {
   if (diffValue > 0) {
@@ -297,40 +326,41 @@ const displayDiffValue = (diffValue: number) => {
   } else {
     return `${diffValue} %`;
   }
-}
+};
 const toDetail2 = (id: string) => {
-  console.log(route, route.path)
-  not.article.cate = id
-  console.log(not.article.cate)
+  console.log(route, route.path);
+  not.article.cate = id;
+  console.log(not.article.cate);
   // push(`${route.path.replace('/external','')}/info/${n.id}`)
-  push('/external/Board')
-}
-const flgs = ref(1)
-const cardsClick = (it)=>{
-  flgs.value = it
-  dataInfo.treeSource = it
-}
-const toList=(nb)=>{
-  console.log(nb)
-  if(nb===7){
-    pages.page.cate='7'
-    pages.page.title="News"
+  push("/external/Board");
+};
+const flgs = ref(1);
+const cardsClick = (it) => {
+  flgs.value = it;
+  dataInfo.treeSource = it;
+};
+const toList = (nb) => {
+  console.log(nb);
+  if (nb === 7) {
+    pages.page.cate = "7";
+    pages.page.title = "News";
+  } else {
+    pages.page.cate = "8";
+    pages.page.title = "重要通知";
   }
-  else{
-    pages.page.cate='8'
-    pages.page.title="重要通知"
-  }
-  push({name:'DetailInfoList'})
-}
-const shorm =ref(false)
+  push({ name: "DetailInfoList" });
+};
+const shorm = ref(false);
 </script>
 
 <template>
   <div class="page w-1920px h-1080px p30px flex flex-col">
     <div class="w300px -mr-1px flex flex-col shrink-0">
-      <div class="text-20px text-#fff font-600 mt6px">大金中国调达本部 HOMEPAGE</div>
+      <div class="text-20px text-#fff font-600 mt6px">
+        大金中国调达本部 HOMEPAGE
+      </div>
       <!-- @dblclick="toggle" -->
-      <img src="@/assets/images/logo.png" class="w197px h44px mt14px"  />
+      <img src="@/assets/images/logo.png" class="w197px h44px mt14px" />
     </div>
     <div class="main flex-1 rd-32px p30px pt0">
       <!-- <Home /> -->
@@ -340,32 +370,76 @@ const shorm =ref(false)
         <AppHeadUserInfo />
       </div>
       <!-- <img src="@/assets/images/wbshouy.png" alt="" class="w-full h940px"> -->
-      <div class="w100% h50px pl10px  pt40px text-36px font-extrabold">FY23年度调达本部方针：创新实干，勇毅前行，以综合实力挑战变革，提升存在感 </div>
-      <div class="mt55px flex-1 flex flex-wrap justify-between ">
+      <div class="w100% h50px pl10px pt40px text-36px font-extrabold">
+        FY23年度调达本部方针：创新实干，勇毅前行，以综合实力挑战变革，提升存在感
+      </div>
+      <div class="mt55px flex-1 flex flex-wrap justify-between">
         <div class="cards w34% h800px page-wrapper">
           <div class="cards_title">News</div>
-          <el-button v-if="userCode" type="primary" class=" absolute right-164px top-15px" @click="push('/external/Process')">流程列表</el-button>
-          <el-button v-if="userCode" type="primary" class=" absolute right-80px top-15px" @click="toDetail2(7)">+ 新增</el-button>
-          <span style="border: #417BEF 1px solid; color:#417BEF;border-radius: 5px;height:30px;" class="mr15px mt17px flex px5px pt6px" @click="toList(7)">更多<el-icon><DArrowRight class=""/></el-icon></span>
-          
+          <el-button
+            v-if="userCode"
+            type="primary"
+            class="absolute right-164px top-15px"
+            @click="push('/external/Process')"
+            >流程列表</el-button
+          >
+          <el-button
+            v-if="userCode"
+            type="primary"
+            class="absolute right-80px top-15px"
+            @click="toDetail2(7)"
+            >+ 新增</el-button
+          >
+          <span
+            style="
+              border: #417bef 1px solid;
+              color: #417bef;
+              border-radius: 5px;
+              height: 30px;
+            "
+            class="mr15px mt17px flex px5px pt6px"
+            @click="toList(7)"
+            >更多<el-icon><DArrowRight class="" /></el-icon
+          ></span>
+
           <div class="absolute right-25px top-20px">
             <!-- <img src="./images/younniu@2x.png"> -->
             <!-- <el-icon>
               <ArrowRightBold />
             </el-icon> -->
           </div>
-          <div ref="newsSoll" class="p20px w100% h355px cent_box  overflow-y-auto">
-
-            <div v-if="newsList" class="text-#152242 truncate-box  text-18px" v-for="i in newsList">
-              <div class="truncate" @click="toDetail(i,'App_E_News')" >
-                <img v-if="i.tag==='New'" src="./images/NEW@2x.png" class="h35px mr5px badge-new">
-                <span v-if="i.isTop === 'Y'" class="text-#fff bg-red p5px text-18px rounded-5px mr-5px badge-24">置顶</span>
-                <span :style="i.isRead===2?'color:#0058E5;font-weight':''" :title="i.title">{{ i.title }}</span>
-           
+          <div
+            ref="newsSoll"
+            class="p20px w100% h355px cent_box overflow-y-auto"
+          >
+            <div
+              v-if="newsList"
+              class="text-#152242 truncate-box text-18px"
+              v-for="i in newsList"
+            >
+              <div class="truncate" @click="toDetail(i, 'App_E_News')">
+                <img
+                  v-if="i.tag === 'New'"
+                  src="./images/NEW@2x.png"
+                  class="h35px mr5px badge-new"
+                />
+                <span
+                  v-if="i.isTop === 'Y'"
+                  class="text-#fff bg-red p5px text-18px rounded-5px mr-5px badge-24"
+                  >置顶</span
+                >
+                <span
+                  :style="i.isRead === 2 ? 'color:#0058E5;font-weight' : ''"
+                  :title="i.title"
+                  >{{ i.title }}</span
+                >
               </div>
-             
-              <div class="icons min-w-110px w110px  h20px mt15px absolute right-0px top-0">{{i.createTime.substring(0, 10)}}</div>
 
+              <div
+                class="icons min-w-110px w110px h20px mt15px absolute right-0px top-0"
+              >
+                {{ i.createTime.substring(0, 10) }}
+              </div>
             </div>
 
             <!-- <div v-if="portantList" class="text-#808696 truncate-box " v-for="i in 15">
@@ -376,28 +450,71 @@ const shorm =ref(false)
               </div>
               <div class="icons w20px h20px mt15px absolute right-20px top-0"></div>
             </div> -->
-
-
-
           </div>
-          <div class="text-26px text-#142142 font-extrabold mb-10px pl20px">重要通知</div>
+          <div class="text-26px text-#142142 font-extrabold mb-10px pl20px">
+            重要通知
+          </div>
           <div class="flex">
-            <el-button v-if="userCode" type="primary" class="mt0px mr0px" @click="push({ path: '/external/Process',query: { cate:'8' } })">流程列表</el-button>
-            <el-button v-if="userCode" type="primary" class="mt0px mr10px" @click="toDetail2(8)">+ 新增</el-button>
-            <span style="border: #417BEF 1px solid; color:#417BEF;border-radius: 5px;height:30px;" class="mr15px mt2px flex px5px pt6px" @click="toList(8)">更多<el-icon><DArrowRight class=""/></el-icon></span>
+            <el-button
+              v-if="userCode"
+              type="primary"
+              class="mt0px mr0px"
+              @click="push({ path: '/external/Process', query: { cate: '8' } })"
+              >流程列表</el-button
+            >
+            <el-button
+              v-if="userCode"
+              type="primary"
+              class="mt0px mr10px"
+              @click="toDetail2(8)"
+              >+ 新增</el-button
+            >
+            <span
+              style="
+                border: #417bef 1px solid;
+                color: #417bef;
+                border-radius: 5px;
+                height: 30px;
+              "
+              class="mr15px mt2px flex px5px pt6px"
+              @click="toList(8)"
+              >更多<el-icon><DArrowRight class="" /></el-icon
+            ></span>
           </div>
-         
-          <div ref="portant" class="p20px pt0px w100% h355px cent_box overflow-y-auto">
-            <div v-if="portantList" class="text-#152242 truncate-box text-18px " v-for="i in portantList" :key="i">
-              <div class="truncate" @click="toDetail(i,'App_E_Notice')">
-                <img v-if="i.tag==='New'" src="./images/NEW@2x.png" class="h35px mr5px badge-new">
-                <span v-if="i.isTop === 'Y'" class="text-#fff bg-red p5px text-14px rounded-5px mr-5px badge-24">置顶</span>
-                <span :style="i.isRead===2?'color:#0058E5;font-weight':''" :title="i.title">{{ i.title }}</span>
-               
-              </div>
-            
-              <div class="icons min-w-110px w110px  h20px mt15px absolute right-0px top-0">{{i.createTime.substring(0, 10)}}</div>
 
+          <div
+            ref="portant"
+            class="p20px pt0px w100% h355px cent_box overflow-y-auto"
+          >
+            <div
+              v-if="portantList"
+              class="text-#152242 truncate-box text-18px"
+              v-for="i in portantList"
+              :key="i"
+            >
+              <div class="truncate" @click="toDetail(i, 'App_E_Notice')">
+                <img
+                  v-if="i.tag === 'New'"
+                  src="./images/NEW@2x.png"
+                  class="h35px mr5px badge-new"
+                />
+                <span
+                  v-if="i.isTop === 'Y'"
+                  class="text-#fff bg-red p5px text-14px rounded-5px mr-5px badge-24"
+                  >置顶</span
+                >
+                <span
+                  :style="i.isRead === 2 ? 'color:#0058E5;font-weight' : ''"
+                  :title="i.title"
+                  >{{ i.title }}</span
+                >
+              </div>
+
+              <div
+                class="icons min-w-110px w110px h20px mt15px absolute right-0px top-0"
+              >
+                {{ i.createTime.substring(0, 10) }}
+              </div>
             </div>
             <!-- <div v-if="portantList" class="text-#808696 truncate-box " v-for="i in 15">
               <div class="truncate">
@@ -407,66 +524,99 @@ const shorm =ref(false)
               <div class="icons w20px h20px mt15px absolute right-20px top-0"></div>
             </div> -->
           </div>
-
-
         </div>
-        <div class="cards w64%  h800px !shadow-none !bg-transparent page-wrapper">
-
+        <div
+          class="cards w64% h800px !shadow-none !bg-transparent page-wrapper"
+        >
           <div class="cards w760px h385px cursor-pointer">
-
             <div class="cards_title">市况汇率每日更新</div>
             <div class="cards_nav cards_nav2 !top--3px !right--1px">
               <div class="!text-14px w260px top--4px text-right leading-18px">
                 出处：市况-SMM/LME<br />
                 汇率-外汇管理局
               </div>
-
             </div>
             <div class="cards_content">
               <!-- <VChart :option="chartOption1" autoresize /> -->
               <div class="flex pl15px pr10px pt13px text-#152242">
                 <div class="">
-                  <span class="icoT ">市况</span>
+                  <span class="icoT">市况</span>
                   <span class="ml35px text-18px">更新时间：{{ timeA }}</span>
 
-                  <table class="history w-full text-center  mt23px text-18px border-spacing-0 overflow-auto w358px">
+                  <table
+                    class="history w-full text-center mt23px text-18px border-spacing-0 overflow-auto w358px"
+                  >
                     <thead
-                      style="background-color: #417BEF;color: #fff;height: 42px;width: 220px; border: 1px solid #417BEF;">
+                      style="
+                        background-color: #417bef;
+                        color: #fff;
+                        height: 42px;
+                        width: 220px;
+                        border: 1px solid #417bef;
+                      "
+                    >
                       <tr class="h51px">
                         <th>铜</th>
                         <th>最新</th>
                         <th>前日差</th>
                       </tr>
                     </thead>
-                    <tbody v-if="culists" class=" text-18px">
-                      <tr class="h38px" v-for="(it, index) in culists" :key="index"
-                        :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''">
+                    <tbody v-if="culists" class="text-18px">
+                      <tr
+                        class="h38px"
+                        v-for="(it, index) in culists"
+                        :key="index"
+                        :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''"
+                      >
                         <td>{{ it.channel }}</td>
-                        <td >{{ it.negAmount }}</td>
-                        <td class="text-#152242" :class="it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'">
-                          {{ displayDiffValue(it.diffValue) }}</td>
+                        <td>{{ it.negAmount }}</td>
+                        <td
+                          class="text-#152242"
+                          :class="
+                            it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'
+                          "
+                        >
+                          {{ displayDiffValue(it.diffValue) }}
+                        </td>
                       </tr>
-
                     </tbody>
                   </table>
-                  <table class="history w-full text-center  mt15px text-18px border-spacing-0 overflow-auto w358px">
+                  <table
+                    class="history w-full text-center mt15px text-18px border-spacing-0 overflow-auto w358px"
+                  >
                     <thead
-                      style="background-color: #417BEF;color: #fff;height: 42px;width: 220px; border: 1px solid #417BEF;">
+                      style="
+                        background-color: #417bef;
+                        color: #fff;
+                        height: 42px;
+                        width: 220px;
+                        border: 1px solid #417bef;
+                      "
+                    >
                       <tr class="h51px">
                         <th>铝</th>
                         <th>最新</th>
                         <th>前日差</th>
                       </tr>
                     </thead>
-                    <tbody v-if="ailists" class=" text-18px">
-                      <tr class="h45px" v-for="(it, index) in ailists" :key="index"
-                        :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''">
+                    <tbody v-if="ailists" class="text-18px">
+                      <tr
+                        class="h45px"
+                        v-for="(it, index) in ailists"
+                        :key="index"
+                        :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''"
+                      >
                         <td>{{ it.channel }}</td>
-                        <td >{{ it.negAmount }}</td>
-                        <td class="text-#63BF8D" :class="it.diffValue <  0 ? 'text-#63BF8D' : 'text-red'">
-                          {{ displayDiffValue(it.diffValue) }}</td>
+                        <td>{{ it.negAmount }}</td>
+                        <td
+                          class="text-#63BF8D"
+                          :class="
+                            it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'
+                          "
+                        >
+                          {{ displayDiffValue(it.diffValue) }}
+                        </td>
                       </tr>
-
                     </tbody>
                   </table>
                 </div>
@@ -474,39 +624,60 @@ const shorm =ref(false)
                   <span class="icoT">汇率</span>
                   <span class="ml35px text-18px">更新时间：{{ timeB }}</span>
                   <!-- 修复table数据过多，超出容器，后续用el-table来代替 -->
-                  <div style="overflow: auto; height: 300px;">
-                    <table class="history w-full text-center  mt23px text-18px border-spacing-0  w358px">
+                  <div style="overflow: auto; height: 300px">
+                    <table
+                      class="history w-full text-center mt23px text-18px border-spacing-0 w358px"
+                    >
                       <thead
-                        style="background-color: #417BEF;color: #fff;height: 42px;width: 220px; border: 1px solid #417BEF;">
+                        style="
+                          background-color: #417bef;
+                          color: #fff;
+                          height: 42px;
+                          width: 220px;
+                          border: 1px solid #417bef;
+                        "
+                      >
                         <tr class="h51px">
-                          <th class="w120px ">币种</th>
+                          <th class="w120px">币种</th>
                           <th>最新</th>
-                          <th class="w85px ">前日差</th>
+                          <th class="w85px">前日差</th>
                         </tr>
                       </thead>
-                      <tbody v-if="itemLists" class=" text-18px">
-                        <tr class="h55px" v-for="(it, index) in itemLists" :key="index"
-                          :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''">
-                          <td >{{ it.currencyCodeFrom }}-{{ it.currencyNameTo }}</td>
+                      <tbody v-if="itemLists" class="text-18px">
+                        <tr
+                          class="h55px"
+                          v-for="(it, index) in itemLists"
+                          :key="index"
+                          :class="index % 2 !== 0 ? 'bg-#f9f9f9' : ''"
+                        >
+                          <td>
+                            {{ it.currencyCodeFrom }}-{{ it.currencyNameTo }}
+                          </td>
                           <td>{{ it.negAmount }}</td>
-                          <td class="text-#63BF8D" :class="it.diffValue <  0 ? 'text-#63BF8D' : 'text-red'">
-                            {{ displayDiffValue(it.diffValue) }}</td>
+                          <td
+                            class="text-#63BF8D"
+                            :class="
+                              it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'
+                            "
+                          >
+                            {{ displayDiffValue(it.diffValue) }}
+                          </td>
                         </tr>
                       </tbody>
                     </table>
                   </div>
                 </div>
               </div>
-
-
             </div>
-
           </div>
           <div class="cards w360px h385px">
             <div class="w100% contents">
               <div class="cards_title">其他链接</div>
               <!-- <div class="cards_title" @click="">新增</div> -->
-              <div ref="invsScoll" class="p20px w100% h340px cent_box overflow-y-auto bk-tuann text-18px">
+              <div
+                ref="invsScoll"
+                class="p20px w100% h340px cent_box overflow-y-auto bk-tuann text-18px"
+              >
                 <!-- <div class="text-#808696" v-for="(i,ie) in invList " :key="ie">
                   <div class="truncate2"  @click=" push(`/external/infos/${i.id}`)">
                     <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px">{{ ++ie}}</span>
@@ -514,31 +685,80 @@ const shorm =ref(false)
                   </div>
                   <span class="absolute right-0px top-12px">{{i.createTime}}</span>
                 </div> -->
-                <div class="text-#152242 ">
+                <div class="text-#152242">
                   <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">1</span>
-                    <span><a href="https://edi.daikin.net.cn:8443/gproc/" target="_blank"
-                        style="color: inherit">G-PROC</a></span>
+                    <span
+                      class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                      >1</span
+                    >
+                    <span
+                      ><a
+                        href="https://edi.daikin.net.cn:8443/gproc/"
+                        target="_blank"
+                        style="color: inherit"
+                        >G-PROC</a
+                      ></span
+                    >
                   </div>
                   <span class="absolute right-0px top-12px"></span>
                   <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">2</span>
-                    <span><a href="https://edi.daikin.net.cn" target="_blank" style="color: inherit">DELTA</a></span>
+                    <span
+                      class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                      >2</span
+                    >
+                    <span
+                      ><a
+                        href="https://edi.daikin.net.cn"
+                        target="_blank"
+                        style="color: inherit"
+                        >DELTA</a
+                      ></span
+                    >
                   </div>
                   <span class="absolute right-0px top-12px"></span>
                   <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">3</span>
-                    <span><a href="https://procurement.daikin.net.cn/ideabox/#/index" target="_blank" style="color: inherit">IDEABOX</a></span>
+                    <span
+                      class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                      >3</span
+                    >
+                    <span
+                      ><a
+                        href="https://procurement.daikin.net.cn/ideabox/#/index"
+                        target="_blank"
+                        style="color: inherit"
+                        >IDEABOX</a
+                      ></span
+                    >
                   </div>
                   <span class="absolute right-0px top-12px"></span>
                   <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">4</span>
-                    <span><a href="https://www.daikin-china.com.cn/" target="_blank" style="color: inherit">大金空调官方网站</a></span>
+                    <span
+                      class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                      >4</span
+                    >
+                    <span
+                      ><a
+                        href="https://www.daikin-china.com.cn/"
+                        target="_blank"
+                        style="color: inherit"
+                        >大金空调官方网站</a
+                      ></span
+                    >
                   </div>
                   <span class="absolute right-0px top-12px"></span>
                   <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">5</span>
-                    <span><a @click="shorm=!shorm" target="_blank" style="color: inherit">大金空调中国相关</a></span>
+                    <span
+                      class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                      >5</span
+                    >
+                    <span
+                      ><a
+                        @click="shorm = !shorm"
+                        target="_blank"
+                        style="color: inherit"
+                        >大金空调中国相关</a
+                      ></span
+                    >
                   </div>
                 </div>
               </div>
@@ -556,15 +776,18 @@ const shorm =ref(false)
                 </div>
               </div>
             </div> -->
-
-
           </div>
           <div class="cards w560px h385px">
             <div class="cards_title">线上调查表</div>
-            <div class="!text-18px right20 pt30px text-#4E7EE8 ">
-              <a href="https://procurement.daikin.net.cn/mingdao/portal/app/7abea528-f7b4-4437-84bb-6b6b169bad3d"
-                class="no-underline text-#4E7EE8 "><img src="./images/yuny@2x.png"
-                  class="w25px mr5px mt--4px" /><span>明道云</span></a>
+            <div class="!text-18px right20 pt30px text-#4E7EE8">
+              <a
+                href="https://procurement.daikin.net.cn/mingdao/portal/app/7abea528-f7b4-4437-84bb-6b6b169bad3d"
+                class="no-underline text-#4E7EE8"
+                ><img
+                  src="./images/yuny@2x.png"
+                  class="w25px mr5px mt--4px"
+                /><span>明道云</span></a
+              >
             </div>
             <div class="px20px w100% h345px">
               <!-- <table
@@ -593,62 +816,653 @@ const shorm =ref(false)
               </tbody>
               </table>  -->
 
-
-
-              <el-table :data="rowsList" stripe class="mt20px"
-                :header-cell-style="{ 'text-align': 'center', 'background-color': '#417BEF', 'color': '#fff', 'height': '51px','font-weight':'900','font-size':'18px' }"
-                height="305" :cell-style="{  'height': '55px','color':'#152242','font-size':'18px' }">
-                <el-table-column property="title" label="调查表名称"  align="left"/>
-                <el-table-column property="fillCTime" label="填表日期" align="center"/>
-                <el-table-column property="fillRangeDate" label="填表期间" align="center"/>
-                <el-table-column property="status" label="填报状态" align="center"/>
+              <el-table
+                :data="rowsList"
+                stripe
+                class="mt20px"
+                :header-cell-style="{
+                  'text-align': 'center',
+                  'background-color': '#417BEF',
+                  color: '#fff',
+                  height: '51px',
+                  'font-weight': '900',
+                  'font-size': '18px',
+                }"
+                height="305"
+                :cell-style="{
+                  height: '55px',
+                  color: '#152242',
+                  'font-size': '18px',
+                }"
+              >
+                <el-table-column
+                  property="title"
+                  label="调查表名称"
+                  align="left"
+                />
+                <el-table-column
+                  property="fillCTime"
+                  label="填表日期"
+                  align="center"
+                />
+                <el-table-column
+                  property="fillRangeDate"
+                  label="填表期间"
+                  align="center"
+                />
+                <el-table-column
+                  property="status"
+                  label="填报状态"
+                  align="center"
+                />
               </el-table>
             </div>
-
           </div>
-          <div class="cards w560px h385px" style="height: ;">
-            <div class="cards_title">留言板</div>                
+          <div class="cards w560px h385px" style="height: ">
+            <div class="cards_title">留言板</div>
+            <!-- toDetail2(9) -->
             <!-- <div class="cards_title" style="color: #417BEF; font-weight: normal; font-size: 16px; border: #417BEF 1px solid; padding: 10px; margin: 0;height: 40px;"></div> -->
-            <el-button type="primary" class="mt15px mr20px" @click="toDetail2(9)">+ 新增</el-button>
-            <div class="flex text-#1270EE h50px w-full px30px leading-25px items-center text-center cards_liuyan font-800 text-18px">
-              <div class="flex-1 " style="border-radius:15px 0 0 15px ;" :class="flgs ===1?'onStyle':''" @click="cardsClick(1)">供应商留言</div>
-              <div class="flex-1" :class="flgs ===2?'onStyle':''" @click="cardsClick(2)"  style="border-radius:0 15px 15px 0;">空调需求依赖</div>
+            <el-button
+              type="primary"
+              class="mt15px mr20px"
+              @click="changeShowModal"
+              >+ 新增</el-button
+            >
+            <div
+              class="flex text-#1270EE h50px w-full px30px leading-25px items-center text-center cards_liuyan font-800 text-18px"
+            >
+              <div
+                class="flex-1"
+                style="border-radius: 15px 0 0 15px"
+                :class="flgs === 1 ? 'onStyle' : ''"
+                @click="cardsClick(1)"
+              >
+                供应商留言
+              </div>
+              <div
+                class="flex-1"
+                :class="flgs === 2 ? 'onStyle' : ''"
+                @click="cardsClick(2)"
+                style="border-radius: 0 15px 15px 0"
+              >
+                空调需求依赖
+              </div>
               <!-- <div class="flex-1" style="border-radius:0 15px 15px 0;" :class="flgs ===3?'onStyle':''" @click="cardsClick(3)">回执单</div> -->
-              
             </div>
-            <div ref="msgScoll" class="px20px  h280px cent_box overflow-y-auto">
-          
-              <div v-if="msgList" class="text-#808696  w515px " v-for="(i, key) in msgList" :key="i">
-                <div class="truncate2" @click="toDetail(i,'App_E_Message')">
-                  <span class="text-#fff bg-#407DF1 px5px  text-18px rounded-20px mr-5px inlineFlex">{{ ++key }}</span>
+            <div ref="msgScoll" class="px20px h280px cent_box overflow-y-auto">
+              <div
+                v-if="msgList"
+                class="text-#808696 w515px"
+                v-for="(i, key) in msgList"
+                :key="i"
+              >
+                <div class="truncate2" @click="toDetail(i, 'App_E_Message')">
+                  <span
+                    class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+                    >{{ ++key }}</span
+                  >
                   <span class="text-18px">{{ i.title }}</span>
                 </div>
-                <span class="absolute right-0px top-18px">{{ i.createTime }}</span>
+                <span class="absolute right-0px top-18px">{{
+                  i.createTime
+                }}</span>
               </div>
             </div>
-
           </div>
-
+          <n-modal
+            v-model:show="showModalRef"
+            :mask-closable="true"
+            style="
+              width: 939.99px;
+              height: 740px;
+              border-radius: 20px 20px 20px 20px;
+              background: #ffffff;
+              position: relative;
+            "
+          >
+            <n-card
+              :bordered="true"
+              size="huge"
+              role="dialog"
+              aria-modal="true"
+              :segmented="{
+                content: true,
+                footer: 'soft',
+              }"
+              closable
+              @close="handleClose"
+            >
+              <slot name="header">
+                <div
+                  style="
+                    margin-top: 18px;
+                    margin-left: 20px;
+                    font-weight: 600;
+                    width: 144px;
+                    height: 58px;
+                    font-size: 24px;
+                    text-align: left;
+                    color: #142142 100%;
+                  "
+                >
+                  供应商留言版
+                </div>
+                <div class="absolute right-30px top-20px">
+                  <NIcon
+                    size="40"
+                    color="#ccc"
+                    style="
+                      font-size: 20px;
+                      margin: 10px;
+                      width: 18.09px;
+                      height: 18.21px;
+                      color: #b2b2b2;
+                    "
+                    @click="close1"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 32 32"
+                    >
+                      <path
+                        d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z"
+                        fill="currentColor"
+                      ></path>
+                    </svg>
+                  </NIcon>
+                </div>
+              </slot>
+              <!-- 内容区 -->
+              <div
+                style="
+                  border-top: 1px solid #e1e1e1;
+                  width: 100%;
+                  padding-top: 38px;
+                  padding-left: 38px;
+                "
+              >
+                <span
+                  style="
+                    font-weight: 600;
+                    width: 853px;
+                    height: 19px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                  "
+                  >为更好地构筑与各供应商的合作伙伴关系，各司可随时通过本平台进行留言，我们将及时跟进并反馈给贵司。</span
+                >
+                <div
+                  style="
+                    font-weight: 400;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  1.贵司短期或中长期是否有国内外建厂（事务所）计划？
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+                <div
+                  style="
+                    font-weight: 400;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  2.贵司近期是否有开发新产品/新领域的项目？（若有，请进行简单的介绍。）
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+                <div
+                  style="
+                    font-weight: 400;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  3.目前在使用大金的线上化系统中，是否有不便、希望改善之处？（含HOMEPAGE、明道云线上调查表等）
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+                <div
+                  style="
+                    font-weight: 400;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  4.在与我们的合作中，是否有其他愿景或建议？
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+              </div>
+              <div
+                style="
+                  margin-top: 82px;
+                  border-top: 1px solid #e1e1e1;
+                  width: 100%;
+                  height: 74px;
+                  position: relative;
+                "
+              >
+                <div style="position: absolute; bottom: 0; right: 12px">
+                  <span
+                    class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
+                    @click="showModalRef = false"
+                    style="
+                      width: 100px;
+                      height: 38px;
+                      border-radius: 5px 5px 5px 5px;
+                      background: #ffffff;
+                    "
+                    ><div
+                      style="
+                        font-weight: 400;
+                        height: 16px;
+                        font-size: 16px;
+                        text-align: left;
+                        color: #999999 100%;
+                        line-height: 34px;
+                        padding-left: 34px;
+                        margin-right: 8px;
+                      "
+                    >
+                      取消
+                    </div></span
+                  >
+                  <span
+                    class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
+                    style="
+                      width: 100px;
+                      height: 38px;
+                      border-radius: 5px 5px 5px 5px;
+                      background: #3870e5;
+                    "
+                    @click="onPositiveClick"
+                    ><div
+                      style="
+                        font-weight: 400;
+                        height: 16px;
+                        font-size: 16px;
+                        text-align: left;
+                        color: #ffffff 100%;
+                        line-height: 34px;
+                        padding-left: 34px;
+                      "
+                    >
+                      提交
+                    </div></span
+                  >
+                </div>
+              </div>
+            </n-card>
+          </n-modal>
+          <n-modal
+            v-model:show="showModalRef2"
+            :mask-closable="true"
+            style="
+              width: 939.99px;
+              height: 740px;
+              border-radius: 20px 20px 20px 20px;
+              background: #ffffff;
+              position: relative;
+            "
+          >
+            <n-card
+              :bordered="true"
+              size="huge"
+              role="dialog"
+              aria-modal="true"
+              :segmented="{
+                content: true,
+                footer: 'soft',
+              }"
+              closable
+              @close="handleClose"
+            >
+              <slot name="header">
+                <div
+                  style="
+                    margin-top: 18px;
+                    margin-left: 20px;
+                    font-weight: 600;
+                    width: 144px;
+                    height: 58px;
+                    font-size: 24px;
+                    text-align: left;
+                    color: #142142 100%;
+                  "
+                >
+                  空调需求依赖
+                </div>
+                <div class="absolute right-30px top-20px">
+                  <NIcon
+                    size="40"
+                    color="#ccc"
+                    style="
+                      font-size: 20px;
+                      margin: 10px;
+                      width: 18.09px;
+                      height: 18.21px;
+                      color: #b2b2b2;
+                    "
+                    @click="close1"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      viewBox="0 0 32 32"
+                    >
+                      <path
+                        d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z"
+                        fill="currentColor"
+                      ></path>
+                    </svg>
+                  </NIcon>
+                </div>
+              </slot>
+              <!-- 内容区 -->
+              <div
+                style="
+                  border-top: 1px solid #e1e1e1;
+                  width: 100%;
+                  padding-left: 38px;
+                "
+              >
+                <div
+                  style="
+                    font-weight: 700;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  <span style="color: red">*</span>需求依赖：
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-radio-group v-model="value2" class="ml-4">
+                    <el-radio label="公司" size="large">公司</el-radio>
+                    <el-radio label="个人" size="large">个人</el-radio>
+                  </el-radio-group>
+                </div>
+                <div
+                  style="
+                    font-weight: 700;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  <span style="color: red">*</span>使用对象：
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-radio-group v-model="value2" class="ml-4">
+                    <el-radio label="家用机" size="large">家用机</el-radio>
+                    <el-radio label="商用机" size="large">商用机</el-radio>
+                  </el-radio-group>
+                </div>
+                <div
+                  style="
+                    font-weight: 700;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  <span style="color: red">*</span>安装位置：
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+                <div
+                  style="
+                    font-weight: 700;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  <span style="color: red">*</span>采用期限：
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+                <div
+                  style="
+                    font-weight: 700;
+                    height: 18px;
+                    font-size: 18px;
+                    text-align: left;
+                    color: #142142 100%;
+                    margin-top: 30px;
+                    margin-bottom: 20px;
+                  "
+                >
+                  <span style="color: red">*</span>备注：
+                </div>
+                <div
+                  style="
+                    margin-top: 20px;
+                    width: 838px;
+                    height: 36px;
+                    border-radius: 5px 5px 5px 5px;
+                    background: #ffffff;
+                  "
+                >
+                  <el-form-item>
+                    <el-input v-model="value1" style="height: 36px" />
+                  </el-form-item>
+                </div>
+              </div>
+              <div
+                style="
+                  margin-top: 62px;
+                  border-top: 1px solid #e1e1e1;
+                  width: 100%;
+                  height: 74px;
+                  position: relative;
+                "
+              >
+                <div style="position: absolute; bottom: 0; right: 12px">
+                  <span
+                    class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
+                    @click="showModalRef = false"
+                    style="
+                      width: 100px;
+                      height: 38px;
+                      border-radius: 5px 5px 5px 5px;
+                      background: #ffffff;
+                    "
+                    ><div
+                      style="
+                        font-weight: 400;
+                        height: 16px;
+                        font-size: 16px;
+                        text-align: left;
+                        color: #999999 100%;
+                        line-height: 34px;
+                        padding-left: 34px;
+                        margin-right: 8px;
+                      "
+                    >
+                      取消
+                    </div></span
+                  >
+                  <span
+                    class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
+                    style="
+                      width: 100px;
+                      height: 38px;
+                      border-radius: 5px 5px 5px 5px;
+                      background: #3870e5;
+                    "
+                    @click="onPositiveClick"
+                    ><div
+                      style="
+                        font-weight: 400;
+                        height: 16px;
+                        font-size: 16px;
+                        text-align: left;
+                        color: #ffffff 100%;
+                        line-height: 34px;
+                        padding-left: 34px;
+                      "
+                    >
+                      提交
+                    </div></span
+                  >
+                </div>
+              </div>
+            </n-card>
+          </n-modal>
         </div>
       </div>
     </div>
   </div>
 
-
-  <NModal  v-model:show="shorm" :mask-closable="false">
+  <NModal v-model:show="shorm" :mask-closable="false">
     <div class="w700px h430px bg-#fff rd-15px">
-      <div class="py5px px15px " style="border-bottom: 1px solid #dadada; font-weight: bold;color: #494A63;">
+      <div
+        class="py5px px15px"
+        style="
+          border-bottom: 1px solid #dadada;
+          font-weight: bold;
+          color: #494a63;
+        "
+      >
         大金空调中国相关
-        <img @click="shorm=false" src="@/assets/images/chac@2x.png" class="w15px float-right mt5px mr5px"/>
+        <img
+          @click="shorm = false"
+          src="@/assets/images/chac@2x.png"
+          class="w15px float-right mt5px mr5px"
+        />
       </div>
       <div class="flex mt70px text-center">
         <div class="w-full text-center">
-          <img src="@/assets/images/ewm1@2x.png" class="w200px"/>
-          <div class="py10px bg-#377CFF text-#fff w200px rd-20px mt35px mx-auto">大金空调中国视频号</div>
+          <img src="@/assets/images/ewm1@2x.png" class="w200px" />
+          <div
+            class="py10px bg-#377CFF text-#fff w200px rd-20px mt35px mx-auto"
+          >
+            大金空调中国视频号
+          </div>
         </div>
         <div class="w-full">
-          <img src="@/assets/images/ewm2@2x.png"  class="w200px"/>
-          <div class="py10px bg-#377CFF text-#fff w200px rd-20px mt35px mx-auto">大金空调抖音号</div>
+          <img src="@/assets/images/ewm2@2x.png" class="w200px" />
+          <div
+            class="py10px bg-#377CFF text-#fff w200px rd-20px mt35px mx-auto"
+          >
+            大金空调抖音号
+          </div>
         </div>
       </div>
     </div>
@@ -656,14 +1470,14 @@ const shorm =ref(false)
 </template>
 
 <style scoped lang="less">
-.onStyle{
-  background: #2C7AF7;
+.onStyle {
+  background: #2c7af7;
   color: #fff;
 }
-.cards_liuyan{
-  div{
-    border:1px solid #2C7AF7;
-    padding:5px 0 ;
+.cards_liuyan {
+  div {
+    border: 1px solid #2c7af7;
+    padding: 5px 0;
   }
 }
 .inlineFlex {
@@ -681,7 +1495,7 @@ const shorm =ref(false)
 // }
 
 .bk-tuann {
-  background: url('./images/tuann.png');
+  background: url("./images/tuann.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 207px 180px;
@@ -702,7 +1516,7 @@ const shorm =ref(false)
   cursor: pointer;
 
   a {
-    text-decoration: none
+    text-decoration: none;
   }
 }
 
@@ -740,8 +1554,7 @@ const shorm =ref(false)
 }
 
 .truncate-box:hover {
-
-  background-color: #2C7AF7;
+  background-color: #2c7af7;
   color: #fff;
   border-radius: 5px;
 
@@ -773,10 +1586,8 @@ const shorm =ref(false)
   padding-bottom: 20px;
 }
 
-
-
 .cards_nav2 {
-  background-image: url('@/assets/images/youj@2x.png');
+  background-image: url("@/assets/images/youj@2x.png");
 }
 
 .cards_title {
@@ -791,13 +1602,12 @@ const shorm =ref(false)
 .icoT {
   padding: 5px;
   color: #fff;
-  background-color: #002AAE;
+  background-color: #002aae;
   border-radius: 5px;
   font-size: 16px;
 }
 
 .cards {
-
   border-radius: 18px;
   // overflow: hidden;
   background-color: #fff;
@@ -809,8 +1619,8 @@ const shorm =ref(false)
   justify-content: space-between;
 
   &::after {
-    content: ' ';
-    background-image: url('@/assets/images/bg-card.svg');
+    content: " ";
+    background-image: url("@/assets/images/bg-card.svg");
     pointer-events: none;
     display: block;
     width: 100%;
@@ -829,10 +1639,10 @@ const shorm =ref(false)
 }
 
 .page {
-  font-family: 'PingFang SC';
+  font-family: "PingFang SC";
   user-select: none;
 
-  background-image: url('@/assets/images/bg.jpg');
+  background-image: url("@/assets/images/bg.jpg");
   background-color: #000;
   background-position: 0 0;
   background-repeat: no-repeat;
@@ -843,7 +1653,7 @@ const shorm =ref(false)
 }
 
 .main {
-  background-image: url('@/assets/images/bg-rs-main.svg');
+  background-image: url("@/assets/images/bg-rs-main.svg");
   background-position: 0 0;
   background-repeat: repeat-x;
   background-size: auto;
@@ -855,10 +1665,8 @@ const shorm =ref(false)
 
 .page-wrapper {
   .cards {
-
-
     &::after {
-      content: ' ';
+      content: " ";
       // background-image: url('@/assets/images/bg-cards.svg');
       pointer-events: none;
       display: block;
@@ -878,4 +1686,5 @@ const shorm =ref(false)
       padding-bottom: 0;
     }
   }
-}</style>
+}
+</style>
diff --git a/src/views/extermal/MessageBoard/index.vue b/src/views/extermal/MessageBoard/index.vue
new file mode 100644
index 0000000..711a512
--- /dev/null
+++ b/src/views/extermal/MessageBoard/index.vue
@@ -0,0 +1,273 @@
+<template>
+  <div class="page">
+    <HomeHead class="top">
+      <!-- <template #content>
+            <HomeHeadSearch />
+        </template> -->
+    </HomeHead>
+    <div class="back" @click="push({ name: 'external' })">返回首页</div>
+    <div class="bg-#fff p30px rounded-5px mt40px overflow-y-auto max-h980px">
+      <n-form :label-width="900" size="medium" :model="formValue">
+        <n-form-item label="标题11111" path="title">
+          <n-input v-model:value="formValue.title" placeholder="" />
+        </n-form-item>
+        <n-form-item v-if="formValue.cate == 8" label="是否置顶" path="isTop">
+          <n-radio-group v-model:value="formValue.isTop" name="radiogroup">
+            <n-space>
+              <!-- <n-radio v-for="song in songs" :key="song.value" :value="song.value">
+                            {{ song.label }}
+                        </n-radio> -->
+              <n-radio value="Y">是</n-radio>
+              <n-radio value="N">不是</n-radio>
+            </n-space>
+          </n-radio-group>
+        </n-form-item>
+      </n-form>
+      <n-form-item v-if="formValue.cate == 9" label="选项">
+        <n-radio-group v-model:value="formValue.treeSource" name="radiogroup">
+          <n-space>
+            <n-radio value="1">供应商留言</n-radio>
+            <n-radio value="2">空调需求依赖</n-radio>
+            <!-- <n-radio  value="3">回执单</n-radio> -->
+          </n-space>
+        </n-radio-group>
+      </n-form-item>
+      <div class="mt15px h150px overflow-y-auto" v-if="formValue.cate == 8">
+        <el-tag
+          v-for="i in dataList"
+          :key="i"
+          class="mx-1 my5px"
+          closable
+          :disable-transitions="false"
+          @close="handleClose(i)"
+          type="info"
+          size="large"
+        >
+          {{ i.nickName }}
+        </el-tag>
+      </div>
+      <el-button type="primary" class="mt20px" @click="saveThis"
+        >提交</el-button
+      >
+    </div>
+    <n-modal v-model:show="showModal1">
+      <div class="flex w80% p30px bg-#fff my40px rounded-30px">
+        <div
+          class="overflow-y-auto h800px container"
+          v-html="editorContent"
+        ></div>
+      </div>
+    </n-modal>
+    <div>
+      <n-modal v-model:show="showModal">
+        <!-- <n-card style="width:1100px; height: 800px;" title="调达中心" :bordered="false" size="huge" role="dialog"
+                aria-modal="true"> -->
+        <UserPage
+          :userDataList="setUserList"
+          @clickChild="handleChild1"
+          @CloseThis="CloseThis"
+        ></UserPage>
+        <!-- </n-card> -->
+      </n-modal>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import Editor from "@/views/home/intelligence/components/TinyECE.vue";
+import UserPage from "../../home/intelligence/process/UserPages.vue";
+import {
+  NModal,
+  NCard,
+  NForm,
+  NButton,
+  NFormItem,
+  NInput,
+  NRadio,
+  NSelect,
+  NSpace,
+  NRadioGroup,
+  useMessage,
+  treeDark,
+} from "naive-ui";
+import HomeHead from "@/views/home/components/HomeHead.vue";
+import { noticeld } from "@/stores/modules/noticeId";
+import { saveArticle } from "@/api/daikin/base";
+const editorContent = ref();
+const { push } = useRouter();
+const message = useMessage();
+const not = noticeld();
+// const CloseThis = ()=>{
+//   mask.value = false
+// }
+let formValue: any = ref({
+  type: "1",
+  cate: not.article.cate,
+  title: "",
+  tag: "",
+  source: "",
+  content: "",
+  reviewSource: "3",
+  isTop: "N",
+  treeSource: "1",
+});
+function escapeHTML(html: string): string {
+  const tempElement = document.createElement("div");
+  tempElement.textContent = html;
+  return tempElement.innerHTML;
+}
+const handleClose = (tag: any) => {
+  dataList.value.splice(dataList.value.indexOf(tag), 1);
+};
+// 添加留言
+async function save() {
+  let userIdList: any[] = [];
+  const cont = editorContent.value;
+  const content = escapeHTML(cont);
+  const { title, reviewSource, tag, treeSource, source, type, isTop } =
+    formValue.value;
+  const cate = not.article.cate;
+  // console.log(formValue.value, content,cate)
+  if (dataList.value) {
+    dataList.value.forEach((i: { userId: any }) => {
+      console.log(dataList.value);
+      userIdList.push(i.userId);
+    });
+  }
+
+  // console.log(formValue.value)
+  // if(userIdList.length<0) return
+  const { msg, code } = await saveArticle({
+    title,
+    tag: "",
+    isTop,
+    treeSource,
+    reviewSource,
+    source,
+    cate,
+    type,
+    content,
+    userIdList,
+  });
+  if (code === 200) {
+    message.success("新增成功");
+  } else {
+    message.success(msg);
+  }
+  push({ name: "external" });
+}
+// 编辑器数据
+const handleChild = (data: string) => {
+  editorContent.value = data;
+  // console.log(data)
+};
+// 添加
+const saveThis = (e: { preventDefault: () => void }) => {
+  e.preventDefault();
+  save();
+};
+const stores = noticeld();
+const showModal = ref(false);
+const showModal1 = ref(false);
+const setUserList = ref();
+const dataList = ref();
+const thisClick = () => {
+  showModal.value = true;
+  
+  setUserList.value = dataList.value;
+  stores.article.reviewSource = formValue.value.reviewSource;
+};
+const CloseThis = (data: boolean) => {
+  showModal.value = data;
+};
+const handleChild1 = (data: any) => {
+  const { showModal: show, multipleSelection } = data;
+  console.log(show);
+  showModal.value = unref(show);
+  dataList.value = unref(multipleSelection);
+};
+</script>
+
+
+<style scoped lang="less">
+::-webkit-scrollbar {
+  width: 1px;
+}
+.back {
+  position: absolute;
+  top: 25px;
+  left: 25px;
+  color: #fff;
+  // z-index: 500;
+  font-size: 25px;
+  font-weight: bold;
+  text-align: center;
+  justify-content: center;
+}
+.top {
+  right: 30px;
+  top: 0px;
+}
+.page {
+  width: 100%;
+  // height: 100px;
+  font-family: "PingFang SC";
+  user-select: none;
+
+  background-image: url("@/assets/images/bg.jpg");
+  background-color: #000;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: #fff;
+
+  line-height: 1;
+  .page-wrap {
+    display: grid;
+    grid-template-columns: 1fr 314px;
+    grid-template-rows: repeat(2, 1fr);
+    grid-column-gap: 30px;
+    grid-row-gap: 30px;
+
+    .page-main {
+      height: 830px;
+      grid-area: 1 / 1 / 3 / 2;
+    }
+    .page-side {
+      height: 100%;
+      grid-area: 1 / 2 / 2 / 3;
+      &:last-of-type {
+        height: 300px;
+        grid-area: 2 / 2 / 3 / 3;
+      }
+    }
+  }
+}
+.main {
+  background-image: url("@/assets/images/bg-rs-main.svg");
+  background-position: 0 0;
+  background-repeat: repeat-x;
+  background-size: auto;
+}
+
+.box {
+  --title-h: 58px;
+
+  border: 0;
+  .box-title {
+    height: var(--title-h);
+    color: #fff;
+    background-color: #537deb;
+    font-size: 18px;
+    font-weight: 600;
+    padding: 0 24px;
+    cursor: pointer;
+  }
+  .box-content {
+    height: 100%;
+    max-height: calc(100% - var(--title-h));
+  }
+}
+.line {
+  border-bottom: 1px solid #eef3fb;
+}
+</style>
diff --git a/src/views/home/quality/Quality.vue b/src/views/home/quality/Quality.vue
index d6fb84f..c7d3d57 100644
--- a/src/views/home/quality/Quality.vue
+++ b/src/views/home/quality/Quality.vue
@@ -161,6 +161,7 @@ const handleCommand = (item) => {
 //   console.log(url,111);
 //   // window.open(url, "_blank");
 // };
+const value1 = ref(null);
 
 const src = ref('');
 const srcType = ref()