|
@@ -12,53 +12,21 @@
|
|
|
@keyup.enter.native="queryClick()">
|
|
|
<i slot="prefix" class="el-icon-search" @click="queryClick()"></i>
|
|
|
</el-input>
|
|
|
- <el-table
|
|
|
- :header-cell-style="{background:'#EEEEEE',color:'#333'}"
|
|
|
- :data="tableData"
|
|
|
- stripe
|
|
|
- size="mini"
|
|
|
- style="width: 100%"
|
|
|
- border>
|
|
|
- <el-table-column
|
|
|
- prop="address"
|
|
|
- label="开票地址">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{scope.row.address}} <i style="color:red" v-if="scope.row.isdefault === 1" class="el-icon-place"></i>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="enterprisename"
|
|
|
- label="抬头">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="taxno"
|
|
|
- label="税号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="bank"
|
|
|
- label="开户行">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="bankcardno"
|
|
|
- label="开户账号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="phonenumber"
|
|
|
- label="联系电话">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="remarks"
|
|
|
- label="备注说明">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="操作"
|
|
|
- width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <edit class="inline-16" :data="scope.row" @onSuccess="queryfinancialinfo"></edit>
|
|
|
- <el-button type="text" size="mini" @click="deleteRow(scope.row)">删 除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <tableNewLayout :layout="tablecols" :data="tableData" :opwidth="200" :height="height" :width="true" :custom="true">
|
|
|
+ <template v-slot:customcol="scope">
|
|
|
+ <div v-if="scope.column.data[[scope.column.columnname]] == 'address'">
|
|
|
+ {{scope.column.data[[scope.column.columnname]]}}
|
|
|
+ <i style="color:red" v-if="scope.row.isdefault === 1" class="el-icon-place"></i>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ {{scope.column.data[[scope.column.columnname]] || scope.column.columnname === 'operation'?scope.column.data[[scope.column.columnname]]:'--'}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-slot:opreation="scope">
|
|
|
+ <edit class="inline-16" :data="scope.data" @onSuccess="queryfinancialinfo"></edit>
|
|
|
+ <el-button type="text" size="mini" @click="deleteRow(scope.data)">删 除</el-button>
|
|
|
+ </template>
|
|
|
+ </tableNewLayout>
|
|
|
<div class="container normal-panel" style="text-align:right">
|
|
|
<el-pagination
|
|
|
background
|
|
@@ -79,10 +47,11 @@ import add from './modules/add.vue'
|
|
|
import edit from './modules/edit.vue'
|
|
|
|
|
|
export default {
|
|
|
- props:['mainData'],
|
|
|
+ props:['mainData','height'],
|
|
|
data () {
|
|
|
return {
|
|
|
search:'',
|
|
|
+ tablecols:[],
|
|
|
tableData:[],
|
|
|
param:{
|
|
|
"id": 20221013160602,
|
|
@@ -129,12 +98,12 @@ export default {
|
|
|
},
|
|
|
})
|
|
|
this.tool.showMessage(res,()=>{
|
|
|
- this.queryfinancialinfo()
|
|
|
+ this.queryfinancialinfo(this.param.content.pageNumber = 1)
|
|
|
})
|
|
|
},
|
|
|
clearData(){
|
|
|
this.search = ""
|
|
|
- this.queryfinancialinfo()
|
|
|
+ this.queryfinancialinfo(this.param.content.pageNumber = 1)
|
|
|
},
|
|
|
queryClick(){
|
|
|
this.param.content.where.condition = this.search
|
|
@@ -144,6 +113,9 @@ export default {
|
|
|
},
|
|
|
mounted () {
|
|
|
this.queryfinancialinfo()
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.tablecols = this.tool.tabelCol(this.$route.name).FinancialInforTable.tablecols
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -153,4 +125,4 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|