Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8ce29bbf by 任超
Options

style:样式

1 parent 65723796
Inline Side-by-side
Showing 7 changed files with 47 additions and 133 deletions
......@@ -5,4 +5,4 @@ NODE_ENV=development
VUE_APP_BASE_API = '/dev-api'
# 开发环境
VUE_APP_API_BASE_URL = 'http://192.168.2.44:8009'
VUE_APP_API_BASE_URL = 'http://192.168.2.95:8009'
......
......@@ -30,7 +30,7 @@
"babel-plugin-dynamic-import-node": "2.3.3",
"chalk": "2.4.2",
"connect": "3.6.6",
"element-ui": "^2.15.6",
"element-ui": "^2.15.7",
"html-webpack-plugin": "3.2.0",
"runjs": "4.3.2",
"sass-loader": "8.0.2",
......
......@@ -10,18 +10,18 @@
<template>
<div :class="['lb-table', customClass]">
<el-table v-if="!heightNumSetting" ref="elTable" :border='border' v-loading="loading" element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)"
: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">
<el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border' v-loading="loading"
element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)" :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">
<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" :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">
<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">
<lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
</lb-column>
</el-table>
......@@ -187,7 +187,7 @@ export default {
},
}
</script>
<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" scoped lang="scss">
.lb-table {
.interlaced {
background: #fafcff;
......
......@@ -117,26 +117,6 @@
border-bottom: none !important;
}
// 按钮型tab样式
.btnTab {
.el-tabs__nav.is-top {
line-height: 36px;
}
.el-tabs__item {
height: 36px;
line-height: 36px;
}
.el-tabs__item:first-child {
border-radius: 4px 0 0 4px;
}
.el-tabs__item:last-child {
border-radius: 0 4px 4px 0;
}
}
.el-radio-group {
.el-radio-button__inner {
height: 36px;
......@@ -158,11 +138,6 @@
box-shadow: none !important;
}
// element table 不能对齐
.el-table th.gutter {
display: table-cell !important;
}
// input type=number 上下箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
......
......@@ -6,52 +6,27 @@
<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 dictData['权利类型']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['权利类型']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</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>
......@@ -67,16 +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"
@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>
<djbxxDialog v-model="isDialog" ref="djbxxDialog" :data="djbxxData" />
......@@ -103,10 +71,10 @@ export default {
djbxxDialog,
},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
qllx: "",
......@@ -134,7 +102,7 @@ export default {
},
methods: {
// 初始化数据
fetchData() {
fetchData () {
getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
......@@ -143,18 +111,18 @@ export default {
}
});
},
handleSort(name, sort) {
handleSort (name, sort) {
console.log(name, sort);
},
// 查询
queryClick() {
queryClick () {
this.pageData.current = 1;
this.pageData.currentPage = 1;
this.fetchData();
},
// 高级查询
moreQueryClick() {},
openDialog(scope) {
moreQueryClick () { },
openDialog (scope) {
let _this = this;
let bsm = scope.row.bsmQlxx;
axios
......@@ -197,9 +165,11 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.icon-circle {
position: relative;
}
.icon-circle::before {
content: "";
width: 4px;
......
......@@ -8,7 +8,7 @@ class data extends filter {
constructor() {
super()
}
columns() {
columns () {
return [
{
label: '序号',
......@@ -25,8 +25,6 @@ class data extends filter {
{
label: "权属状态",
render: (h, scope) => {
let text = '';
let color = ""
let obj = {
"1": {
text: '现势',
......@@ -41,12 +39,12 @@ class data extends filter {
color: '#FE9400'
}
}
text = obj[scope.row.qszt].text
color = obj[scope.row.qszt].color
let textName = obj[scope.row.qszt]?.text || ''
let colorName = obj[scope.row.qszt]?.color || ''
return (
<div>
<span style={`color:${color}`}>●</span>
<span >{text}</span>
<span style={`color:${colorName}`}>●</span>
<span >{textName}</span>
</div>
)
}
......@@ -100,7 +98,7 @@ class data extends filter {
]
}
ywlys() {
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
......
......@@ -6,45 +6,25 @@
<el-row>
<el-col :span="5">
<el-form-item label="项目名称">
<el-input
placeholder="请输入项目名称"
v-model="queryForm.xmmc"
clearable
class="width200px"
>
<el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="项目编号">
<el-input
placeholder="请输入项目编号"
v-model="queryForm.xmbh"
clearable
class="width200px"
>
<el-input placeholder="请输入项目编号" v-model="queryForm.xmbh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="宗地代码">
<el-input
placeholder="请输入宗地代码"
v-model="queryForm.zddm"
clearable
class="width200px"
>
<el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="自然幢号">
<el-input
placeholder="请输入自然幢号"
v-model="queryForm.zrzh"
clearable
class="width200px"
>
<el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -60,17 +40,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>
......@@ -82,10 +54,10 @@ export default {
name: "lpcx",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
queryForm: {
xmmc: "",
......@@ -98,9 +70,7 @@ export default {
size: 10,
total: 2,
},
ywlys: datas.ywlys(),
tableData: {
columns: datas.columns(),
data: [
......@@ -116,11 +86,12 @@ export default {
},
methods: {
// 初始化数据
fetchData() {},
handleSort(name, sort) {
fetchData () {
},
handleSort (name, sort) {
console.log(name, sort);
},
openDialog() {
openDialog () {
console.log(999999999999999);
},
},
......