From 154ad8bdc8a5a7f961ac771ab91b34632307ad7a Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Thu, 16 Jun 2022 17:00:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=85=E6=B0=91=E6=A1=A3=E6=A1=88=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/project/police/AppPeopleList/Add.vue      |   4 +-
 .../police/AppPeopleList/AppPeopleList.vue    |   2 +-
 .../police/AppPeopleList/DetailCard.vue       | 222 ------------
 .../police/AppPeopleList/ExamineList.vue      | 276 ---------------
 .../police/AppPeopleList/PeopleList.vue       | 320 ------------------
 5 files changed, 3 insertions(+), 821 deletions(-)
 delete mode 100644 src/project/police/AppPeopleList/DetailCard.vue
 delete mode 100644 src/project/police/AppPeopleList/ExamineList.vue
 delete mode 100644 src/project/police/AppPeopleList/PeopleList.vue

diff --git a/src/project/police/AppPeopleList/Add.vue b/src/project/police/AppPeopleList/Add.vue
index b1cce122..d3318eb5 100644
--- a/src/project/police/AppPeopleList/Add.vue
+++ b/src/project/police/AppPeopleList/Add.vue
@@ -47,7 +47,7 @@
       <div class="border">
         <span class="label">姓名</span>
         <span class="value">
-          <input type="text" placeholder="请输入" v-model="form.name" maxlength="10" :disabled="this.form.id ? true : false">
+          <input type="text" placeholder="请输入" v-model="form.name" maxlength="10">
         </span>
       </div>
     </div>
@@ -56,7 +56,7 @@
       <div class="border">
         <span class="label">身份证号</span>
         <span class="value">
-          <input type="idcard" placeholder="请输入" v-model="form.idNumber" maxlength="18" :disabled="this.form.id ? true : false">
+          <input type="idcard" placeholder="请输入" v-model="form.idNumber" maxlength="18">
         </span>
       </div>
     </div>
diff --git a/src/project/police/AppPeopleList/AppPeopleList.vue b/src/project/police/AppPeopleList/AppPeopleList.vue
index dc9870f8..db557863 100644
--- a/src/project/police/AppPeopleList/AppPeopleList.vue
+++ b/src/project/police/AppPeopleList/AppPeopleList.vue
@@ -127,7 +127,7 @@ export default {
     },
 
     toDetailCard(item) {
-      uni.navigateTo({url: `./DetailCard?id=${item.id}`})
+      uni.navigateTo({url: `./DetailPeople?id=${item.id}`})
     },
 
     changeArea(e) {
diff --git a/src/project/police/AppPeopleList/DetailCard.vue b/src/project/police/AppPeopleList/DetailCard.vue
deleted file mode 100644
index a776af71..00000000
--- a/src/project/police/AppPeopleList/DetailCard.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<template>
-  <div class="DetailCard">
-    <div class="top"></div>
-
-    <div class="middle">
-      <div class="hint">家庭地址</div>
-
-      <div class="areaHint">
-        <u-icon name="map-fill" color="#73ABFF"></u-icon>
-        <span style="margin-left: 4px;">{{resident.currentAreaName}}
-          <span v-if="resident.currentAddressGroup">{{resident.currentAddressGroup}}组</span>
-          <span v-if="resident.currentAddressNo">{{resident.currentAddressNo}}户</span>
-        </span>
-      </div>
-    </div>
-
-    <div class="bottom">
-      <div class="hints">家庭成员 {{ data.family && data.family.length }}人</div>
-
-      <div v-if="data.family && data.family.length > 0">
-        <div class="card" v-for="(item, i) in data.family" :key="i" @click="toDetailPeople(item)">
-          <div class="photos">
-            <img :src="item.photo" alt="" v-if="item.photo" />
-            <img src="./components/img/44.png" alt="" v-else />
-          </div>
-
-          <div class="right">
-            <div class="rightTop">
-              <div class="rightTop-lefts">
-                <span class="names">{{ item.name }}</span>
-                <span class="fileStatuss" v-if="item.fileStatus == 1"> 已注销</span>
-                <span class="householdNames" v-if="item.householdName == 1">户主</span>
-                <span class="householdNames" v-else>
-                  {{ $dict.getLabel('householdRelation', item.householdRelation) }}
-                </span>
-              </div>
-
-              <div class="rightTop-rights">
-                <u-section :show-line="false" sub-title="详情"></u-section>
-              </div>
-            </div>
-
-            <div class="rightBottom">
-              <span>身份证号：</span>
-              <span>{{ item.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1********$2') }}</span>
-            </div>
-            <!-- <div class="spacial" v-if="item.idNumber == data.resident.idNumber">
-              <span v-for="(e,index) in spacialList" :key="index">{{e.applicationName}}</span>
-            </div> -->
-          </div>
-        </div>
-      </div>
-
-      <AiEmpty v-else></AiEmpty>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DetailCard',
-  components: {},
-  props: {},
-  data() {
-    return {
-      id: '',
-      data: [],
-      resident: {},
-      // spacialList: [],
-    }
-  },
-  computed: {},
-  watch: {},
-  onLoad(o) {
-    this.id = o.id
-    this.$dict.load('householdRelation', 'fileStatus').then(() => {
-      this.getDetail()
-    })
-  },
-  onShow() {
-    document.title = '居民档案'
-  },
-  methods: {
-    getDetail() {
-      this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => {
-        if (res.code == 0) {
-          this.data = res.data
-          this.$forceUpdate()
-          this.$nextTick(() => {
-            this.resident = res.data.resident
-            // this.spacialList = res.data.resident.tsrqInfos
-            this.$forceUpdate()
-          })
-        }
-      })
-    },
-
-    toDetailPeople(item) {
-      uni.navigateTo({ url: `./DetailPeople?id=${item.id}&type=0` })
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.DetailCard {
-  height: 100%;
-  .top {
-    height: 112px;
-    background: #3975c6;
-  }
-
-  .middle {
-    margin: -80px 32px 0 32px;
-    padding: 38px 30px 78px 28px;
-    background: #ffffff;
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
-    border-radius: 16px;
-    z-index: 999;
-    .hint {
-      font-size: 32px;
-      font-weight: 500;
-      color: #333333;
-    }
-    .areaHint {
-      margin-top: 38px;
-    }
-  }
-
-  .bottom {
-    margin: 32px 30px 48px 30px;
-    background: #fff;
-    padding: 38px 30px 30px 30px;
-    .hints {
-      margin-bottom: 38px;
-    }
-    .card {
-      display: flex;
-      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
-      border-radius: 16px;
-      padding: 48px 32px;
-      margin-bottom: 32px;
-      .photos {
-        img {
-          width: 96px;
-          height: 96px;
-          border-radius: 50%;
-        }
-      }
-
-      .right {
-        display: flex;
-        flex-direction: column;
-        margin-left: 40px;
-        width: 100%;
-        .rightTop {
-          display: flex;
-          justify-content: space-between;
-          .rightTop-lefts {
-            .names {
-              font-size: 32px;
-              font-weight: 600;
-            }
-            .householdNames {
-              margin-left: 30px;
-              font-size: 26px;
-              font-weight: 500;
-              color: #5aad6a;
-            }
-            .fileStatuss {
-              display: inline-block;
-              margin-left: 30px;
-              color: #ff4466;
-              background: #ffecef;
-              border-radius: 8px;
-              width: 88px;
-              height: 40px;
-              line-height: 40px;
-              text-align: center;
-            }
-          }
-          .rightTop-rights {
-            ::v-deep .u-section {
-              .u-section__right-info {
-                color: #3975c6 !important;
-                .u-section__right-info__icon-arrow {
-                  .u-icon {
-                    .u-icon__icon {
-                      color: #3975c6 !important;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-        .rightBottom {
-          margin-top: 20px;
-        }
-        // .spacial {
-        //   margin-top: 10px;
-        //   white-space: wrap;
-        //   span {
-        //     margin-right: 10px;
-        //     color: #ff4466;
-        //   }
-        // }
-      }
-    }
-    .card:nth-child(2n-1) {
-      // background: royalblue;
-      background: url(http://respub.sinoecare.net/20211222/装饰-20211222162743.png) no-repeat;
-      background-size: 100% 100%;
-    }
-    .card:nth-child(2n) {
-      // background: pink;
-      background: url(http://respub.sinoecare.net/20211222/装饰2-20211222162934.png) no-repeat;
-      background-size: 100% 100%;
-    }
-  }
-}
-</style>
diff --git a/src/project/police/AppPeopleList/ExamineList.vue b/src/project/police/AppPeopleList/ExamineList.vue
deleted file mode 100644
index 1266b12c..00000000
--- a/src/project/police/AppPeopleList/ExamineList.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<template>
-  <div class="ExamineList">
-    <AiTopFixed>
-      <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#CDDCF0" bar-width="48" active-color="#fff " @change="change"></u-tabs>
-      <div class="middle">
-        <div class="left">
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
-            <u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
-            <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
-            <span v-else>请选择</span>
-            <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
-          </AiAreaPicker>
-        </div>
-        <u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="handerSearch" @clear="handerClear"></u-search>
-      </div>
-    </AiTopFixed>
-    <div v-if="datas && datas.length > 0" class="list-content">
-      <div class="card" v-for="(item, i) in datas" :key="i" @click="toDetailPeople(item)">
-        <div class="photos">
-          <img :src="item.photo" alt="" v-if="item.photo" />
-          <img src="./components/img/44.png" alt="" v-else />
-        </div>
-        <div class="right">
-          <div class="rightTop">
-            <div class="rightTop-lefts">
-              <span class="names">{{ item.name }}</span>
-              <span class="fileStatuss" v-if="item.fileStatus == 1"> {{ $dict.getLabel('fileStatus', item.fileStatus) }}</span>
-              <span class="householdNames" v-if="item.householdName == 1">户主</span>
-              <span class="householdNames" v-else>非户主</span>
-              <span class="audit-status" :class="'status'+item.auditStatus">{{ $dict.getLabel('auditStatus', item.auditStatus) }}</span>
-            </div>
-
-            <div class="rightTop-rights">
-              <u-section :show-line="false" sub-title="详情"></u-section>
-            </div>
-          </div>
-
-          <div class="rightBottom">
-            <span>身份证号：</span>
-            <span>{{ item.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1********$2') }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <AiEmpty v-else></AiEmpty>
-  </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-export default {
-  name: 'ExamineList',
-  components: {},
-  props: {},
-  data() {
-    return {
-      id: '',
-      datas: [],
-      resident: {},
-      areaId: '',
-      areaName: '',
-      tabList: [
-        {
-          name: '待处理',
-        },
-        {
-          name: '已处理',
-        },
-      ],
-      currentTabs: 0,
-      keyword: ''
-    }
-  },
-  computed: {
-    ...mapState(['user']),
-  },
-  onLoad() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
-    this.$dict.load('householdRelation', 'auditStatus').then(() => {
-      this.getList()
-    })
-    uni.$on('updatePeople', () => {
-      this.getListInit()
-    })
-  },
-  onShow() {
-    document.title = '居民档案审核'
-  },
-  methods: {
-    getListInit() {
-      this.current = 1
-      this.datas = []
-      this.getList()
-    },
-    getList() {
-      var auditType = 0 // 0待处理; 2已处理
-      if(this.currentTabs == 1) {
-        auditType = 2
-      }
-      this.$http.post('/app/appresident/list', null, {
-        params: {
-          size: 10,
-          current: this.current,
-          con: this.keyword,
-          areaId: this.areaId,
-          auditType,
-          source: 1
-        },
-      })
-      .then((res) => {
-        if (res.code == 0) {
-          this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
-
-          this.pages = res.data.pages
-        }
-      })
-    },
-
-    change(index) {
-      this.currentTabs = index
-      this.getListInit()
-    },
-
-    toDetailPeople(item) {
-      uni.navigateTo({ url: `./DetailPeople?id=${item.id}&type=1` })
-    },
-
-    areaSelect(e) {
-      this.areaId = e
-      this.getListInit()
-    },
-
-    handerSearch(e) {
-      this.keyword = e
-      this.getListInit()
-    },
-
-    handerClear() {
-      this.keyword = ''
-      this.getListInit()
-    },
-  },
-  onReachBottom() {
-    this.current = this.current + 1
-    this.getList()
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.ExamineList {
-  height: 100%;
-  .list-content{
-    padding: 0 60px;
-    background-color: #fff;
-  }
-  .card {
-    display: flex;
-    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
-    border-radius: 16px;
-    padding: 48px 32px;
-    margin-bottom: 32px;
-    background: url(http://respub.sinoecare.net/20211222/装饰2-20211222162934.png) no-repeat;
-    background-size: 100% 100%;
-    .photos {
-      img {
-        width: 96px;
-        height: 96px;
-        border-radius: 50%;
-      }
-    }
-
-    .right {
-      display: flex;
-      flex-direction: column;
-      margin-left: 40px;
-      width: 100%;
-      .rightTop {
-        display: flex;
-        justify-content: space-between;
-        .rightTop-lefts {
-          width: calc(100% - 100px);
-          .names {
-            font-size: 32px;
-            font-weight: 600;
-            word-break: break-all;
-          }
-          .householdNames {
-            margin-left: 30px;
-            font-size: 26px;
-            font-weight: 500;
-            color: #5aad6a;
-            display: inline-block;
-            width: 100px;
-          }
-          .fileStatuss {
-            display: inline-block;
-            margin-left: 30px;
-            color: #ff4466;
-            background: #ffecef;
-            border-radius: 8px;
-            width: 88px;
-            height: 40px;
-            line-height: 40px;
-            text-align: center;
-          }
-        }
-        .rightTop-rights {
-          width: 100px;
-          ::v-deep .u-section {
-            .u-section__right-info {
-              color: #3975c6 !important;
-              .u-section__right-info__icon-arrow {
-                .u-icon {
-                  .u-icon__icon {
-                    color: #3975c6 !important;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .rightBottom {
-        margin-top: 20px;
-      }
-    }
-  }
-  .middle {
-    display: flex;
-    padding: 24px 32px;
-    .left {
-      width: 220px;
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 48px;
-        height: 48px;
-      }
-    }
-    .u-search {
-      margin-bottom: 0 !important;
-    }
-  }
-
-  ::v-deep .content{
-    padding: 0;
-  }
-
-  .audit-status{
-    display: inline-block;
-    padding: 0 8px;
-    line-height: 40px;
-    background: #EAF0FE;
-    border-radius: 8px;
-    font-size: 24px;
-    font-family: PingFangSC-Regular, PingFang SC;
-  }
-  .status1{
-    color: #3E95FF;
-    background-color: #EAF0FE;
-  }
-  .status0{
-    color: #5AAD6A;
-    background-color: #E9FFED;
-  }
-  .status2{
-    color: #f46;
-    background-color: #FFECEF;
-  }
-
-}
-</style>
diff --git a/src/project/police/AppPeopleList/PeopleList.vue b/src/project/police/AppPeopleList/PeopleList.vue
deleted file mode 100644
index 147bcfb8..00000000
--- a/src/project/police/AppPeopleList/PeopleList.vue
+++ /dev/null
@@ -1,320 +0,0 @@
-<template>
-  <div class="PeopleList">
-    <AiTopFixed>
-      <div class="areatop">
-        <!-- <div>区域选择</div>
-        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj"></AiAreaPicker>
-        <u-icon name="photo"></u-icon> -->
-        <!-- @select="areaSelect" -->
-        <u-form label-width="auto">
-          <u-form-item label="区域选择" right-icon="arrow-right" class="areaIds">
-            <AiAreaPicker v-model="areaId" :areaId="user.areaId" @input="seachObj" :name.sync="areaName" selectRoot/>
-          </u-form-item>
-        </u-form>
-      </div>
-
-      <div class="line"></div>
-
-      <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change"></u-tabs>
-
-      <div class="seachObjs">
-        <u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false"
-                  bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch"
-                  @clear="handerClear"></u-search>
-      </div>
-    </AiTopFixed>
-    <div class="dataes" v-if="datas.length > 0">
-      <div class="datass" v-for="(item, iindex) in datas" :key="iindex" @click="toDetailCard(item)">
-        <div class="left">
-          <img :src="item.photo" alt="" v-if="item.photo"/>
-          <img src="./components/img/4.png" alt="" v-else/>
-        </div>
-
-        <div class="right">
-          <div class="rightTop">
-            <span class="name">{{ item.name }}</span>
-            <span class="btn" v-if="user.id == item.createUserId">
-              <img src="./components/img/edit-icon.png" alt="" @click.stop="edit(item.id)">
-              <img src="./components/img/del-icon.png" alt="" @click.stop="del(item.id)">
-            </span>
-          </div>
-          <div class="rightBottom">
-            <span>{{ item.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1********$2') }}</span>
-
-            <span>{{ item.phone }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="empty" v-else>
-      <img src="https://cdn.cunwuyun.cn/dvcp/h5/no-data.png" alt="">
-      <p>暂无居民信息<br/>点击<span @click="edit('')">新增按钮</span>新增居民信息,也可在管理系统批量导入</p>
-    </div>
-    <!-- <AiEmpty class="emptyWrap" v-else></AiEmpty> -->
-    <div style="height: 60px"></div>
-    <div class="addBtn" @click="edit('')">新增居民</div>
-  </div>
-</template>
-
-<script>
-import {mapState} from 'vuex'
-
-export default {
-  name: 'PeopleList',
-  props: {},
-  data() {
-    return {
-      keyword: '',
-      datas: [],
-      current: 1,
-      size: 10,
-      tabList: [
-        {
-          name: '全部居民',
-        },
-        {
-          name: '本地居民',
-        },
-        {
-          name: '流动人员',
-        },
-      ],
-      currentTabs: 0,
-      areaId: '',
-      areaName: '',
-    }
-  },
-  computed: {
-    ...mapState(['user']),
-  },
-  watch: {},
-  onLoad() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
-    uni.$on('reload', () => {
-      this.current = 1
-      this.getList()
-    })
-    this.getList()
-  },
-  onShow() {
-    document.title = '查看居民档案'
-  },
-  methods: {
-    getList() {
-      var residentType = ['', 0, 1][this.currentTabs]
-      this.$http
-      .post('/app/appresident/list', null, {
-        params: {
-          size: 20,
-          current: this.current,
-          con: this.keyword,
-          areaId: this.areaId,
-          residentType: residentType,
-          auditStatus: 1
-        },
-      })
-      .then((res) => {
-        if (res.code == 0) {
-          this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
-
-          this.pages = res.data.pages
-        }
-      })
-    },
-
-    change(index) {
-      this.currentTabs = index
-      this.current = 1
-      this.datas = []
-      this.getList()
-    },
-
-    toDetailCard(item) {
-      uni.navigateTo({url: `./DetailCard?id=${item.id}`})
-    },
-
-    seachObj(e) {
-      this.areaId = e
-      this.current = 1
-      this.getList()
-    },
-
-    handerSearch(e) {
-      this.keyword = e
-      this.current = 1
-      this.getList()
-    },
-
-    handerClear() {
-      this.keyword = ''
-      this.current = 1
-      this.getList()
-    },
-    edit(id) {
-      var residentType = ['', 0, 1][this.currentTabs]
-      uni.navigateTo({url: `./Add?id=${id}&type=${residentType}`})
-    },
-    del(id) {
-      this.$confirm('确定删除该数据?').then(() => {
-        uni.showLoading()
-        this.$http.post(`/app/appresident/delete?ids=${id}`).then((res) => {
-          if (res.code == 0) {
-            this.$u.toast('删除成功！')
-            this.current = 1
-            this.getList()
-          }
-          uni.hideLoading()
-        })
-      }).catch(() => {
-      })
-    }
-  },
-  onReachBottom() {
-    this.current = this.current + 1
-    this.getList()
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.PeopleList {
-  height: 100%;
-
-  .areatop {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .line {
-    height: 16px;
-    background: #f5f5f5;
-  }
-
-  .seachObjs {
-    border-bottom: 2px solid #f5f5f5;
-    border-top: 2px solid #f5f5f5;
-    padding: 20px 32px;
-    background: #fff;
-  }
-
-  ::v-deep .u-form {
-    width: 100%;
-
-    .areaIds {
-      .u-form-item__body {
-        .u-form-item--right {
-          .u-form-item--right__content {
-            display: flex;
-            align-items: center;
-
-            .u-form-item--right__content__slot {
-              .AiAreaPicker {
-                width: 100%;
-                display: flex;
-                justify-content: flex-end;
-
-                .areaSelector {
-                  .location {
-                    opacity: 0;
-                  }
-                }
-              }
-            }
-
-            .u-form-item--right__content__icon {
-              margin-bottom: 8px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .dataes {
-    background: #fff;
-
-    .datass {
-      display: flex;
-      padding: 24px 32px;
-
-      .left {
-        img {
-          width: 80px;
-          height: 80px;
-          border-radius: 50%;
-        }
-      }
-
-      .right {
-        display: flex;
-        flex-direction: column;
-        margin-left: 32px;
-        width: 100%;
-
-        .rightTop {
-          font-size: 32px;
-          font-weight: 500;
-          color: #333333;
-          display: flex;
-          justify-content: space-between;
-
-          .btn {
-            img {
-              width: 48px;
-              height: 48px;
-              margin-left: 40px;
-            }
-          }
-        }
-
-        .rightBottom {
-          display: flex;
-          justify-content: space-between;
-          margin-top: 8px;
-        }
-      }
-    }
-  }
-
-  .emptyWrap {
-    background: #f5f5f5;
-    margin: 0;
-  }
-
-  .addBtn {
-    width: 100%;
-    height: 112px;
-    line-height: 112px;
-    background: #1365DD;
-    text-align: center;
-    color: #FFF;
-    font-size: 32px;
-    position: fixed;
-    bottom: 0;
-  }
-
-  .empty {
-    height: 100%;
-
-    img {
-      width: 282px;
-      height: 306px;
-      margin: 168px 0 0 234px;
-    }
-
-    p {
-      text-align: center;
-      font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #999;
-      line-height: 44px;
-
-      span {
-        color: #467DFE;
-      }
-    }
-  }
-}
-</style>