5c795645 by weimo934

feat(bjlp):引入批量室号

1 parent e9cd3f2e
<template>
<div>
<el-dialog
title="新增"
title="批量层"
:visible.sync="isVisible"
width="50%"
@close="close"
......@@ -162,14 +162,13 @@
}
.inputtitle {
line-height: 40px;
line-height: 41px;
width: 95%;
border: none;
height: 98%;
outline: none;
}
/* .inputtitle:focus {
outline: none;
}*/
.shop {
margin-top: 20px;
......
......@@ -50,7 +50,7 @@
<tr>
<td colspan="2">户型</td>
<td colspan="2">
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -61,7 +61,7 @@
</td>
<td colspan="2">户型结构</td>
<td>
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -82,7 +82,7 @@
<td colspan="2"><input type="text" class="inputtitle"/></td>
<td colspan="2">房屋类型</td>
<td>
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -95,7 +95,7 @@
<tr>
<td colspan="2">产别</td>
<td colspan="2">
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -112,7 +112,7 @@
<tr>
<td colspan="2">房屋性质</td>
<td colspan="2">
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -127,7 +127,7 @@
<tr>
<td colspan="2">房屋结构</td>
<td colspan="5">
<el-select>
<el-select class="selectTitle">
<el-option
v-for="i in hx"
:key="i.key"
......@@ -255,17 +255,23 @@
cursor: pointer;
}
.el-select {
width: 98%;
}
.inputtitle {
line-height: 40px;
width: 95%;
border: none;
outline: none;
height: 95%;
}
.selectTitle{
width: 100%;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
position: relative;
display: block;
}
.shop {
text-align: center;
margin-top: 20px;
......
<template>
<div class="main">
<el-dialog
title="新增"
title="批量室号"
:visible.sync="isVisible"
width="70%"
width="50%"
@close="close"
:modal-append-to-body="false"
center>
<div>
<el-checkbox>层号自动补0</el-checkbox>
<el-checkbox>层号之前增加分割符</el-checkbox>
<el-checkbox>室号之前增加分割符</el-checkbox>
<span class="xl" @click="xl">祥例</span>
<table border="1">
<tr>
<td rowspan="2" @click="addRow">+</td>
<td rowspan="2">序号</td>
<td rowspan="2">单元名称</td>
<td rowspan="2">起始层</td>
<td rowspan="2">结束层</td>
<td rowspan="2">每层户数</td>
<td colspan="6" class="gz">
室号规则:[单元号][分割符A][层号][分割符A][室号前缀][室号][室号后缀]
</td>
</tr>
<tr>
<td>单元号</td>
<td>层号</td>
<td>室号前缀</td>
<td>分割符</td>
<td>起始室号</td>
<td>单元号</td>
<td>分割符A</td>
<td>层号前自动补0</td>
<td></td>
<td>分割符B</td>
<td>户号</td>
<td>室号后缀</td>
</tr>
<tr v-for="item in 10" :key="item">
<td @click="delRow(item)">-</td>
<td>{{item}}</td>
<td>
<el-select>
<el-option
v-for="i in cs"
:key="i"
:label="i"
:value="i"
></el-option>
</el-select>
</td>
<td>
<el-select>
<el-option
v-for="i in cs"
:key="i"
:label="i"
:value="i"
></el-option>
</el-select>
</td>
<tr>
<td>
<el-select>
<el-option
v-for="i in cs"
:key="i"
:label="i"
:value="i"
></el-option>
</el-select>
<input type="text" class="inputtitle" v-model="plshData.shqz"/>
</td>
<td>
<input type="text" class="inputtitle"/>
<el-checkbox v-model="plshData.isSelectDyh"></el-checkbox>
</td>
<td>
<input type="text" class="inputtitle"/>
<input type="text" class="inputtitle" v-model="plshData.fgfA"/>
</td>
<td>
<input type="text" class="inputtitle"/>
<el-checkbox v-model="plshData.isChqbl"></el-checkbox>
</td>
<td>
<input type="text" class="inputtitle"/>
<el-select v-model="plshData.c">
<el-option
v-for="i in cs"
:key="i.key"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<input type="text" class="inputtitle"/>
<input type="text" class="inputtitle" v-model="plshData.fghB"/>
</td>
<td>
<input type="text" class="inputtitle"/>
</td>
<td>
<input type="text" class="inputtitle"/>
<input type="text" class="inputtitle" v-model="plshData.shhz"/>
</td>
</tr>
</table>
<div class="gz">
<span>室号规则:[单元号][分割符A][层号][分割符A][室号前缀][室号][室号后缀]</span>
</div>
</div>
<div>
<el-dialog
......@@ -130,40 +99,59 @@
type: Boolean,
default: false
},
// 单元名称下拉框数据
dys: {
bsms: {
type: Array
},
// 层数
cs: {
type: Number
}
},
data() {
return {
isVisible: false,
xlVisible: false
xlVisible: false,
plshData: {
shqz: '',
isSelectDyh: false,
fgfA: '',
isChqbl: false,
c: '',
fghB: '',
shhz: ''
},
cs: [
{
key: '1',
label: '明义层',
value: '明义层'
}, {
key: '2',
label: '实际层',
value: '实际层'
}
]
}
},
methods: {
xl: function () {
this.xlVisible = true;
},
addRow: function () {
},
delRow: function (index) {
console.log(index)
},
close: function () {
this.$emit("close")
this.isVisible = false
this.result();
},
result: function () {
this.plshData = {
shqz: '',
isSelectDyh: false,
fgfA: '',
isChqbl: false,
c: '',
fghB: '',
shhz: ''
}
},
save: function () {
this.plshData['bsms'] = this.bsms
console.log(this.plshData)
},
cancel: function () {
this.close()
......@@ -197,9 +185,10 @@
.xl {
color: blue;
float: right;
:hover {
cursor: pointer;
}
.xl:hover {
cursor: pointer;
}
.inputtitle {
......@@ -217,12 +206,14 @@
.gz {
color: #b2b2b2;
font-size: 12px;
margin-top: 40px;
}
.xlgz{
span{
.xlgz {
span {
font-size: 16px;
line-height: 22px;
span{
span {
color: red;
}
}
......
......@@ -23,7 +23,7 @@
<el-button class="radioBtn" label="2" border>实预测转换</el-button>
<el-button class="radioBtn" label="3" border>批量户</el-button>
<el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
<el-button class="radioBtn" label="5" border>批量室号</el-button>
<el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
<el-button class="radioBtn" label="6" border>批量坐落</el-button>
<el-button class="radioBtn" label="7" border>批量单元号</el-button>
</div>
......@@ -107,11 +107,13 @@
</div>
</el-dialog>
<pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
<pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
</div>
</template>
<script>
import PlC from "./../../../../components/plc/plC"
import PlSh from "./../../../../components/plsh/plSh"
import LineTree from "../../../../components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
......@@ -121,12 +123,13 @@ import { getLpbMenuTree } from "../../../../api/lpb";
export default {
name: "",
components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC },
components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC,PlSh },
props: {},
data() {
return {
bsms:["123","321","231"],
plcVisible:false,
plShVisible:false,
radio1: "",
radio2: "",
createFlag: false,
......@@ -218,6 +221,9 @@ export default {
plcClose(){
this.plcVisible=false;
},
plshClose(){
this.plShVisible=false
},
//获取高度计算lpb内容区高度
getHeight() {
this.lpbContentHight = window.innerHeight - 340;
......