|
@@ -1,224 +1,226 @@
|
|
|
//贸易服务管理
|
|
|
<template>
|
|
|
- <div class="container">
|
|
|
- <div class='tip'>火爆开发中...</div>
|
|
|
+ <div class="content">
|
|
|
+ <dv-full-screen-container class="screen-container">
|
|
|
+ <!-- <div class="host-body">
|
|
|
+ <div class="d-flex jc-center title_wrap">
|
|
|
+ <div class="zuojuxing"></div>
|
|
|
+ <div class="youjuxing"></div>
|
|
|
+ <div class="guang"></div>
|
|
|
+ <div class="d-flex jc-center">
|
|
|
+ <div class="title">
|
|
|
+ <span class="title-text">易粮易运大数据分析平台</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-content">
|
|
|
+ <div class="left">1</div>
|
|
|
+ <div class="center">2</div>
|
|
|
+ <div class="right">3</div>
|
|
|
+ </div> -->
|
|
|
+ </dv-full-screen-container>
|
|
|
</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'
|
|
|
- })
|
|
|
- }
|
|
|
+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: '',
|
|
|
+
|
|
|
}
|
|
|
+ },
|
|
|
+ activated() { },
|
|
|
+ beforeCreate() {
|
|
|
+
|
|
|
+ },
|
|
|
+ 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: {
|
|
|
+ // 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
|
|
|
+ // })
|
|
|
+ // },
|
|
|
}
|
|
|
+}
|
|
|
</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 {
|
|
|
+.content {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 16px 16px 10px 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-image: url("../../assets/images/sj.png");
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.screen-container {
|
|
|
+ position: absolute !important;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.host-body {
|
|
|
+
|
|
|
+ .title_wrap {
|
|
|
+ height: 60px;
|
|
|
+ background-image: url("../../assets/images/top.png");
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center center;
|
|
|
position: relative;
|
|
|
- }
|
|
|
- .icon{
|
|
|
- transform: rotate(90deg);
|
|
|
- margin: 0 10px;
|
|
|
- }
|
|
|
- .active {
|
|
|
- height: 0 !important;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
+ margin-bottom: 4px;
|
|
|
|
|
|
- .bottom,
|
|
|
- .top {
|
|
|
- display: flex;
|
|
|
- justify-items: flex-end;
|
|
|
- height: 5%;
|
|
|
- align-content: center;
|
|
|
+ .guang {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ background: url("../../assets/images/guang.gif") no-repeat center;
|
|
|
+ background-position: cover;
|
|
|
+ height: 1px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
+ width: 40%
|
|
|
+ }
|
|
|
+
|
|
|
+ .zuojuxing,
|
|
|
+ .youjuxing {
|
|
|
+ position: absolute;
|
|
|
+ top: -2px;
|
|
|
+ width: 140px;
|
|
|
+ height: 6px;
|
|
|
+ background: url("../../assets/images/headers/juxing1.png");
|
|
|
|
|
|
- .bottom-content,
|
|
|
- .top-content {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- width: 100%;
|
|
|
- padding-right: 25px;
|
|
|
}
|
|
|
|
|
|
- .bottom-item,
|
|
|
- .top-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ .titlebgc {
|
|
|
+ background: url("../../assets//top.gif") no-repeat center;
|
|
|
+ background-size: cover;
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
+ .zuojuxing {
|
|
|
+
|
|
|
+ left: 11%;
|
|
|
+ }
|
|
|
|
|
|
- .content2 {
|
|
|
- // background: pink;
|
|
|
- padding: 20px;
|
|
|
- height: calc(100% - 44px);
|
|
|
+ .youjuxing {
|
|
|
+ right: 11%;
|
|
|
+ transform: rotate(180deg);
|
|
|
+ }
|
|
|
|
|
|
- .header {
|
|
|
- position: relative;
|
|
|
+ .timers {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 30px;
|
|
|
+ font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #fff;
|
|
|
|
|
|
- .add {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
+ .blq-icon-shezhi02 {
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .search-input {
|
|
|
- width: 300px;
|
|
|
- margin-left: 10px;
|
|
|
+ .btn {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 30px;
|
|
|
+ font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .paging {
|
|
|
- margin-top: 10px;
|
|
|
+ .title {
|
|
|
+ position: relative;
|
|
|
+ // width: 500px;
|
|
|
text-align: center;
|
|
|
+ background-size: cover;
|
|
|
+ color: transparent;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 46px;
|
|
|
+
|
|
|
+ .title-text {
|
|
|
+ font-size: 38px;
|
|
|
+ font-weight: 900;
|
|
|
+ letter-spacing: 6px;
|
|
|
+ width: 100%;
|
|
|
+ background: linear-gradient(92deg, #0072FF 0%, #00EAFF 48.8525390625%, #01AAFF 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.row-content {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ background: rgba(2, 0, 77, 0.7);
|
|
|
+
|
|
|
+ border: 2px solid rgba(13, 83, 183, 1);
|
|
|
+
|
|
|
+ box-shadow: inset 0px 0px 34px rgba(17, 40, 255, 0.66);
|
|
|
+ width: 22%;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ background: rgba(2, 0, 77, 0.7);
|
|
|
+
|
|
|
+ border: 2px solid rgba(13, 83, 183, 1);
|
|
|
+
|
|
|
+ box-shadow: inset 0px 0px 34px rgba(17, 40, 255, 0.66);
|
|
|
+ width: 22%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ background: green;
|
|
|
+ width: 44%;
|
|
|
}
|
|
|
-</style>
|
|
|
+}</style>
|