|
|
@@ -6,22 +6,36 @@
|
|
|
<el-input
|
|
|
v-model="formInline.xzqmc"
|
|
|
style="width: 240px"
|
|
|
- placeholder="名称查询"
|
|
|
- suffix-icon="Search"
|
|
|
- @keyup.enter.prevent="searchHandle"
|
|
|
+ placeholder="名称"
|
|
|
+ clearable
|
|
|
/>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ style="margin-left: 10px"
|
|
|
+ @click="searchHandle"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="margin-right-20">
|
|
|
<div>
|
|
|
- <span> 已贯通：{{ total }}</span>
|
|
|
- <span>未贯通：0</span>
|
|
|
+ <span
|
|
|
+ ><el-icon color="green" size="20" class="writeIcon"
|
|
|
+ ><Connection
|
|
|
+ /></el-icon>
|
|
|
+ 已贯通：{{ total }}</span
|
|
|
+ >
|
|
|
+ <span style="margin-left: 10px"
|
|
|
+ ><el-icon color="darkorange" size="20" class="writeIcon"
|
|
|
+ ><Remove /></el-icon
|
|
|
+ >未贯通：0</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="table-layout flex-box column height-100-50">
|
|
|
<div class="max-width height-100-40 imgCon">
|
|
|
<ul>
|
|
|
- <li v-for="(item, i) in demoList" :key="i">
|
|
|
+ <li v-for="(item, i) in demoList" :key="i" @click="goSystem(item)">
|
|
|
<div class="itemIcon">已贯通</div>
|
|
|
<div
|
|
|
class="imgCon"
|
|
|
@@ -31,7 +45,7 @@
|
|
|
<div class="cityName">{{ item.xzqmc }}</div>
|
|
|
<div class="dre">{{ item.xtmc }}</div>
|
|
|
</div>
|
|
|
- <div class="bottomBtn" @click="goSystem(item)">进入系统>></div>
|
|
|
+ <div class="bottomBtn">进入系统>></div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -107,6 +121,10 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.qxxt {
|
|
|
+ .writeIcon {
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
.header {
|
|
|
border-bottom: 1px solid rgb(230, 230, 230);
|
|
|
justify-content: space-between;
|
|
|
@@ -203,10 +221,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
li:hover {
|
|
|
- transform: scale(1.1);
|
|
|
+ transform: scale(1.05);
|
|
|
// font-size: 25px;
|
|
|
.cityName {
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
