Skip to content

bdc / bdcjg-web

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

style:navbar

1 parent 1f639c9c
Inline Side-by-side
Showing 3 changed files with 40 additions and 23 deletions
1 <template> 1 <template>
2 <div class="navbar-con"> 2 <div class="navbar-con">
3 <div class="navbar"> 3 <div class="navbar">
4 <div class="title">{{ dicData['sysCode'][0].DNAME }}</div> 4 <div class="title">{{ dicData['sysCode'] && dicData['sysCode'][0].DNAME }}</div>
5 <div class="user">欢迎进入系统 {{ name }} <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />退出系统</div> 5 <div class="user">欢迎进入系统 {{ name }} <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />退出系统</div>
6 <div class="sidebarLeft"> 6 <div class="sidebarLeft">
7 <sidebarLeft /> 7 <sidebarLeft />
......
1 <template> 1 <template>
2 <div class="dyiq from-clues"> 2 <div class="dyiq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="90px">
5 <el-row> 5 <el-row>
6 <el-col :span="5"> 6 <el-col :span="6">
7 <el-form-item label="业务号"> 7 <el-form-item label="行政区">
8 <el-input v-model="form.YWH" placeholder="业务号"></el-input> 8 <el-input v-model="form.xzq" placeholder="行政区"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11
11 <el-col :span="6"> 12 <el-col :span="6">
12 <el-form-item label="供役地不动产单元号" label-width="150px"> 13 <el-form-item label="权属状态">
13 <el-input v-model="form.GYDBDCDYH" placeholder="供役地不动产单元号"></el-input> 14 <el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态">
15 <el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value">
16 </el-option>
17 </el-select>
14 </el-form-item> 18 </el-form-item>
15 </el-col> 19 </el-col>
20
16 <el-col :span="6"> 21 <el-col :span="6">
17 <el-form-item label="需役地不动产单元号" label-width="150px"> 22 <el-form-item label="坐落">
18 <el-input v-model="form.XYDBDCDYH" placeholder="需役地不动产单元号"></el-input> 23 <el-input v-model="form.zl" placeholder="坐落"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="6">
27 <el-form-item label="不动产权证号" label-width="120px">
28 <el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
29 </el-form-item>
30 </el-col>
31
32 </el-row>
33 <el-row>
34 <el-col :span="6">
35 <el-form-item label="权利人">
36 <el-input v-model="form.xzq" placeholder="权利人"></el-input>
19 </el-form-item> 37 </el-form-item>
20 </el-col> 38 </el-col>
21 <el-col :span="4" class="from-clues-search-button"> 39 <el-col :span="4" class="from-clues-search-button">
22 <el-button type="primary" @click="handleSubmit">查询结果</el-button> 40 <el-button type="primary" @click="handleSubmit">查询</el-button>
23 </el-col> 41 </el-col>
24 </el-row> 42 </el-row>
43
25 </el-form> 44 </el-form>
26 </div> 45 </div>
27 <div class="from-clues-content"> 46 <div class="from-clues-content">
...@@ -56,11 +75,13 @@ export default { ...@@ -56,11 +75,13 @@ export default {
56 data () { 75 data () {
57 return { 76 return {
58 form: { 77 form: {
59 YWH: '', 78 xzq: '',
60 GYDBDCDYH: '', 79 qszt: '',
61 XYDBDCDYH: '', 80 zl: '',
81 bdcqzh: '',
62 currentPage: 1 82 currentPage: 1
63 }, 83 },
84 qsztOptions: [],
64 tableData: { 85 tableData: {
65 columns: [{ 86 columns: [{
66 label: '序号', 87 label: '序号',
......
...@@ -12,11 +12,9 @@ class data extends filter { ...@@ -12,11 +12,9 @@ class data extends filter {
12 render: (h, scope) => { 12 render: (h, scope) => {
13 return ( 13 return (
14 <div> 14 <div>
15 { 15 <span class='adopt' v-show={scope.row.receiveState == 0}>未效验</span>
16 scope.row.receiveState 16 <span class='adopt' v-show={scope.row.receiveState == 1}>效验成功</span>
17 ? <span class='adopt'>通过</span> 17 <span class='warehousing' v-show={scope.row.receiveState == 2}>效验失败</span>
18 : <span class='warehousing'>不通过</span>
19 }
20 </div> 18 </div>
21 ) 19 )
22 } 20 }
...@@ -28,11 +26,9 @@ class data extends filter { ...@@ -28,11 +26,9 @@ class data extends filter {
28 render: (h, scope) => { 26 render: (h, scope) => {
29 return ( 27 return (
30 <div> 28 <div>
31 { 29 <span class='fail' v-show={scope.row.storageState == 0}>未入库</span>
32 scope.row.storageState 30 <span class='success' v-show={scope.row.storageState == 1}>已入库</span>
33 ? <span class='success'>成功</span> 31 <span class='fail' v-show={scope.row.storageState == 2}>入库失败</span>
34 : <span class='fail'>失败</span>
35 }
36 </div> 32 </div>
37 ) 33 )
38 } 34 }
......