From 6bc32c75a287256054880e04c2f6d0672ec8c455 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Sun, 19 Nov 2023 09:28:46 +0800
Subject: [PATCH] 2023-11-19

---
 src/api/gd36524/allData.js                    |   66 +
 src/router/index.js                           |   10 +
 src/views/echarts/barlineEacharts2.vue        |  139 ++
 src/views/echarts/pieLineEacharts2.vue        |  168 +++
 src/views/mortgage/allData.vue                | 1276 +++++++++++++++++
 .../{index - 副本.vue => index2.vue}        |   53 +-
 src/views/mortgage/yqpb.vue                   |    6 +-
 7 files changed, 1711 insertions(+), 7 deletions(-)
 create mode 100644 src/api/gd36524/allData.js
 create mode 100644 src/views/echarts/barlineEacharts2.vue
 create mode 100644 src/views/echarts/pieLineEacharts2.vue
 create mode 100644 src/views/mortgage/allData.vue
 rename src/views/mortgage/{index - 副本.vue => index2.vue} (95%)

diff --git a/src/api/gd36524/allData.js b/src/api/gd36524/allData.js
new file mode 100644
index 0000000..7b8d8d5
--- /dev/null
+++ b/src/api/gd36524/allData.js
@@ -0,0 +1,66 @@
+import request from '@/utils/request'
+
+export default {
+	
+	// 左侧数据总览
+	getProjectDaily: function(data) {
+		return request({
+			url: '/datacenter/getProjectDailyNew',
+			method: 'post',
+			data: data
+		});
+	},
+	
+	//  库存分析图 ,
+	getReportInventory: function(data) {
+		return request({
+			url: '/datacenter/getReportInventoryNew',
+			method: 'post',
+			data: data
+		});
+	},
+	
+	//  获取基础信息 ,
+	getProjectBySid: function(data) {
+		return request({
+			url: '/datacenter/getProjectBySid?projectSid='+data,
+			method: 'get',
+			data: data
+		});
+	},
+	
+	//  获取仓库sid,
+	getProjectIsJk: function(data) {
+		return request({
+			url: '/datacenter/getProjectIsJk?projectSid='+data,
+			method: 'get'
+		});
+	},
+	
+	//  获取摄像头 设备列表,
+	getOtherList: function(data) {
+		return request({
+			url: '/datacenter/getOtherList?type=1&ckId='+data,
+			method: 'get'
+		});
+	},
+	
+	
+	//  实时监控 ,
+	getVedioPcLiveById: function(data) {
+		return request({
+			url: '/datacenter/getVedioPcLiveByIdNew?id=' + data,
+			method: 'get'
+		});
+	},
+	
+	
+	//  回放监控 ,
+	getVedioPcRecById: function(data) {
+		return request({
+			url: '/datacenter/getVedioPcRecByIdNew?id=' + data,
+			method: 'get'
+		});
+	},
+	
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index daa8d5b..e1d2a1b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -59,11 +59,21 @@ export const constantRoutes = [
     name:'mortgage',
     component:()=>import('@/views/mortgage/index.vue')
   },
+  {
+    path:"/mortgage2",
+    name:'mortgage2',
+    component:()=>import('@/views/mortgage/index2.vue')
+  },
   {
     path:"/yqpb",
     name:'yqpb',
     component:()=>import('@/views/mortgage/yqpb.vue')
   },
+	{
+	  path:"/allData",
+	  name:'allData',
+	  component:()=>import('@/views/mortgage/allData.vue')
+	},
 	
   // 404 page must be placed at the end !!!
   // { path: '*', redirect: '/404', hidden: true }
diff --git a/src/views/echarts/barlineEacharts2.vue b/src/views/echarts/barlineEacharts2.vue
new file mode 100644
index 0000000..3237439
--- /dev/null
+++ b/src/views/echarts/barlineEacharts2.vue
@@ -0,0 +1,139 @@
+<template>
+	<div :class="className" :style="{ height: height, width: width }" />
+</template>
+
+<script>
+	import * as echarts from "echarts";
+	// require('echarts/theme/macarons') // echarts theme
+	import resize from "./mixins/resize";
+
+	export default {
+		mixins: [resize],
+		props: {
+			className: {
+				type: String,
+				default: "chart",
+			},
+			width: {
+				type: String,
+				default: "100%",
+			},
+			height: {
+				type: String,
+				default: "100%",
+			},
+			chartData: {
+				type: Object,
+				required: true,
+			},
+		},
+		data() {
+			return {
+				chart: null,
+			};
+		},
+		watch: {
+			chartData: {
+				deep: true,
+				handler(val) {
+					this.setOptions(val);
+				},
+			},
+			height: {
+				deep: true,
+				handler(val) {
+					console.log(val);
+				},
+			},
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.initChart();
+			});
+		},
+		beforeDestroy() {
+			if (!this.chart) {
+				return;
+			}
+			this.chart.dispose();
+			this.chart = null;
+		},
+		methods: {
+			initChart() {
+				this.chart = echarts.init(this.$el, "macarons");
+				this.setOptions(this.chartData);
+			},
+			setOptions({
+				title,
+				xAxis,
+				series,
+				legend,
+				unit,
+				rotate,
+				time,
+				serviceData,
+				serviceData2,
+			} = {}) {
+				this.chart.setOption({
+					tooltip: {
+					  trigger: 'axis',
+					  axisPointer: {
+					    type: 'shadow'
+					  }
+					},
+					grid:{
+					        show:false,
+					        top:'20%',
+					        right:'5%',
+					        bottom:'10%',
+					        left:'20%'
+					    },
+					legend: {
+						textStyle: {
+							color: '#fff',
+							fontSize: 16,
+							padding: [0, 10]
+						},
+					},
+					xAxis: {
+						type: 'category',
+						data: this.chartData.date,
+						axisLabel: {
+							textStyle: {
+								color: '#fff',
+								fontSize: 16,
+							}
+						}
+					},
+					yAxis: [{
+						type: 'value',
+						name: '人民币/元',
+						min: 10000,
+						max: 250000000,
+						interval: 50000000,
+						axisLabel: {
+							formatter: '{value} 元',
+							textStyle: {
+								color: '#fff',
+								fontSize: 18,
+
+							}
+						},
+						 align:'right',//看这里
+					}],
+					series: [{
+						data: this.chartData.amount,
+						type: 'bar'
+					}]
+				});
+				this.chart.on("click", function(param) {
+					this.callParents(param);
+				});
+			},
+			// 调用父组件
+			callParents(name) {
+				this.$emit("pieChartFunction", name);
+			},
+		},
+	};
+</script>
\ No newline at end of file
diff --git a/src/views/echarts/pieLineEacharts2.vue b/src/views/echarts/pieLineEacharts2.vue
new file mode 100644
index 0000000..f6b4641
--- /dev/null
+++ b/src/views/echarts/pieLineEacharts2.vue
@@ -0,0 +1,168 @@
+<template>
+  <div :class="className" :style="{ height: height, width: width }" />
+</template>
+
+<script>
+import * as echarts from "echarts";
+// require('echarts/theme/macarons') // echarts theme
+import resize from "./mixins/resize";
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: "chart",
+    },
+    width: {
+      type: String,
+      default: "100%",
+    },
+    height: {
+      type: String,
+      default: "100%",
+    },
+    chartData: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      chart: null,
+    };
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val);
+      },
+    },
+    height: {
+      deep: true,
+      handler(val) {
+        console.log(val);
+      },
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart();
+    });
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    this.chart.dispose();
+    this.chart = null;
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, "macarons");
+      this.setOptions(this.chartData);
+    },
+    setOptions({
+      title,
+      xAxis,
+      series,
+      legend,
+      unit,
+      rotate,
+      time,
+      serviceData,
+      serviceData2,
+    } = {}) {
+      this.chart.setOption({
+         title: [
+    {
+        text: this.chartData.pledgeRatePercent+"%",
+        subtext: "质押率 " + this.chartData.bankPledgeRate + "%",
+        textStyle:{
+            fontSize:20,
+            color:this.chartData.state == '2' ? "#ff7e4b" : "#ccc"
+						
+        },
+        subtextStyle: {
+            fontSize: 18,
+            color: '#bbbaba'
+        },
+        textAlign:"center",
+        x: '30%',
+        y: '48%',
+    }],
+    tooltip: {
+        trigger: 'item',
+        formatter:function (parms){
+          var str= 
+            parms.marker+""+parms.data.name+"</br>"+
+            "价值："+ parms.data.value+"</br>"+
+            "占比："+ parms.percent+"%";
+            return  str ;
+        }
+    },
+    legend: {
+        type:"plain",
+        icon:'rect',
+		 y: 'center',
+		 x:"right",
+        orient: 'vertical',
+        left:'65%',
+        align:'left',
+        top:'50',
+        itemGap:50,
+        padding:[20,0,20,10],
+        textStyle: {
+            color:'#fff',
+            fontSize:18,
+            padding:[0,5]
+        },
+        height:'auto',
+        itemWidth:20,
+        itemHeight:20
+    },
+    series: [
+        {
+            name:'标签',
+            type:'pie',
+            center: ['31%', '55%'],
+            radius: ['45%', '70%'],
+             clockwise: false, //饼图的扇区是否是顺时针排布
+            avoidLabelOverlap: false,
+            label: {
+                normal: {
+                    show: false,
+                }
+            },
+             
+            labelLine: {
+                normal: {
+                  length:5,
+                  length2:3,
+                  smooth:true,
+                }
+            },
+            data:  this.chartData.data
+						// [
+      //          {value:335, legendname:'种类01',name:"账户余额",itemStyle:{color:"#5087ec"}},
+      //          {value:310, legendname:'种类02',name:"应收账款",itemStyle:{color:"#68bbc4"}},
+      //          {value:234, legendname:'种类03',name:"物质库存价值",itemStyle:{color:"#58a55c"}},
+      //          {value:154, legendname:'种类04',name:"在途货物价值",itemStyle:{color:"#f2bd42"}},
+      //          {value:335, legendname:'种类05',name:"预付款",itemStyle:{color:"#ee752f"}},
+
+      //       ]
+        }
+        ]
+      });
+      this.chart.on("click", function (param) {
+        this.callParents(param);
+      });
+    },
+    // 调用父组件
+    callParents(name) {
+      this.$emit("pieChartFunction", name);
+    },
+  },
+};
+</script>
diff --git a/src/views/mortgage/allData.vue b/src/views/mortgage/allData.vue
new file mode 100644
index 0000000..58c83aa
--- /dev/null
+++ b/src/views/mortgage/allData.vue
@@ -0,0 +1,1276 @@
+<template>
+
+	<div class="mortgage" style="overflow-y: auto;">
+		<span class="mortgage-title">{{params.projectName}}</span>
+
+		<div class="mortgage-layout">
+
+			<div class="mortgage-layout-top">
+
+				<div class="mortgage-layout-top-left">
+
+					<div class="box-border border-tl" />
+					<div class="box-border border-tr" />
+					<div class="box-border border-bl" />
+					<div class="box-border border-br" />
+
+					<div class="mortgage-layout-top-left-title">
+
+						<div class="mortgage-layout-top-left-title_left">
+							<svg-icon slot="prefix" icon-class="word" class="el-input__icon"
+								style="height: 25px; width: 25px;margin-right: 10px;" />
+
+							<span>数据总览</span>
+						</div>
+						<div class="mortgage-layout-top-left-title_right">
+							<div style="flex: 1;"></div>
+							<el-date-picker v-model="times" @change="selectTime" type="date" placeholder="选择日期"
+								format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+							</el-date-picker>
+						</div>
+
+					</div>
+
+					<div class="mortgage-layout-top-left_bom">
+						<div class="mortgage-layout-top-left-bom-echar">
+							<pieLineEachartsVue :width="`100%`" :height="`100%`" :chartData="chartData">
+							</pieLineEachartsVue>
+						</div>
+						<div class="mortgage-layout-top-left-bom-data">
+							<span> 授信：{{info.creditLimit}}元 </span>
+
+							<span> 用信：{{info.useLimit}}元 </span>
+						</div>
+					</div>
+
+
+				</div>
+
+				<div class="mortgage-layout-top-right">
+					<div class="box-border border-tl" />
+					<div class="box-border border-tr" />
+					<div class="box-border border-bl" />
+					<div class="box-border border-br" />
+
+					<div class="mortgage-layout-top-right-title">
+
+						<div class="mortgage-layout-top-right-title-left">
+							<svg-icon slot="prefix" icon-class="home" class="el-input__icon"
+								style="height: 25px; width: 25px;margin-right: 10px;" />
+
+							<span>仓库安防</span>
+						</div>
+						<div class="mortgage-layout-top-right-title-right">
+						</div>
+
+					</div>
+
+					<div class="mortgage-layout-top-right-con">
+
+						<div class="mortgage-layout-top-right-con-left">
+
+							<div class="mortgage-layout-top-right-con-left-camera">
+								<div class="mortgage-layout-top-right-con-left-camera-name">{{cameraInfo.name}}</div>
+
+								<div class="mortgage-layout-top-right-con-left-camera-right">
+
+									<span @click="cameraType" style="margin-right: 5px;">{{videos?"监控回放":'实时监控'}}</span>
+
+									<svg-icon icon-class="huifang" class="el-input__icon"
+										style="height: 25px; width: 25px" @click="clivideo" />
+								</div>
+							</div>
+
+							<div class="mortgage-layout-top-right-con-left-video">
+								<iframe :src="spUrl" id="ysOpenDevice" allowfullscreen>
+								</iframe>
+							</div>
+
+						</div>
+
+						<div class="mortgage-layout-top-right-con-right">
+
+							<div class="mortgage-layout-top-right-con-right-top">
+
+								<img v-for="(item,index) in cameraList" src="@/assets/mprtgage/camera.jpg"
+									class="mortgage-layout-top-right-con-right-list-item"
+									:style="'top:'+item.topPosition+';left:'+item.leftPosition"
+									@click="cameraClock(index)" />
+
+
+								<img :src="warehouseImg" alt="" class="mortgage-layout-top-right-con-right-top-img">
+
+								</img>
+
+
+								<!-- 
+								<img src="@/assets/mprtgage/camera.jpg" style=""
+									class="mortgage-layout-top-right-con-right-top_btn1" @click="cameraClock(0)" />
+								<img src="@/assets/mprtgage/camera.jpg"
+									class="mortgage-layout-top-right-con-right-top_btn2" @click="cameraClock(1)" />
+								<img src="@/assets/mprtgage/camera.jpg"
+									class="mortgage-layout-top-right-con-right-top_btn3" @click="cameraClock(2)" />
+								<img src="@/assets/mprtgage/camera.jpg"
+									class="mortgage-layout-top-right-con-right-top_btn4" @click="cameraClock(3)" /> -->
+
+							</div>
+
+							<div class="mortgage-layout-top-right-con-right-bom">
+
+								<div class="mortgage-layout-top-right-con-right-bom-title">
+
+									<div class="mortgage-layout-top-right-con-right-bom-title-left">
+										<svg-icon slot="prefix" icon-class="alarm" class="el-input__icon"
+											style="height: 25px; width: 25px;margin-right: 10px;" />
+
+										<span>告警信息</span>
+									</div>
+									<div class="mortgage-layout-top-right-con-right-bom-title-right">
+									</div>
+								</div>
+
+								<div class="mortgage-layout-top-right-con-right-list">
+
+									<div class="scroll-list">
+
+										<div class="container_item2">
+											2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span
+												class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
+										</div>
+										<div class="container_item1">
+											2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润四通道摄像头离线</span>
+										</div>
+										<div class="container_item2">
+											2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
+										</div>
+										<div class="container_item1">
+											2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
+										</div>
+
+									</div>
+
+								</div>
+
+
+							</div>
+
+
+						</div>
+
+
+
+					</div>
+
+				</div>
+
+			</div>
+
+			<div class="mortgage-layout-bom">
+
+				<div class="mortgage-layout-bom-left">
+					<div class="box-border border-tl" />
+					<div class="box-border border-tr" />
+					<div class="box-border border-bl" />
+					<div class="box-border border-br" />
+					<div class="mortgage-layout-bom-left-title">
+						<div class="mortgage-layout-bom-left-title-left">
+							<span>
+								<svg-icon icon-class="jianguan" class="el-input__icon"
+									style="height: 25px; width: 25px;margin-right: 10px;" />
+							</span>
+							关键数据
+						</div>
+						<div class="mortgage-layout-bom-left-title-right"></div>
+					</div>
+
+					<div class="mortgage-layout-bom-left-cont">
+						<div class="mortgage-layout-bom-left-cont-item">
+							<div class="mortgage-layout-bom-left-cont-item-left">账户余额</div>
+							<div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsBalance}}元</div>
+						</div>
+						<div class="mortgage-layout-bom-left-cont-item">
+							<div class="mortgage-layout-bom-left-cont-item-left">应收账款</div>
+							<div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsReceivable}}元</div>
+						</div>
+						<div class="mortgage-layout-bom-left-cont-item">
+							<div class="mortgage-layout-bom-left-cont-item-left">质物库存价值</div>
+							<div class="mortgage-layout-bom-left-cont-item-right">{{info.stockAmount}}元</div>
+						</div>
+						<div class="mortgage-layout-bom-left-cont-item">
+							<div class="mortgage-layout-bom-left-cont-item-left">在途货物价值</div>
+							<div class="mortgage-layout-bom-left-cont-item-right">{{info.transitAmount}}元</div>
+						</div>
+						<div class="mortgage-layout-bom-left-cont-item" style="border: none;">
+							<div class="mortgage-layout-bom-left-cont-item-left">预付款</div>
+							<div class="mortgage-layout-bom-left-cont-item-right">{{info.advancePayment}}元</div>
+						</div>
+					</div>
+
+				</div>
+
+				<div class="mortgage-layout-bom-right">
+
+
+					<div class="mortgage-layout-bom-right-echar">
+						<div class="box-border border-tl" />
+						<div class="box-border border-tr" />
+						<div class="box-border border-bl" />
+						<div class="box-border border-br" />
+						<div class="mortgage-layout-bom-right-echar-title">
+							<div class="mortgage-layout-bom-right-echar-title-left">
+								<span>
+									<svg-icon icon-class="data" class="el-input__icon"
+										style="height: 25px; width: 25px;margin-right: 10px;" />
+								</span>
+								货值分析
+							</div>
+							<div class="mortgage-layout-bom-right-echar-title-right">
+								<div style="flex: 1;"></div>
+								<el-select v-model="dayValue" placeholder="请选择日期" @change="dayValueChange">
+									<el-option v-for="item in day" :key="item.value" :label="item.label"
+										:value="item.value">
+									</el-option>
+								</el-select>
+							</div>
+						</div>
+						<div class="mortgage-layout-bom-right-echar-title-char">
+							<barlineEachartsVue :width="`100%`" :height="'100%'" :chartData="chartData2">
+							</barlineEachartsVue>
+						</div>
+
+
+					</div>
+
+					<div class="mortgage-layout-bom-right-base">
+
+						<div class="box-border border-tl" />
+						<div class="box-border border-tr" />
+						<div class="box-border border-bl" />
+						<div class="box-border border-br" />
+						<div class="mortgage-layout-bom-right-base-title">
+							<div class="mortgage-layout-bom-right-base-title-left">
+								<span>
+									<svg-icon icon-class="lines" class="el-input__icon"
+										style="height: 25px; width: 25px;margin-right: 10px;" />
+								</span>
+								基础信息
+							</div>
+							<div class="mortgage-layout-bom-right-base-title-right"></div>
+						</div>
+
+						<div class="mortgage-layout-bom-right-base-cont">
+							<div class="mortgage-layout-bom-right-base-cont-item">
+								<div class="mortgage-layout-bom-right-base-cont-item-left">贷款银行</div>
+								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bankName}}
+								</div>
+							</div>
+							<div class="mortgage-layout-bom-right-base-cont-item">
+								<div class="mortgage-layout-bom-right-base-cont-item-left">银行经理</div>
+								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bmanagerName}}
+								</div>
+							</div>
+							<div class="mortgage-layout-bom-right-base-cont-item">
+								<div class="mortgage-layout-bom-right-base-cont-item-left">签约日期</div>
+								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.signingDate}}</div>
+							</div>
+							<div class="mortgage-layout-bom-right-base-cont-item">
+								<div class="mortgage-layout-bom-right-base-cont-item-left">项目类型</div>
+								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.entryName}}</div>
+							</div>
+							<div class="mortgage-layout-bom-right-base-cont-item" style="border: none;">
+								<div class="mortgage-layout-bom-right-base-cont-item-left">监管负责人</div>
+								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.regulatoryLeader}}
+								</div>
+							</div>
+						</div>
+
+					</div>
+
+				</div>
+
+
+			</div>
+		</div>
+
+		<!-- 查看监控 -->
+		<el-dialog title="查看视频" :visible.sync="dialogImageJK" width="800px" :before-close="handleCloseJK"
+			style="z-index:999">
+			<iframe :src="this.spUrl" width="750" height="400" id="ysOpenDevice" allowfullscreen>
+			</iframe>
+		</el-dialog>
+
+	</div>
+
+</template>
+
+<script>
+	import req from '@/api/gd36524/allData'
+	import barlineEachartsVue from "../echarts/barlineEacharts2.vue";
+	import pieLineEachartsVue from "../echarts/pieLineEacharts2.vue";
+	import {
+		getDateRang
+	} from '@/utils/index'
+	export default {
+		components: {
+			barlineEachartsVue,
+			pieLineEachartsVue
+		},
+		data() {
+			return {
+				times: getDateRang('yesterday'),
+				warehouse: [{
+					value: "选项1",
+					label: "常温仓",
+				}],
+				wareValue: "常温仓",
+				day: [{
+					value: "7",
+					label: "7日",
+				}, {
+					value: "15",
+					label: "15日",
+				}],
+				dayValue: "15",
+				videos: true,
+				dialogImageJK: false,
+				cameraInfo: {
+					name: '名称1'
+				},
+				spUrl: "",
+				info: {
+					accountsBalance: "--",
+					accountsReceivable: "--",
+					stockAmount: "--",
+					transitAmount: "--",
+					advancePayment: "--",
+					creditLimit: "2544651.52",
+					useLimit: "14541551.52"
+				},
+				base: {
+					bankName: '--',
+					bmanagerName: '--',
+					entryName: '--',
+					signingDate: '--',
+					regulatoryLeader: '--',
+				},
+				chartData: {
+					pledgeRatePercent: "",
+					state: "",
+					bankPledgeRate: "",
+					data: []
+
+				},
+				chartData2: {
+					date: [],
+					amount: [],
+				},
+				params: {
+					projectSid: '',
+					projectName: '',
+					orderDate: '',
+				},
+				warehouseImg: "",
+				warehouseSid: "",
+				cameraList: []
+
+			};
+		},
+
+		mounted() {
+
+
+			// 获取url中的参数
+			const searchParams = new URLSearchParams(/(?<=#.*\?).*/.exec(window.location.href)[0]);
+			console.log("searchParams>>>>", searchParams)
+			// 根据参数名获取参数值
+			const projectSid = searchParams.get('projectSid');
+			const projectName = searchParams.get('projectName');
+			const orderDate = searchParams.get('orderDate');
+			console.log("projectSid>>>>", projectSid)
+			console.log("projectName>>>>", projectName)
+			console.log("orderDate>>>>", orderDate)
+
+
+			this.params = {
+				projectSid: projectSid,
+				projectName: projectName,
+				orderDate: orderDate,
+			}
+			this.times = orderDate
+			this.getProjectBySid() //  右下基本信息
+			this.getProjectIsJk() //  获取仓库sid
+		},
+		created() {
+			this.loadList() // 左侧圆形图
+			this.getReportInventory() // 底部柱状图
+
+		},
+		methods: {
+			selectTime(val) {
+				console.log('val:', val)
+
+				this.times = val
+				this.loadList()
+				this.getReportInventory()
+			},
+			dayValueChange(val) {
+
+				console.log('val:', val)
+				this.dayValue = val
+				this.getReportInventory()
+			},
+			cameraClock(index) {
+				console.log('cameraClock》》》》》', index)
+				var item = this.cameraList[index]
+				this.cameraInfo = item
+				this.getVedioPcLiveById(item.id)
+
+			},
+
+			cameraType() {
+				console.log('cameraInfo:', this.cameraInfo)
+				this.videos = !this.videos
+
+				if (this.videos) {
+					this.getVedioPcLiveById(this.cameraInfo.id)
+				} else {
+					this.getVedioPcRecById(this.cameraInfo.id)
+				}
+
+
+			},
+			clivideo() {
+
+				this.dialogImageJK = true
+			},
+			getOtherList() {
+				req.getOtherList().then(res => {
+					console.log('getOtherList:', res)
+					if (res.data) {
+						this.cameraList = res.data
+
+						this.cameraInfo = res.data[0]
+						this.getVedioPcLiveById(res.data[0].id)
+					}
+
+
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+
+			// 实时
+			getVedioPcLiveById(id) {
+				req.getVedioPcLiveById(id).then(res => {
+					console.log('getVedioPcLiveById:', res)
+					this.spUrl = res.data
+
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+
+			// 回放
+			getVedioPcRecById(id) {
+				req.getVedioPcRecById(id).then(res => {
+					console.log('getVedioPcRecById:', res)
+					this.spUrl = res.data
+
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			handleCloseJK() {
+				this.dialogImageJK = false
+			},
+			loadList() {
+
+				var params = {
+					orderDate: this.times,
+					projectSid: this.params.projectSid
+				}
+
+				console.log('params:', params)
+
+				req.getProjectDaily(params).then(res => {
+					console.log('getProjectDaily:', res)
+					if (res.data) {
+						this.info = res.data
+
+						this.chartData = {
+
+							pledgeRatePercent: res.data.pledgeRatePercent,
+							state: res.data.state,
+							bankPledgeRate: res.data.bankPledgeRate,
+							data: [{
+									value: res.data.accountsBalance,
+									legendname: '种类01',
+									name: "账户余额",
+									itemStyle: {
+										color: "#5087ec"
+									}
+								},
+								{
+									value: res.data.accountsReceivable,
+									legendname: '种类02',
+									name: "应收账款",
+									itemStyle: {
+										color: "#68bbc4"
+									}
+								},
+								{
+									value: res.data.stockAmount,
+									legendname: '种类03',
+									name: "物质库存价值",
+									itemStyle: {
+										color: "#58a55c"
+									}
+								},
+								{
+									value: res.data.transitAmount,
+									legendname: '种类04',
+									name: "在途货物价值",
+									itemStyle: {
+										color: "#f2bd42"
+									}
+								},
+								{
+									value: res.data.advancePayment,
+									legendname: '种类05',
+									name: "预付款",
+									itemStyle: {
+										color: "#ee752f"
+									}
+								},
+							]
+						}
+
+					} else {
+						this.info = {}
+
+						this.chartData = {
+							pledgeRatePercent: "",
+							state: "",
+							bankPledgeRate: "",
+							data: []
+						}
+					}
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getReportInventory() {
+				var params = {
+					startDate: this.times,
+					intervalTime: this.dayValue,
+					projectSid: this.params.projectSid
+				}
+
+				console.log('params:', params)
+
+				req.getReportInventory(params).then(res => {
+					console.log('getReportInventory:', res)
+
+					this.chartData2 = {
+						date: res.data.date,
+						amount: res.data.amount,
+
+					}
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+
+			},
+			getProjectBySid() {
+				console.log('getProjectBySid:', this.params.projectSid)
+				req.getProjectBySid(this.params.projectSid).then(res => {
+					console.log('getProjectBySid:', res)
+
+					this.base = {
+						bankName: res.data.bankName,
+						bmanagerName: res.data.bmanagerName,
+						entryName: res.data.entryName,
+						signingDate: res.data.signingDate,
+						regulatoryLeader: res.data.regulatoryLeader,
+					}
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+
+			},
+			getProjectIsJk() {
+				req.getProjectIsJk(this.params.projectSid).then(res => {
+					console.log('getProjectIsJk:', res)
+
+					this.warehouseSid = res.data
+
+					this.warehouseImg = "https://supervise.yxtsoft.com/monitor/image/" + res.data + ".png"
+
+					this.getOtherList()
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getOtherList() {
+				req.getOtherList(this.warehouseSid).then(res => {
+					console.log('getOtherList:', res)
+
+					this.cameraList = res.data
+
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.mortgage {
+		background-color: #040C2B;
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+
+		.mortgage-title {
+			color: #fff;
+			font-size: 30px;
+			font-weight: 1000;
+			margin-left: 30px;
+			margin-top: 10px;
+			font-family: sans-serif;
+		}
+
+		.mortgage-layout {
+			display: flex;
+			flex-direction: column;
+			padding: 20px;
+
+			.mortgage-layout-top {
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				.mortgage-layout-top-left {
+					width: 30%;
+					height: 100%;
+					background-color: #031249;
+					display: flex;
+					flex-direction: column;
+					padding: 20px;
+					position: relative;
+
+					.mortgage-layout-top-left-title {
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+
+						.mortgage-layout-top-left-title_left {
+							color: #fff;
+							font-size: 25px;
+							font-weight: 600;
+							font-family: sans-serif;
+							margin-right: 10px;
+						}
+
+						.mortgage-layout-top-left-title_right {
+							flex: 1;
+							display: flex;
+							flex-direction: row;
+							position: relative;
+							border-bottom: solid 4px #dadada;
+
+							::v-deep .el-date-editor {
+								width: 180px;
+								margin-bottom: -10px;
+								margin-top: -10px;
+
+								.el-input__inner {
+									color: #fff;
+									background: transparent;
+									border: none;
+									font-size: 20px;
+								}
+
+								.el-input__prefix {
+									display: none;
+								}
+							}
+
+						}
+					}
+
+					.mortgage-layout-top-left_bom {
+						width: 100%;
+						height: 100%;
+
+						.mortgage-layout-top-left-bom-echar {
+							width: 100%;
+							height: 400px;
+						}
+
+						.mortgage-layout-top-left-bom-data {
+							width: 100%;
+							margin-top: 20px;
+							display: flex;
+							align-items: center;
+							box-sizing: border-box;
+							padding-left: 30px;
+							padding-right: 30px;
+							justify-content: space-between;
+
+							span {
+								color: #49a6e2;
+								font-weight: bold;
+								font-size: 18px;
+							}
+						}
+					}
+
+
+
+				}
+
+				.mortgage-layout-top-right {
+					width: 68%;
+					background-color: #031249;
+					display: flex;
+					flex-direction: column;
+					padding: 20px;
+					position: relative;
+
+					.mortgage-layout-top-right-title {
+
+						display: flex;
+						flex-direction: row;
+
+						.mortgage-layout-top-right-title-left {
+							color: #fff;
+							font-size: 25px;
+							font-weight: 600;
+							font-family: sans-serif;
+							margin-right: 10px;
+						}
+
+						.mortgage-layout-top-right-title-right {
+							flex: 1;
+							position: relative;
+							height: 100%;
+
+							&::after {
+								content: "";
+								position: absolute;
+								bottom: 13px;
+								left: 0px;
+								top: 0px;
+								width: 100%;
+								height: 100%;
+								border-bottom: solid 4px #dadada;
+							}
+						}
+					}
+
+					.mortgage-layout-top-right-con {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-between;
+
+						.mortgage-layout-top-right-con-left {
+							width: 55%;
+							margin-left: 10px;
+							display: flex;
+							flex-direction: column;
+
+							.mortgage-layout-top-right-con-left-camera {
+								margin-top: 20px;
+								display: flex;
+								flex-direction: row;
+								justify-content: space-between;
+
+								.mortgage-layout-top-right-con-left-camera-name {
+									color: #fff;
+									flex: 1;
+									font-size: 18px;
+									font-weight: 600;
+									font-family: sans-serif;
+								}
+
+								.mortgage-layout-top-right-con-left-camera-right {
+									display: flex;
+									flex-direction: row;
+									align-items: center;
+
+									span {
+										color: #fff;
+										margin-left: 10px;
+										font-size: 18px;
+										font-weight: 600;
+										font-family: sans-serif;
+									}
+								}
+							}
+
+							.mortgage-layout-top-right-con-left-video {
+								margin-top: 20px;
+								width: 100%;
+
+								iframe {
+									width: 100%;
+									height: 100%;
+									min-height: 350px;
+								}
+							}
+
+						}
+
+						.mortgage-layout-top-right-con-right {
+							display: flex;
+							width: 40%;
+							margin-left: 10px;
+							flex-direction: column;
+							margin-top: 30px;
+
+							.mortgage-layout-top-right-con-right-top {
+								width: 100%;
+								height: 320px;
+								position: relative;
+
+								.mortgage-layout-top-right-con-right-top-img {
+									width: 100%;
+									height: 320px;
+									position: absolute;
+								}
+
+								.mortgage-layout-top-right-con-right-list-item {
+									z-index: 100;
+									background: #E43961;
+									position: absolute;
+									width: 7.5%;
+									height: 9%;
+									
+								}
+
+
+								.mortgage-layout-top-right-con-right-top_btn1 {
+									//二通道
+									// z-index: 100;
+									position: absolute;
+									top: 83%;
+									left: 71%;
+									width: 7.5%;
+									height: 9%;
+									background-color: #f0f;
+									/*设置透明度，0为完全透明，1为不透明*/
+									// opacity: 0;
+								}
+
+								.mortgage-layout-top-right-con-right-top_btn2 {
+									//  三通道
+									// z-index: 100;
+									position: absolute;
+									top: 83.5%;
+									left: 58.5%;
+									width: 8%;
+									height: 8%;
+									background-color: #ff0;
+									/*设置透明度，0为完全透明，1为不透明*/
+									// opacity: 0;
+								}
+
+								.mortgage-layout-top-right-con-right-top_btn3 {
+									//  四通道
+									// z-index: 100;
+									position: absolute;
+									top: 83%;
+									left: 47%;
+									width: 7%;
+									height: 9%;
+									background-color: #00f;
+									/*设置透明度，0为完全透明，1为不透明*/
+									// opacity: 0;
+								}
+
+								.mortgage-layout-top-right-con-right-top_btn4 {
+									//  一通道
+									// z-index: 100;
+									position: absolute;
+									top: 83.5%;
+									left: 82.5%;
+									width: 7.5%;
+									height: 8%;
+									background-color: #0ff;
+									/*设置透明度，0为完全透明，1为不透明*/
+									// opacity: 0;
+								}
+							}
+
+							.mortgage-layout-top-right-con-right-bom {
+								display: flex;
+								width: 39%;
+								height: 50%;
+								position: absolute;
+								top: 80%;
+								flex-direction: column;
+
+								.mortgage-layout-top-right-con-right-bom-title {
+									display: flex;
+									flex-direction: row;
+
+									.mortgage-layout-top-right-con-right-bom-title-left {
+										color: #fff;
+										font-size: 25px;
+										font-weight: 600;
+										font-family: sans-serif;
+										margin-right: 10px;
+									}
+
+									.mortgage-layout-top-right-con-right-bom-title-right {
+										flex: 1;
+										position: relative;
+										height: 100%;
+
+										&::after {
+											content: "";
+											position: absolute;
+											bottom: 5px;
+											left: 0px;
+											width: 100%;
+											height: 100%;
+											border-bottom: solid 4px #dadada;
+										}
+									}
+								}
+
+								.mortgage-layout-top-right-con-right-list {
+
+									position: relative;
+									/* 父容器需要有明确的高度 */
+									height: 30px;
+									width: 100%;
+									margin: auto;
+									overflow: hidden;
+									display: flex;
+									background: transparent;
+									justify-content: center;
+									flex-wrap: wrap;
+									margin-top: 20px;
+
+									.scroll-list {
+										position: absolute;
+										top: 0;
+										left: 0;
+										width: 100%;
+										animation: scroll 20s linear infinite normal;
+
+										.container_item1 {
+											width: 100%;
+											margin-left: 15px;
+											height: 50px;
+											line-height: 50px;
+											color: #E43961;
+											font-size: 15px;
+											font-family: '微软雅黑';
+											box-sizing: border-box;
+											justify-content: space-between;
+
+											span {
+												margin-left: 10px;
+											}
+										}
+
+										.container_item2 {
+											margin-left: 15px;
+											width: 100%;
+											height: 50px;
+											line-height: 50px;
+											color: #A0D090;
+											font-size: 15px;
+											font-family: '微软雅黑';
+											box-sizing: border-box;
+											justify-content: space-between;
+
+											span {
+												margin-left: 10px;
+											}
+										}
+									}
+
+									@keyframes scroll {
+										100% {
+											/* 需要滚动内容的总高度 */
+											top: -180px;
+										}
+									}
+								}
+							}
+
+						}
+					}
+
+
+
+				}
+			}
+
+			.mortgage-layout-bom {
+				margin-top: 30px;
+				height: 100%;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+
+				.mortgage-layout-bom-left {
+					background-color: #031249;
+					width: 30%;
+					height: 100%;
+					padding: 20px;
+					display: flex;
+					flex-direction: column;
+					position: relative;
+
+					.mortgage-layout-bom-left-title {
+						display: flex;
+						flex-direction: row;
+
+						.mortgage-layout-bom-left-title-left {
+							color: #fff;
+							font-size: 25px;
+							font-weight: 600;
+							font-family: sans-serif;
+							margin-right: 10px;
+						}
+
+						.mortgage-layout-bom-left-title-right {
+							flex: 1;
+							position: relative;
+							height: 100%;
+
+							&::after {
+								content: "";
+								position: absolute;
+								bottom: 13px;
+								left: 0px;
+								top: 0px;
+								width: 100%;
+								height: 100%;
+								border-bottom: solid 4px #dadada;
+							}
+						}
+					}
+
+					.mortgage-layout-bom-left-cont {
+						margin-top: 10px;
+						display: flex;
+						flex-direction: column;
+						padding-left: 10px;
+						padding-right: 10px;
+
+						.mortgage-layout-bom-left-cont-item {
+							padding-left: 10px;
+							padding-right: 10px;
+							margin-top: 8px;
+							margin-bottom: 8px;
+							padding-bottom: 8px;
+							border-bottom: solid 1px #dadada;
+							display: flex;
+							flex-direction: row;
+							justify-content: space-between;
+
+							.mortgage-layout-bom-left-cont-item-left {
+								color: #0EC0B4;
+								font-size: 16px;
+								font-weight: 600;
+								font-family: sans-serif;
+							}
+
+							.mortgage-layout-bom-left-cont-item-right {
+								color: #FF7E3F;
+								font-size: 18px;
+								font-weight: 600;
+								font-family: sans-serif;
+							}
+						}
+					}
+				}
+
+				.mortgage-layout-bom-right {
+					width: 68%;
+					display: flex;
+					flex-direction: row;
+					justify-content: space-between;
+
+					.mortgage-layout-bom-right-echar {
+						width: 57%;
+						background-color: #031249;
+						height: 100%;
+						padding: 20px;
+						position: relative;
+						display: flex;
+						flex-direction: column;
+
+						.mortgage-layout-bom-right-echar-title {
+							display: flex;
+							flex-direction: row;
+							align-items: center;
+
+							.mortgage-layout-bom-right-echar-title-left {
+								color: #fff;
+								font-size: 25px;
+								font-weight: 600;
+								font-family: sans-serif;
+								margin-right: 10px;
+							}
+
+							.mortgage-layout-bom-right-echar-title-right {
+								flex: 1;
+								display: flex;
+								flex-direction: row;
+								position: relative;
+								border-bottom: solid 4px #dadada;
+
+								::v-deep .el-select {
+									width: 100px;
+									margin-bottom: -10px;
+									margin-top: -10px;
+
+									.el-input {
+										.el-input__inner {
+											color: #fff;
+											background: transparent;
+											border: none;
+											font-size: 20px;
+										}
+									}
+								}
+							}
+						}
+
+
+						.mortgage-layout-bom-right-echar-title-char {
+							height: 100%;
+							width: 100%;
+						}
+					}
+
+					.mortgage-layout-bom-right-base {
+						width: 40%;
+						background-color: #031249;
+						height: 100%;
+						padding: 20px;
+						display: flex;
+						flex-direction: column;
+						position: relative;
+
+						.mortgage-layout-bom-right-base-title {
+							display: flex;
+							flex-direction: row;
+
+							.mortgage-layout-bom-right-base-title-left {
+								color: #fff;
+								font-size: 25px;
+								font-weight: 600;
+								font-family: sans-serif;
+								margin-right: 10px;
+							}
+
+							.mortgage-layout-bom-right-base-title-right {
+								flex: 1;
+								position: relative;
+								height: 100%;
+
+								&::after {
+									content: "";
+									position: absolute;
+									bottom: 13px;
+									left: 0px;
+									top: 0px;
+									width: 100%;
+									height: 100%;
+									border-bottom: solid 4px #dadada;
+								}
+							}
+						}
+
+						.mortgage-layout-bom-right-base-cont {
+							margin-top: 10px;
+							display: flex;
+							flex-direction: column;
+							padding-left: 10px;
+							padding-right: 10px;
+
+							.mortgage-layout-bom-right-base-cont-item {
+								padding-left: 10px;
+								padding-right: 10px;
+								margin-top: 8px;
+								margin-bottom: 8px;
+								padding-bottom: 8px;
+								border-bottom: solid 1px #dadada;
+								display: flex;
+								flex-direction: row;
+								justify-content: space-between;
+
+								.mortgage-layout-bom-right-base-cont-item-left {
+									color: #0EC0B4;
+									font-size: 16px;
+									font-weight: 600;
+									font-family: sans-serif;
+								}
+
+								.mortgage-layout-bom-right-base-cont-item-right {
+									color: #FF7E3F;
+									font-size: 18px;
+									font-weight: 600;
+									font-family: sans-serif;
+								}
+							}
+						}
+
+					}
+				}
+			}
+		}
+
+	}
+
+	.box-border {
+		position: absolute;
+		width: 2.60417vw;
+		height: 2.60417vw;
+	}
+
+	.border-tl {
+		top: 0;
+		left: 0;
+		border-left: 2px solid #006FB6;
+		border-top: 2px solid #006FB6;
+	}
+
+	.border-tr {
+		top: 0;
+		right: 0;
+		border-top: 2px solid #006FB6;
+		border-right: 2px solid #006FB6;
+	}
+
+	.border-bl {
+		bottom: 0;
+		left: 0;
+		border-left: 2px solid #006FB6;
+		border-bottom: 2px solid #006FB6;
+	}
+
+	.border-br {
+		bottom: 0;
+		right: 0;
+		border-right: 2px solid #006FB6;
+		border-bottom: 2px solid #006FB6;
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/mortgage/index - 副本.vue b/src/views/mortgage/index2.vue
similarity index 95%
rename from src/views/mortgage/index - 副本.vue
rename to src/views/mortgage/index2.vue
index 181156e..e24ec4a 100644
--- a/src/views/mortgage/index - 副本.vue	
+++ b/src/views/mortgage/index2.vue
@@ -259,10 +259,13 @@
 				}],
 				wareValue: "常温仓",
 				day: [{
-					value: "选项1",
+					value: "7",
+					label: "7日",
+				}, {
+					value: "15",
 					label: "15日",
 				}],
-				dayValue: "15日",
+				dayValue: "15",
 				dialogVisible: false,
 				videos: true,
 				lookvideo: false,
@@ -300,9 +303,40 @@
 					date:[],
 					changwencang:[],
 					gongyinglian:[],
+				},
+				// 跳转接参
+				params:{
+					projectSid :'',
+					projectName:"",
+					orderDate:"",
 				}
 			};
 		},
+		
+		mounted() {
+			
+			
+			// 获取url中的参数
+			 const searchParams = new URLSearchParams(/(?<=#.*\?).*/.exec(window.location.href)[0]);
+			 console.log("searchParams>>>>",searchParams) 
+			// 根据参数名获取参数值
+			const projectSid = searchParams.get('projectSid');
+			const projectName = searchParams.get('projectName');
+			const orderDate = searchParams.get('orderDate');
+			console.log("projectSid>>>>",projectSid) 
+			console.log("projectName>>>>",projectName) 
+			console.log("orderDate>>>>",orderDate) 
+			
+			
+			this.params={
+				projectSid:projectSid,
+				projectName:projectName,
+				orderDate:orderDate,
+			}
+			this.times = orderDate
+			
+		},
+		
 		created() {
 			this.loadList()
 			this.getOtherList();
@@ -312,7 +346,15 @@
 		},
 		methods: {
 			getReportInventory(){
-				req.getReportInventory().then(res => {
+				
+				var params = {
+					startDate: this.times,
+					intervalTime: this.dayValue,
+					projectSid:this.params.projectSid
+				}
+				
+				console.log('params:', params)
+				req.getReportInventory(params).then(res => {
 					console.log('getReportInventory:', res)
 					
 						this.chartData2 = {
@@ -388,7 +430,8 @@
 			loadList() {
 
 				var params = {
-					orderDate: this.times
+					orderDate: this.times,
+					projectSid:this.params.projectSid
 				}
 
 				console.log('params:', params)
@@ -468,6 +511,7 @@
 				this.times = val
 				this.loadList()
 				this.getInventory()
+				this.getReportInventory()
 				// this.getOtherList();
 				// this.getStatusCount();
 			},
@@ -503,6 +547,7 @@
 </script>
 <style lang="scss" scoped>
 	.mortgage {
+			background-color: #040C2B;
 		width: 100%;
 		height: 100%;
 		box-sizing: border-box;
diff --git a/src/views/mortgage/yqpb.vue b/src/views/mortgage/yqpb.vue
index 134903b..e284731 100644
--- a/src/views/mortgage/yqpb.vue
+++ b/src/views/mortgage/yqpb.vue
@@ -227,11 +227,11 @@
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn2" @click="cameraClock(1)" />
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn3" @click="cameraClock(2)" />
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn4" @click="cameraClock(3)" />
-					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn5" @click="cameraClock(4)" />
+					<!-- <img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn5" @click="cameraClock(4)" /> -->
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn6" @click="cameraClock(5)" />
-					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn7" @click="cameraClock(6)" />
+					<!-- <img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn7" @click="cameraClock(6)" /> -->
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn8" @click="cameraClock(7)" />
-					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn9" @click="cameraClock(8)" />
+					<!-- <img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn9" @click="cameraClock(8)" /> -->
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn10" @click="cameraClock(9)" />
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn11" @click="cameraClock(10)" />
 					<img src="@/assets/mprtgage/camera.jpg" class="layout-right-top_btn12" @click="cameraClock(11)" />