|
@@ -7,10 +7,12 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col v-for="(item,index) in acountlist" :key="index" :span="6" class="mt-10" @click.native="handleClick(index)">
|
|
<el-col v-for="(item,index) in acountlist" :key="index" :span="6" class="mt-10" @click.native="handleClick(index)">
|
|
|
<div class="acccounet__panel" :style="activeName == index?{border:'1px solid #d8dde8'}:''">
|
|
<div class="acccounet__panel" :style="activeName == index?{border:'1px solid #d8dde8'}:''">
|
|
|
- <p class="normal-margin">{{item.accountname}}</p>
|
|
|
|
|
|
|
+ <p class="normal-margin" v-if="usertype == '1'">{{item.hraccountname}}</p>
|
|
|
|
|
+ <p class="normal-margin" v-else>{{item.accountname}}</p>
|
|
|
<p class="normal-title" style="font-size:1.825rem" :style="activeName == index?{color:'#3874f6'}:''"><small>¥</small> {{tool.formatAmount(item.balance,2)}}</p>
|
|
<p class="normal-title" style="font-size:1.825rem" :style="activeName == index?{color:'#3874f6'}:''"><small>¥</small> {{tool.formatAmount(item.balance,2)}}</p>
|
|
|
<div class="score">
|
|
<div class="score">
|
|
|
- <p style="margin-top:16px">信用额度:{{item.creditquota}}</p>
|
|
|
|
|
|
|
+ <p style="margin-top:16px" v-if="usertype == '1'">预计金额:{{item.expectedReward}}</p>
|
|
|
|
|
+ <p style="margin-top:16px" v-else>信用额度:{{item.creditquota}}</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -32,14 +34,24 @@
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="mt-10 inline-16">
|
|
<div class="mt-10 inline-16">
|
|
|
- <el-input style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="accountMx(param.content.pageNumber = 1)" @clear="accountMx(param.content.pageNumber = 1)" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
|
|
|
|
|
|
|
+ <el-input v-if="usertype == '1'" style="width:200px;" placeholder="搜索" :suffix-icon="paramSales.content.where.condition?paramSales.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="paramSales.content.where.condition" @keyup.native.enter="accountMx(paramSales.content.pageNumber = 1)" @clear="accountMx(paramSales.content.pageNumber = 1)" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ <el-input v-else style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="accountMx(param.content.pageNumber = 1)" @clear="accountMx(param.content.pageNumber = 1)" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :fixedName="'operation'" height="calc(100vh - 390px)">
|
|
<tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :fixedName="'operation'" height="calc(100vh - 390px)">
|
|
|
<template v-slot:customcol="scope">
|
|
<template v-slot:customcol="scope">
|
|
|
<div v-if="scope.column.columnname == 'type'">
|
|
<div v-if="scope.column.columnname == 'type'">
|
|
|
- {{ scope.column.data.type ? '收入凭证' : '支出凭证' }}
|
|
|
|
|
|
|
+ {{ scope.column.data.type ? '收入' : '支出' }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-else-if="scope.column.columnname == 'accountname'">
|
|
|
|
|
+ <span v-if="usertype == '1'">
|
|
|
|
|
+ {{scope.column.data.hraccountname}}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ <span v-else>
|
|
|
|
|
+ {{scope.column.data[[scope.column.columnname]]}}
|
|
|
|
|
+ </span>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-else>
|
|
<div v-else>
|
|
|
{{scope.column.data[[scope.column.columnname]]?scope.column.data[[scope.column.columnname]]:'--'}}
|
|
{{scope.column.data[[scope.column.columnname]]?scope.column.data[[scope.column.columnname]]:'--'}}
|
|
@@ -47,12 +59,12 @@
|
|
|
</template>
|
|
</template>
|
|
|
<template v-slot:opreation="scope">
|
|
<template v-slot:opreation="scope">
|
|
|
<editPrice v-if="tool.checkAuth($route.name,'update')" class="inline-16" :data="scope.data"/>
|
|
<editPrice v-if="tool.checkAuth($route.name,'update')" class="inline-16" :data="scope.data"/>
|
|
|
- <delete-btn
|
|
|
|
|
- @deleteCreate="deleteCreate"
|
|
|
|
|
- v-if="tool.checkAuth($route.name,'delete')"
|
|
|
|
|
- :id="scope.data.sa_itempriceadjust_itemsid"
|
|
|
|
|
- @deleteSuccess="$refs.basicLayout.listData()"
|
|
|
|
|
- nameId="20221025095404"
|
|
|
|
|
|
|
+ <delete-btn
|
|
|
|
|
+ @deleteCreate="deleteCreate"
|
|
|
|
|
+ v-if="tool.checkAuth($route.name,'delete')"
|
|
|
|
|
+ :id="scope.data.sa_itempriceadjust_itemsid"
|
|
|
|
|
+ @deleteSuccess="$refs.basicLayout.listData()"
|
|
|
|
|
+ nameId="20221025095404"
|
|
|
nameKey="sa_itempriceadjust_itemsids"
|
|
nameKey="sa_itempriceadjust_itemsids"
|
|
|
/>
|
|
/>
|
|
|
</template>
|
|
</template>
|
|
@@ -96,12 +108,30 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ paramSales:{
|
|
|
|
|
+ "id": 20240111090304,
|
|
|
|
|
+ "content": {
|
|
|
|
|
+ "pageSize": 20,
|
|
|
|
|
+ "pageNumber": 1,
|
|
|
|
|
+ "hrid": "",
|
|
|
|
|
+ "where": {
|
|
|
|
|
+ "condition": "",
|
|
|
|
|
+ "begdate": "",
|
|
|
|
|
+ "enddate": "",
|
|
|
|
|
+ "type":"",
|
|
|
|
|
+ "sa_hraccountclassid":""
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
total:0,
|
|
total:0,
|
|
|
- dateSelect:[]
|
|
|
|
|
|
|
+ dateSelect:[],
|
|
|
|
|
+ usertype:JSON.parse(sessionStorage.getItem('active_account')).usertype,
|
|
|
|
|
+ hrid:JSON.parse(sessionStorage.getItem('active_account')).hrid
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods:{
|
|
methods:{
|
|
|
async listData () {
|
|
async listData () {
|
|
|
|
|
+ console.log(this.usertype,'usertype')
|
|
|
const res = await this.$api.requested({
|
|
const res = await this.$api.requested({
|
|
|
id:"20221008145903",
|
|
id:"20221008145903",
|
|
|
content:{
|
|
content:{
|
|
@@ -111,14 +141,34 @@ export default {
|
|
|
})
|
|
})
|
|
|
this.acountlist = res.data
|
|
this.acountlist = res.data
|
|
|
console.log(this.acountlist);
|
|
console.log(this.acountlist);
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+ this.accountMx()
|
|
|
|
|
+ },
|
|
|
|
|
+ async listDataSales(){
|
|
|
|
|
+ const res = await this.$api.requested({
|
|
|
|
|
+ "id": 20240111085504,
|
|
|
|
|
+ "content": {
|
|
|
|
|
+ "hrid":this.hrid,
|
|
|
|
|
+ "pageSize": 99,
|
|
|
|
|
+ "pageNumner": 1
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ this.acountlist = res.data
|
|
|
this.accountMx()
|
|
this.accountMx()
|
|
|
},
|
|
},
|
|
|
async accountMx () {
|
|
async accountMx () {
|
|
|
- this.param.content.sa_accountclassid = this.acountlist[this.activeName].sa_accountclassid
|
|
|
|
|
- const res = await this.$api.requested(this.param)
|
|
|
|
|
- this.list = res.data.rows
|
|
|
|
|
- console.log(res,"res的数据")
|
|
|
|
|
|
|
+ if (this.usertype == '1'){
|
|
|
|
|
+ this.paramSales.content.hrid = this.hrid
|
|
|
|
|
+ this.paramSales.content.where.sa_hraccountclassid = this.acountlist[this.activeName].sa_hraccountclassid
|
|
|
|
|
+ const res = await this.$api.requested(this.paramSales)
|
|
|
|
|
+ this.list = res.data
|
|
|
|
|
+ console.log(res,"res的数据")
|
|
|
|
|
+ }else {
|
|
|
|
|
+ this.param.content.sa_accountclassid = this.acountlist[this.activeName].sa_accountclassid
|
|
|
|
|
+ const res = await this.$api.requested(this.param)
|
|
|
|
|
+ this.list = res.data.rows
|
|
|
|
|
+ console.log(res,"res的数据")
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
handleClick (index) {
|
|
handleClick (index) {
|
|
|
this.activeName = index
|
|
this.activeName = index
|
|
@@ -135,19 +185,32 @@ export default {
|
|
|
this.accountMx()
|
|
this.accountMx()
|
|
|
},
|
|
},
|
|
|
selectChange(){
|
|
selectChange(){
|
|
|
-
|
|
|
|
|
- if (this.dateSelect !== '' && this.dateSelect !== null){
|
|
|
|
|
- this.param.content.where.begindate = this.dateSelect[0]
|
|
|
|
|
- this.param.content.where.enddate = this.dateSelect[1]
|
|
|
|
|
|
|
+ if (this.usertype == '1'){
|
|
|
|
|
+ if (this.dateSelect !== '' && this.dateSelect !== null){
|
|
|
|
|
+ this.paramSales.content.where.begindate = this.dateSelect[0]
|
|
|
|
|
+ this.paramSales.content.where.enddate = this.dateSelect[1]
|
|
|
|
|
+ }else {
|
|
|
|
|
+ this.paramSales.content.where.begindate = ''
|
|
|
|
|
+ this.paramSales.content.where.enddate = ''
|
|
|
|
|
+ }
|
|
|
}else {
|
|
}else {
|
|
|
- this.param.content.where.begindate = ''
|
|
|
|
|
- this.param.content.where.enddate = ''
|
|
|
|
|
|
|
+ if (this.dateSelect !== '' && this.dateSelect !== null){
|
|
|
|
|
+ this.param.content.where.begindate = this.dateSelect[0]
|
|
|
|
|
+ this.param.content.where.enddate = this.dateSelect[1]
|
|
|
|
|
+ }else {
|
|
|
|
|
+ this.param.content.where.begindate = ''
|
|
|
|
|
+ this.param.content.where.enddate = ''
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
this.accountMx()
|
|
this.accountMx()
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
mounted () {
|
|
mounted () {
|
|
|
- this.listData()
|
|
|
|
|
|
|
+ if (this.usertype == '1'){
|
|
|
|
|
+ this.listDataSales()
|
|
|
|
|
+ }else {
|
|
|
|
|
+ this.listData()
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
created () {
|
|
created () {
|
|
|
this.tablecols = this.tool.tabelCol(this.$route.name)['accountMoneyDetailTable'].tablecols
|
|
this.tablecols = this.tool.tabelCol(this.$route.name)['accountMoneyDetailTable'].tablecols
|
|
@@ -166,4 +229,4 @@ export default {
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|