From 37675c31adfb6d3d447b5df2695a0ae277110287 Mon Sep 17 00:00:00 2001
From: wwl <web_2021@163.com>
Date: Wed, 20 Dec 2023 09:24:52 +0800
Subject: [PATCH] update

---
 src/views/extermal/ExternalHome.vue | 3257 +++++++++++++++------------
 src/views/home/database/Process.vue |    1 +
 src/views/home/footprint/index.vue  |  227 +-
 3 files changed, 2030 insertions(+), 1455 deletions(-)

diff --git a/src/views/extermal/ExternalHome.vue b/src/views/extermal/ExternalHome.vue
index 6e1e9ed..0cbd90e 100755
--- a/src/views/extermal/ExternalHome.vue
+++ b/src/views/extermal/ExternalHome.vue
@@ -1,105 +1,120 @@
 <script setup lang="ts">
-import { message } from "@/utils/message";
+import { message } from '@/utils/message'
 import {
-  boardMsgList,
-  getPageWork,
-  homePageMarket,
-  getPageInv,
-  getPageVisit,
-  externalList,
-  homePageRate,
-  report,
-  trendsPage,
-  demandPage,
-  faqPage,
-  faqAdd,
-  demandAdd,
-  trendsAdd,
-  faqPageDelete,
-  demandDel,
-  faqWithdraw,
-  demandWithdraw,
-  faqDetail,
-  demandDetail
-} 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";
-import {  Delete} from '@element-plus/icons-vue'
-const { push } = useRouter();
-const route = useRoute();
+	boardMsgList,
+	getPageWork,
+	homePageMarket,
+	getPageInv,
+	getPageVisit,
+	externalList,
+	homePageRate,
+	report,
+	trendsPage,
+	demandPage,
+	faqPage,
+	faqAdd,
+	demandAdd,
+	trendsAdd,
+	faqPageDelete,
+	demandDel,
+	faqWithdraw,
+	demandWithdraw,
+	faqDetail,
+	demandDetail
+} 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'
+import { Delete } from '@element-plus/icons-vue'
+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 shormA = ref(false);
-const shormB = ref(false);
+const store = useUserStore()
+const not = noticeld()
+const pages = pageType()
+const isUpPwds = ref(false)
+const userCode = ref(false)
+const shormA = ref(false)
+const shormB = ref(false)
 watchEffect(() => {
-  userCode.value = ["admin", "waibuyemianguanliyuan", "tech_service"].includes(
-    store.user.roleCode
-  );
-  console.log(isUpPwds.value, "xiaolu00002223");
-  isUpPwds.value = store.user.isUpPwd === 2 ? true : false;
-  console.log(isUpPwds.value, "xiaolu0000222");
-  
-});
-const ailists = ref();
-const culists = ref();
-const itemLists = ref();
-const timeA = ref();
-const timeB = ref();
-
-const value2 = ref("");
-const value3 = ref("");
-const fromtA =ref({
-  number:'',
-  id:'',
-  question1:'',
-  question2:'',
-  question3:'',
-  question4:'',
-  type:''
+	userCode.value = ['admin', 'waibuyemianguanliyuan', 'tech_service'].includes(
+		store.user.roleCode
+	)
+	console.log(isUpPwds.value, userCode.value)
+	isUpPwds.value = store.user.isUpPwd === 2 ? true : false
+	console.log(isUpPwds.value, 'xiaolu0000222')
 })
-const fromtB =ref({
-  id:'',
-  userId:'',
-  usdObj:'',
-  demand:'',
-  location:'',
-  procureTime:'',
-  remark:'',
-  type:''
+const ailists = ref()
+const culists = ref()
+const itemLists = ref()
+const timeA = ref()
+const timeB = ref()
+
+const value2 = ref('')
+const value3 = ref('')
+const fromtA = ref({
+	number: '',
+	id: '',
+	question1: '',
+	question2: '',
+	question3: '',
+	question4: '',
+	type: ''
+})
+const fromtB = ref({
+	id: '',
+	userId: '',
+	usdObj: '',
+	demand: '',
+	location: '',
+	procureTime: '',
+	remark: '',
+	type: ''
 })
 
-const addClickA=async ()=>{
-  const {question1,question2,question3,question4,type,id,number} =fromtA.value
-  if(type==='edit'){
-  const {code,msg} = await faqWithdraw({addList:[{indexId:1,replyTxt:question1},{indexId:2,replyTxt:question2},{indexId:3,replyTxt:question3},{indexId:4,replyTxt:question4}],id,number})
-    if(code===200){
-      message.info("操作成功！")
-      shormA.value = false
-      boardMsg(1)
-    }
-  else{
-    message.error(msg)
-  }
-  }
-  else{
-    const {code,msg} = await faqAdd({faqList:[{indexId:1,replyTxt:question1},{indexId:2,replyTxt:question2},{indexId:3,replyTxt:question3},{indexId:4,replyTxt:question4}],id,number})
-    if(code===200){
-      message.info("操作成功！")
-      shormA.value = false
-      boardMsg(1)
-    }
-  else{
-    message.error(msg)
-  }
-  }
+const addClickA = async () => {
+	const { question1, question2, question3, question4, type, id, number } =
+		fromtA.value
+	if (type === 'edit') {
+		const { code, msg } = await faqWithdraw({
+			addList: [
+				{ indexId: 1, replyTxt: question1 },
+				{ indexId: 2, replyTxt: question2 },
+				{ indexId: 3, replyTxt: question3 },
+				{ indexId: 4, replyTxt: question4 }
+			],
+			id,
+			number
+		})
+		if (code === 200) {
+			message.info('操作成功！')
+			shormA.value = false
+			boardMsg(1)
+		} else {
+			message.error(msg)
+		}
+	} else {
+		const { code, msg } = await faqAdd({
+			faqList: [
+				{ indexId: 1, replyTxt: question1 },
+				{ indexId: 2, replyTxt: question2 },
+				{ indexId: 3, replyTxt: question3 },
+				{ indexId: 4, replyTxt: question4 }
+			],
+			id,
+			number
+		})
+		if (code === 200) {
+			message.info('操作成功！')
+			shormA.value = false
+			boardMsg(1)
+		} else {
+			message.error(msg)
+		}
+	}
 }
 /**
  * "usdObj": "公司", //适用对象，个人/公司
@@ -108,551 +123,561 @@ const addClickA=async ()=>{
 "procureTime": "2023-07-04", //采购时间
 "remark": "备注"
  */
-const addClickB=async ()=>{
-  const {usdObj,demand,location,procureTime,remark,type} =fromtB.value
-  if(type==='edit'){
-
-  // 留言板-需求依赖-撤回
-    const {code,msg} = await demandWithdraw(fromtB.value)
-    if(code===200){
-      message.info("操作成功！")
-      shormB.value = false
-      boardMsg(1)
-    }
-    else{
-    message.error(msg)
-    }
-  }
-  else{
-      const {code,msg} = await demandAdd({usdObj,demand,location,procureTime,remark})
-      if(code===200){
-        message.info("操作成功！")
-        shormB.value = false
-        boardMsg(1)
-      }
-    else{
-      message.error(msg)
-    }
-  }
+const addClickB = async () => {
+	const { usdObj, demand, location, procureTime, remark, type } = fromtB.value
+	if (type === 'edit') {
+		// 留言板-需求依赖-撤回
+		const { code, msg } = await demandWithdraw(fromtB.value)
+		if (code === 200) {
+			message.info('操作成功！')
+			shormB.value = false
+			boardMsg(1)
+		} else {
+			message.error(msg)
+		}
+	} else {
+		const { code, msg } = await demandAdd({
+			usdObj,
+			demand,
+			location,
+			procureTime,
+			remark
+		})
+		if (code === 200) {
+			message.info('操作成功！')
+			shormB.value = false
+			boardMsg(1)
+		} else {
+			message.error(msg)
+		}
+	}
 }
 
-
-const deleteMSG=async (obj)=>{
-  const {id} = obj
-  if(!id) return
-  console.log(id)
-   const {code,msg} = await faqPageDelete({id})
-  if(code===200){
-    message.info("操作成功！")
-    shormB.value = false
-    boardMsg(1)
-  }
- else{
-  message.error(msg)
- }
+const deleteMSG = async (obj) => {
+	const { id } = obj
+	if (!id) return
+	console.log(id)
+	const { code, msg } = await faqPageDelete({ id })
+	if (code === 200) {
+		message.info('操作成功！')
+		shormB.value = false
+		boardMsg(1)
+	} else {
+		message.error(msg)
+	}
 }
-const deleteMSB=async (obj)=>{
-  const {id} = obj
-  if(!id) return
-  console.log(id)
-   const {code,msg} = await demandDel({id})
-  if(code===200){
-    message.info("操作成功！")
-    shormB.value = false
-    boardMsg(1)
-  }
- else{
-  message.error(msg)
- }
+const deleteMSB = async (obj) => {
+	const { id } = obj
+	if (!id) return
+	console.log(id)
+	const { code, msg } = await demandDel({ id })
+	if (code === 200) {
+		message.info('操作成功！')
+		shormB.value = false
+		boardMsg(1)
+	} else {
+		message.error(msg)
+	}
 }
 
-
 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;
-  if (isUpPwds.value) {
-    ElMessageBox.alert(
-      "为了您的帐号安全,首次登录必须更改初始密码",
-      "重要提醒",
-      {
-        confirmButtonText: "OK",
-        showClose: false,
-        showCancelButton: false,
-      }
-    ).then(() => {
-      push({ name: "modify" });
-    });
-  }
-});
+	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(
+			'为了您的帐号安全,首次登录必须更改初始密码',
+			'重要提醒',
+			{
+				confirmButtonText: 'OK',
+				showClose: false,
+				showCancelButton: false
+			}
+		).then(() => {
+			push({ name: 'modify' })
+		})
+	}
+})
 const handleChange = (e: Event) => {
-  // checkedValue.value = (e.target as HTMLInputElement).value
-};
+	// checkedValue.value = (e.target as HTMLInputElement).value
+}
 const toAdd = () => {
-  if (flgs.value == 1) {
-    // setModule('App_E_Supplier_Demand');
-    shormA.value = true;
-  } 
-  else if (flgs.value == 2) {
-    // setModule('App_E_Supplier_Demand');
-    shormB.value = true;
-
-  }
-  else {
-    // setModule('App_E_Supplier_Trends');
-    not.article.cate = '9'
-    console.log(not.article.cate)
-    // push(`${route.path.replace('/external','')}/info/${n.id}`)
-    push('/external/Board')
-  }
-  console.log(flgs.value, shormA.value, shormB.value);
-};
+	if (flgs.value == 1) {
+		// setModule('App_E_Supplier_Demand');
+		shormA.value = true
+	} else if (flgs.value == 2) {
+		// setModule('App_E_Supplier_Demand');
+		shormB.value = true
+	} else {
+		// setModule('App_E_Supplier_Trends');
+		not.article.cate = '9'
+		console.log(not.article.cate)
+		// push(`${route.path.replace('/external','')}/info/${n.id}`)
+		push('/external/Board')
+	}
+	console.log(flgs.value, shormA.value, shormB.value)
+}
 const close1 = () => {
-  if (flgs.value == 1) {
-    shormA.value = false;
-  } else {
-    shormB.value = false;
-  }
-};
+	if (flgs.value == 1) {
+		shormA.value = false
+	} else {
+		shormB.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 pasr = {
+		pageNum: page,
+		status: 1,
+		source: 1
+	}
+	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 pasr = {
+		pageNum: page,
+		status: 1,
+		source: 1
+	}
+	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;
+	const pasr = {
+		pageNum: page,
+		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;
+	const pasr = {
+		pageNum: page,
+		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,
-  pageSize: 10
-});
+	treeSource: 1,
+	type: 0,
+	pageSize: 10
+})
 // 留言板数据
-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, pageSize } = dataInfo;
-  console.log(dataInfo,"dataInfo");
-  
-  if (treeSource === 3) {
-    const { rows, total } = await trendsPage({ pageNum, pageSize });
-    if (type === 0) {
-      msgList.value = rows;
-    } else {
-      msgList.value.push(...rows);
-    }
-    maxMsgLingth = total / 10;
-    console.log(total, type,"xiaolu11");
-  }
-  else if (treeSource == 1) {
-    const { rows, total } = await faqPage({ pageNum, pageSize });
-    if (type === 0) {
-      // lujinli
-      msgList.value = rows;
-      // 
-      
-      
-    } else {
-      msgList.value.push(...rows);
-    }
-   
-    maxMsgLingth = total / 10;
-    console.log(msgList.value, type,"msgList4234");
+	const pageNum = page
+	const { treeSource, type, pageSize } = dataInfo
+	console.log(dataInfo, 'dataInfo')
 
-  }
-  else {
-    const { rows, total } = await demandPage({ pageNum, pageSize });
-    if (type === 0) {
-      msgList.value = rows;
-    } else {
-      msgList.value.push(...rows);
-    }
-    maxMsgLingth = total / 10;
-    console.log(msgList.value.length, type,"msgList22");
+	if (treeSource === 3) {
+		const { rows, total } = await trendsPage({ pageNum, pageSize })
+		if (type === 0) {
+			msgList.value = rows
+		} else {
+			msgList.value.push(...rows)
+		}
+		maxMsgLingth = total / 10
+		console.log(total, type, 'xiaolu11')
+	} else if (treeSource == 1) {
+		const { rows, total } = await faqPage({ pageNum, pageSize })
+		if (type === 0) {
+			// lujinli
+			msgList.value = rows
+			//
+		} else {
+			msgList.value.push(...rows)
+		}
 
-  }
-  // msgList.value = null lujinli;
+		maxMsgLingth = total / 10
+		console.log(msgList.value, type, 'msgList4234')
+	} else {
+		const { rows, total } = await demandPage({ pageNum, pageSize })
+		if (type === 0) {
+			msgList.value = rows
+		} else {
+			msgList.value.push(...rows)
+		}
+		maxMsgLingth = total / 10
+		console.log(msgList.value.length, type, 'msgList22')
+	}
+	// msgList.value = null lujinli;
 }
-const lazyState = computed(() => [dataInfo.treeSource]);
+const lazyState = computed(() => [dataInfo.treeSource])
 watch(
-  () => unref(lazyState),
-  async (v) => {
-    boardMsg(1);
-  },
-  { immediate: true, deep: true }
-);
+	() => 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;
-  // console.log(codes)
-  const { code } = await report({ moduleCode });
+	const moduleCode = codes
+	// console.log(codes)
+	const { code } = await report({ moduleCode })
 }
 
 //
 const handleVisitsScoll = () => {
-  const container = visitsScoll.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (visitPum < visitLength) {
-        ++visitPum;
-        getPageVisits(visitPum);
-      }
-    }
-  }
-};
+	const container = visitsScoll.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (visitPum < visitLength) {
+				++visitPum
+				getPageVisits(visitPum)
+			}
+		}
+	}
+}
 // 拜访
 const handleInvScoll = () => {
-  const container = invsScoll.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (invPum < invLength) {
-        ++invPum;
-        getPageInvs(invPum);
-      }
-    }
-  }
-};
+	const container = invsScoll.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (invPum < invLength) {
+				++invPum
+				getPageInvs(invPum)
+			}
+		}
+	}
+}
 // 线上调查表滚动
 const handleTabScoll = () => {
-  const container = tabScll.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (tabPume < tabLength) {
-        ++tabPume;
-        pageWork(tabPume);
-      } else console.log(tabPume, tabLength);
-    }
-  }
-};
+	const container = tabScll.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (tabPume < tabLength) {
+				++tabPume
+				pageWork(tabPume)
+			} else console.log(tabPume, tabLength)
+		}
+	}
+}
 
 // 重要通知滚动
 const handlePrScoll = () => {
-  const container = portant.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (prpum < pLenght) {
-        ++prpum;
-        getArticleP(prpum);
-      } else console.log(prpum, pLenght);
-    }
-  }
-};
+	const container = portant.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (prpum < pLenght) {
+				++prpum
+				getArticleP(prpum)
+			} else console.log(prpum, pLenght)
+		}
+	}
+}
 
 // News滚动
 const handleNewScoll = () => {
-  const container = newsSoll.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (newPum < newLength) {
-        ++newPum;
-        getArticle(newPum);
-      } else console.log(newPum, newLength);
-    }
-  }
-};
+	const container = newsSoll.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (newPum < newLength) {
+				++newPum
+				getArticle(newPum)
+			} else console.log(newPum, newLength)
+		}
+	}
+}
 
 // 留言滚动
 const handleMsgScoll = () => {
-  const container = msgScoll.value;
-  if (container) {
-    const isAtBottom =
-      container.scrollHeight - container.scrollTop === container.clientHeight;
-    if (isAtBottom) {
-      if (psgPum < maxMsgLingth) {
-        ++psgPum;
-        dataInfo.type = 1;
-        boardMsg(psgPum);
-      } else console.log(psgPum, maxMsgLingth);
-    }
-  }
-};
+	const container = msgScoll.value
+	if (container) {
+		const isAtBottom =
+			container.scrollHeight - container.scrollTop === container.clientHeight
+		if (isAtBottom) {
+			if (psgPum < maxMsgLingth) {
+				++psgPum
+				dataInfo.type = 1
+				boardMsg(psgPum)
+			} else console.log(psgPum, maxMsgLingth)
+		}
+	}
+}
 
 const toDetail = (n, item) => {
-  console.log("flgs.value", "xiaolu");
+	console.log('flgs.value', 'xiaolu')
 
-  // push(`${route.path}/${item.id}`)
-  // if(n.isSelect===1){
-  if (item === "App_E_Message") {
-    let code 
-    if(flgs.value==1){
-      code = 'App_E_Supplier_Demand'
-    }
-    else if(flgs.value==3){
-      code = 'App_E_Supplier_Trends'
-    }
-    else{
-      code = 'App_E_Supplier_Demand'
-    }
-    setModule(code);
-    push(`/external/infoa/${n.id}/${flgs.value}`);
-  }
-  else {
-    setModule(item);
-    push(`/external/info/${n.id}`);
-  }
+	// push(`${route.path}/${item.id}`)
+	// if(n.isSelect===1){
+	if (item === 'App_E_Message') {
+		let code
+		if (flgs.value == 1) {
+			code = 'App_E_Supplier_Demand'
+		} else if (flgs.value == 3) {
+			code = 'App_E_Supplier_Trends'
+		} else {
+			code = 'App_E_Supplier_Demand'
+		}
+		setModule(code)
+		push(`/external/infoa/${n.id}/${flgs.value}`)
+	} else {
+		setModule(item)
+		push(`/external/info/${n.id}`)
+	}
 
-  // }
-  // else{
-  //   message.info("您没有权限查看！")
-  // }
-};
+	// }
+	// else{
+	//   message.info("您没有权限查看！")
+	// }
+}
 
 const displayDiffValue = (diffValue: number) => {
-  if (diffValue > 0) {
-    return `+${diffValue} %`;
-  } else if (diffValue < 0) {
-    return `-${Math.abs(diffValue)} %`;
-  } else {
-    return `${diffValue} %`;
-  }
-};
+	if (diffValue > 0) {
+		return `+${diffValue} %`
+	} else if (diffValue < 0) {
+		return `-${Math.abs(diffValue)} %`
+	} else {
+		return `${diffValue} %`
+	}
+}
 const toDetail2 = (id: string) => {
-  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);
+	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;
-};
+	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 = "重要通知";
-  }
-  push({ name: "DetailInfoList" });
-};
-const shorm = ref(false);
+	console.log(nb)
+	if (nb === 7) {
+		pages.page.cate = '7'
+		pages.page.title = 'News'
+	} else {
+		pages.page.cate = '8'
+		pages.page.title = '重要通知'
+	}
+	push({ name: 'DetailInfoList' })
+}
+const shorm = ref(false)
 
-
-const openNewWindow=(type,url)=>{
-    setModule(type);
-    if(url==='shorm')
-    {
-      shorm.value = true
-    }
-    else{
-      window.open(url)
-    }
-   
+const openNewWindow = (type, url) => {
+	setModule(type)
+	if (url === 'shorm') {
+		shorm.value = true
+	} else {
+		window.open(url)
+	}
 }
 /**留言板-供应商留言-撤回*/
-const faqWithdraws=async (obj)=>{
-  console.log("2333333");
-  
-  const {id} = obj
-  const {data} = await faqDetail({id})
-  let result = {}
-  if(data&&data.faqList&&data.faqList.length>0){
-      result = data.faqList.reduce((acc, item) => {
-          const key = `question${item.indexId}`;
-          acc[key] = item.replyTxt;
-          return acc;
-      }, {});
-   
-
-
-  }
-
-    result.id = data.id
-    result.number = data.number
-  fromtA.value = result
-  fromtA.value.type = 'edit'
-  console.log(result)
-  shormA.value = true
+const faqWithdraws = async (obj) => {
+	console.log('2333333')
 
+	const { id } = obj
+	const { data } = await faqDetail({ id })
+	let result = {}
+	if (data && data.faqList && data.faqList.length > 0) {
+		result = data.faqList.reduce((acc, item) => {
+			const key = `question${item.indexId}`
+			acc[key] = item.replyTxt
+			return acc
+		}, {})
+	}
 
+	result.id = data.id
+	result.number = data.number
+	fromtA.value = result
+	fromtA.value.type = 'edit'
+	console.log(result)
+	shormA.value = true
 }
 // 留言板-需求依赖-撤回
-const demandWithdraws=async (obj)=>{
-  const {id} = obj
-  const {data} = await  demandDetail({id})
-  console.log(data)
-  fromtB.value = data
-  fromtB.value.type = 'edit'
-  shormB.value=true
-
-
+const demandWithdraws = async (obj) => {
+	const { id } = obj
+	const { data } = await demandDetail({ id })
+	console.log(data)
+	fromtB.value = data
+	fromtB.value.type = 'edit'
+	shormB.value = true
 }
-
 </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>
-      <!-- @dblclick="toggle" -->
-      <img src="@/assets/images/logo.png" class="w197px h44px mt14px" />
-    </div>
-    <div class="beijing absolute flex left-[45%] translate-x-[-50%] top-11 text-[22px] items-center justify-center font-bold">
-      <img src="./images/laba@2x.png" class="w-[48px] h-[45px] mr-4" alt="">
-      <div class="pr-[20px]">
-      11月-12月为测试阶段，网站在此期间会不定期进行更新，给您带来不便，敬请谅解!
-      </div>
-    </div>
-    <div class="main flex-1 rd-32px p30px pt0">
-      <!-- <Home /> -->
-      <!-- <RouterView /> -->
-      <div class="top flex items-center text-20px">
-        <div class="flex-1 font-800 text-30px"></div>
-        <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="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>
+	<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>
+			<!-- @dblclick="toggle" -->
+			<img src="@/assets/images/logo.png" class="w197px h44px mt14px" />
+		</div>
+		<div
+			class="beijing absolute flex left-[45%] translate-x-[-50%] top-11 text-[22px] items-center justify-center font-bold"
+		>
+			<img src="./images/laba@2x.png" class="w-[48px] h-[45px] mr-4" alt="" />
+			<div class="pr-[20px]">
+				11月-12月为测试阶段，网站在此期间会不定期进行更新，给您带来不便，敬请谅解!
+			</div>
+		</div>
+		<div class="main flex-1 rd-32px p30px pt0">
+			<!-- <Home /> -->
+			<!-- <RouterView /> -->
+			<div class="top flex items-center text-20px">
+				<div class="flex-1 font-800 text-30px"></div>
+				<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="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>
 
-          <div class="absolute right-25px top-20px">
-            <!-- <img src="./images/younniu@2x.png"> -->
-            <!-- <el-icon>
+					<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>
+					</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>
 
-              <div class="icons min-w-110px w110px h20px mt15px absolute right-0px top-0">
-                {{ i.createTime.substring(0, 10) }}
-              </div>
-            </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 v-if="portantList" class="text-#808696 truncate-box " v-for="i in 15">
               <div class="truncate">
                 <span class="text-#fff bg-red p5px text-14px rounded-5px mr-5px">置顶</span>
                 <span>FY23第二回合作伙伴会议通知 (7月14日)FY2议通知</span>
@@ -660,201 +685,331 @@ const demandWithdraws=async (obj)=>{
               </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="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>
-          </div>
+					</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>
+					</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
+						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="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">
                 <span class="text-#fff bg-red p5px text-14px rounded-5px mr-5px">置顶</span>
                 <span>FY23第二回合作伙伴会议通知 (7月14日)FY23第二回合作伙伴会议通知 (7月14日)</span>
               </div>
               <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 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="ml35px text-18px">更新时间：{{ timeA }}</span>
+					</div>
+				</div>
+				<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="ml35px text-18px">更新时间：{{ timeA }}</span>
 
-                  <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;
-                      ">
-                      <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' : ''">
-                        <td>{{ it.channel }}</td>
-                        <td>{{ it.negAmount }}</td>
-                        <td  :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">
-                    <thead 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' : ''">
-                        <td>{{ it.channel }}</td>
-                        <td>{{ it.negAmount }}</td>
-                        <td :class="it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'
-                          ">
-                          {{ displayDiffValue(it.diffValue) }}
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <div class="ml10px">
-                  <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">
-                      <thead style="
-                          background-color: #417bef;
-                          color: #fff;
-                          height: 42px;
-                          width: 220px;
-                          border: 1px solid #417bef;
-                        ">
-                        <tr class="h51px">
-                          <th class="w120px">币种</th>
-                          <th>最新</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>
-                          <td>{{ it.negAmount }}</td>
-                          <td :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 class="text-#808696" v-for="(i,ie) in invList " :key="ie">
+									<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;
+											"
+										>
+											<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' : ''"
+											>
+												<td>{{ it.channel }}</td>
+												<td>{{ it.negAmount }}</td>
+												<td
+													: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"
+									>
+										<thead
+											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' : ''"
+											>
+												<td>{{ it.channel }}</td>
+												<td>{{ it.negAmount }}</td>
+												<td
+													:class="
+														it.diffValue < 0 ? 'text-#63BF8D' : 'text-red'
+													"
+												>
+													{{ displayDiffValue(it.diffValue) }}
+												</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="ml10px">
+									<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"
+										>
+											<thead
+												style="
+													background-color: #417bef;
+													color: #fff;
+													height: 42px;
+													width: 220px;
+													border: 1px solid #417bef;
+												"
+											>
+												<tr class="h51px">
+													<th class="w120px">币种</th>
+													<th>最新</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>
+													<td>{{ it.negAmount }}</td>
+													<td
+														: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 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>
                     <span>{{i.title}}</span>
                   </div>
                   <span class="absolute right-0px top-12px">{{i.createTime}}</span>
                 </div> -->
-                <div class="text-#152242">
-                  <div class="truncate2">
-                    <span class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex">1</span>
-                    <span @click="openNewWindow('App_E_Link_GPROC','https://edi.daikin.net.cn:8443/gproc/')" class="text-#142142">
-                     G-PROC
-                      </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  @click="openNewWindow('App_E_Link_DELTA','https://edi.daikin.net.cn')" class="text-#142142">
-                      DELTA</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  @click="openNewWindow('App_E_Link_IDEABOX','https://procurement.daikin.net.cn/ideabox/#/index')" class="text-#142142">
-                      IDEABOX</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  @click="openNewWindow('App_E_Link_DaiKin_Site','https://www.daikin-china.com.cn/')" class="text-#142142">
-                  
-                        大金空调官方网站</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  @click="openNewWindow('App_E_Link_DaiKin_CAN','shorm')" class="text-#142142">
-                      <a  target="_blank" style="color: inherit">大金空调中国相关</a></span>
-                  </div>
-                </div>
-              </div>
-            </div>
+								<div class="text-#152242">
+									<div class="truncate2">
+										<span
+											class="text-#fff bg-#407DF1 px5px text-18px rounded-20px mr-5px inlineFlex"
+											>1</span
+										>
+										<span
+											@click="
+												openNewWindow(
+													'App_E_Link_GPROC',
+													'https://edi.daikin.net.cn:8443/gproc/'
+												)
+											"
+											class="text-#142142"
+										>
+											G-PROC
+										</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
+											@click="
+												openNewWindow(
+													'App_E_Link_DELTA',
+													'https://edi.daikin.net.cn'
+												)
+											"
+											class="text-#142142"
+										>
+											DELTA</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
+											@click="
+												openNewWindow(
+													'App_E_Link_IDEABOX',
+													'https://procurement.daikin.net.cn/ideabox/#/index'
+												)
+											"
+											class="text-#142142"
+										>
+											IDEABOX</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
+											@click="
+												openNewWindow(
+													'App_E_Link_DaiKin_Site',
+													'https://www.daikin-china.com.cn/'
+												)
+											"
+											class="text-#142142"
+										>
+											大金空调官方网站</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
+											@click="openNewWindow('App_E_Link_DaiKin_CAN', 'shorm')"
+											class="text-#142142"
+										>
+											<a target="_blank" style="color: inherit"
+												>大金空调中国相关</a
+											></span
+										>
+									</div>
+								</div>
+							</div>
+						</div>
 
-            <!-- <div>
+						<!-- <div>
               <div ref="visitsScoll" class="cards_title w100% !mt--10px">拜访</div>
               <div class="p20px h130px w100% cent_box overflow-y-auto">
                 <div class="text-#808696  w515px" v-for="(i,ie) in visitList"  :key="ie">
@@ -866,18 +1021,25 @@ const demandWithdraws=async (obj)=>{
                 </div>
               </div>
             </div> -->
-          </div>
-          <div class="cards w560px h385px">
-            <div class="cards_title">线上调查表</div>
-            <div class="!text-18px right20 pt30px text-#4E7EE8">
-              <a @click="openNewWindow('App_E_mdy','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
+					</div>
+					<div class="cards w560px h385px">
+						<div class="cards_title">线上调查表</div>
+						<div class="!text-18px right20 pt30px text-#4E7EE8">
+							<a
+								@click="
+									openNewWindow(
+										'App_E_mdy',
+										'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
                 class=" text-center  mt23px text-18px  w515px h300px  text-#152242">
                 <thead
                   style="background-color: #417BEF;color: #fff; ">
@@ -903,576 +1065,812 @@ const demandWithdraws=async (obj)=>{
               </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>
-            </div>
-          </div>
-          <div class="cards w560px h385px" style="height: ">
-            <div class="cards_title">留言板</div>
-            <!-- toDetail2(9) -->
-            <div @click="toAdd" class="cards_title0 rounded-[6px] cursor-pointer flex justify-center items-center mt-[20px] mr-[18px]" style="color: #417BEF; font-weight: normal; font-size: 16px; border: #417BEF 2px solid; height: 30px;width: 70px;">+ 新增</div>
-            <!-- <el-button type="primary" class="mt15px mr20px" @click="toAdd">+ 新增</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 === 3 ? 'onStyle' : ''"
+							<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>
+						<!-- toDetail2(9) -->
+						<div
+							@click="toAdd"
+							class="cards_title0 rounded-[6px] cursor-pointer flex justify-center items-center mt-[20px] mr-[18px]"
+							style="
+								color: #417bef;
+								font-weight: normal;
+								font-size: 16px;
+								border: #417bef 2px solid;
+								height: 30px;
+								width: 70px;
+							"
+						>
+							+ 新增
+						</div>
+						<!-- <el-button type="primary" class="mt15px mr20px" @click="toAdd">+ 新增</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 === 3 ? 'onStyle' : ''"
                 @click="cardsClick(3)">供方动态</div> -->
-              <div class="flex-1" :class="flgs === 1 ? 'onStyle' : ''" @click="cardsClick(1)"
-              style="border-radius: 15px 0 0 15px;" > 供应商留言 </div>
-              <div class="flex-1" :class="flgs === 2 ? 'onStyle' : ''" @click="cardsClick(2)"
-                style="border-radius: 0 15px 15px 0"> 空调需求依赖</div>
+							<div
+								class="flex-1"
+								:class="flgs === 1 ? 'onStyle' : ''"
+								@click="cardsClick(1)"
+								style="border-radius: 15px 0 0 15px"
+							>
+								供应商留言
+							</div>
+							<div
+								class="flex-1"
+								:class="flgs === 2 ? 'onStyle' : ''"
+								@click="cardsClick(2)"
+								style="border-radius: 0 15px 15px 0"
+							>
+								空调需求依赖
+							</div>
+						</div>
+						<div class="text-#2c7af7 px-30px text-18px leading-25px">
+							{{
+								flgs === 1
+									? '如您有任何想要向上海大金调达本部留言的内容，请点击右上角“新增”进行留言'
+									: '如您有大金空调相关购买需求，欢迎您点击右上角“新增”按钮向我们提出'
+							}}
+						</div>
+						<div ref="msgScoll" class="px20px h220px cent_box overflow-y-auto">
+							<div
+								v-if="msgList?.length"
+								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
+									>
+									<!-- lujinli -->
+									<span v-if="flgs == 1" class="text-18px">{{ i.number }}</span>
+									<span v-if="flgs == 2" class="text-18px">{{
+										i.demand +
+										' ' +
+										i.location +
+										' ' +
+										i.remark +
+										': ' +
+										i.usdObj
+									}}</span>
+									<span v-if="flgs == 3" class="text-18px">{{ i.title }}</span>
+								</div>
+								<div class="flex">
+									<span
+										class="text-18px ml-25px !p-0 truncate2 min-w-490px !max-w-490px block !overflow-unset"
+										v-if="i.chatVOList && i.chatVOList.length > 0"
+										:title="i.chatVOList[0].content"
+									>
+										<span
+											class="bg-#9DBDFF text-#fff block w-100px float-left py5px pl-5px leftStyle"
+											style="border-radius: 10px 0 0 10px"
+											>大金回复：</span
+										>
+										<span
+											class="bg-#EFF4FF !text-#247bd7 truncate2 min-w-390px !max-w-390px block float-left !pl-5px"
+											style="border-radius: 0 10px 10px 0"
+											>{{ i.chatVOList[0].content }}
+										</span>
+									</span>
+									<!-- <span  class="pt13px" v-if="i.chatVOList && i.chatVOList.length > 0">{{i.chatVOList[0].createTime}}</span> -->
+								</div>
 
-            </div>
-            <div class="text-#2c7af7 px-30px text-18px leading-25px">
-              {{flgs===1?'如您有任何想要向上海大金调达本部留言的内容，请点击右上角“新增”进行留言':'如您有大金空调相关购买需求，欢迎您点击右上角“新增”按钮向我们提出'}}
-            </div>
-            <div ref="msgScoll" class="px20px h220px cent_box overflow-y-auto">
-              <div v-if="msgList?.length" 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>
-                  <!-- lujinli -->
-                  <span v-if="flgs == 1 " class="text-18px">{{i.number }}</span>
-                  <span v-if="flgs == 2 " class="text-18px">{{ i.demand + ' ' + i.location + ' ' + i.remark + ': ' + i.usdObj }}</span>
-                  <span v-if="flgs == 3" class="text-18px">{{ i.title }}</span>
-                </div>
-                <div class="flex" >
-                  <span class="text-18px ml-25px !p-0  truncate2 min-w-490px !max-w-490px block  !overflow-unset"
-                  v-if="i.chatVOList && i.chatVOList.length > 0" :title=" i.chatVOList[0].content">
-                  <span class="bg-#9DBDFF text-#fff block w-100px  float-left py5px pl-5px leftStyle"  style="border-radius: 10px 0 0 10px ;">大金回复：</span>
-                 <span class="bg-#EFF4FF !text-#247bd7 truncate2 min-w-390px !max-w-390px block float-left !pl-5px" style="border-radius: 0 10px 10px 0;">{{ i.chatVOList[0].content }} </span>
-                </span>
-                  <!-- <span  class="pt13px" v-if="i.chatVOList && i.chatVOList.length > 0">{{i.chatVOList[0].createTime}}</span> -->
-                </div>
-              
-                <span v-if="flgs == 1" class="absolute right-40px top-10px">   {{ i.createTime}} </span>
-                <div class="absolute right-0px top-5px bg-#9A9A9A rd-10px   px-5px flex"   v-if="flgs == 1 && msgList !== null">
-                  <!-- <img  src="./images/chex@2x.png" alt="" class="w-28px py-5px px-5px"  @click="faqWithdraws(i)">
+								<span v-if="flgs == 1" class="absolute right-40px top-10px">
+									{{ i.createTime }}
+								</span>
+								<div
+									class="absolute right-0px top-5px bg-#9A9A9A rd-10px px-5px flex"
+									v-if="flgs == 1 && msgList !== null"
+								>
+									<!-- <img  src="./images/chex@2x.png" alt="" class="w-28px py-5px px-5px"  @click="faqWithdraws(i)">
                   <span class="block w-1px bg-#fff"></span> -->
-                  <img src="./images/sahcc@2x.png" alt=""  class="w-26px py-5px px-5px" @click="deleteMSG(i)">
-                </div>
-                <span v-if="flgs == 3" class="absolute right-0px top-18px">{{ i.createTime }}</span>
-                <span v-if="flgs == 2" class="absolute right-80px top-10px">{{ i.procureTime }}</span>
-                <div class="absolute right-0px top-5px bg-#9A9A9A rd-10px   px-5px flex"   v-if="flgs == 2">
-                  <!-- <img  src="./images/chex@2x.png" alt="" class="w-28px py-5px px-5px"  @click="demandWithdraws(i)">
+									<img
+										src="./images/sahcc@2x.png"
+										alt=""
+										class="w-26px py-5px px-5px"
+										@click="deleteMSG(i)"
+									/>
+								</div>
+								<span v-if="flgs == 3" class="absolute right-0px top-18px">{{
+									i.createTime
+								}}</span>
+								<span v-if="flgs == 2" class="absolute right-80px top-10px">{{
+									i.procureTime
+								}}</span>
+								<div
+									class="absolute right-0px top-5px bg-#9A9A9A rd-10px px-5px flex"
+									v-if="flgs == 2"
+								>
+									<!-- <img  src="./images/chex@2x.png" alt="" class="w-28px py-5px px-5px"  @click="demandWithdraws(i)">
                   <span class="block w-1px bg-#fff"></span> -->
-                  <img src="./images/sahcc@2x.png" alt=""  class="w-26px py-5px px-5px" @click="deleteMSB(i)">
-                </div>
-              </div>
-              <div v-if="!msgList?.length" class="text-#808696 w515px" >
-                <div>
-                  <!-- lujinli -->
-                  <span v-if="flgs == 1" class="text-18px" style="margin-left: 40%;display: flex; " >
-                    <div  v-if="!userCode" class="flex items-center justify-center flex-col">
-                      <img src="./images/zanwly.png" alt=""  style="margin-right: 50px;">
-                      <span style="display: flex;margin: 5px auto;color: #DDE5FD">暂无提供方留言</span>
-                    </div>
-                    <div v-else class="flex items-center justify-center flex-col">
-                      <img src="./images/zanwly2.png" alt="" >
-                      <span style="display: flex;margin: 5px auto;color: #DDE5FD">您暂未留言</span>
-                    </div>
-                  </span>
-                  <span v-if="flgs == 2" class="text-18px" style="margin-left: 40%;display: flex; " >
-                    <div  v-if="!userCode" class="flex items-center justify-center flex-col">
-                      <img src="./images/zanwly.png" alt=""  style="margin-right: 50px;">
-                      <span style="display: flex;margin: 5px auto;color: #DDE5FD">暂无提供方留言</span>
-                    </div>
-                    <div v-else class="flex items-center justify-center flex-col">
-                      <img src="./images/zanwly2.png" alt="" >
-                      <span style="display: flex;margin: 5px auto;color: #DDE5FD">您暂未留言</span>
-                    </div>
-                  </span>
-                </div>
-                
-                
-              </div>
-            </div>
-          </div>
+									<img
+										src="./images/sahcc@2x.png"
+										alt=""
+										class="w-26px py-5px px-5px"
+										@click="deleteMSB(i)"
+									/>
+								</div>
+							</div>
+							<div v-if="!msgList?.length" class="text-#808696 w515px">
+								<div>
+									<!-- lujinli -->
+									<span
+										v-if="flgs == 1"
+										class="text-18px"
+										style="margin-left: 40%; display: flex"
+									>
+										<div
+											v-if="userCode"
+											class="flex items-center justify-center flex-col"
+										>
+											<img
+												src="./images/zanwly.png"
+												alt=""
+												style="margin-right: 50px"
+											/>
+											<p
+												style="text-align: center; color: #dde5fd"
+												>暂无供方留言</p
+											>
+										</div>
+										<div
+											v-else
+											class="flex items-center justify-center flex-col"
+										>
+											<img src="./images/zanwly2.png" alt="" />
+											<span
+												style="display: flex; margin: 5px auto; color: #dde5fd"
+												>您暂未留言</span
+											>
+										</div>
+									</span>
+									<span
+										v-if="flgs == 2"
+										class="text-18px"
+										style="margin-left: 40%; display: flex"
+									>
+										<div
+											v-if="userCode"
+											class="flex items-center justify-center flex-col"
+										>
+											<img
+												src="./images/zanwly.png"
+												alt=""
+												style="margin-right: 50px"
+											/>
+											<span
+												style="display: flex; margin: 5px auto; color: #dde5fd"
+												>暂无提供方留言</span
+											>
+										</div>
+										<div
+											v-else
+											class="flex items-center justify-center flex-col"
+										>
+											<img src="./images/zanwly2.png" alt="" />
+											<span
+												style="display: flex; margin: 5px auto; color: #dde5fd"
+												>您暂未留言</span
+											>
+										</div>
+									</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 
-        </div>
-      </div>
-    </div>
-  </div>
+	<n-modal
+		v-model:show="shormA"
+		class="w-940px h740px rd-20px relative bg-#fff"
+	>
+		<div>
+			<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">
+				<div
+					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>
+				</div>
+			</div>
+			<!-- 内容区 -->
+			<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-input v-model="fromtA.question1" style="height: 36px" />
+				</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="fromtA.question2" 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="fromtA.question3" 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="fromtA.question4" 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="shormA = 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="addClickA"
+					>
+						<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>
+		</div>
+	</n-modal>
 
-  <n-modal v-model:show="shormA"  class="w-940px h740px rd-20px relative bg-#fff">
-    <div>
-      <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">
-                  <div 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>
-                  </div>
-                </div>
-              <!-- 内容区 -->
-              <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-input v-model="fromtA.question1" style="height: 36px" />
-                 
-                </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="fromtA.question2" 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="fromtA.question3" 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="fromtA.question4" 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="shormA = 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="addClickA">
-                    <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>
-    </div>
-                
-  </n-modal>
+	<n-modal
+		v-model:show="shormB"
+		:mask-closable="false"
+		style="
+			width: 939.99px;
+			height: 740px;
+			border-radius: 20px 20px 20px 20px;
+			background: #ffffff;
+			position: relative;
+		"
+	>
+		<div>
+			<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">
+				<div
+					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>
+				</div>
+			</div>
+			<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="fromtB.usdObj" 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="fromtB.demand" 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="fromtB.location" 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="fromtB.procureTime" 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="fromtB.remark" 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="shormB = 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="addClickB"
+					>
+						<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>
+		</div>
+	</n-modal>
 
- <n-modal v-model:show="shormB" :mask-closable="false" style="
-              width: 939.99px;
-              height: 740px;
-              border-radius: 20px 20px 20px 20px;
-              background: #ffffff;
-              position: relative;
-            ">
-               <div>
-                <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">
-                  <div 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>
-                  </div>
-                </div>
-              <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="fromtB.usdObj" 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="fromtB.demand" 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="fromtB.location" 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="fromtB.procureTime" 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="fromtB.remark" 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="shormB=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="addClickB">
-                    <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>
-               </div>
-          </n-modal>
-  
- <n-modal 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;
-        ">
-        大金空调中国相关
-        <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>
-        </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>
-        </div>
-      </div>
-    </div>
-  </n-modal>
-  
+	<n-modal 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;
+				"
+			>
+				大金空调中国相关
+				<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>
+				</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>
+				</div>
+			</div>
+		</div>
+	</n-modal>
 </template>
 
 <style scoped lang="less">
-.beijing{
-  background-image: url("./images/beij.png");
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  // width: 100%;
-  height: 50px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: absolute;
-  z-index: -1;
+.beijing {
+	background-image: url('./images/beij.png');
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+	// width: 100%;
+	height: 50px;
+	padding-left: 10px;
+	padding-right: 10px;
+	position: absolute;
+	z-index: -1;
 }
 .onStyle {
-  background: #2c7af7;
-  color: #fff;
+	background: #2c7af7;
+	color: #fff;
 }
-.leftStyle{
-  position: relative;
+.leftStyle {
+	position: relative;
 }
-.leftStyle::after{
-  content: "";
-  position: absolute;
-  top: -9px;
-  left: 50%; /* 居中 */
-  transform: translateX(-50%);
-  border-left: 9px solid transparent; /* 左侧边的宽度，可以调整大小 */
-  border-right:9px solid transparent; /* 右侧边的宽度，保持与左侧一致 */
-  border-bottom: 10px solid #9DBDFF; 
+.leftStyle::after {
+	content: '';
+	position: absolute;
+	top: -9px;
+	left: 50%; /* 居中 */
+	transform: translateX(-50%);
+	border-left: 9px solid transparent; /* 左侧边的宽度，可以调整大小 */
+	border-right: 9px solid transparent; /* 右侧边的宽度，保持与左侧一致 */
+	border-bottom: 10px solid #9dbdff;
 }
 .cards_liuyan {
-  div {
-    border: 1px solid #2c7af7;
-    padding: 5px 0;
-  }
+	div {
+		border: 1px solid #2c7af7;
+		padding: 5px 0;
+	}
 }
 
 .inlineFlex {
-  display: inline-flex;
-  width: 25px;
-  height: 25px;
-  line-height: 25px;
-  align-items: center;
-  justify-content: center;
+	display: inline-flex;
+	width: 25px;
+	height: 25px;
+	line-height: 25px;
+	align-items: center;
+	justify-content: center;
 }
 
 // .icons {
@@ -1481,195 +1879,196 @@ const demandWithdraws=async (obj)=>{
 // }
 
 .bk-tuann {
-  background: url("./images/tuann.png");
-  background-position: right bottom;
-  background-repeat: no-repeat;
-  background-size: 207px 180px;
+	background: url('./images/tuann.png');
+	background-position: right bottom;
+	background-repeat: no-repeat;
+	background-size: 207px 180px;
 }
 
 ::-webkit-scrollbar {
-  width: 1px;
+	width: 1px;
 }
 
 .truncate2 {
-  max-width: 370px;
-  overflow: hidden;
-  padding: 5px 0;
-  line-height: 30px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #142142;
-  cursor: pointer;
+	max-width: 370px;
+	overflow: hidden;
+	padding: 5px 0;
+	line-height: 30px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: #142142;
+	cursor: pointer;
 
-  a {
-    text-decoration: none;
-  }
+	a {
+		text-decoration: none;
+	}
 }
 
 .truncate {
-  max-width: 395px;
-  min-width: 100px;
-  overflow: hidden;
-  padding: 10px 0 10px 10px;
-  line-height: 30px;
+	max-width: 395px;
+	min-width: 100px;
+	overflow: hidden;
+	padding: 10px 0 10px 10px;
+	line-height: 30px;
 
-  text-overflow: ellipsis;
-  white-space: nowrap;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .badge-new {
-  // width: 40px;
-  height: 20px;
+	// width: 40px;
+	height: 20px;
 }
 
 .truncate-box {
-  width: 575px;
-  overflow: hidden;
-  height: 50px;
-  margin: 10px 0;
-  background: #f9f9f9;
-  cursor: pointer;
+	width: 575px;
+	overflow: hidden;
+	height: 50px;
+	margin: 10px 0;
+	background: #f9f9f9;
+	cursor: pointer;
 }
 
 .badge-24 {
-  box-sizing: border-box;
-  height: 24px;
-  display: inline-block;
-  line-height: 24px;
-  padding: 0 5px;
+	box-sizing: border-box;
+	height: 24px;
+	display: inline-block;
+	line-height: 24px;
+	padding: 0 5px;
 }
 
 .truncate-box:hover {
-  background-color: #2c7af7;
-  color: #fff;
-  border-radius: 5px;
+	background-color: #2c7af7;
+	color: #fff;
+	border-radius: 5px;
 
-  // .icons {
-  //   background: url('./images/wjt2@2x.png');
-  //   background-repeat: round;
-  // }
+	// .icons {
+	//   background: url('./images/wjt2@2x.png');
+	//   background-repeat: round;
+	// }
 }
 
 .cards_nav {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 276px;
-  height: 66px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 276px;
+	height: 66px;
 
-  background-position: top right;
-  background-repeat: no-repeat;
-  background-size: contain;
+	background-position: top right;
+	background-repeat: no-repeat;
+	background-size: contain;
 
-  font-size: 20px;
-  color: #fff;
+	font-size: 20px;
+	color: #fff;
 
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  padding-left: 38px;
-  padding-right: 22px;
-  padding-bottom: 20px;
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-end;
+	padding-left: 38px;
+	padding-right: 22px;
+	padding-bottom: 20px;
 }
 
 .cards_nav2 {
-  background-image: url("@/assets/images/youj@2x.png");
+	background-image: url('@/assets/images/youj@2x.png');
 }
 
 .cards_title {
-  flex-shrink: 0;
-  font-size: 28px;
-  color: #142142;
-  padding: 20px;
-  font-weight: bold;
-  padding-bottom: 0;
+	flex-shrink: 0;
+	font-size: 28px;
+	color: #142142;
+	padding: 20px;
+	font-weight: bold;
+	padding-bottom: 0;
 }
 
 .icoT {
-  padding: 5px;
-  color: #fff;
-  background-color: #002aae;
-  border-radius: 5px;
-  font-size: 16px;
+	padding: 5px;
+	color: #fff;
+	background-color: #002aae;
+	border-radius: 5px;
+	font-size: 16px;
 }
 
 .cards {
-  border-radius: 18px;
-  // overflow: hidden;
-  background-color: #fff;
-  box-shadow: 1px 2px 12px rgba(14, 86, 221, 0.32);
-  display: flex;
-  // flex-direction: column;
-  flex-wrap: wrap;
-  align-content: space-between;
-  justify-content: space-between;
+	border-radius: 18px;
+	// overflow: hidden;
+	background-color: #fff;
+	box-shadow: 1px 2px 12px rgba(14, 86, 221, 0.32);
+	display: flex;
+	// flex-direction: column;
+	flex-wrap: wrap;
+	align-content: space-between;
+	justify-content: space-between;
 
-  &::after {
-    content: " ";
-    background-image: url("@/assets/images/bg-card.svg");
-    pointer-events: none;
-    display: block;
-    width: 100%;
-    height: 127px;
-    background-size: cover;
-    position: absolute;
-    left: 0;
-    top: -1px;
-  }
+	&::after {
+		content: ' ';
+		background-image: url('@/assets/images/bg-card.svg');
+		pointer-events: none;
+		display: block;
+		width: 100%;
+		height: 127px;
+		background-size: cover;
+		position: absolute;
+		left: 0;
+		top: -1px;
+	}
 }
 
 .top {
-  position: absolute;
-  right: 30px;
-  top: -72px;
+	position: absolute;
+	right: 30px;
+	top: -72px;
 }
 
 .page {
-  font-family: "PingFang SC";
-  user-select: none;
+	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;
+	// 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;
+	line-height: 1;
 }
 
 .main {
-  background-image: url("@/assets/images/bg-rs-main.svg");
-  background-position: 0 0;
-  background-repeat: repeat-x;
-  background-size: auto;
+	background-image: url('@/assets/images/bg-rs-main.svg');
+	background-position: 0 0;
+	background-repeat: repeat-x;
+	background-size: auto;
 }
 
 .right20 {
-  margin-right: 20px;
+	margin-right: 20px;
 }
 
 .page-wrapper {
-  .cards {
-    &::after {
-      content: " ";
-      // background-image: url('@/assets/images/bg-cards.svg');
-      pointer-events: none;
-      display: block;
-      width: 100%;
-      height: 127px;
-      background-size: cover;
-      position: absolute;
-      left: 0;
-      top: -1px;
-    }
+	.cards {
+		&::after {
+			content: ' ';
+			// background-image: url('@/assets/images/bg-cards.svg');
+			pointer-events: none;
+			display: block;
+			width: 100%;
+			height: 127px;
+			background-size: cover;
+			position: absolute;
+			left: 0;
+			top: -1px;
+		}
 
-    .cards_title {
-      flex-shrink: 0;
-      font-size: 28px;
-      color: #142142;
-      padding: 20px;
-      padding-bottom: 0;
-    }
-  }
-}</style>
+		.cards_title {
+			flex-shrink: 0;
+			font-size: 28px;
+			color: #142142;
+			padding: 20px;
+			padding-bottom: 0;
+		}
+	}
+}
+</style>
diff --git a/src/views/home/database/Process.vue b/src/views/home/database/Process.vue
index 95cbd9b..12d52cf 100755
--- a/src/views/home/database/Process.vue
+++ b/src/views/home/database/Process.vue
@@ -22,6 +22,7 @@ const store = noticeld()
 const store2 = useUserStore()
 const user: any = store2.user
 const header = { token: user.token }
+console.log('🚀 ~ file: Process.vue:25 ~ user:', user)
 const { push } = useRouter()
 const database = databaseld()
 const route = useRoute()
diff --git a/src/views/home/footprint/index.vue b/src/views/home/footprint/index.vue
index 9dc4fd5..b4f3267 100755
--- a/src/views/home/footprint/index.vue
+++ b/src/views/home/footprint/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import HomeHead from '@/views/home/components/HomeHead.vue'
+import UserList from '@/views/home/intelligence/process/UserPages.vue'
 import {
 	timeStat,
 	externalTimeStat,
@@ -11,6 +12,7 @@ import { formatDate } from '@/utils/format'
 import { Chart1 } from './indexData'
 import zhCn from 'element-plus/lib/locale/lang/zh-cn'
 import { Search } from '@element-plus/icons-vue'
+import {  NModal } from 'naive-ui'
 const currentDate = new Date()
 const currentDates = new Date()
 const value1 = ref<[Date, Date]>([
@@ -128,6 +130,10 @@ const getExternalTimeStat = async () => {
 		}
 	)
 	chartOption2.value = Chart1(xAxisData, siomesData)
+	console.log(
+		'🚀 ~ file: index.vue:131 ~ Chart1(xAxisData, siomesData):',
+		Chart1(xAxisData, siomesData)
+	)
 	// chartOption2.value.height=3000
 	// chartOption2.value.width=1000
 }
@@ -230,6 +236,105 @@ const handleClick = ({ paneName }: any) => {
 }
 
 const selValue = ref('')
+
+const echartsItemColor = [
+	'#2ec7c9',
+	'#b6a2de',
+	'#5ab1ef',
+	'#ffb980',
+	'#d87a80',
+	'#8d98b3',
+	'#e5cf0d',
+	'#97b552',
+	'#95706d',
+	'#dc69aa',
+	'#07a2a4',
+	'#9a7fd1',
+	'#588dd5',
+	'#f5994e',
+	'#c05050',
+	'#59678c',
+	'#c9ab00',
+	'#7eb00a',
+	'#6f5553',
+	'#c14089'
+]
+const barOption = {
+	width: '100%',
+	height: '100%',
+	grid: {
+		top: 0,
+		left: 10,
+		right: 5,
+		bottom: 10,
+		containLabel: true
+	},
+	yAxis: {
+		data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','hour','month','year'],
+		axisLabel: {
+			show: false, // 隐藏原始的 x 轴标签
+			interval: 0,
+		}
+	},
+	xAxis: {
+			type: 'value'
+		},
+	label: {
+		show: true,
+		position: 'inside',
+		align: 'center',
+		color: '#333', // 标签文本颜色
+		fontSize: 14, // 标签文本字号
+		formatter: function (value: any) {
+			// console.log(value);
+			return value.name + ' ' + value.value
+		},
+		rotate: 0
+	},
+	tooltip: {
+		trigger: 'axis',
+		axisPointer: {
+			type: 'shadow'
+		},
+		formatter: function ([params]: any) {
+			const title = `<p>${params.name}</p>`
+			const colorDot =
+				'<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:' +
+				params.color +
+				'"></span>'
+			return title + colorDot + params.value
+		}
+	},
+	series: [
+		{
+			data: [120, 200, 150, 80, 70, 110, 130,123,50,80],
+			type: 'bar',
+			itemStyle: {
+				color: function (params: any) {
+					return echartsItemColor[params.dataIndex]
+				}
+			}
+		}
+	]
+}
+const showModal = ref(false)
+const setUserList = ref<any>([])
+
+const handleChild = async (data: any) => {
+	const { showModal: show, multipleSelection } = data
+	showModal.value = unref(show) || false
+	let userIdList: any[] = []
+	multipleSelection.value.forEach((i: { userId: any }) => {
+		userIdList.push(i.userId)
+	})
+	console.log("🚀 ~ file: index.vue:328 ~ userIdList:", userIdList)
+}
+const CloseThiss = (data?: boolean) => {
+	showModal.value = data || false
+	// setUserList.value = []
+}
+
+const isDev = false
 </script>
 
 <template>
@@ -341,39 +446,102 @@ const selValue = ref('')
 		</div>
 		<el-tabs class="mt-20px" v-model="activeName" @tab-click="handleClick">
 			<el-tab-pane label="本部足迹" name="inside">
-				<div class="mt20px w-full">
-					<span
-						class="cardfoot text-#000 p30px mx10px my10px text-center text-18px font-bold"
-						v-if="dataList"
-						v-for="i in dataList"
-					>
-						<span>{{ i.moduleName }}</span
-						><br />
-						<br />
-						<span class="mt10px">{{ i.visitCount }}</span>
-					</span>
-				</div>
+				<div class="overflow-auto h-720px">
+					<div class="mt20px w-full">
+						<span
+							class="cardfoot text-#000 p30px mx10px my10px text-center text-18px font-bold"
+							v-if="dataList"
+							v-for="i in dataList"
+						>
+							<span>{{ i.moduleName }}</span
+							><br />
+							<br />
+							<span class="mt10px">{{ i.visitCount }}</span>
+						</span>
+					</div>
 
-				<div class="mt10px w-full">
+					<!-- <div class="mt10px w-full"> -->
 					<!-- <div class="relative w-full h-50px flex">
-                        <el-button :type="primarys == 2 ? 'primary' : ''" :icon="Search" class="!ml30px mt--5px"
-                            @click="clickButtons(2)">本周</el-button>
-                        <el-button :type="primarys == 3 ? 'primary' : ''" :icon="Search" class="!ml30px mt--5px"
-                            @click="clickButtons(3)">本月</el-button>
-                        <div class="absolute right-60px w300px ">
-                            <el-config-provider :locale="zhCn">
-                                <el-date-picker v-model="value2" type="daterange" range-separator="-" start-placeholder="开始时间"
-                                    end-placeholder="结束时间" size="small" @change="timenFirsts" />
-                            </el-config-provider>
-                        </div>
-                    </div> -->
-					<div class="w-full h-400px">
+	                        <el-button :type="primarys == 2 ? 'primary' : ''" :icon="Search" class="!ml30px mt--5px"
+	                            @click="clickButtons(2)">本周</el-button>
+	                        <el-button :type="primarys == 3 ? 'primary' : ''" :icon="Search" class="!ml30px mt--5px"
+	                            @click="clickButtons(3)">本月</el-button>
+	                        <div class="absolute right-60px w300px ">
+	                            <el-config-provider :locale="zhCn">
+	                                <el-date-picker v-model="value2" type="daterange" range-separator="-" start-placeholder="开始时间"
+	                                    end-placeholder="结束时间" size="small" @change="timenFirsts" />
+	                            </el-config-provider>
+	                        </div>
+	                    </div> -->
+					<div class="w-full h-400px mt-10px">
 						<VChart key="yyy" ref="chartRef1" :option="chartOption1" />
 					</div>
+					<div class="mt-30px">
+					<div class="flex items-center" v-if="isDev">
+						<span class="text-#000 mr-10px">模块: </span>
+						<el-select
+							v-model="moduleCode"
+							placeholder="选择模块"
+							clearable
+						>
+							<el-option
+								v-for="item in externalList"
+								:key="item.id"
+								:label="item.moduleName"
+								:value="item.moduleCode"
+							/>
+						</el-select>
+						<el-button
+							type="primary"
+							:icon="Search"
+							size="small"
+							class="ml20px"
+							@click="handleClick({ paneName: activeName })"
+							>搜索</el-button
+						>
+						<el-button
+							type="primary"
+							:icon="Search"
+							size="small"
+							class="ml20px"
+							@click="showModal = true"
+							>部长以上人员足迹</el-button
+						>
+					</div>
+						<div class="pb-14px" v-if="isDev">
+							<div class=" flex flex-wrap mb-30px" >
+								<div
+									class=" m-4 flex items-center justify-between w-45% h-full"
+									v-for="i in 10"
+									:key="i"
+								>
+									<div class="flex items-center text-#000 text-22px">
+										<p class="text-bold text-40px">{{ i }}TH</p>
+										<div class="mx-10px flex-col items-center">
+											<img src="@/views/extermal/images/zanwly2.png" alt="" />
+											<p class="text-center mt-10">测试 {{ i }}</p>
+										</div>
+									</div>
+									<VChart class="h-300px w-65% pb-10px ml-auto" key="yyy1" :option="barOption" />
+								</div>
+							</div>
+							<div class="absolute bottom-2px right-30px z-20 bg-#fff">
+								<el-pagination
+									v-model:current-page="pageInfo.currentPage"
+									v-model:page-size="pageInfo.pageSize"
+									layout="prev, pager, next, jumper"
+									:total="pageInfo.total"
+									@size-change="getInsideListPage"
+									@current-change="getInsideListPage"
+								/>
+							</div>
+						</div>
+					</div>
+					<!-- </div> -->
 				</div>
 			</el-tab-pane>
 			<el-tab-pane label="本部足迹-明细" name="inside-detail">
-				<div v-if="activeName === 'inside-detail'" class="h-720px">
+				<div v-show="activeName === 'inside-detail'" class="h-720px">
 					<div class="w100% h-full overflow-auto">
 						<el-table
 							:data="inseideDetail"
@@ -509,6 +677,13 @@ const selValue = ref('')
 			</div>
 		</div>
 	</div>
+	<n-modal v-model:show="showModal">
+			<UserList
+				:userDataList="setUserList"
+				@clickChild="handleChild"
+				@CloseThis="CloseThiss"
+			/>
+		</n-modal>
 </template>
 
 <style lang="less" scoped>