| | |
| | | <el-collapse v-model="activeNames"> |
| | | <el-collapse-item name="1" class="el-collapse-item__wrap"> |
| | | <template slot="title"> |
| | | <span |
| | | :class=" |
| | | title === '同步库' |
| | | ? 'iconfont icontongbuku_v' |
| | | : 'iconfont iconbendiku_v' |
| | | " |
| | | style="font-size: 32px" |
| | | ></span> |
| | | <img |
| | | v-if="title === '同步库'" |
| | | src="/images/library/同步库2.png" |
| | | alt="" |
| | | srcset="" |
| | | /> |
| | | <img v-else src="/images/library/本地库2.png" alt="" srcset="" /> |
| | | <span class="m5">{{ title }}</span> |
| | | <span |
| | | class="iconfont icontianjiaku-09" |
| | | style=" |
| | | font-size: 22px; |
| | | color: #666666; |
| | | position: absolute; |
| | | right: 10px; |
| | | " |
| | | @click.stop="add('sync')" |
| | | v-if="isShow('library:set')" |
| | | ></span> |
| | | |
| | | <el-tooltip content="添加同步库" placement="top"> |
| | | <!-- popper-class="atooltip" --> |
| | | <span |
| | | class="iconfont icontianjiaku-09" |
| | | style=" |
| | | font-size: 22px; |
| | | color: #666666; |
| | | position: absolute; |
| | | right: 10px; |
| | | " |
| | | @click.stop="add('sync')" |
| | | v-if="isShow('library:set')" |
| | | ></span> |
| | | </el-tooltip> |
| | | </template> |
| | | <div class="max-height"> |
| | | <el-row |
| | |
| | | </p> |
| | | </el-col> |
| | | <el-col :span="10" :offset="1"> |
| | | |
| | | <div |
| | | class="status-dot" |
| | | :class="item.enable == 1 ? 'status-dot-active' : ''" |
| | | :style="item.enable == 1 ? { background: '#4E94FF' } : {}" |
| | | ></div> |
| | | </el-col> |
| | |
| | | </el-collapse-item> |
| | | <el-collapse-item name="2" class="el-collapse-item__wrap"> |
| | | <template slot="title"> |
| | | <span class="iconfont iconbendiku_v" style="font-size: 32px"></span> |
| | | <img src="/images/library/本地库2.png" alt="" srcset="" /> |
| | | <span class="m5">{{ titleB }}</span> |
| | | <span |
| | | class="iconfont icontianjiaku-09" |
| | | style=" |
| | | font-size: 22px; |
| | | color: #666666; |
| | | position: absolute; |
| | | right: 10px; |
| | | " |
| | | @click.stop="add('local')" |
| | | v-if="isShow('library:set')" |
| | | ></span> |
| | | <el-tooltip content="添加同步库" placement="top"> |
| | | <span |
| | | class="iconfont icontianjiaku-09" |
| | | style=" |
| | | font-size: 22px; |
| | | color: #666666; |
| | | position: absolute; |
| | | right: 10px; |
| | | " |
| | | @click.stop="add('local')" |
| | | v-if="isShow('library:set')" |
| | | ></span> |
| | | </el-tooltip> |
| | | </template> |
| | | <div class="max-height"> |
| | | <el-row |
| | |
| | | </p> |
| | | </el-col> |
| | | <el-col :span="10" :offset="1"> |
| | | |
| | | <div |
| | | class="status-dot" |
| | | :class="item.enable == 1 ? 'status-dot-active' : ''" |
| | | :style="item.enable == 1 ? { background: '#4E94FF' } : {}" |
| | | ></div> |
| | | </el-col> |
| | |
| | | <div class="time-end"> |
| | | {{ item.endTime ? item.endTime : "永久有效" }} |
| | | </div> |
| | | <!-- {{ item.startTime }}~{{ |
| | | item.endTime ? item.endTime : "永久有效" |
| | | }} --> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | |
| | | }, |
| | | methods: { |
| | | isShow(authority) { |
| | | if (this.isAdmin) { |
| | | return true; |
| | | } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) { |
| | | return true; |
| | | } else { |
| | | return false; |
| | | } |
| | | return ( |
| | | this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1 |
| | | ); |
| | | }, |
| | | async init() { |
| | | async init(typ) { |
| | | await this.BaseManageData.querySyncTables(); |
| | | this.syncTableList = this.BaseManageData.syncTables; |
| | | this.defaultShow(); |
| | | if (typ) { |
| | | this.$emit("getList"); |
| | | } else { |
| | | this.defaultShow(); |
| | | } |
| | | await this.BaseManageData.queryLocalTables(); |
| | | this.localTableList = this.BaseManageData.localTables; |
| | | this.defaultShow(); |
| | | if (typ) { |
| | | this.$emit("getList"); |
| | | } else { |
| | | this.defaultShow(); |
| | | } |
| | | }, |
| | | add(type) { |
| | | this.$emit("changeShow", null, type); |
| | | }, |
| | | clickLast(type) { |
| | | // this.$nextTick(() => { |
| | | |
| | | // }); |
| | | this.clickCategory( |
| | | this.syncTableList.length - 1, |
| | | type, |
| | | this.syncTableList[this.syncTableList.length - 1] |
| | | ); |
| | | }, |
| | | clickCategory(index, type, item) { |
| | | this.categoryIndex = type + index; |
| | |
| | | return false; |
| | | } |
| | | }, |
| | | // dateCompare(dateString, compareDateString) { |
| | | // // dateString:当前时间 |
| | | // // compareDateString:需要比较的时间 |
| | | // if (this.isEmpty(dateString)) { |
| | | // return; |
| | | // } |
| | | // if (this.isEmpty(compareDateString)) { |
| | | // return 1; |
| | | // } |
| | | // var dateTime = this.dateParse(dateString).getTime(); |
| | | // var compareDateTime = this.dateParse(compareDateString).getTime(); |
| | | // if (compareDateTime > dateTime) { |
| | | // return 1; |
| | | // } else if (compareDateTime === dateTime) { |
| | | // return 0; |
| | | // } else { |
| | | // return -1; |
| | | // } |
| | | // }, |
| | | }, |
| | | props: { |
| | | listWidth: { |
| | |
| | | font-size: 14px; |
| | | } |
| | | .out-div { |
| | | max-height: 100%; height: 100%; |
| | | max-height: 100%; |
| | | height: 100%; |
| | | .el-collapse-item__header { |
| | | position: relative; |
| | | } |
| | | .el-collapse-item__wrap { |
| | | will-change: height; |
| | | background-color: #fff; |
| | |
| | | .el-row { |
| | | border-radius: 9px; |
| | | background: rgba(239, 241, 245, 0.35); |
| | | margin-bottom: 4px; min-height: 72px; |
| | | margin-bottom: 4px; |
| | | min-height: 72px; |
| | | box-sizing: border-box; |
| | | padding: 10px 5px; |
| | | } |
| | |
| | | .time-end { |
| | | color: #e9e9e9; |
| | | } |
| | | .status-dot { |
| | | .status-dot-active { |
| | | background: #fff !important; |
| | | } |
| | | } |