| | |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="spatialContent "> |
| | | <div class="spatial_leftTree subpage_Div"> |
| | | <el-input v-model="filterText" style="width: 200px;"></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" |
| | |
| | | show-word-limit |
| | | :rows="2" |
| | | resize='none' |
| | | style="width: 200px;" |
| | | style="width: 220px;" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" |
| | | suffix-icon="el-icon-plus" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box" style="height:calc(100% - 89px)"> |
| | | <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="calc(100% - 57px)" |
| | | :header-cell-style="{background:'#e6eaee',color:'#181818', 'text-align': 'center'} " |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | 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> |
| | |
| | | .Spatialbox { |
| | | height: 98%; |
| | | width: 98%; |
| | | |
| | | padding: 1%; |
| | | .spatialContent { |
| | | width: 100%; |
| | | height: calc(100% - 75px); |
| | | padding-top: 10px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .spatial_leftTree { |
| | |
| | | width: 75%; |
| | | height: 100%; |
| | | border-radius: 5px; |
| | | padding: 10px; |
| | | 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; |
| | | border: 1px solid #dcdfe6; |
| | | margin-bottom: 20px; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |