| | |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="spatialContent "> |
| | | <div class="spatial_leftTree subpage_Div"> |
| | | <el-input v-model="filterText"></el-input> |
| | | <div class="spatial_leftTree subpage_Div " style="border: 1px solid #dcdfe6;"> |
| | | <el-input v-model="filterText" style="width:220px;" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" suffix-icon="el-icon-search" ></el-input> |
| | | <div style="width:300px"> |
| | | |
| | | <el-tree |
| | | :data="tree" |
| | | :props="defaultProps" |
| | | :default-expanded-keys="[1]" |
| | | node-key="id" |
| | | :current-node-key="10" |
| | | @node-click="handleNodeClick" |
| | |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div style="width: 80%;"> |
| | | <div> |
| | | <div class="contentshuju"> |
| | | <div class="contentshujutou"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | |
| | | > |
| | | |
| | | <el-form-item> |
| | | <!-- type="textarea" disabled--> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="ruleForm.fileName" |
| | | class="nm-skin-pretty" |
| | | show-word-limit |
| | | :rows="2" |
| | | resize='none' |
| | | disabled |
| | | style="width: 545px;" |
| | | style="width: 220px;" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
| | | suffix-icon="el-icon-edit" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item style="float: right"> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="conditionVisible = true" |
| | | size="small" |
| | | icon="el-icon-plus" |
| | | type="success" |
| | | >{{$t('common.append')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="submitForm" |
| | | type="primary" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | >{{$t('common.iquery')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="resetForm" |
| | | size="small" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | >{{$t('common.reset')}}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="getSpaceMapVisibale" |
| | | size="small" |
| | | type="primary" |
| | | >{{ |
| | | $t('synthesis.rangequery') |
| | | }}</el-button> |
| | | </el-form-item> --> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="getSpaceMapVisibale" |
| | |
| | | $t('synthesis.rangequery') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="resetForm" |
| | | type="info" |
| | | size="small" |
| | | icon="el-icon-refresh" |
| | | >{{$t('common.reset')}}</el-button> |
| | | |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button |
| | | @click="submitForm" |
| | |
| | | >{{$t('common.append')}}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- <el-divider class="eldivider" /> --> |
| | | </div> |
| | | <!-- <div class="spatial_rightContent subpage_Div"> |
| | | <div> |
| | | <el-table |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%;max-height: 593px;overflow: auto;" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | width="60" |
| | | align="center" |
| | | type="index" |
| | | :label="$t('common.index')" |
| | | /> |
| | | <el-table-column |
| | | v-for="(item, index) in attributeData" |
| | | :key="index" |
| | | :label="item.alias" |
| | | :prop="item.field" |
| | | show-overflow-tooltip |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | min-width="120" |
| | | :label="$t('common.operate')" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-link |
| | | class="elLink" |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | >{{$t('common.details')}}</el-link> |
| | | <el-link |
| | | class="elLink" |
| | | @click="getAttachTable(scope.$index, scope.row)" |
| | | style="margin-left: 20px; " |
| | | >{{$t('common.enclosure')}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div |
| | | style="margin-top: 20px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | v-if="changePag" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="this.listData.pageIndex" |
| | | :page-sizes="[10, 20, 50, 100]" |
| | | :page-size="this.listData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="count" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <div style="height: 73%"> |
| | | <div class="dividing-line"></div> |
| | | <div class="table_box2" style="height:calc(100% - 89px)"> |
| | | <el-table |
| | | border |
| | | ref="filterTable" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="99%" |
| | | height="calc(100% - 57px)" |
| | | :header-cell-style="{background:'#e6eaee',color:'#181818', 'text-align': 'center'} " |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | min-width="120" |
| | | min-width="180" |
| | | :label="$t('common.operate')" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-link |
| | | class="elLink" |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | size="small" |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | >{{$t('common.details')}}</el-link> |
| | | <el-link |
| | | class="elLink" |
| | | >{{$t('common.details')}}</el-button> |
| | | <el-button |
| | | plain |
| | | size="small" |
| | | @click="getAttachTable(scope.$index, scope.row)" |
| | | style="margin-left: 20px; " |
| | | >{{$t('common.enclosure')}}</el-link> |
| | | >{{$t('common.enclosure')}}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div |
| | | style="margin-top: 20px; " |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | <div |
| | | <div class="infoBox_box" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox box_div" |
| | | v-show="showinfoBox" |
| | | |
| | | > |
| | | |
| | | <div |
| | |
| | | </ul> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-dialog |
| | | :title="$t('common.attachinform')" |
| | | width="30%" |
| | | top="2vh" |
| | | :visible.sync="dialogFormVisible" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | label-position="top" |
| | | > |
| | | <el-form-item> |
| | | <el-input |
| | |
| | | class="elLink" |
| | | :underline="false" |
| | | @click="setAttachInsert" |
| | | >{{$t('common.append')}}</i></el-link> |
| | | >{{$t('common.append')}}</el-link> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <el-link |
| | |
| | | class="elLink" |
| | | :underline="false" |
| | | @click="setAttachDel" |
| | | >{{$t('common.delete')}}</i></el-link> |
| | | >{{$t('common.delete')}}</el-link> |
| | | </el-col> |
| | | <!-- <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> --> |
| | | </el-row> |
| | |
| | | </el-row> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | | width="37%" |
| | | top="2vh" |
| | | :visible.sync="conditionVisible" |
| | | title="查询条件" |
| | | :before-close="handleconditionClose" |
| | | > |
| | | |
| | | <el-form |
| | | :inline="true" |
| | | :model="formSql" |
| | | class="demo-form-inline" |
| | | label-position="top" |
| | | > |
| | | |
| | | <el-form-item> |
| | | <el-select |
| | | @change="fieldChange($event)" |
| | |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | |
| | | <span |
| | | slot="footer" |
| | | class="dialog-footer" |
| | |
| | | .Spatialbox { |
| | | height: 98%; |
| | | width: 98%; |
| | | |
| | | padding: 1%; |
| | | .spatialContent { |
| | | width: 100%; |
| | | height: 92%; |
| | | height: calc(100% - 75px); |
| | | padding-top: 10px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .spatial_leftTree { |
| | | width: calc(15% - 0px); |
| | | height: 91%; |
| | | |
| | | width: calc(23% - 0px); |
| | | height: 100%; |
| | | padding: 10px; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | max-height: 670px; |
| | | box-sizing: border-box; |
| | | overflow-y: auto; |
| | | } |
| | | .spatial_rightContent { |
| | | // width: 80%; |
| | | // height: 91%; |
| | | |
| | | .contentshuju { |
| | | width: 75%; |
| | | height: 100%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow-y: auto; |
| | | padding: 0px; |
| | | box-sizing: border-box; |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .table_box2 { |
| | | border-radius: 5px; |
| | | padding: 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .contentshujutou { |
| | | padding: 8px; |
| | | // margin-top: 10px; |
| | | border-radius: 5px; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | } |
| | | </style> |