Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
cc5a39ba by 任超
Options

style:表格完善

1 parent 4e8b5b58
Inline Side-by-side
Showing 5 changed files with 53 additions and 140 deletions
......@@ -96,7 +96,6 @@ export default {
created () {
this.getMergeArr(this.data, this.merge)
this.getHeight()
console.log(66666666666666);
},
computed: {
dataLength () {
......
......@@ -6,66 +6,31 @@
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select
v-model="queryForm.ywly"
filterable
clearable
placeholder="请选择业务来源"
>
<el-option
v-for="item in ywlyOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in ywlyOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select
v-model="queryForm.djlx"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in djlxOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -81,17 +46,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
@sort-change="handleSort"
:current-page.sync="pageData.current"
:total="pageData.total"
@selection-change="handleSelectionChange"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
:total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -103,10 +60,10 @@ export default {
name: "dydjb",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
ywly: "",
......@@ -121,19 +78,19 @@ export default {
},
ywlyOption: datas.ywlys(),
qllxOption:[],
djlxOption:[],
qllxOption: [],
djlxOption: [],
tableData: {
columns: datas.columns(),
data: [
{
cxlx:"家庭房产",
cxbh:"20200409146",
cxsj:"2016-10-02 10:00:00",
slry:"张三",
sqr:"张三",
yqlrgx:"不动产权利人",
qlr:"绿地开发商",
cxlx: "家庭房产",
cxbh: "20200409146",
cxsj: "2016-10-02 10:00:00",
slry: "张三",
sqr: "张三",
yqlrgx: "不动产权利人",
qlr: "绿地开发商",
},
],
},
......@@ -141,11 +98,11 @@ export default {
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () { },
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
openDialog () {
console.log(999999999999999);
},
},
......
......@@ -6,66 +6,31 @@
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select
v-model="queryForm.ywly"
filterable
clearable
placeholder="请选择业务来源"
>
<el-option
v-for="item in ywlys"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxs"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select
v-model="queryForm.djlx"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in djlxs"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -81,17 +46,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
@sort-change="handleSort"
:current-page.sync="pageData.current"
:total="pageData.total"
@selection-change="handleSelectionChange"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
:total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -103,10 +60,10 @@ export default {
name: "ybx",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
ywly: "",
......@@ -121,34 +78,34 @@ export default {
},
ywlys: datas.ywlys(),
tableData: {
columns: datas.columns(),
data: [
{
ywly:"办事大厅",
lczt:"进行中",
ywh:"20200409146",
sqywmc:"预告买卖登记||首次登记",
qlr:"张三",
ywr:"绿地开发商",
zl:"C区沙尾金地名轩塔楼1栋101",
ywly: "办事大厅",
lczt: "进行中",
ywh: "20200409146",
sqywmc: "预告买卖登记||首次登记",
qlr: "张三",
ywr: "绿地开发商",
zl: "C区沙尾金地名轩塔楼1栋101",
slsj: "2022-5-12",
slry:"窗口人员1",
zcsj:"2016-10-01 10:00:00",
slry: "窗口人员1",
zcsj: "2016-10-01 10:00:00",
},
],
},
};
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () { },
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
openDialog () {
console.log(999999999999999);
},
},
......
......@@ -45,7 +45,7 @@
<div class="from-clues-content">
<lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
@selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......
......@@ -47,8 +47,8 @@
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
:total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
:total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......