Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
801eff78 by 杨威
Options

新建弹框样式修改

1 parent daa7fe4f
Inline Side-by-side
Showing 4 changed files with 170 additions and 83 deletions
......@@ -140,6 +140,9 @@ ol, ul { list-style:none; }
.el-dialog__body{
padding-bottom: 25px!important;
}
.el-dialog__header{
border-bottom: 1px solid #F1F1F1;
}
// 自定义右键菜单样式
.contextmenu {
margin: 0;
......@@ -218,4 +221,25 @@ ol, ul { list-style:none; }
border: 1px solid #FA6400!important;
background-color: #fff!important;
color: #FA6400!important;
}
.import{
background-color: #00CACD!important;
border-color: #00CACD!important;
}
.cancel{
background-color: #F79700!important;
border-color: #F79700!important;
}
.creat{
background-color: #0091FF!important;
border-color: #0091FF!important;
}
.import:hover:focus{
opacity: .8!important;
}
.cancel:hover:focus{
opacity: .8!important;
}
.creat:hover:focus{
opacity: .8!important;
}
\ No newline at end of file
......
......@@ -89,15 +89,15 @@
<li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li>
<li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li>
<li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')">添加层户</li>
<li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除逻辑幢</li>
<li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除幢单元</li>
<li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除</li>
<li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除</li>
</ul>
<el-dialog title="导入图形" :visible.sync="improtDialog">
<import-geo :property-info="zdData" :geo-info="currentClickZdGeo" @closeImportDialog="closeImportDialog"></import-geo>
</el-dialog>
<!-- 添加定着物弹框 -->
<el-dialog title="新建" :visible.sync="dialogVisible" width="40%">
<el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
<Create @closeDialog="closeDialog" :auth="true"></Create>
</el-dialog>
</div>
......
......@@ -40,7 +40,7 @@
<!-- <div class="header-bottom">
<Navigation ref="navigation"></Navigation>
</div> -->
<el-dialog title="新建" :visible.sync="dialogVisible" width="40%">
<el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
<Create @closeDialog="closeDialog" :auth="false"></Create>
</el-dialog>
</el-header>
......
......@@ -8,48 +8,56 @@
@tab-click="handleClick">
<el-tab-pane class="eltabspane" v-if="!auth" label="宗地" name="zd">
<el-form :inline="true" :rules="rules" :model="ruleForm" ref="ruleForm" class="demo-form-inline">
<el-form-item label="行政区划" required prop="xzqbsm">
<el-select v-model="ruleForm.xzqbsm" style="width:100px;" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(ruleForm.xzqbsm)">
<el-option
v-for="item in xzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="djqbsm">
<el-select v-model="ruleForm.djqbsm" style="width:130px;" placeholder="地籍区" @change="changeDjq(ruleForm.djqbsm)">
<el-option
v-for="item in djq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
<el-form-item label="行政区划" class="w100" required prop="xmmc">
<el-col :span="7">
<el-form-item required prop="xzqbsm">
<el-select v-model="ruleForm.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(ruleForm.xzqbsm)">
<el-option
v-for="item in xzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="7">
<el-form-item prop="djqbsm">
<el-select v-model="ruleForm.djqbsm" placeholder="地籍区" @change="changeDjq(ruleForm.djqbsm)">
<el-option
v-for="item in djq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="8">
<el-form-item prop="djzqbsm" style="margin-right:0">
<el-select v-model="ruleForm.djzqbsm" placeholder="地籍子区">
<el-option
v-for="item in djzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item prop="djzqbsm">
<el-select v-model="ruleForm.djzqbsm" style="width:150px;" placeholder="地籍子区">
<el-option
v-for="item in djzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="项目名称" required prop="xmmc">
<el-form-item label="项目名称" class="w100" required prop="xmmc">
<el-input
v-model="ruleForm.xmmc"
placeholder="项目名称"
style="width:400px;"
></el-input>
</el-form-item>
<el-form-item label="所有权类型" required prop="syqlxbsm">
<el-form-item label="所有权类型" class="w100" required prop="syqlxbsm">
<el-select
v-model="ruleForm.syqlxbsm"
placeholder="所有权类型"
style="width:300px;"
>
<el-option
v-for="item in syqlx"
......@@ -60,11 +68,10 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="特征码" required prop="zdtzmbsm">
<el-form-item label="特征码" class="w100" required prop="zdtzmbsm">
<el-select
v-model="ruleForm.zdtzmbsm"
placeholder="宗地特征码"
style="width:200px;"
>
<el-option
v-for="item in $store.state.zdtzmList"
......@@ -75,16 +82,22 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item class="handleBtn">
<el-button type="primary">导入图形</el-button>
<el-button type="primary" @click="newZd">创建</el-button>
<el-button type="primary" @click="close">取消</el-button>
</el-form-item>
</el-form>
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="newZd">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh">
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<!-- <el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh">宗海</el-tab-pane> -->
<el-tab-pane class="eltabspane" label="自然幢" name="zrz">
<el-form :inline="true" :rules="rules1" :model="ruleForm1" ref="ruleForm1" class="zrzProject">
<el-form :inline="true" :rules="rules1" :model="ruleForm1" ref="ruleForm1" class="demo-form-inline">
<el-form-item label="项目名称" prop="xmmc">
<el-input
v-model="ruleForm1.xmmc"
......@@ -92,15 +105,15 @@
style="width:400px;"
></el-input>
</el-form-item>
<el-form-item class="handleBtn">
<el-button type="primary">导入图形</el-button>
<el-button type="primary" @click="newZrz">创建</el-button>
<el-button type="primary" @click="close">取消</el-button>
</el-form-item>
</el-form>
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="newZrz">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="多幢" name="dz">
<el-form :inline="true" :rules="rules2" :model="ruleForm2" ref="ruleForm2" class="dzProject">
<el-form :inline="true" :rules="rules2" :model="ruleForm2" ref="ruleForm2" class="demo-form-inline">
<el-form-item label="项目名称" prop="xmmc">
<el-input
v-model="ruleForm2.xmmc"
......@@ -108,15 +121,27 @@
style="width:400px;"
></el-input>
</el-form-item>
<el-form-item class="handleBtn">
<el-button type="primary">导入图形</el-button>
<el-button type="primary" @click="newDz">创建</el-button>
<el-button type="primary" @click="close">取消</el-button>
</el-form-item>
</el-form>
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="newDz">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="林权" name="lq">
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="构筑物" name="gzw">
<div class="handleBtn">
<el-button type="primary" class="w98 import">导入图形</el-button>
<el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<!-- <el-tab-pane class="eltabspane" label="林权" name="lq">林权</el-tab-pane>
<el-tab-pane class="eltabspane" label="构筑物" name="gzw">构筑物</el-tab-pane> -->
</el-tabs>
</template>
<script>
......@@ -324,6 +349,12 @@ export default {
});
},
todo(){
this.$message({
message: "待开发",
type: "warning",
});
},
getXzqList() {
getAllList()
.then((res) => {
......@@ -382,33 +413,65 @@ export default {
.eltabs {
height: 366px;
width: 100%;
}
.eltabspane {
height: 100%;
width: 100%;
padding: 20px;
.el-form--inline .el-form-item__label{
width: 100px;
position: relative;
margin-left: 20px;
margin-top: 20px;
.eltabspane {
height: 100%;
width: 100%;
.el-form--inline .el-form-item__label{
width: 100px;
}
.el-form-item{
margin-bottom: 20px;
}
.w100{
width: calc(100% - 40px);
.el-form-item{
margin-bottom: 0!important;
.el-form-item__content{
width: 100%;
}
}
.el-form-item__content{
width: calc(100% - 100px);
.el-select{
width: 100%;
}
}
}
.handleBtn{
width: 314;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -250px;
.w98{
width: 98px;
}
}
.el-form{
margin-top: 10px;
box-sizing: border-box;
padding-left: 40px;
}
}
.el-form-item{
margin-bottom: 20px;
.el-tabs__content{
height: 100%;
}
.handleBtn{
width: 90%;
.el-form-item__content{
float: right;
}
/deep/.el-tabs__item {
font-size: 16px !important;
color: #333;
width: 140px;
height: 50px;
line-height: 50px;
text-align: center!important;
border-color: #E4E4E4!important;
}
/deep/ .is-active{
background-color: #E5F4FF;
color: #358BFF;
}
}
#tabs .el-tabs__item {
font-size: 18px !important;
color: #333;
width: 100px;
height: 60px;
line-height: 80px;
}
.zrzProject {
margin-top: 80px;
}
</style>
......