diff --git a/src/assets/mprtgage/yqpb-icon.png b/src/assets/mprtgage/yqpb-icon.png
new file mode 100644
index 0000000..a89b18d
Binary files /dev/null and b/src/assets/mprtgage/yqpb-icon.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 09b745d..5bfa532 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -62,7 +62,12 @@ export const constantRoutes = [
     path:"/yqpb",
     name:'yqpb',
     component:()=>import('@/views/mortgage/yqpb.vue')
-  }
+  },
+	{
+	  path:"/yqpb2",
+	  name:'yqpb2',
+	  component:()=>import('@/views/mortgage/yqpb2.vue')
+	}
   // 404 page must be placed at the end !!!
   // { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/views/mortgage/index.vue b/src/views/mortgage/index.vue
index cfd21bb..06b7a5f 100644
--- a/src/views/mortgage/index.vue
+++ b/src/views/mortgage/index.vue
@@ -663,7 +663,7 @@
 			position: relative;
 			display: flex;
 			justify-content: space-between;
-			margin-bottom: 40px;
+			margin-bottom: 20px;
 
 			.mortgage_top_item {
 				height: 100%;
@@ -985,7 +985,7 @@
 								top: 0;
 								left: 0;
 								width: 100%;
-								animation: scroll 5s linear infinite normal;
+								animation: scroll 20s linear infinite normal;
 						
 								.container_item1 {
 									width: 100%;
@@ -1054,7 +1054,7 @@
 							}
 
 							.mortgage_top_item_cons_right_top_foor {
-								top: -175px;
+								top: -105%;
 								width: 500px;
 								height: 10%;
 								display: flex;
@@ -1331,7 +1331,7 @@
 
 		.mortgage_bom {
 			width: 100%;
-			height: calc((100% - 75px) );
+			height: calc((100%) );
 			display: flex;
 			align-items: center;
 			position: relative;
diff --git a/src/views/mortgage/yqpb.vue b/src/views/mortgage/yqpb.vue
index 488fb53..29abf9a 100644
--- a/src/views/mortgage/yqpb.vue
+++ b/src/views/mortgage/yqpb.vue
@@ -1,501 +1,518 @@
 <template>
-  <div class="yxt-containers">
-    <div class="yxt-header">
-      <h1>一起拼搏(汇融惠享项目)</h1>
-    </div>
-    <div class="yxt-main">
-      <div class="yxt-main-ha">
-        <div class="cont-vb">
-          <div class="cont-box">
-            <div>
-              <h2>累计定货量</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>品类</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>数量(单位：公斤/升)</h3>
-              </div>
-            </div>
-            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
-              <div class="cont-row-title-left">
-                <span>{{ item.typeName }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.allData }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="cont-va">
-          <div class="cont-box">
-            <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>
-              <h2>上月总定货量</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>品类</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>数量(单位：公斤/升)</h3>
-              </div>
-            </div>
-            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
-              <div class="cont-row-title-left">
-                <span>{{ item.typeName }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.allMonthPre }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="cont-va">
-          <div class="cont-box">
-            <div>
-              <h2>本月总定货量</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>品类</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>数量(单位：公斤/升)</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>增长量</h3>
-              </div>
-            </div>
-            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
-              <div class="cont-row-title-left">
-                <span>{{ item.typeName }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.allMonth }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.allMonthIncrement }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="yxt-main-hb">
-        <div class="cont-vc">
-          <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>仓内平面图</span>
-              </div>
-              <div />
-            </el-card>
-          </div>
-        </div>
-        <div class="cont-va">
-          <div class="cont-box">
-            <div>
-              <h2>餐饮企业定货量</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>品类</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>月累计</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>上月同期</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>增长量</h3>
-              </div>
-            </div>
-            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
-              <div class="cont-row-title-left">
-                <span>{{ item.typeName }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.caterMonth }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.caterMonthPre }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.caterMonthIncrement }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="yxt-main-ha">
-        <div class="cont-va">
-          <div class="cont-box">
-            <div>
-              <h2>本月目标数</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>品类</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>任务数</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>完成比例</h3>
-              </div>
-            </div>
-            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
-              <div class="cont-row-title-left">
-                <span>{{ item.typeName }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.targetData }}</span>
-              </div>
-              <div class="cont-row-title-left">
-                <span>{{ item.targetDataRate }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="cont-vb">
-          <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>现场视频</span>
-              </div>
-              <div />
-            </el-card>
-          </div>
-        </div>
-        <div class="cont-va">
-          <div class="cont-box">
-            <div>
-              <h2>支行订单量完成情况</h2>
-            </div>
-            <div class="cont-row-title">
-              <div class="cont-row-title-center">
-                <h3>排名</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>支行名称</h3>
-              </div>
-              <div class="cont-row-title-center">
-                <h3>本月累计</h3>
-              </div>
-            </div>
-            <div class="cont-box-scroll">
-              <div v-for="(item,index) in zhpm" :index="index" class="cont-row-scroll">
-                <div class="cont-row-title-left">
-                  <span>{{ item.sortNo }}</span>
-                </div>
-                <div class="cont-row-title-left">
-                  <span>{{ item.bankName }}</span>
-                </div>
-                <div class="cont-row-title-left">
-                  <span>{{ item.allMonth }}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+	<div class="yxt-containers">
+		<div class="yxt-header">
+			<h1>一起拼搏(汇融惠享项目)</h1>
+		</div>
+		<div class="yxt-main">
+			<div class="yxt-main-ha">
+				<div class="cont-vb">
+					<div class="cont-box">
+						<div>
+							<h2>累计定货量</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>品类</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>数量(单位：公斤/升)</h3>
+							</div>
+						</div>
+						<div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+							<div class="cont-row-title-left">
+								<span>{{ item.typeName }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.allData }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="cont-va">
+					<div class="cont-box">
+						<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>
+							<h2>上月总定货量</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>品类</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>数量(单位：公斤/升)</h3>
+							</div>
+						</div>
+						<div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+							<div class="cont-row-title-left">
+								<span>{{ item.typeName }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.allMonthPre }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="cont-va">
+					<div class="cont-box">
+						<div>
+							<h2>本月总定货量</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>品类</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>数量(单位：公斤/升)</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>增长量</h3>
+							</div>
+						</div>
+						<div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+							<div class="cont-row-title-left">
+								<span>{{ item.typeName }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.allMonth }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.allMonthIncrement }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="yxt-main-hb">
+				<div class="cont-vc">
+					<div class="cont-box">
+						<el-card class="box-card">
+							<div slot="header" class="clearfix">
+								<span>现场视频</span>
+							</div>
+							<div />
+						</el-card>
+					</div>
+				</div>
+				<div class="cont-va">
+					<div class="cont-box">
+						<div>
+							<h2>餐饮企业定货量</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>品类</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>月累计</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>上月同期</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>增长量</h3>
+							</div>
+						</div>
+						<div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+							<div class="cont-row-title-left">
+								<span>{{ item.typeName }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.caterMonth }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.caterMonthPre }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.caterMonthIncrement }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="yxt-main-ha">
+
+				<div class="cont-vb">
+					<div class="cont-box">
+						<span class="cont-box-text">仓库平面图</span>
+						<img src="@/assets/mprtgage/yqpb-icon.png"/>
+					</div>
+				</div>
+				<div class="cont-va">
+					<div class="cont-box">
+						<div>
+							<h2>本月目标数</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>品类</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>任务数</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>完成比例</h3>
+							</div>
+						</div>
+						<div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+							<div class="cont-row-title-left">
+								<span>{{ item.typeName }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.targetData }}</span>
+							</div>
+							<div class="cont-row-title-left">
+								<span>{{ item.targetDataRate }}</span>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="cont-va">
+					<div class="cont-box">
+						<div>
+							<h2>支行订单量完成情况</h2>
+						</div>
+						<div class="cont-row-title">
+							<div class="cont-row-title-center">
+								<h3>排名</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>支行名称</h3>
+							</div>
+							<div class="cont-row-title-center">
+								<h3>本月累计</h3>
+							</div>
+						</div>
+						<div class="cont-box-scroll">
+							<div v-for="(item,index) in zhpm" :index="index" class="cont-row-scroll">
+								<div class="cont-row-title-left">
+									<span>{{ item.sortNo }}</span>
+								</div>
+								<div class="cont-row-title-left">
+									<span>{{ item.bankName }}</span>
+								</div>
+								<div class="cont-row-title-left">
+									<span>{{ item.allMonth }}</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
-  import req from '@/api/gd36524/store'
-  import {
-    zhj_ztsj
-  } from '@/demodata/zhj_ztsj.js'
-  import {
-    zhj_zhpm
-  } from '@/demodata/zhj_zhpm.js'
-  export default {
-    data() {
-      return {
-        ztsj: [],
-        zhpm: []
-      }
-    },
-    created() {
-      this.loadList()
-    },
-    methods: {
-      loadList() {
-        this.ztsj = zhj_ztsj.rows
-        this.zhpm = zhj_zhpm.rows
-        console.log('11', this.ztsj)
-      },
-      getReportInventory() {
-        req.getReportInventory().then(res => {
-          console.log('getReportInventory:', res)
-
-          this.chartData2 = {
-            date: res.data.date,
-            changwencang: res.data.changwencang,
-            gongyinglian: res.data.gongyinglian,
-            cancipin: res.data.cancipin,
-            mendian: res.data.mendian,
-            ycMendian: res.data.ycMendian
-
-          }
-        }).catch(e => {
-          console.log('GdinventoryLog-loadList-ee:', e)
-        })
-      },
-      getInventory() {
-        req.getInventory(this.times).then(res => {
-          console.log('getInventory:', res)
-
-          this.inventoryList = res.data
-        }).catch(e => {
-          console.log('GdinventoryLog-loadList-ee:', e)
-        })
-      },
-      handleCloseJK() {
-        this.dialogImageJK = false
-      },
-      getStatusCount() {
-        req.getStatusCount().then(res => {
-          console.log('getStatusCount:', res)
-          this.StatusCountInfo = res.data
-        }).catch(e => {
-          console.log('GdinventoryLog-loadList-ee:', e)
-        })
-      },
-      getOtherList() {
-        req.getOtherList().then(res => {
-          console.log('getOtherList:', res)
-          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)
-        })
-      },
-
-      selectTime(val) {
-        console.log('val:', val)
-        this.times = val
-        this.loadList()
-        this.getInventory()
-        // this.getOtherList();
-        // this.getStatusCount();
-      },
-
-      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.lookvideo = true
-
-        this.dialogImageJK = true
-      }
-
-    }
-  }
+	import req from '@/api/gd36524/store'
+	import {
+		zhj_ztsj
+	} from '@/demodata/zhj_ztsj.js'
+	import {
+		zhj_zhpm
+	} from '@/demodata/zhj_zhpm.js'
+	export default {
+		data() {
+			return {
+				ztsj: [],
+				zhpm: []
+			}
+		},
+		created() {
+			this.loadList()
+		},
+		methods: {
+			loadList() {
+				this.ztsj = zhj_ztsj.rows
+				this.zhpm = zhj_zhpm.rows
+				console.log('11', this.ztsj)
+			},
+			getReportInventory() {
+				req.getReportInventory().then(res => {
+					console.log('getReportInventory:', res)
+
+					this.chartData2 = {
+						date: res.data.date,
+						changwencang: res.data.changwencang,
+						gongyinglian: res.data.gongyinglian,
+						cancipin: res.data.cancipin,
+						mendian: res.data.mendian,
+						ycMendian: res.data.ycMendian
+
+					}
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getInventory() {
+				req.getInventory(this.times).then(res => {
+					console.log('getInventory:', res)
+
+					this.inventoryList = res.data
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			handleCloseJK() {
+				this.dialogImageJK = false
+			},
+			getStatusCount() {
+				req.getStatusCount().then(res => {
+					console.log('getStatusCount:', res)
+					this.StatusCountInfo = res.data
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getOtherList() {
+				req.getOtherList().then(res => {
+					console.log('getOtherList:', res)
+					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)
+				})
+			},
+
+			selectTime(val) {
+				console.log('val:', val)
+				this.times = val
+				this.loadList()
+				this.getInventory()
+				// this.getOtherList();
+				// this.getStatusCount();
+			},
+
+			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.lookvideo = true
+
+				this.dialogImageJK = true
+			}
+
+		}
+	}
 </script>
 <style lang="scss" scoped>
-  .yxt-containers {
-    display: flex;
-    background-color: #040C2B;
-    color: #39D6FE;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-    padding: 0px;
-  }
-
-  .yxt-header {
-    display: flex;
-    width: 100%;
-    height: 60px;
-    margin: 0px;
-    padding: 5px;
-  }
-
-  .yxt-main {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-    padding: 0px;
-  }
-
-  .yxt-main-ha {
-    display: flex;
-    flex-direction: column;
-    width: 30%;
-    height: 100%;
-    margin: 0px;
-    padding: 10px;
-  }
-
-  .yxt-main-hb {
-    display: flex;
-    flex-direction: column;
-    width: 40%;
-    height: 100%;
-    margin: 0px;
-    padding: 10px;
-  }
-
-  .cont-va {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 33%;
-    margin: 0px;
-    padding: 10px;
-  }
-
-  .cont-vb {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 34%;
-    margin: 0px;
-    padding: 10px;
-  }
-
-  .cont-vc {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 67%;
-    margin: 0px;
-    padding: 10px;
-  }
-
-  .cont-box {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    padding: 10px;
-    background-color: #031249;
-    position: relative;
-  }
-
-  .cont-row-title {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-    height: 100%;
-    padding-left: 30px;
-    padding-right: 30px;
-  }
-
-  .cont-row-title-center {
-    height: 100%;
-    text-align: center;
-  }
-
-  .cont-row-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-    height: 100%;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-  .cont-box-scroll{
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-  }
-  .cont-row-scroll {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-    height: 25px;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-  .cont-row-item-scroll {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-    height: 100%;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-  .cont-box .box-border {
-      position: absolute;
-      width: 2.60417vw;
-      height: 2.60417vw;
-  }
-  .border-tl {
-      top: 0;
-      left: 0;
-      border-left: 1px solid #006FB6;
-      border-top: 1px solid #006FB6;
-  }
-  .border-tr {
-    top: 0;
-    right: 0;
-    border-top: 1px solid #006FB6;
-    border-right: 1px solid #006FB6;
-}
-.border-bl {
-    bottom: 0;
-    left: 0;
-    border-left: 1px solid #006FB6;
-    border-bottom: 1px solid #006FB6;
-}
-.border-br {
-    bottom: 0;
-    right: 0;
-    border-right: 1px solid #006FB6;
-    border-bottom: 1px solid #006FB6;
-}
-</style>
+	.yxt-containers {
+		display: flex;
+		background-color: #040C2B;
+		color: #39D6FE;
+		flex-direction: column;
+		width: 100%;
+		height: 100%;
+		margin: 0px;
+		padding: 0px;
+	}
+
+	.yxt-header {
+		display: flex;
+		width: 100%;
+		height: 60px;
+		margin: 0px;
+		padding: 5px;
+	}
+
+	.yxt-main {
+		display: flex;
+		flex-direction: row;
+		width: 100%;
+		height: 100%;
+		margin: 0px;
+		padding: 0px;
+	}
+
+	.yxt-main-ha {
+		display: flex;
+		flex-direction: column;
+		width: 30%;
+		height: 100%;
+		margin: 0px;
+		padding: 10px;
+	}
+
+	.yxt-main-hb {
+		display: flex;
+		flex-direction: column;
+		width: 40%;
+		height: 100%;
+		margin: 0px;
+		padding: 10px;
+	}
+
+	.cont-va {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		height: 33%;
+		margin: 0px;
+		padding: 10px;
+	}
+
+	.cont-vb {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		height: 34%;
+		margin: 0px;
+		padding: 10px;
+	}
+
+	.cont-vc {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		height: 67%;
+		margin: 0px;
+		padding: 10px;
+	}
+
+	.cont-box {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		height: 100%;
+		padding: 10px;
+		background-color: #031249;
+		position: relative;
+		
+		.cont-box-text{
+			font-size: 25px;
+			font-weight: 600;
+			font-family: sans-serif
+		}
+		img{
+			margin-top: 10px;
+			width: 100%;
+			height: 90%;
+		}
+	}
+
+	.cont-row-title {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		width: 100%;
+		height: 100%;
+		padding-left: 30px;
+		padding-right: 30px;
+	}
+
+	.cont-row-title-center {
+		height: 100%;
+		text-align: center;
+	}
+
+	.cont-row-item {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		width: 100%;
+		height: 100%;
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+
+	.cont-box-scroll {
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+
+	.cont-row-scroll {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		width: 100%;
+		height: 25px;
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+
+	.cont-row-item-scroll {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		width: 100%;
+		height: 100%;
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+
+	.cont-box .box-border {
+		position: absolute;
+		width: 2.60417vw;
+		height: 2.60417vw;
+	}
+
+	.border-tl {
+		top: 0;
+		left: 0;
+		border-left: 1px solid #006FB6;
+		border-top: 1px solid #006FB6;
+	}
+
+	.border-tr {
+		top: 0;
+		right: 0;
+		border-top: 1px solid #006FB6;
+		border-right: 1px solid #006FB6;
+	}
+
+	.border-bl {
+		bottom: 0;
+		left: 0;
+		border-left: 1px solid #006FB6;
+		border-bottom: 1px solid #006FB6;
+	}
+
+	.border-br {
+		bottom: 0;
+		right: 0;
+		border-right: 1px solid #006FB6;
+		border-bottom: 1px solid #006FB6;
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/mortgage/yqpb2.vue b/src/views/mortgage/yqpb2.vue
new file mode 100644
index 0000000..45e5622
--- /dev/null
+++ b/src/views/mortgage/yqpb2.vue
@@ -0,0 +1,276 @@
+<template>
+	<div class="yxt-containers">
+
+		<span class="title">一起拼搏(汇融惠享项目)</span>
+
+		<div class="layout">
+
+			<div class="layout-left">
+
+				<div class="layout-left-top">
+					<span class="layout-left-top-title">累计订货量</span>
+					
+					<div class="layout-left-top-label">
+						<span >品类</span>
+						<span>数量(单位：公斤/升)</span>
+					</div>
+					
+				<div v-for="(item,index) in ztsj" :index="index" class="layout-left-top-list">
+					
+					<div class="layout-left-top-list-item">
+						<span class="layout-left-top-list-name" >{{ item.typeName }}</span>
+						<span class="layout-left-top-list-value">{{ item.allData }}</span>
+					</div>
+					
+				</div>
+					
+					
+				</div>
+				
+				<div class="layout-left-contre">
+					
+				</div>
+				
+				
+				<div class="layout-left-bom">
+					
+				</div>
+				
+				
+			</div>
+
+			<div class="layout-contre">
+
+			</div>
+
+			<div class="layout-right">
+
+			</div>
+
+		</div>
+
+
+	</div>
+</template>
+
+<script>
+	import req from '@/api/gd36524/store'
+	import {
+		zhj_ztsj
+	} from '@/demodata/zhj_ztsj.js'
+	import {
+		zhj_zhpm
+	} from '@/demodata/zhj_zhpm.js'
+	export default {
+		data() {
+			return {
+				ztsj: [],
+				zhpm: []
+			}
+		},
+		created() {
+			this.loadList()
+		},
+		methods: {
+			loadList() {
+				this.ztsj = zhj_ztsj.rows
+				this.zhpm = zhj_zhpm.rows
+				console.log('11', this.ztsj)
+			},
+			getReportInventory() {
+				req.getReportInventory().then(res => {
+					console.log('getReportInventory:', res)
+
+					this.chartData2 = {
+						date: res.data.date,
+						changwencang: res.data.changwencang,
+						gongyinglian: res.data.gongyinglian,
+						cancipin: res.data.cancipin,
+						mendian: res.data.mendian,
+						ycMendian: res.data.ycMendian
+
+					}
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getInventory() {
+				req.getInventory(this.times).then(res => {
+					console.log('getInventory:', res)
+
+					this.inventoryList = res.data
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			handleCloseJK() {
+				this.dialogImageJK = false
+			},
+			getStatusCount() {
+				req.getStatusCount().then(res => {
+					console.log('getStatusCount:', res)
+					this.StatusCountInfo = res.data
+				}).catch(e => {
+					console.log('GdinventoryLog-loadList-ee:', e)
+				})
+			},
+			getOtherList() {
+				req.getOtherList().then(res => {
+					console.log('getOtherList:', res)
+					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)
+				})
+			},
+
+			selectTime(val) {
+				console.log('val:', val)
+				this.times = val
+				this.loadList()
+				this.getInventory()
+				// this.getOtherList();
+				// this.getStatusCount();
+			},
+
+			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.lookvideo = true
+
+				this.dialogImageJK = true
+			}
+
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.yxt-containers {
+		display: flex;
+		background-color: #040C2B;
+		color: #39D6FE;
+		flex-direction: column;
+		width: 100%;
+		height: 100%;
+		margin: 0px;
+		padding: 0px;
+
+		.title {
+			margin-top: 25px;
+			color: #39D6FE;
+			font-size: 30px;
+			margin-left: 20px;
+			font-weight: 1000;
+			font-family: sans-serif;
+		}
+
+		.layout {
+			display: flex;
+			flex-direction: row;
+			padding: 20px;
+			
+			.layout-left{
+				width: 25%;
+				display: flex;
+				flex-direction: column;
+				.layout-left-top{
+					background-color: #031249;
+					display: flex;
+					flex-direction: column;
+					padding: 20px;
+					.layout-left-top-title{
+						font-size: 25px;
+						font-weight: 600;
+						font-family: sans-serif;
+					}
+					.layout-left-top-label{
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: space-between;
+						span{
+							margin-top: 10px;
+							font-size: 20px;
+							font-weight: 600;
+							font-family: sans-serif;
+						}
+
+					}
+					.layout-left-top-list{
+						margin-top: 10px;
+						display: flex;
+						flex-direction: column;
+						.layout-left-top-list-item{
+							display: flex;
+							margin-top: 5px;
+							margin-bottom: 5px;
+							flex-direction: row;
+							align-items: center;
+							justify-content: space-between;
+							.layout-left-top-list-name{
+								
+							}
+							.layout-left-top-list-value{
+								
+							}
+						}
+					}
+				}
+				.layout-left-contre{
+					margin-top: 15px;
+					background-color: #031249;
+					display: flex;
+					flex-direction: column;
+				}
+				.layout-left-bom{
+					margin-top: 15px;
+					background-color: #031249;
+					display: flex;
+					flex-direction: column;
+				}
+			}
+			.layout-contre{
+				width: 40%;
+			}
+			.layout-right{
+				width: 25%;
+			}
+		}
+	}
+</style>
\ No newline at end of file