fengdong777
2 years ago
18 changed files with 961 additions and 115 deletions
@ -0,0 +1,15 @@ |
|||
// 基准大小
|
|||
const baseSize = 32 |
|||
// 设置 rem 函数
|
|||
function setRem () { |
|||
// 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。
|
|||
const scale = document.documentElement.clientWidth / 750 |
|||
// 设置页面根节点字体大小
|
|||
document.documentElement.style.fontSize = (baseSize * Math.min(scale, 2)) + 'px' |
|||
} |
|||
// 初始化
|
|||
setRem() |
|||
// 改变窗口大小时重新设置 rem
|
|||
window.onresize = function () { |
|||
setRem() |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
class devicePixelRatio { |
|||
/* 获取系统类型 */ |
|||
getSystem() { |
|||
const agent = navigator.userAgent.toLowerCase(); |
|||
const isMac = /macintosh|mac os x/i.test(navigator.userAgent); |
|||
if (isMac) return false; |
|||
// 目前只针对 win 处理，其它系统暂无该情况，需要则继续在此添加即可
|
|||
if (agent.indexOf("windows") >= 0) return true; |
|||
} |
|||
/* 监听方法兼容写法 */ |
|||
addHandler(element, type, handler) { |
|||
if (element.addEventListener) { |
|||
element.addEventListener(type, handler, false); |
|||
} else if (element.attachEvent) { |
|||
element.attachEvent("on" + type, handler); |
|||
} else { |
|||
element["on" + type] = handler; |
|||
} |
|||
} |
|||
/* 校正浏览器缩放比例 */ |
|||
correct() { |
|||
// 页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化
|
|||
document.getElementsByTagName("body")[0].style.zoom = |
|||
1 / window.devicePixelRatio; |
|||
} |
|||
/* 监听页面缩放 */ |
|||
watch() { |
|||
const that = this; |
|||
// 注意: 这个方法是解决全局有两个window.resize
|
|||
that.addHandler(window, "resize", function () { |
|||
that.correct(); // 重新校正浏览器缩放比例
|
|||
}); |
|||
} |
|||
/* 初始化页面比例 */ |
|||
init() { |
|||
const that = this; |
|||
// 判断设备，只在 win 系统下校正浏览器缩放比例
|
|||
if (that.getSystem()) { |
|||
that.correct(); // 校正浏览器缩放比例
|
|||
that.watch(); // 监听页面缩放
|
|||
} |
|||
} |
|||
} |
|||
export default devicePixelRatio; |
|||
@ -0,0 +1,195 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
|
|||
<button-bar ref="btnbar" view-title="项目人员" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|||
{{ searchxianshitit }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="项目人员"> |
|||
<el-input v-model="queryParams.params.typeName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="left"> |
|||
<div class="listtop" style="width: 500px"> |
|||
<div class="tit" >项目列表</div> |
|||
</div> |
|||
<el-table :data="dataList" border max-height="380px" style="width: 500px" highlight-current-row |
|||
@row-click="singleElection"> |
|||
<el-table-column align="center" width="55" label="选择"> |
|||
<template slot-scope="scope"> |
|||
<!-- 可以手动的修改label的值，从而控制选择哪一项 --> |
|||
<el-radio class="radio" v-model="templateSelection" :label="scope.row.id" style="margin-left:10px" |
|||
>{{''}}</el-radio |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="typeName" label="项目名称" align="center" /> |
|||
<el-table-column prop="remarks" label="贷款银行" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<div class="rigth"> |
|||
<div class="listtop" style="width: 700px"> |
|||
<div class="tit" > 项目名称：{{projectList.remarks }} {{"\xa0\xa0\xa0"}}{{"\xa0\xa0\xa0"}}{{"\xa0\xa0\xa0"}}{{"\xa0\xa0\xa0"}} 贷款银行：{{projectList.id }}</div> |
|||
</div> |
|||
<div style="float: left;"> |
|||
<el-table v-loading="tableLoading" :data="dataList" border max-height="380px" style="width: 350px" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center"/> |
|||
<el-table-column prop="typeName" label="监管人员" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<div style="float: left;"> |
|||
<el-table v-loading="tableLoading" :data="dataList" border max-height="380px" style="width: 350px" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center"/> |
|||
<el-table-column prop="remarks" label="银行人员" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
<el-button type="primary" style="width: 8%;margin-left: 85%;margin-top: 40px;" size="small" @click="getPurchaseList">保存</el-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/dataDict/datadict' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
export default { |
|||
name: 'SupplierBankInfoIndex', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [ |
|||
{remarks:'fff',id:15}, |
|||
{remarks:'kfdjakdfjdkajfkafjka',id:52}, |
|||
{remarks:'fff',id:11} |
|||
], |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
typeName: '', |
|||
} |
|||
}, |
|||
sids: [], |
|||
templateSelection: "", |
|||
// 当前选择的行的数据 |
|||
checkList: [], |
|||
projectList:{ |
|||
remarks:'', |
|||
id:'', |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
loadList() { |
|||
|
|||
}, |
|||
singleElection(row) { |
|||
this.templateSelection = row.id |
|||
this.checkList = this.dataList.filter((item) => item.id === row.id) |
|||
console.log(`该行的编号为${row.id}`) |
|||
console.log(this.checkList[0].id) |
|||
this.projectList.remarks=this.checkList[0].remarks |
|||
this.projectList.id=this.checkList[0].id |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
typeName: '', |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
getPurchaseList(){ |
|||
|
|||
}, |
|||
handleSelectionChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
.main-content{ |
|||
max-height: 540px; |
|||
// overflow-y: hidden; |
|||
.left{ |
|||
float: left; |
|||
} |
|||
.rigth{ |
|||
float: right; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="销售上报" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
queryInfos: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 100, |
|||
params: { |
|||
purchaseNo:'' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': // 关闭 |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
|
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="用款申请提交" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
queryInfos: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 100, |
|||
params: { |
|||
purchaseNo:'' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': // 关闭 |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
|
|||
@ -0,0 +1,114 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="货物解货质押出库申请" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
<div class="topHouse"> |
|||
<h2>货物解货质押出库申请</h2> |
|||
<div class="warehouse"> |
|||
<div class="top"> |
|||
<span>所在项目{{"\xa0\xa0\xa0"}} XXX</span> |
|||
<span>申请日期：XXXXX</span> |
|||
</div> |
|||
<div style="margin-top: 25px;"> |
|||
仓库名称{{"\xa0\xa0\xa0"}} <el-select v-model="storehouseId" placeholder="请选择" size="small" style="width: 60%;" > |
|||
<el-option |
|||
v-for="(storehouse,i) in storehouseList" |
|||
:key="i" |
|||
:label="storehouse.title" |
|||
:value="storehouse.mun"> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
<div style="margin-top: 25px;"> |
|||
货物价值{{"\xa0\xa0\xa0"}} <el-input v-model="estimateCalculatedValue" :readonly="true" placeholder="单行输入" size="small" style="width: 60%;" clearable></el-input> |
|||
<a target="_blank" style="margin-left: 20px;font-size: 14px;color: #018ad2;border-bottom: 1px solid #018ad2;" href="http://jianguan.yyundong.com/warehouse/#/outStorehouseManagement/outList"><i class="el-icon-plus"></i>添加出库单</a> |
|||
</div> |
|||
<div style="margin-top: 45px;margin-left: -10px;font-size: 14px;"> |
|||
注:客户发起发起申请，首先监管审核，再银行审核通过后，客户在审核结果表里打印纸质申请表盖章并提交给监管、银行各一份。 |
|||
</div> |
|||
<el-button type="primary" style="width: 13%;margin-left: 60%;margin-top: 50px;" size="small" @click="getPurchaseList">提交审核</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
storehouseId:'', |
|||
estimateCalculatedValue:'', |
|||
storehouseList:[{mun:'1',title:'喜相随仓库'},{mun:'2',title:'大四喜仓库'}], |
|||
queryInfos: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 100, |
|||
params: { |
|||
purchaseNo:'' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': // 关闭 |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
getPurchaseList(){ |
|||
|
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.listconadd{ |
|||
.topHouse{ |
|||
h2{ |
|||
text-align: center; |
|||
font-weight: 520; |
|||
font-size: 26px; |
|||
} |
|||
.warehouse{ |
|||
margin: 0 auto; |
|||
width: 65%; |
|||
height: 400px; |
|||
font-size: 18px; |
|||
.top{ |
|||
width: 100%; |
|||
height: 40px; |
|||
border-bottom: 1px solid #717171; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="回款上报" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
queryInfos: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 100, |
|||
params: { |
|||
purchaseNo:'' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': // 关闭 |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
|
|||
@ -0,0 +1,115 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="货物入库质押申请" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
<div class="topHouse"> |
|||
<h2>货物入库质押申请</h2> |
|||
<div class="warehouse"> |
|||
<div class="top"> |
|||
<span>所在项目{{"\xa0\xa0\xa0"}} XXX</span> |
|||
<span>申请日期：XXXXX</span> |
|||
</div> |
|||
<div style="margin-top: 25px;"> |
|||
仓库名称{{"\xa0\xa0\xa0"}} <el-select v-model="storehouseId" placeholder="请选择" size="small" style="width: 60%;" > |
|||
<el-option |
|||
v-for="(storehouse,i) in storehouseList" |
|||
:key="i" |
|||
:label="storehouse.title" |
|||
:value="storehouse.mun"> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
<div style="margin-top: 25px;"> |
|||
货物价值{{"\xa0\xa0\xa0"}} <el-input v-model="estimateCalculatedValue" :readonly="true" placeholder="单行输入" size="small" style="width: 60%;" clearable></el-input> |
|||
<a target="_blank" style="margin-left: 20px;font-size: 14px;color: #018ad2;border-bottom: 1px solid #018ad2;" href="http://jianguan.yyundong.com/warehouse/#/instorehouse/purchase"><i class="el-icon-plus"></i>添加入库单</a> |
|||
</div> |
|||
<div style="margin-top: 45px;margin-left: -10px;font-size: 14px;"> |
|||
注:客户发起发起申请，首先监管审核，再银行审核通过后，客户在审核结果表里打印纸质申请表盖章并提交给监管、银行各一份。 |
|||
</div> |
|||
<el-button type="primary" style="width: 13%;margin-left: 60%;margin-top: 50px;" size="small" @click="getPurchaseList">提交审核</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
storehouseId:'', |
|||
estimateCalculatedValue:'', |
|||
storehouseList:[{mun:'1',title:'喜相随仓库'},{mun:'2',title:'大四喜仓库'}], |
|||
queryInfos: { |
|||
total: 0, |
|||
current: 1, |
|||
size: 100, |
|||
params: { |
|||
purchaseNo:'' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': // 关闭 |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
getPurchaseList(){ |
|||
|
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.listconadd{ |
|||
.topHouse{ |
|||
h2{ |
|||
text-align: center; |
|||
font-weight: 520; |
|||
font-size: 26px; |
|||
} |
|||
.warehouse{ |
|||
margin: 0 auto; |
|||
width: 65%; |
|||
height: 400px; |
|||
font-size: 18px; |
|||
.top{ |
|||
width: 100%; |
|||
height: 40px; |
|||
border-bottom: 1px solid #717171; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue