262cb0b5 by 任超

style:列表字段修改

1 parent d758f602
......@@ -20,17 +20,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" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -42,10 +34,10 @@ export default {
name: "jtfc",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
ywly: "",
......@@ -76,15 +68,12 @@ export default {
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () { },
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
console.log(999999999999999);
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -16,65 +16,46 @@ class data extends filter {
width: '50'
},
{
prop: "ywly",
label: "业务来源",
prop: "cxlx",
label: "查询类型",
},
{
prop: "lczt",
label: "流程状态",
prop: "cxbh",
label: "查询编号",
},
{
prop: "zbhj",
label: "在办环节",
prop: "cxsj",
label: "查询时间",
},
{
prop: "ywh",
label: "业务号",
prop: "slry",
label: "受理人员",
},
{
prop: "sqywmc",
label: "申请业务名称",
prop: "sqr",
label: "申请",
},
{
prop: "qlr",
label: "权利人",
prop: "yqlrgx",
label: "与权利人的关系",
},
{
prop: "ywr",
label: "义务人",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "slsj",
label: "受理时间",
sortable: 'custom'
},
{
prop: "slry",
label: "受理人员",
},
{
prop: "zrsj",
label: "转入时间",
sortable: 'custom'
prop: "qlr",
label: "权利人",
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
}
prop: "cxyt",
label: "查询用途"
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
......
......@@ -2,57 +2,31 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-form :model="queryForm" ref="queryForm">
<el-row>
<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-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</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>
......@@ -68,17 +42,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" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -90,10 +56,10 @@ export default {
name: "djbcx",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
qllx: "",
......@@ -124,11 +90,11 @@ export default {
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () { },
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
openDialog () {
console.log(999999999999999);
},
},
......
......@@ -16,24 +16,33 @@ class data extends filter {
width: '50'
},
{
prop: "ywly",
label: "业务来源",
},
{
prop: "lczt",
label: "流程状态",
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{scope.row.qszt}</span>
</div>
)
}
},
{
prop: "zbhj",
label: "在办环节",
label: "权利类型",
// this.rentType
render: (h, scope) => {
return <div>{scope.row.qllx}</div>;
}
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "sqywmc",
label: "申请业务名称",
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "qlr",
......@@ -48,33 +57,28 @@ class data extends filter {
label: "坐落",
},
{
prop: "slsj",
label: "受理时间",
sortable: 'custom'
},
{
prop: "slry",
label: "受理人员",
},
{
prop: "zrsj",
label: "转入时间",
sortable: 'custom'
prop: "sjlx",
label: "数据类型"
},
{
label: '操作',
width: '80',
width: '150',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
</div>
)
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
......
......@@ -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" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
......@@ -103,10 +60,10 @@ export default {
name: "jdcx",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
ywly: "",
......@@ -137,15 +94,12 @@ export default {
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () { },
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
console.log(999999999999999);
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -20,12 +20,24 @@ class data extends filter {
label: "业务来源",
},
{
prop: "lczt",
label: "流程状态",
render: (h, scope) => {
return (
<div>
<span>{scope.row.lczt}</span>
</div>
)
}
},
{
prop: "zbhj",
label: "在办环节",
label: "办理状态",
render: (h, scope) => {
return (
<div>
<span>{scope.row.blzt}</span>
</div>
)
}
},
{
prop: "ywh",
......@@ -55,26 +67,12 @@ class data extends filter {
{
prop: "slry",
label: "受理人员",
},
{
prop: "zrsj",
label: "转入时间",
sortable: 'custom'
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
......
......@@ -16,65 +16,55 @@ class data extends filter {
width: '50'
},
{
prop: "ywly",
label: "业务来源",
prop: "qymc",
label: "企业名称",
},
{
prop: "lczt",
label: "流程状态",
prop: "xmmc",
label: "项目名称",
},
{
prop: "zbhj",
label: "在办环节",
prop: "jzwmc",
label: "建筑物名称",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "sqywmc",
label: "申请业务名称",
},
{
prop: "qlr",
label: "权利人",
},
{
prop: "ywr",
label: "义务人",
prop: "zrzh",
label: "自然幢号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "slsj",
label: "受理时间",
sortable: 'custom'
prop: "yt",
label: "用途",
},
{
prop: "mj",
label: "面积(㎡)",
},
{
prop: "slry",
label: "受理人员",
prop: "zts",
label: "总套数",
},
{
prop: "zrsj",
label: "转入时间",
sortable: 'custom'
prop: "zcs",
label: "总层数",
},
{
label: '操作',
width: '80',
width: '90',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
return <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
......