| | |
| | | <el-button |
| | | size="mini" |
| | | style="background-color: #244a7b; color: #fff" |
| | | @click="searchFun" |
| | | @click=" |
| | | () => { |
| | | searchKey = ''; |
| | | formData.page = 1; |
| | | searchFun(); |
| | | } |
| | | " |
| | | >搜索</el-button |
| | | > |
| | | <el-button size="mini" @click="resetForm">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | <div style="font-size: 14px"> |
| | | 注:当前数据较多,可能会出现卡死的情况,请尽量精确查询或查看某一类数据关系 |
| | | </div> |
| | | <div class="fromTable"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | background |
| | | @size-change="handleSizeChangeForm" |
| | | @current-change="handleCurrentChangeForm" |
| | | :current-page="formData.currentPage" |
| | | :current-page="formData.page" |
| | | :page-sizes="[10, 20, 60, 100]" |
| | | :page-size="formData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | |
| | | class="customDrawer" |
| | | > |
| | | <div class="drawerContent"> |
| | | <div class="drawerTips">選中的地址:</div> |
| | | <div class="drawerTips">选中的地址:</div> |
| | | <div class="drawerTable"> |
| | | <div class="tableTabs"> |
| | | <div class="inputItem"> |
| | | <el-input |
| | | placeholder="請輸入地名搜索" |
| | | placeholder="请输入地名搜索" |
| | | v-model="tableKey" |
| | | class="input-with-select" |
| | | @keyup.enter="searchAddress" |
| | |
| | | </el-input> |
| | | </div> |
| | | <div class="selectItem"> |
| | | <el-select v-model="dynastyId" placeholder="請選擇時期"> |
| | | <el-select v-model="dynastyId" placeholder="请选择时期"> |
| | | <el-option |
| | | v-for="item in dynastyData" |
| | | :key="item.dynastyId + '0'" |
| | |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column prop="currentName" label="地名"> </el-table-column> |
| | | <el-table-column width="250" label="年代區間"> |
| | | <el-table-column width="250" label="年代区间"> |
| | | <template slot-scope="scope">{{ |
| | | scope.row.start + "-" + scope.row.end |
| | | }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="dynastyName" |
| | | label="時期" |
| | | label="时期" |
| | | width="250" |
| | | show-overflow-tooltip |
| | | > |
| | |
| | | background |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :current-page="page" |
| | | :page-sizes="[10, 20, 60, 100]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | |
| | | </el-pagination> |
| | | </div> |
| | | <div class="drawerBtn"> |
| | | <el-button @click="setCurrent">全選當前頁</el-button> |
| | | <el-button @click="setCurrent('cancle')">取消全選</el-button> |
| | | <el-button @click="drawer = false" type="primary">確定</el-button> |
| | | <el-button @click="setCurrent">全选当前页</el-button> |
| | | <el-button @click="setCurrent('cancle')">取消全选</el-button> |
| | | <el-button @click="drawer = false" type="primary">确定</el-button> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | |
| | | methods: { |
| | | // 搜索地址 |
| | | searchAddress() { |
| | | this.page = 1; |
| | | this.gridData = []; |
| | | this.getAddressList(); |
| | | }, |
| | |
| | | pageSize: 10, |
| | | total: 0 |
| | | }; |
| | | this.formData.page = 1; |
| | | this.searchFun(); |
| | | }, |
| | | searchFun() { |
| | | const palceData = this.formData.actively?.map((item) => { |
| | |
| | | min-height: 240px; |
| | | display: none; |
| | | position: fixed; |
| | | z-index: 99999999; |
| | | z-index: 9999999; |
| | | border-radius: 2px; |
| | | background: #fff; |
| | | } |
| | |
| | | .hotSearch { |
| | | font-size: 0.12rem; |
| | | color: #2c2c2c; |
| | | } |
| | | |
| | | li { |
| | | color: #244a7b; |
| | | margin: 0 0.1rem; |
| | | color: #244a7b; |
| | | &.active { |
| | | color: #027edc; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | .hotSearch li { |
| | | color: #244a7b; |
| | | margin: 0 0.1rem; |
| | | color: #244a7b; |
| | | } |
| | | |
| | | .hotSearch li.active { |
| | | color: #027edc; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .searchDialog { |
| | |
| | | background: #fff; |
| | | border-radius: 6px; |
| | | box-shadow: 0 0 10px -3px #000; |
| | | .closeBtn { |
| | | |
| | | } |
| | | |
| | | .personDialog .closeBtn { |
| | | position: absolute; |
| | | right: -10px; |
| | | top: -10px; |
| | |
| | | color: #f56c6c; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .selectActivelyBox { |
| | | cursor: pointer; |