Jelajahi Sumber

Merge branch 'master' of http://git.zthymaoyi.com/gdc/yiliangyiyun-pc

高敬炎 1 tahun lalu
induk
melakukan
de3348f653

+ 224 - 0
src/views/tradeServicesManagement/dataAnalysisPlatform.vue

@@ -0,0 +1,224 @@
+//贸易服务管理
+<template>
+  <div class="container">
+   <div class='tip'>火爆开发中...</div>
+  </div>
+</template>
+<script>
+  import mapDrag from '@/components/mapdrag/warehouseReceiptMap'
+  import {
+    getList
+  } from '@/model/tradeServicesManagement/index'
+  import {
+    selectWarehouseSelf,
+  } from '@/model/houseSelfCollect/index'
+  export default {
+    components: {
+      mapDrag
+    },
+    data() {
+      return {
+        searchVal: '',
+        searchKeyWord: '',
+        isActive: false,
+        radio: '1',
+        tradeServicesList: [],
+        currentPage: 1,
+        pageSize: 10,
+        deptBudgetTotal: 0,
+        deptCircularPage: {},
+        searchType: '0',
+        warehouseList: [],
+        compId:'',
+      }
+    },
+    activated() {},
+    beforeCreate() {
+      document.querySelector('body').setAttribute('style', 'overflow:hidden;')
+    },
+    mounted() {
+      let height = document.body.offsetHeight - 57
+      document.querySelector('.container').setAttribute('style', 'height:' + height + 'px;')
+      let _showPage = localStorage.getItem('warehouseReceiptRegulation_selectShowType')
+      if (_showPage == "1") {
+        this.radio = '1'
+        this.isActive = false
+      } else if (_showPage == "2") {
+        this.radio = '2'
+        this.isActive = true
+      } else {
+        this.radio = '1'
+        this.isActive = false
+      }
+      this.compId = localStorage.getItem('ws-pf_compId')
+      this.getList()
+      // this.getWarehouseList()
+      this.tradeServicesList = [{
+        authenticationStatus: 'test'
+      }]
+    },
+    methods: {
+      findList() {
+        this.currentPage=1
+        this.pageSize=10
+        this.getList()
+      },
+      handlestatus(status) {
+        this.searchType = status
+        // this.currentPage:=1
+        // this.pageSize=10
+        // this.getList()
+      },
+      lookBtnClick(val1, val2) {
+        this.$router.push({
+          name: 'warehouseReceiptLook'
+        })
+      },
+      toExamineBtnClick(val1, val2) {
+        this.$router.push({
+          name: 'reviewWarehouseReceipt'
+        })
+      },
+      approveBtnClick(val1, val2) {
+        this.$router.push({
+          name: 'approveWarehouseReceipt'
+        })
+      },
+      repaymentBtnClick(val1, val2) {
+        this.$router.push({
+          name: 'repayment'
+        })
+      },
+      rowEditBtnClick(val1, val2) {
+        this.$router.push({
+          name: 'warehouseReceiptEdit'
+        })
+      },
+      rowDeleteBtnClick(val1, val2) {},
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`)
+        this.pageSize = val
+        this.getWarehouseList()
+        this.getList()
+      },
+      handleCurrentChange(val) {
+        this.currentPage = val
+        console.log(`当前页: ${val}`)
+        this.getList()
+      },
+      startHacking() {
+        this.isActive = true
+      },
+      startHacking1() {
+        this.isActive = false
+      },
+      getWarehouseList() {
+        selectWarehouseSelf({
+            compId: this.compId
+          })
+          .toPromise()
+          .then(response => {
+            this.warehouseList = response
+          })
+      },
+      getList(e, type) {
+        if (type == 1) {
+          this.isActive = true
+        }
+        getList({
+            compId: this.compId,
+            currentPage: this.currentPage,
+            pageSize: this.pageSize,
+            searchType: this.searchType,
+            searchKeyWord: this.searchKeyWord,
+          })
+          .toPromise()
+          .then((response) => {
+            console.log('列表数据', response)
+            this.tradeServicesList = response.data.records
+          })
+      },
+      selectShowType(e) {
+        this.activated = !this.activated;
+        localStorage.setItem('warehouseReceiptRegulation_selectShowType', e)
+      },
+      add() {
+        this.$router.push({
+          name: 'warehouseReceiptAdd'
+        })
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+  .tip{
+    width: 300px;
+    height: 100px;
+    font-size: 48px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+  }
+  .container {
+    position: relative;
+  }
+  .icon{
+    transform: rotate(90deg);
+    margin: 0 10px;
+  }
+  .active {
+    height: 0 !important;
+    overflow: hidden;
+  }
+
+  .bottom,
+  .top {
+    display: flex;
+    justify-items: flex-end;
+    height: 5%;
+    align-content: center;
+
+    .bottom-content,
+    .top-content {
+      display: flex;
+      justify-content: flex-end;
+      width: 100%;
+      padding-right: 25px;
+    }
+
+    .bottom-item,
+    .top-item {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+
+  .content2 {
+    // background: pink;
+    padding: 20px;
+    height: calc(100% - 44px);
+
+    .header {
+      position: relative;
+
+      .add {
+        position: absolute;
+        right: 0;
+      }
+    }
+
+    .search-input {
+      width: 300px;
+      margin-left: 10px;
+    }
+  }
+
+  .paging {
+    margin-top: 10px;
+    text-align: center;
+  }
+</style>

+ 197 - 0
src/views/tradeServicesManagement/warehouseReceiptVideoMonitoring.vue

@@ -0,0 +1,197 @@
+//贸易服务管理
+<template>
+  <div class="container">
+    <div class="content">
+      <div v-for="(item,index) in dataList" class="item" @click="showInfo(item)">
+        <iframe :src='"https://live.eliangeyun.com/play.html?serial="+item.DeviceID+"&code="+item.ID+"&aspect=fullscreen"' allowfullscreen ="true"
+        webkitallowfullscreen="true"
+        mozallowfullscreen="true"
+        allow="autoplay; fullscreen; microphone;" class="ifram-item"></iframe>
+        <div class="mask">
+          <div class="top">
+            黑龙江中天昊元贸易有限公司【鲅鱼圈金信库】
+          </div>
+        </div>
+        <div class="showInfo" v-if="item.check">
+          <div class="row row1">
+            <div class="left">
+              借款方:
+            </div>
+            <div class="right">
+              黑龙江中天昊元贸易有限公司
+            </div>
+          </div>
+          <div class="row row2">
+            <div class="left">
+              仓单数量:
+            </div>
+            <div class="right">
+              15个<img src="../../../public/img/eyes.png" alt="" style="width: 20px;margin-left:10px" @click="toPage(item)">
+            </div>
+          </div>
+          <div class="row row3">
+            <div class="left">
+              金额:
+            </div>
+            <div class="right">
+              放款100000元/还款10000元/待还90000元
+            </div>
+          </div>
+          <div class="row row4">
+            <div class="left">
+              抵押物:
+            </div>
+            <div class="right">
+              玉米
+            </div>
+          </div>
+          <div class="row row5">
+            <div class="left">
+              仓库名称:
+            </div>
+            <div class="right">
+              鲅鱼圈金信库
+            </div>
+          </div>
+          <div class="row row6">
+            <div class="left">
+              借款方:
+            </div>
+            <div class="right">
+              黑龙江中天昊元贸易有限公司
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import mapDrag from '@/components/mapdrag/warehouseReceiptMap'
+  import {
+    getList
+  } from '@/model/tradeServicesManagement/index'
+  import {
+    selectWarehouseSelf,
+  } from '@/model/houseSelfCollect/index'
+  export default {
+    components: {
+      mapDrag
+    },
+    data() {
+      return {
+          dataList:[
+            {
+            check:false,
+          },
+          {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          },  {
+            check:false,
+          }
+        
+        ],
+
+      }
+    },
+    activated() {},
+    beforeCreate() {
+
+    },
+    mounted() {
+    },
+    methods: {
+      showInfo(val){debugger
+       val.check = !val.check
+      },
+      toPage(item){
+        this.$router.push({name:'stockWarehouseReceiptRegulation',query:{
+          compId:'1',
+          bankId:'2',
+          warehouseId:'3'
+        }})
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+ .content{
+  .item{
+    position: relative;
+    width: calc(25% - 8px);
+    height: 25vh;
+    display: inline-block;
+    margin: 4px;
+    
+  }
+  .ifram-item{
+    width: 100%;
+    border: 0;
+    height: 100%;
+  }
+  .mask{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    .top{
+      background-color: rgba(15, 21, 58, 0.4);
+      color: #fff;
+      font-weight: bold;
+      padding: 10px;
+    }
+
+  }
+  .showInfo{
+    width: 100%;
+    background: #0F153A;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    padding: 10px;
+    .row{
+      color:#fff;
+      display: flex;
+      align-items: center;
+      margin: 10px;
+      .right{
+        display: flex;
+        align-items: center;
+      }
+    }
+    .row1{
+      color: #F29C25;
+      font-size: 18px;
+      
+    }
+  }
+ }
+</style>