5a982e1d by 任超

style:样式

1 parent 00c02e6c
......@@ -11,16 +11,17 @@
<template>
<div :class="['lb-table', customClass]">
<el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border'
:row-class-name="tableRowClassName" :show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }"
v-bind="$attrs" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
:row-class-name="tableRowClassName" :show-header='showHeader'
:header-cell-style="{ background: 'rgb(217, 236, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
:data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
<el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName"
:show-header='showHeader' :header-cell-style="{ background: '#f5f7fa' }" v-bind="$attrs" :max-height="maxHeight"
v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
:show-header='showHeader' :header-cell-style="{ background: 'rgb(217, 236, 255)' }" v-bind="$attrs"
:max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%"
:span-method="this.merge ? this.mergeMethod : this.spanMethod">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
......@@ -191,7 +192,8 @@ export default {
border: 1px solid #ebf2fa;
}
}
/deep/.el-table .cell{
/deep/.el-table .cell {
padding-left: 3px;
padding-right: 3px;
}
......
......@@ -6,6 +6,10 @@
color: #686666;
}
.el-table .cell {
line-height: 16px;
}
//input
.el-input__inner {
padding: 0 7px !important;
......@@ -177,7 +181,6 @@
// 表格样式
.el-table th {
background-color: #FBFCFD !important;
height: 48px !important;
font-size: 14px;
color: #4A4A4A;
......
......@@ -47,7 +47,7 @@
<!-- 表格 -->
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :total="tableData.total"
<lb-table :page-size="pageData.size" :current-page.sync="pageData.currentPage" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
......@@ -108,16 +108,13 @@ export default {
if (res.code === 200) {
let { total, records } = res.result
let str = ''
records.forEach(item=>{
if(item.qlrmc.length!=0){
item.qlrmcStr = String(item.qlrmc)
}
if(item.ywrmc.length!=0){
item.ywrmcStr = String(item.ywrmc)
}
records.forEach(item => {
console.log(item);
item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
})
this.tableData.total = total;
this.tableData.data = records
this.tableData.data = records ? records : []
}
})
},
......
......@@ -18,11 +18,11 @@ class data extends filter {
{
prop: "ywlymc",
label: "业务来源",
width:'100'
width: '100'
},
{
label: "流程状态",
width:'80',
width: '80',
render: (h, scope) => {
switch (scope.row.lczt) {
case '1':
......@@ -37,20 +37,20 @@ class data extends filter {
{
prop: "zbhj",
label: "在办环节",
width:'80'
width: '80'
},
{
label: '业务号',
align: 'center',
width:'100',
width: '100',
render: (h, scope) => {
return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
}
},
{
prop: "sqywmc",
label: "申请业务名称",
width:'220'
width: '220'
},
{
label: "权利人",
......@@ -75,23 +75,23 @@ class data extends filter {
{
prop: "zl",
label: "坐落",
width:'260'
width: '260'
},
{
prop: "slsj",
label: "受理时间",
sortable: 'custom',
width:'150'
width: '140'
},
{
prop: "slry",
label: "受理人员",
width:'80'
width: '80'
},
{
label: "转入时间",
sortable: 'custom',
width:'160',
width: '160',
render: (h, scope) => {
return (
<div>
......
......@@ -55,6 +55,7 @@ class data extends filter {
{
prop: "slsj",
label: "受理时间",
width: '140',
sortable: 'custom'
},
{
......@@ -63,6 +64,7 @@ class data extends filter {
},
{
label: "转出时间",
width: '140',
sortable: 'custom',
render: (h, scope) => {
return (
......
......@@ -63,7 +63,7 @@
<el-button type="primary" :disabled="btnDisabled" @click="btnClick">选择不动产信息</el-button>
</div>
</div>
<fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj = 'djqxObj' />
<fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj='djqxObj' />
</div>
</template>
<script>
......@@ -79,23 +79,17 @@ export default {
],
list: [],
djlxList: [],
ywList: [
{
name: '国有建设用地使用权 || 首次登记+ 以出让方式取得',
select: false,
cselect: false,
}
],
ywList: [],
djqxList: [],
bsmSqyw: '',
isDialog: false,
btnDisabled: true,
djywbm: '',
djqxObj:{
djqxbm:"",
djqxmc:"",
djqxObj: {
djqxbm: "",
djqxmc: "",
},
}
},
components: {
......@@ -131,8 +125,8 @@ export default {
})
item.cselect = !item.cselect
this.djqxObj = {
'djqxbm':item.nodecode,
'djqxmc':item.nodename,
'djqxbm': item.nodecode,
'djqxmc': item.nodename,
}
if (item.sffqlc == '1') {
this.btnDisabled = false
......@@ -158,6 +152,7 @@ export default {
if (res.result.djlx) this.djlxList = res.result.djlx
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
this.$set(item, 'select', false)
})
})
},
......