From cb189f76c0b660d540ad528ed33f54aadd7799aa Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Mon, 14 Feb 2022 10:36:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=B1=E4=B8=9C=E7=A7=BB=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppDocumentFlow/AppDocumentFlow.vue  | 164 +++++++
 .../AppDocumentFlow/components/approval.vue   |  90 ++++
 .../AppDocumentFlow/components/detail.vue     | 437 ++++++++++++++++++
 .../AppIntelligentSecurity.vue                | 353 ++++++++++++++
 .../AppIntelligentSecurity/img/local-icon.png | Bin 0 -> 1121 bytes
 .../img/monitor-icon.png                      | Bin 0 -> 1673 bytes
 .../img/not-play-icon.png                     | Bin 0 -> 1575 bytes
 .../AppIntelligentSecurity/img/off-icon.png   | Bin 0 -> 2065 bytes
 .../AppIntelligentSecurity/img/offline.png    | Bin 0 -> 21129 bytes
 .../AppIntelligentSecurity/img/on-icon.png    | Bin 0 -> 802 bytes
 .../AppIntelligentSecurity/img/play-icon.png  | Bin 0 -> 622 bytes
 .../AppIntelligentSecurity/monitorDetail.vue  |  86 ++++
 src/apps/AppPhoneList/AppPhoneList.vue        | 232 ++++++++++
 src/apps/AppPhoneList/add.vue                 | 191 ++++++++
 src/apps/AppPhoneList/img/del-icon.png        | Bin 0 -> 1493 bytes
 src/apps/AppPhoneList/img/edit-icon.png       | Bin 0 -> 1566 bytes
 src/apps/AppPhoneList/img/empty.png           | Bin 0 -> 8368 bytes
 src/apps/AppPhoneList/list.vue                | 162 +++++++
 src/apps/AppPhoneList/myAddList.vue           | 167 +++++++
 .../AppVideoSurveillance/monitorDetail.vue    |   2 +-
 20 files changed, 1883 insertions(+), 1 deletion(-)
 create mode 100644 src/apps/AppDocumentFlow/AppDocumentFlow.vue
 create mode 100644 src/apps/AppDocumentFlow/components/approval.vue
 create mode 100644 src/apps/AppDocumentFlow/components/detail.vue
 create mode 100644 src/apps/AppIntelligentSecurity/AppIntelligentSecurity.vue
 create mode 100644 src/apps/AppIntelligentSecurity/img/local-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/monitor-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/not-play-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/off-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/offline.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/on-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/img/play-icon.png
 create mode 100644 src/apps/AppIntelligentSecurity/monitorDetail.vue
 create mode 100644 src/apps/AppPhoneList/AppPhoneList.vue
 create mode 100644 src/apps/AppPhoneList/add.vue
 create mode 100644 src/apps/AppPhoneList/img/del-icon.png
 create mode 100644 src/apps/AppPhoneList/img/edit-icon.png
 create mode 100644 src/apps/AppPhoneList/img/empty.png
 create mode 100644 src/apps/AppPhoneList/list.vue
 create mode 100644 src/apps/AppPhoneList/myAddList.vue

diff --git a/src/apps/AppDocumentFlow/AppDocumentFlow.vue b/src/apps/AppDocumentFlow/AppDocumentFlow.vue
new file mode 100644
index 00000000..54137c00
--- /dev/null
+++ b/src/apps/AppDocumentFlow/AppDocumentFlow.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="document-flow">
+    <ai-top-fixed>
+      <header class="pad">
+        <u-search placeholder="请输入公文名称" v-model="documentName" @clear="documentName='',getList()" @search="getList"
+                  clearabled :show-action="false" height="64"></u-search>
+      </header>
+    </ai-top-fixed>
+    <div class="list pad" v-if="list.length">
+      <div class="card" v-for="(item,index) in list" :key="index" @click="handleClick(item)">
+        <u-row>
+          <em v-if="item.redStatus==0"></em>
+          <span>{{ item.documentName }}</span>
+        </u-row>
+        <u-gap height="16"></u-gap>
+        <u-row>
+          <label>公文类型：</label>
+          <text style="color: #1365DD;">{{ $dict.getLabel("officialDocumentName", item.documentType) }}</text>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <label>登记人：</label>
+          <text>{{ item.createUserName }}</text>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <label>登记日期：</label>
+          <text>{{ item.createTime }}</text>
+        </u-row>
+        <img :src=" $cdn + tag(item.readType)" alt="">
+      </div>
+    </div>
+    <AiEmpty v-else></AiEmpty>
+    <u-loadmore :status="status" v-if="list.length"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  appName: "公文流转",
+  data() {
+    return {
+      documentName: "",
+      current: 1,
+      list: [],
+      status: "加载更多"
+    }
+  },
+  onLoad() {
+    this.$dict.load("officialDocumentName")
+  },
+  methods: {
+    tag(status) {
+      return {
+        "0": 'common/1ps.png',
+        "1": 'common/2cy.png'
+      }[status]
+    },
+    getList() {
+      this.$http.post("/app/appofficialdocumentinfo/appList", null, {
+        params: {
+          documentName: this.documentName,
+          size: 10,
+          current: this.current
+        }
+      }).then(res => {
+        if (res && res.data) {
+          if (this.current > 1 && this.current > res.data.pages) {
+            this.status = "已经到底啦"
+          }
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    },
+    handleClick({id}) {
+      uni.navigateTo({
+        url: "/pages/documentFlow/components/detail?id=" + id
+      })
+    }
+  },
+  onShow() {
+    this.getList()
+  },
+  onReachBottom() {
+    this.current = this.current + 1;
+    this.getList()
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.document-flow {
+  min-height: 100%;
+  background: #F5F5F5;
+
+  ::v-deep .content {
+    padding: 0;
+  }
+
+  header {
+    height: 112px;
+    background-color: #FFFFFF;
+    display: flex;
+    align-items: center;
+  }
+
+  .list {
+    margin: 32px 0;
+
+    .card {
+      background: #FFFFFF;
+      border-radius: 8px;
+      box-sizing: border-box;
+      padding: 32px;
+      position: relative;
+      margin-bottom: 32px;
+
+      .u-row {
+        flex-wrap: nowrap !important;
+      }
+
+      em {
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background-color: #FF4466;
+        font-style: normal;
+        margin-right: 8px;
+        flex-shrink: 0;
+      }
+
+      span {
+        font-size: 32px;
+        font-weight: 600;
+        color: #333333;
+      }
+
+      label {
+        font-size: 30px;
+        color: #999999;
+      }
+
+      text {
+        font-size: 30px;
+        color: #343D65;
+      }
+
+      img {
+        width: 160px;
+        height: 160px;
+        position: absolute;
+        right: 0;
+        bottom: 0;
+      }
+    }
+  }
+
+  .pad {
+    box-sizing: border-box;
+    padding: 32px 32px 0 32px;
+  }
+}
+</style>
diff --git a/src/apps/AppDocumentFlow/components/approval.vue b/src/apps/AppDocumentFlow/components/approval.vue
new file mode 100644
index 00000000..93a8f2d9
--- /dev/null
+++ b/src/apps/AppDocumentFlow/components/approval.vue
@@ -0,0 +1,90 @@
+<template>
+  <div class="approval">
+    <div class="card">
+      <header>批示意见</header>
+      <textarea placeholder="请输入批示意见" v-model.trim="description" maxlength="200"></textarea>
+      <u-row justify="between">
+        <span @click="description=''">清空内容</span>
+        <span>{{ description.length || 0 }}/200</span>
+      </u-row>
+    </div>
+    <ai-back/>
+    <u-button type="primary" @click="submit">提交</u-button>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "approval",
+  components: {AiBack},
+  data() {
+    return {
+      id: null,
+      description: ""
+    }
+  },
+  onLoad(opt) {
+    this.id = opt.id
+  },
+  methods: {
+    submit() {
+      this.$http.post("/app/appofficialdocumentinfo/instructionById", null, {
+        params: {
+          id: this.id,
+          description: this.description
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast("批示成功")
+          uni.navigateBack()
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.approval {
+  background: #F5F5F5;
+
+  .card {
+    background-color: #FFFFFF;
+    box-sizing: border-box;
+    padding: 32px;
+
+    header {
+      font-size: 32px;
+      color: #333333;
+      margin-bottom: 16px;
+      font-weight: bold;
+    }
+
+    textarea {
+      width: 100%;
+    }
+
+    span:first-child {
+      font-size: 28px;
+      color: #1365DD;
+    }
+
+    span:last-child {
+      font-size: 24px;
+      color: #999999;
+    }
+  }
+
+  .u-btn {
+    width: 100%;
+    height: 112px !important;
+    font-size: 32px;
+    color: #FFFFFF;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    background: #197DF0 !important;
+  }
+}
+</style>
diff --git a/src/apps/AppDocumentFlow/components/detail.vue b/src/apps/AppDocumentFlow/components/detail.vue
new file mode 100644
index 00000000..141dd0d4
--- /dev/null
+++ b/src/apps/AppDocumentFlow/components/detail.vue
@@ -0,0 +1,437 @@
+<template>
+  <div class="detail">
+    <template v-if="!userSelect">
+      <div class="card">
+        <header>{{ detail.documentName }}</header>
+        <u-gap height="16"></u-gap>
+        <u-row>
+          <span>公文编号：</span>
+          <span>{{ detail.documentCode }}</span>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <span>公文类型：</span>
+          <span>{{ $dict.getLabel("officialDocumentName", detail.documentType) }}</span>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <span>紧急程度：</span>
+          <span
+              :style="{color:$dict.getColor('documentEmergencyLevel',detail.emergencyLevel)}">{{ $dict.getLabel("documentEmergencyLevel", detail.emergencyLevel) }}</span>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <span>发文机关：</span>
+          <span>{{ detail.issuingUnit }}</span>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <span>发文字号：</span>
+          <span>{{ detail.issuingFont }}</span>
+        </u-row>
+        <u-gap height="8"></u-gap>
+        <u-row>
+          <span>签发人：</span>
+          <span>{{ detail.signer }}</span>
+        </u-row>
+        <u-gap height="16"></u-gap>
+        <img v-if="detail.confidentialityLevel" :src="$cdn + tag(detail.confidentialityLevel)" alt="">
+      </div>
+      <div class="card" style="margin-bottom: 0;padding-top: 0">
+        <div class="label">备注</div>
+        <span>{{ detail.remark }}</span>
+      </div>
+      <div class="card" style="padding-top: 0" v-if="detail.files && detail.files.length">
+        <div class="label">相关附件</div>
+        <div class="file" v-for="(item,index) in detail.files" :key="index" @click="preFile(item)">
+          <u-row justify="between">
+            <label class="left">
+              <img :src="$cdn + 'common/appendix.png'" alt="">
+              <span>{{ item.fileName }}.{{ item.postfix }}</span>
+            </label>
+            <span>{{ (item.size / 1024).toFixed(2) }}KB</span>
+          </u-row>
+        </div>
+      </div>
+      <div class="card">
+        <div class="label" style="96px;">{{ detail.readType == 0 ? "流转信息" : "传阅情况" }}
+          <em>({{ $dict.getLabel("documentStatus", detail.status) }})</em></div>
+        <div class="progress">
+          <div class="item" v-for="(item,index) in detail.flowUsers" :key="index">
+            <div class="avatar">{{ item.flowUserName && item.flowUserName.substr(-2) }}</div>
+            <div class="right">
+              <u-row justify="between">
+                <text class="status" :style="{color:item.readStatus==1?'#FF8822':'#1365DD'}">{{
+                    $dict.getLabel(detail.readType == 1 ? "readingStatus" :
+                        "documentFlowStatus", detail.readType == 0 ? item.flowStatus : item.readStatus)
+                  }}
+                </text>
+                <text class="date">{{ item.flowTime }}</text>
+              </u-row>
+              <u-row justify="between">
+                <text class="name">{{ item.flowUserName }}</text>
+              </u-row>
+              <u-row justify="between">
+                <text class="note">{{ item.description }}</text>
+              </u-row>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="footer" v-if="detail.flowRight==1 && detail.readType==0">
+        <div @click="handleClick(0)">批示</div>
+        <div @click="handleClick(1)">流转</div>
+      </div>
+
+      <div class="footer" v-if="detail.readType==1 && detail.flowRight==1" @click="read"
+           style="background-color: #1365DD;color: #FFFFFF">我已阅完
+      </div>
+
+    </template>
+
+    <AiSelectEnterprise :visible.sync="userSelect" v-if="userSelect" :multiple="false"
+                        @change="change"></AiSelectEnterprise>
+
+    <AiBack v-if="!userSelect"/>
+  </div>
+</template>
+
+<script>
+import AiBack from "../../../components/AiBack";
+import AiSelectEnterprise from "../../../components/AiSelectEnterprise";
+import {mapActions} from "vuex";
+
+export default {
+  name: "detail",
+  components: {AiBack, AiSelectEnterprise},
+  data() {
+    return {
+      id: null,
+      detail: {},
+      userSelect: false,
+    }
+  },
+
+  onLoad(opt) {
+    this.$dict.load("officialDocumentName", "documentEmergencyLevel", "documentStatus", "readingStatus", "documentFlowStatus")
+    this.id = opt.id
+  },
+
+  methods: {
+    ...mapActions(['previewFile', 'injectJWeixin']),
+    read() {
+      this.$http.post("/app/appofficialdocumentinfo/readById", null, {
+        params: {
+          id: this.id
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast("已阅读")
+          this.getDetail()
+        }
+      })
+    },
+    preFile(e) {
+      if ([".jpg", ".png", ".gif"].includes(e.postfix.toLowerCase())) {
+        uni.previewImage({
+          current: e.url,
+          urls: [e.url]
+        })
+      } else {
+        this.previewFile({...e})
+      }
+    },
+    change(e) {
+      this.$http.post("/app/appofficialdocumentinfo/flowById", null, {
+        params: {
+          flowUserId: e[0].id,
+          flowUserName: e[0].name,
+          id: this.id,
+          avatar: e[0].avatar,
+          flag: 0
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast("流转成功")
+          this.getDetail()
+        }
+      })
+    },
+
+    tag(status) {
+      return {
+        "0": "common/mm.png",
+        "1": "common/jm.png",
+        "2": "common/tm.png"
+      }[status]
+    },
+    getDetail() {
+      this.$http.post("/app/appofficialdocumentinfo/queryDetailById", null, {
+        params: {
+          id: this.id,
+          flag: 1
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.detail = res.data
+        }
+      })
+    },
+    handleClick(status) {
+      if (status == 0) {
+        uni.navigateTo({
+          url: "/pages/documentFlow/components/approval?id=" + this.id
+        })
+      } else {
+        this.userSelect = true
+      }
+    }
+  },
+  onShow() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail {
+  min-height: 100%;
+  background-color: #F5F5F5;
+  padding-bottom: 140px;
+  position: relative;
+
+  .card {
+    background-color: #FFFFFF;
+    margin-bottom: 8px;
+    box-sizing: border-box;
+    padding: 16px 32px;
+    position: relative;
+
+    header {
+      font-size: 40px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 64px;
+      letter-spacing: 1px;
+    }
+
+    .u-row {
+      & > div {
+        background-color: #2266FF;
+        border-radius: 50%;
+        text-align: center;
+        font-size: 22px;
+        font-weight: bold;
+        color: #FFFFFF;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      & > span:first-child {
+        font-size: 30px;
+        color: #999999;;
+        line-height: 48px;
+      }
+
+      & > span:last-child {
+        font-size: 30px;
+        color: #343D65;
+        margin-left: 16px;
+        line-height: 48px;
+      }
+    }
+
+    & > img {
+      width: 190px;
+      height: 190px;
+      position: absolute;
+      right: 0;
+      top: 74px;
+    }
+
+    & > span {
+      font-size: 32px;
+      color: #333333;
+      line-height: 48px;
+      letter-spacing: 1px;
+      display: inline-block;
+    }
+
+    .label {
+      height: 80px;
+      font-size: 32px;
+      color: #333333;
+      display: flex;
+      align-items: center;
+      margin-bottom: 16px;
+
+      & > em {
+        font-style: normal;
+        font-size: 32px;
+        color: #1365DD;
+      }
+    }
+
+    .file {
+      height: 128px;
+      background: #FFFFFF;
+      border-radius: 8px;
+      border: 1px solid #CCCCCC;
+      box-sizing: border-box;
+      padding: 0 16px;
+      margin-bottom: 32px;
+
+      & > .u-row {
+        height: 100%;
+
+        .left {
+          width: 500px;
+          display: flex;
+          align-items: center;
+
+          & > img {
+            flex-shrink: 0;
+            width: 96px;
+            height: 96px;
+          }
+
+          & > span {
+            font-size: 32px;
+            color: #333333;
+            display: inline-block;
+            line-height: 44px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+          }
+        }
+
+        & > span {
+          font-size: 28px;
+          color: #999999;
+        }
+      }
+    }
+
+    .active {
+      background-color: #F3F6F9;
+    }
+
+    .progress {
+      margin-top: 8px;
+
+      .item {
+        display: flex;
+        align-items: center;
+        position: relative;
+        min-height: 136px;
+        margin-bottom: 80px;
+
+        .avatar {
+          width: 80px;
+          height: 80px;
+          border-radius: 50%;
+          background-color: #2266FF;
+          font-size: 28px;
+          color: #FFFFFF;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
+        .right {
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+
+          & > .u-row {
+            margin-left: 40px;
+
+            .status {
+              font-size: 32px;
+              color: #333333;
+            }
+
+            .date {
+              font-size: 28px;
+              color: #999999;
+            }
+
+            .name {
+              font-size: 28px;
+              color: #666666;
+              margin: 8px 0;
+            }
+
+            .note {
+              font-size: 28px;
+              color: #343D65;
+            }
+          }
+        }
+
+        &:after {
+          content: "";
+          width: 4px;
+          height: 100%;
+          background-color: #EEEEEE;
+          position: absolute;
+          left: 40px;
+          top: 112px;
+        }
+
+        &:last-child:after {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .footer {
+    height: 112px;
+    width: 100%;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    background-color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 36px;
+
+    & > div {
+      color: #333333;
+    }
+
+    & > div:first-child {
+      width: 50%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    & > div:last-child {
+      width: 50%;
+      height: 100%;
+      color: #FFFFFF;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #1365DD;
+    }
+
+    & > label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #1365DD;
+    }
+  }
+}
+</style>
diff --git a/src/apps/AppIntelligentSecurity/AppIntelligentSecurity.vue b/src/apps/AppIntelligentSecurity/AppIntelligentSecurity.vue
new file mode 100644
index 00000000..8033f29d
--- /dev/null
+++ b/src/apps/AppIntelligentSecurity/AppIntelligentSecurity.vue
@@ -0,0 +1,353 @@
+<template>
+  <section class="videoSurveillance">
+    <AiTopFixed>
+      <!-- <div class="header" flex>
+        <div flex v-for="(node,i) in nodes" :key="i">
+          <div :class="{current:isCurrent(i)}" v-text="node.nodeName" @click="gotoNode(node,i)"/>
+          <u-icon v-if="!isCurrent(i)" name="arrow-right" color="#ddd"/>
+        </div>
+      </div> -->
+      <div class="area-content">
+        <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">
+          <img src="./img/local-icon.png" alt="">
+          <span class="label" v-if="areaName">{{ areaName }}</span>
+          <span v-else>请选择</span>
+          <u-icon name="arrow-down" color="#666" size="24"/>
+        </AiAreaPicker>
+      </div>
+    </AiTopFixed>
+    <div class="num-content">
+      <!-- <img src="./img/on-icon.png" alt="">在线 {{count.online || 0}}
+      <img src="./img/off-icon.png" alt="" class="mar-l40">离线 {{count.sum - count.online || 0}} -->
+      <div class="item">
+        <div id="echarts" style="width:100%;height:100%;"></div>
+        <img src="./img/monitor-icon.png" alt="" class="monitor-icon">
+      </div>
+      <div class="item">
+        <h3>{{ count.online || 0 }}</h3>
+        <p>在线</p>
+      </div>
+      <div class="item">
+        <h3>{{ count.sum - count.online || 0 }}</h3>
+        <p>离线</p>
+      </div>
+      <div class="item">
+        <h3>{{ onlineRate * 100 || 0 }}%</h3>
+        <p>在线率</p>
+      </div>
+    </div>
+    <!-- <div class="list">
+      <div class="item" v-for="row in monitors" :key="row.nodeId" :class="{online:!row.online}">
+        <template v-if="!!row.deviceId">
+          <img :src="`${$cdn}video/video-img.png`" alt="" class="videoIcon" @click="showMonitor(row)">
+          <div class="area-name" v-text="row.deviceName" @click="showMonitor(row)"/>
+          <div class="deviceStatus" v-text="!row.online?'在线':'离线'" @click="showMonitor(row)"/>
+        </template>
+        <template v-else>
+          <div class="area-name" v-text="row.nodeName" @click="getMore(row)"/>
+          <u-icon name="arrow-right" color="#ddd" @click="getMore(row)"/>
+        </template>
+      </div>
+    </div> -->
+    <div class="list-content">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
+        <img class="img" :src="item.indexUrl" alt="" v-if="item.deviceStatus == 1">
+        <img class="img" src="./img/offline.png" alt="" v-else>
+        <p>{{ item.name }}</p>
+        <img class="icon" src="./img/play-icon.png" alt="" v-if="item.deviceStatus == 1">
+        <img class="icon" src="./img/not-play-icon.png" alt="" v-else>
+      </div>
+      <AiEmpty v-if="!list.length"/>
+    </div>
+  </section>
+</template>
+<script>
+import echarts from 'echarts'
+import {mapState} from 'vuex'
+
+export default {
+  name: "AppVideoSurveillance",
+  appName: "智慧安防",
+  data() {
+    return {
+      nodes: [
+        {nodeName: "首页"}
+      ],
+      monitors: [],
+
+      areaId: '',
+      areaName: '',
+      list: [],
+      count: {},
+      Echart: null,
+      onlineRate: '',
+      offlineRate: ''
+    }
+  },
+  computed: {...mapState(['user'])},
+  methods: {
+    getMonitors(nodeId, queryType = 0) {
+      this.monitors = []
+      this.$http.post("/app/appzyvideoequipment/getTree", {
+        nodeId, queryType
+      }).then(res => {
+        if (res?.data) {
+          this.monitors = JSON.parse(res.data)?.[queryType == 0 ? 'node' : 'device'] || []
+        }
+      })
+    },
+    getMore(row) {
+      this.nodes.push(row)
+      this.getMonitors(row.nodeId, row.hasChild == 1 ? 0 : 1)
+    },
+    isCurrent(index) {
+      return index == Math.max(this.nodes?.length - 1, 0)
+    },
+    gotoNode(node, index) {
+      this.nodes.splice(index + 1)
+      this.getMonitors(node.nodeId)
+    },
+    getList() {
+      this.$http.post(`/app/appzyvideoequipment/getAreaEquipment?areaId=${this.areaId}`).then(res => {
+        if (res?.data) {
+          this.list = res.data.list
+          this.count = res.data.count
+          this.onlineRate = (this.count.online / this.count.sum).toFixed(2)
+          this.offlineRate = (1 - this.onlineRate).toFixed(2)
+          this.initEchart()
+        }
+      })
+    },
+    areaSelect(e) {
+      this.areaId = e
+      this.getList()
+    },
+    showMonitor(row) {
+      if (row.deviceStatus != 1) return
+      uni.navigateTo({url: `./monitorDetail?id=${row.id}`})
+    },
+    initEchart() {
+      var option = {
+        series: [
+          {
+            type: 'pie',
+            radius: ['50%', '60%'],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: false,
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: [
+              {value: this.onlineRate},
+              {value: this.offlineRate},
+            ],
+            itemStyle: {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              },
+              normal: {
+                color: function (params) {
+                  //自定义颜色
+                  var colorList = ['#3192F4', '#ccc',];
+                  return colorList[params.dataIndex]
+                }
+              }
+            }
+          }
+        ]
+      };
+
+      option && this.Echart.setOption(option)
+    },
+  },
+  onShow() {
+    document.title = '智慧安防'
+    this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+    this.getList()
+  },
+  mounted() {
+    this.Echart = echarts.init(document.getElementById('echarts'))
+  }
+}
+</script>
+<style lang="scss" scoped>
+.videoSurveillance {
+  ::v-deep .placeholder {
+    margin-bottom: 8px;
+  }
+
+  .header {
+    color: #666;
+
+    .current {
+      color: #4E8EEE;
+    }
+  }
+
+  .list {
+    padding-left: 32px;
+    background: #FFF;
+
+    .item {
+      width: 100%;
+      border-bottom: 1px solid #DDD;
+      padding: 0 32px 0 0;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+
+      &.online {
+        .videoIcon {
+          filter: none;
+        }
+
+        .deviceStatus {
+          color: #4E8EEE;
+          background: #E7F1FD;
+        }
+      }
+
+      .videoIcon {
+        width: 48px;
+        height: 32px;
+        margin-right: 8px;
+        filter: grayscale(100%);
+      }
+
+      .area-name {
+        font-size: 34px;
+        font-weight: 500;
+        color: #333;
+        flex: 1;
+        min-width: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .deviceStatus {
+        margin-left: 8px;
+        height: 22px;
+        padding: 0 8px;
+        line-height: 22px;
+        font-size: 13px;
+        color: #666;
+        background: #E9E9E9;
+      }
+
+      &:last-of-type {
+        border-bottom: none;
+      }
+    }
+  }
+
+  .area-content {
+    display: inline-block;
+    width: 100%;
+    line-height: 64px;
+
+    img {
+      width: 42px;
+      vertical-align: middle;
+      margin-right: 16px;
+    }
+
+    .u-icon {
+      margin-left: 6px;
+    }
+  }
+
+  .num-content {
+    width: calc(100% - 40px);
+    height: 164px;
+    background: #EEE;
+    border-radius: 16px;
+    margin: 32px 0 0 20px;
+    display: flex;
+
+    .item {
+      flex: 1;
+      text-align: center;
+      position: relative;
+
+      .monitor-icon {
+        width: 48px;
+        height: 48px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-left: -24px;
+        margin-top: -24px;
+      }
+
+      h3 {
+        font-size: 44px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #333;
+        line-height: 60px;
+        margin-top: 32px;
+      }
+
+      p {
+        font-size: 28px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #666;
+        line-height: 40px;
+      }
+    }
+  }
+
+  .list-content {
+    width: 100%;
+    padding: 38px 0 0 20px;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .item {
+      display: inline-block;
+      width: calc(50% - 36px);
+      margin-right: 36px;
+      border-radius: 16px;
+      position: relative;
+      margin-bottom: 32px;
+      vertical-align: top;
+
+      .img {
+        width: 100%;
+        height: 218px;
+        margin-bottom: 8px;
+        border-radius: 16px;
+      }
+
+      p {
+        width: 100%;
+        font-size: 34px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #333;
+        line-height: 48px;
+        word-break: break-all;
+      }
+
+      .icon {
+        width: 40px;
+        height: 48px;
+        position: absolute;
+        top: 84px;
+        left: 158px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/apps/AppIntelligentSecurity/img/local-icon.png b/src/apps/AppIntelligentSecurity/img/local-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e23aff6ab5f4ec6d80c86118da1c7f1f48fc80b
GIT binary patch
literal 1121
zcmV-n1fKheP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NF%Sl8*RA>e5SUqS{Q53%CCAKzc
z6$h!sZXJt=t>Vw5;-JMYf=)V!iiiz}b5#&s9JG*bRa`oVf-a>Bia1EI^iL5ti%Zc)
z6bH%ck2S}0lDzVopLfnnZt9W?;oaQx_kHJ{`}3YL^;XY7Jp=U&{Lc)4t>DK-u`xB9
zK4=UaHwJgovki^e#{MbDJdJ&$-UoV)w06YbJnw-e8?mb<uy+Vs|17%wh~_MTi|ar^
z8o)f<urYRP`~swOHl?*HCUEjGHq55n>jeCY9(W;$ERlhZ*4WJ_r(n5Is`+0L0nYmJ
zg8P(!AJ7DmbzrQaDR!cg*$7RbJGrzYgDay1zFh_uMg!&?i1th+8b5}z3ZtCQ{G@&G
z9txPFnb;j>CLGUHdUDO@%f@o%{gJVqHiTy!%Rd^_R}<g`Yp>?ZLqf#;xme|O{1Vj~
z$d}G65m0WE{t)5&0N_R(?3lRROy@^%Q_TSH^Xmnk;nFO`{$}7>F!Y>MB)}(Z?vT>B
zBOL&w3=TPtvu|@G-oiib^BBvNUYNxhjxFg&C57Dez^F<G4A6DKIX#_ddR^dmoc@n@
zB^MqUlNm;XZ3Xh8zr?g9^(B3X1TTt&z5#ItD5Z3_Q8dmjlmx$OoFzs&>Y2zu@2YW`
zj)DMR%;ZM9!Tl1MFEV5u)-4j07@)P#Sz>t2kb(e+)6E{K#viQl9Pmf0OC>3uIU)h?
zN*sVED{6tJPm+!&SL=e=?%9-kiUi6TuFp7%?+hXVs#ozaVKTpQL9ADgv|1P8hi6mn
zDH5O!nYKo`(SkcCYvnZ5x?sLbJ{1J`HBfG}R?gEte^}CF9oCifa&mkp=_v@{h~y+I
zM+AeJ;UE%O8R^g|OO+`%$G}TTOLWA?`TS@1r}{3$R|(qZd8_nx8?JdSn{4Kl;K|;F
zhS=7ri{J*45DBnxS2CR>0DVD@Y|H4S|K4<>`KshsQ9{P>*8@7L(vmY<a?1W<#4&d?
z{!|3`6^}A9pmAtL2h3f~y8y>h5nx6B^g**Q#{F70x<0(!)ET>>jiFitp0k?2)Mxj7
z*fo=gfAwNYPxTD2BQB+A1bgXQ;V;Q?XgT?eMB!){@Eju)0XCr8eD44pu}Xr#v(L#(
z@fnU0riCgYzvJ$~bXNxPl|i$`KOVZD2S3#ppAKzH1{D+FU{#Z-5<Fw5ia=E)EP%H{
zpdu2Mz*{2_iiAb*Rtcy`SO#yMKp=@4fUgOGk|b&bzGej2@t(n@&Xvr{ZMp<v1fu;D
neU0j`7HnT{^$gTApv%BNee`t*HU#Bi00000NkvXXu0mjftbXz<

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/monitor-icon.png b/src/apps/AppIntelligentSecurity/img/monitor-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b146a8d597bb2f409924201dc1019c4c365bdb3
GIT binary patch
literal 1673
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
Tb^3ne00000NkvXXu0mjf*YzA&

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/not-play-icon.png b/src/apps/AppIntelligentSecurity/img/not-play-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e103f0245d7f6e93a4899e4f488404bf56678c8
GIT binary patch
literal 1575
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
Z{|6{IbIik_NGJdR002ovPDHLkV1mn&$8P`t

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/off-icon.png b/src/apps/AppIntelligentSecurity/img/off-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3483b3f8061c4a0a03937acce75af6a6dd7f4b4e
GIT binary patch
literal 2065
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

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/offline.png b/src/apps/AppIntelligentSecurity/img/offline.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8d8e71e1bec1d709ff76757e13f14ed57433ad1
GIT binary patch
literal 21129
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
Tn(iW*00000NkvXXu0mjf__exO

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/on-icon.png b/src/apps/AppIntelligentSecurity/img/on-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f1dddfc815c421b72d3d476b7f2612da34a7508
GIT binary patch
literal 802
zcmV+-1Ks?IP)<h;3K|Lk000e1NJLTq001}u001Tk1^@s6ky=>w00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91IG_Un1ONa40RR91CIA2c0Mds+umAu8j7da6RA>e5nZIikK@`X5y*=*7
zUa&|bhU)~=2+66SM~WB({{#zbEyPp11F^A6k<LUdjE#)}{{suj5rmi`1{*;Ou{aQ$
zt8#mn;O%qX<_3mb_GT82Warq0V~000Z@!=T?(Xc~fRM-a^`LUt3s->PCJDO0v9ui^
z;12;c^F?gz-1l3y`XGYqhTmj|Y1>X`+^(H3;hZfbvU3i>@!U=iG+WIx@?~k&GDVG&
zXvVbObED=niDn#?XcFos3h+4*URw(m_{U{72&$|5<f2o1kEcM_ef3p$iTdHXynHW4
zU_$(Wf_K}}L1=jb?_vRF_{U{AH`Z&BE@a&0+6O9CU+%vM!|;=W<1wUbvve4~$(aX)
zR?+w8w(mh(Yr9c<OCNhdAlFZ-Xz^1mUU?nd=>6@ylQfqiq~XyQjShMO8pq(GG#ul)
z;hd)vsjhXFMV~$&!JRxN5fzPqRG{X`-Q}E(sEg|}wm8vK3E-LX839cR(q3-_goF4u
zol$jZ0XG8n1+B;j%Fv5A$G9#nAaOb@*Fjz;prP(LcJ2u7?4F=;K*!@2%LI3!iUfKu
z4pet{-VKbGs6uk}oB_J(oYI{+sAj^|bLOC{&MDoQgK8#RJ!cN4)j2>|27tavpR*2r
zt(Tukzy$%~XFMcyoCRd4-MYV1JYSv{C{_i)&=&xJ*mN3@A-C^9cdtJ61QBmZM}Ki_
zaD30_@R9R?ie~p=Y4hA=e^#Kk2sx}_p*;WPLFu>U_n=CX?sIbq{z-*fy2^=hP>0gX
z$UCQcz=d)W&B)urE<ouTlW0cX^Ol|UzvcB@X)Lz~nys`U?{)K@w_Gqcl2~t*eT<DF
gZBk>B{dpe#KTdJM9iTQ8Z2$lO07*qoM6N<$g0XmD5dZ)H

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/img/play-icon.png b/src/apps/AppIntelligentSecurity/img/play-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4521b790e216ff544e31e49ff0e652e8bf5a5dbe
GIT binary patch
literal 622
zcmeAS@N?(olHy`uVBq!ia0vp^DnP8k!3HF!9g27iq!^2X+?^QKos)S9<hZ0pc&7RK
zGH3zW91M)@nG7r-B|t0%#0(6~3m6%gfixpXYylHoR%HP*oUH*;`2HW?U!bxZo-U3d
z5u9gd*n2Y@N*wF8;J9_u(dx!odxdqoEV{cNT%S<Kbg_;_-QMH%vu7(5#2i_&j~-m<
z&Au_{L(RNP)?OY}o_gh;4_>OiSAG9m`TRw1ZLuZOR8HzS-M%1ECFo@19lT1CDTTeN
z;mNTZg{C5xwKOW2{+?2~w4?W<+sg!vO>DeN9_@O_pBLkBdTFELPt%m!RS^Mwy&iYA
zFP%BlUs^h@oSXBwF>B1Oy4(`Q3u`_mFIKCZSYRmK9Wrn8wY$eGJ!|i5+J4bJv{~kv
znUu<B)1xQc4rayecmFhbZ?c!L{@cE+ERF?JnjO*^etR(QX=6$H%UHs)qMGl96Z6D}
z(zn<{rZ>CRvE*s5sGnzaWP@|c&*oP*madm5>u`7y;cva?*oCZ?j@0%OpTvYO$j+O8
zKBB>mAycSLcT1|X!JMRWIdzl9#=L-feuF(}xtgy-ufJR@62C4t^rV*V<IR_vwv`wN
zJH)roonv!R=E5S&L!U}2IB))ca_(l<^xMzAt(ccJy=#`~w{IB@pZ>L7ymJ1~J0LS|
z^ObLNlYoqMZ!CrEfwUBZl$6uYt?sNxBog=*2J%g*uP$*2Uct<8S8Ktpj;WvXXEJ%5
qFci7(vW9Q1lkJ}Jc~2};`~EZ5f4by5)w(4T6xW`velF{r5}E){kNd6w

literal 0
HcmV?d00001

diff --git a/src/apps/AppIntelligentSecurity/monitorDetail.vue b/src/apps/AppIntelligentSecurity/monitorDetail.vue
new file mode 100644
index 00000000..50868d05
--- /dev/null
+++ b/src/apps/AppIntelligentSecurity/monitorDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <section class="monitorDetail">
+    <div class="videoBox">
+      <iframe ref="monitorIns" :style="style" :src="monitor.url" allow="autoplay *; microphone *; fullscreen *"
+              allowfullscreen allowtransparency allowusermedia frameBorder="no"/>
+    </div>
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "monitorDetail",
+  data() {
+    return {
+      style: {},
+      monitor: {}
+    }
+  },
+
+  mounted() {
+    this.$nextTick(() => {
+      this.detectOrient()
+    })
+    document.title = '视频监控'
+  },
+
+  methods: {
+    getDetail(deviceId) {
+      deviceId && this.$http.post("/app/appzyvideoequipment/getWebSdkUrl", null, {
+        params: {deviceId}
+      }).then(res => {
+        if (res?.data) {
+          this.monitor = JSON.parse(res.data)
+        }
+      })
+    },
+
+    detectOrient() {
+      var width = document.querySelector('.monitorDetail').clientWidth
+      var height = document.querySelector('.monitorDetail').clientHeight
+      if (width >= height) { // 竖屏
+        this.style = {
+          width: '100%',
+          height: '100%',
+          transform: 'rotate(0eg)',
+          transformOrigin: `0 0`
+        }
+      } else {
+        this.style = {
+          width: height + 'px',
+          height: width + 'px',
+          transform: 'rotate(90deg)',
+          transformOrigin: `${width / 2}px ${width / 2}px`
+        }
+      }
+    }
+  },
+  onLoad(params) {
+    this.getDetail(params.id)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.monitorDetail {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  background: #000;
+  color: #fff;
+
+  .videoBox {
+    width: 100vw;
+    height: 100vh;
+
+    iframe {
+
+    }
+  }
+}
+</style>
diff --git a/src/apps/AppPhoneList/AppPhoneList.vue b/src/apps/AppPhoneList/AppPhoneList.vue
new file mode 100644
index 00000000..817bc901
--- /dev/null
+++ b/src/apps/AppPhoneList/AppPhoneList.vue
@@ -0,0 +1,232 @@
+<template>
+  <div class="AppMailList">
+    <AiTopFixed>
+      <!-- <div class="header-top">
+        <div>区域选择</div>
+        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+          <span class="label" v-if="areaName">{{ areaName }}</span>
+          <span v-else>请选择</span>
+          <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
+        </AiAreaPicker>
+      </div> -->
+      <div class="currentLeft-top">
+        <div class="left">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+            <span class="label" v-if="areaName">{{ areaName }}</span>
+            <span v-else>请选择</span>
+            <u-icon name="arrow-down" color="#666" size="24" style="margin-left:4px;" />
+          </AiAreaPicker>
+        </div>
+
+        <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#F5F5F5" search-icon-color="#ccc" color="#666" height="58" @search="getList" @clear="handerClear"></u-search>
+      </div>
+    </AiTopFixed>
+    <div class="list-content">
+      <u-index-list :scrollTop="scrollTop" :index-list="indexList">
+        <div v-for="(letter, index) in indexList" :key="index">
+          <u-index-anchor :index="letter"/>
+          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
+            <div class="title">{{item.label}}</div>
+            <div class="phone-list">
+              <div class="item-info">
+                <p>{{item.name}}</p>
+                <div class="phone">
+                  <span>{{item.type}}</span>{{item.phone}}
+                </div>
+              </div>
+            </div>
+            <img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)"  class="phone-icon" >
+          </div>
+        </div>
+      </u-index-list>
+    </div>
+    <AiEmpty v-if="!list.length"/>
+    <!-- <div class="id-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <u-index-anchor :index="item.label" />
+      </div>
+    </div> -->
+    <div class="footer-btn" @click="toAddList">我添加的</div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  name: "AppMailList",
+  appName: "便民通讯录(山东)",
+  inject: {
+    root: {}
+  },
+  data() {
+    return {
+      scrollTop: 0,
+      list: [],
+      indexList: [],
+      areaId: '',
+      areaName: '',
+      keyword: ''
+    }
+  },
+  computed: { ...mapState(['user']) },
+  mounted() {
+    this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+    this.getList()
+    uni.$on('updateList', () => {
+      this.getList()
+    })
+  },
+  onShow() {
+    document.title = "便民通讯录"
+  },
+
+  methods: {
+    areaSelect(e) {
+      this.areaId = e
+      this.getList()
+    },
+    callPhone(phone) {
+      uni.makePhoneCall({phoneNumber: phone})
+    },
+    handerClear() {
+      this.keyword = ''
+      this.getList()
+    },
+    getList() {
+      this.$http.post(`/app/appconvenientaddressbook/list`, null, {
+        params: {
+          areaId: this.areaId,
+          isPublic: 1,
+          resource: "portal",
+          size: 999,
+          name: this.keyword
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
+          this.list = res.data.records;
+        }
+      })
+    },
+    toAddList() {
+      // this.$emit('change', {
+      //   type: 'MyAddList',
+      // })
+      uni.navigateTo({url: `./myAddList`})
+    },
+  },
+  onPageScroll(e) {
+    this.scrollTop = e.scrollTop;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppMailList {
+  ::v-deep .fixed{
+    z-index: 9999;
+  }
+  .header-top {
+    display: flex;
+    background: #fff;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 16px;
+  }
+  // background-color: #F3F6F9;
+  .list-content{
+    padding-bottom: 112px;
+    // .title{
+    //   padding-left: 48px;
+    //   line-height: 64px;
+    //   font-size: 26px;
+    //   font-family: PingFangSC-Semibold, PingFang SC;
+    //   font-weight: 600;
+    //   color: #999;
+    // }
+    .item{
+      position: relative;
+    }
+    .phone-list{
+      background-color: #fff;
+      width: 100%;
+      .item-info{
+        width: 680px;
+        padding: 32px 48px;
+        box-sizing: border-box;
+        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+        p{
+          font-size: 32px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333;
+          line-height: 44px;
+          word-break: break-all;
+          margin-bottom: 8px;
+          width: 100%;
+          word-break: break-all;
+        }
+        .phone{
+          font-size: 26px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #333;
+          line-height: 36px;
+          width: 100%;
+          word-break: break-all;
+          span{
+            display: inline-block;
+            margin-right: 16px;
+            color: #999;
+          }
+        }
+      }
+    }
+  }
+  .footer-btn{
+    width: 100%;
+    text-align: center;
+    height: 112px;
+    line-height: 112px;
+    background: #3975C6;
+    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    z-index: 999;
+  }
+  ::v-deep .u-index-anchor  {
+    top: 0!important;
+  }
+  .phone-icon{
+    width: 40px;
+    height: 40px;
+    vertical-align: sub;
+    position: absolute;
+    top: 60px;
+    right: 64px;
+  } 
+  .currentLeft-top {
+    display: flex;
+    align-items: center;
+
+    .left {
+      width: 40%;
+      display: flex;
+      align-items: center;
+
+      img {
+        width: 48px;
+        height: 48px;
+      }
+    }
+  }
+  ::v-deep  .u-search{
+    margin-bottom: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPhoneList/add.vue b/src/apps/AppPhoneList/add.vue
new file mode 100644
index 00000000..c058353c
--- /dev/null
+++ b/src/apps/AppPhoneList/add.vue
@@ -0,0 +1,191 @@
+<template>
+  <div class="add">
+    <div class="pad-l32">
+      <div class="item border">
+        <span class="label"><span class="tips">*</span>名称</span>
+        <div class="value">
+          <u-input type="text" placeholder="请输入" v-model="userInfo.name" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48"  :maxlength="30" :clearable="false" />
+        </div>
+      </div>
+      <div class="item border">
+        <span class="label"><span class="tips">*</span>类型</span>
+        <div class="value">
+          <u-input type="text" placeholder="请输入" v-model="userInfo.type" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48"  :maxlength="30" :clearable="false" />
+        </div>
+      </div>
+      <div class="item border">
+        <span class="label"><span class="tips">*</span>电话</span>
+        <div class="value">
+          <u-input type="number" placeholder="请输入" v-model="userInfo.phone" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48"  :maxlength="11" :clearable="false" />
+        </div>
+      </div>
+      <div class="item border">
+        <span class="label"><span class="tips">*</span>是否公开</span>
+        <div class="value" @click="showSelect=true">
+          <span v-if="userInfo.isPublic !== ''">{{$dict.getLabel('yesOrNo', userInfo.isPublic)}}</span>
+          <span v-else class="color-999">请选择</span>
+          <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
+        </div>
+      </div>
+      <div class="item">
+        <span class="label"><span class="tips">*</span>地区</span>
+        <div class="value">
+          <AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" :name.sync="userInfo.areaName" @select="areaSelect">
+            <span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
+            <span v-else class="color-999">请选择</span>
+            <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
+          </AiAreaPicker>
+        </div>
+      </div>
+    </div>
+
+    
+    <div class="footer" @click="submit">
+      <div class="btn">保存</div>
+    </div>
+
+    <u-select v-model="showSelect" :list="$dict.getDict('yesOrNo')"  label-name="dictName" value-name="dictValue" @confirm="confirmSelect"></u-select>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  props: ['params'],
+  data() {
+    return {
+      id: '',
+      userInfo: {
+        id: '',
+        name: '',
+        phone: '',
+        type: '',
+        isPublic: '',
+        areaId: '',
+        areaName: ''
+      },
+      showSelect: false,
+      flag: true
+    }
+  },
+  computed: { ...mapState(['user']) },
+  onLoad(option) {  
+    this.userInfo.areaId = this.user.areaId  
+    this.userInfo.areaName = this.user.areaName  
+    this.$dict.load('yesOrNo').then(() => {
+      if(option.id) {
+        this.userInfo.id = option.id
+        this.getDetail()
+      }
+    })
+  },
+  onShow() {
+    document.title = "新增"
+  },
+
+  methods: {
+    areaSelect(e) {
+      this.userInfo.areaId = e
+    },
+    confirmSelect(e) {
+      this.userInfo.isPublic = e[0].value
+    },
+    getDetail() {
+      this.$http.post(`/app/appconvenientaddressbook/queryDetailById?id=${this.userInfo.id}`).then(res => {
+        if (res.code == 0) {
+          this.userInfo = res.data
+        }
+      })
+    },
+    submit() {
+      if(!this.userInfo.name) {
+        return this.$u.toast('请输入名称')
+      }
+      if(!this.userInfo.type) {
+        return this.$u.toast('请输入类型')
+      }
+      if(!this.userInfo.phone) {
+        return this.$u.toast('请输入电话')
+      }
+      if(this.userInfo.isPublic === '') {
+        return this.$u.toast('请选择是否公开')
+      }
+      if(!this.userInfo.areaId) {
+        return this.$u.toast('请选择地区')
+      }
+      if(!this.flag) return
+      this.$http.post(`/app/appconvenientaddressbook/addOrUpdate`, this.userInfo).then(res => {
+        if (res.code == 0) {
+          this.flag = false
+          this.$u.toast('提交成功')
+          uni.$emit('updateList')
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 600)
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  padding-bottom: 112px;
+  .border{
+    border-bottom: 1px solid #ddd;
+  }
+  .item{
+    width: 100%;
+    padding: 40px 32px 40px 0;
+    background: #FFFFFF;
+    display: flex;
+    justify-content: space-between;
+    font-size: 34px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #666;
+    line-height: 48px;
+    box-sizing: border-box;
+    .color-999{
+      color: #999;
+    }
+    .value{
+      color: #333;
+      .u-icon{
+        margin-left: 16px;
+      }
+    }
+    .tips{
+      display: inline-block;
+      width: 16px;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #FF4466;
+      line-height: 44px;
+      margin-right: 4px;
+    }
+  }
+  .footer{
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+  .btn{
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #3975C6;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
+  .pad-l32{
+    padding-left: 32px;
+    background-color: #fff;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPhoneList/img/del-icon.png b/src/apps/AppPhoneList/img/del-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7362fa33ea2726ebf302cc2d7a876cf3fc2391a7
GIT binary patch
literal 1493
zcmV;`1uFW9P)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px)k4Z#9RA@upn|o{&RTRd5XBQ|Sv|DyTMdYCg1Yaa1V1jSZ7>$ULnkYdH8cF~a
zDMYji4Im%}im1@g1__afiPcy!7=oZ6l2{TVz6c~zKt!dx-3PChvU|<U?6$j0>F&-9
zrJ4KJW_Ip(&Nt`IdEGmL%|j{WCJ-5ka5qGUgA4<11nG^Uw=PaN4eB)T7pOzvK8Ruu
z-u(R{617t$u>(vg)s;Z#QD8Fg5Kv$eHw<hCHsSSb6_I9>I4#pG5mYB4Uh<-|a4{W)
z&#E#h^94UKDrj=AmI3(zv)HBxs*|cG-NL1yW&yp-3eR%h8IaXnC|D}}<y@9?%v(@3
zM8*?~egF*0RhY&5kKuB^EPe8~<bsp61(i~H1j6Nrwj5Q~^Kwxp<GmsZMFrl15)o<2
zc)#w?vKXrVY=7L%TZpNVS=@f*Z*j?fqFu*J-)l~05|)vms*eoC72Sqna3-)0{a-jr
z%>A(R%|G0p+;$1-<Rtb3sD2%)eAdF`6v}l^dn7MQP+yj=3qN)`%cYaoE!pj^%PrS7
z3F;0d7~b1y-nmQ`)!xa%f-!A5p0)}4Lu)|I$b{Ru{+G4l^US=|z-d?XIHzJYS1lBn
zeQH_=5!ZzDIGJKWBSQ)OaTS8NSz77yj&Z?rOLE4OO3)vA8`PV2NxM2YvP68Iw-T~j
z2<nM*_vq0M$Stol?=v*I2PYErR)Y1xMF{h4mF^G0%8gKWnS^7=4KU|9@Of+%i(;|#
zEnJ|1>IC(At|4^N){>|0Z&<Mr0$PdJ&hQq%+~+|fYuC_9tv;UqT0LnH^am#ZUz)-%
ztAIn=%Dw_)*kD*V-7N4E;w!945c~`%GKJK6308}*@F_8RC?Tz4Hrr+}^;|k&QW&qt
zD=HiwMRTmS0|a)wh_0^Dq5|RBs93pW>F;lby+2!q(E-McfLA72#}ZeGs6ay{N~T&y
zn_CVi{<93D0}SW~E9O|o5>+KC5Zs00Udw1p*TXOI+VjKL!B+^U&%)G2t<Y6v(7PvW
zsDW*Jjq8bP{vf>cj&bddp-}pwWt9+ii}DBSz=mplT{V2S&roV@DfEf^tf%L-D*EYi
z<9GFTsQ%XYow(Kzh8atZYY&WqY37`I+EY0yDiEqiDeFDWWTltC3WKgUWMxb6*gr7u
zJ!4MMgHWXPk1Y-nzbJpG5mcT<DA-vGm7g0h^NZoun{y-h`=7A5(wI{`5yp<TtP)6*
zeFP62f@L2WO3j`Ocix^G!JmGGRhx`CZ@d5_v@H#*LnCO{64gAY=1H|Nbs~(5TOivd
zx}z4V;wxZ92@JT_Dm&1ZXdrk5#SqJA=Nn;4nE~_6BQW9q+$>o0J#7BQn6qIa^yqF`
zC4@Tr!i1*Ilm&3U2_C->CTW{ZIXIb5w!&Atphq5TND3`hXzF3Yu0XFTGIu4MI0a)z
zL2=y8XS+lzt6}Fp`+~ftj}ho?O4T&LM6e%y8<aeon+3~1hT7lk3-UTaEmgBK*-ixe
z;Wt6qwA=_TTn7h_*cs#jE!noSTuKD{f!D#ivvVW(+A28yuYExtjB-iSLivN{3*KZW
zkO=mL`A`vW&Sm=!PG17Sh>bxWqu`AbG~cpFCV1d5EL#s<x<KW8h(@zZw%sl$UJMs6
z+8E?XYFXITbkZ73Gvf)fS@*uC6tqT^m66_b(yeG$+wkk%@Wl=|*O;4%J-fq`<KQvt
zmD?q4L!F@08^6Z8=-}49PSEL_FFHvlZ=WT+f^zZ(sBT54Z($o@!@-9TT9&GlkCCL1
zbm~E%R+0`r%GE;B$%pZhlS;=Pr%WN~<O8uOM4fu1IlT^Y?4k6w3O>EZ6N!xEV$x>?
vih+pqO8KlnsWS-2TRto3!XEPN|E%DDX3MzXd_H-&00000NkvXXu0mjf?H$LB

literal 0
HcmV?d00001

diff --git a/src/apps/AppPhoneList/img/edit-icon.png b/src/apps/AppPhoneList/img/edit-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff67d71d5c94d61ae2a0c15cdcf5a188f31d8a48
GIT binary patch
literal 1566
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
Qpa1{>07*qoM6N<$f=dM4P5=M^

literal 0
HcmV?d00001

diff --git a/src/apps/AppPhoneList/img/empty.png b/src/apps/AppPhoneList/img/empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..77bc8fe01fcd8ae72926018fb4790bf87e9d3ee0
GIT binary patch
literal 8368
zcmbVS^<Pu}{~bt5NQ0Dg$mjv1VN#>JL^?*NbTdSdl9bUgkZuV<1YwH6z#-kD45Uj$
z>a+Lb`yYIN*zQlS`#SgaI?r>@^So}dp}r=?edhZB0DuCjrDlw~rr~}CBt*D>nuk3C
zxC>sOu_gr2gl63V05||pHC5A4+x=pSP?Nc^*vSxdKV~Mwg~e$!%cW&7mNXMYz@V)i
zji{#Jah@>XTxs)}VD5EspS=mvn|*%X=3|u|>|N^PIqT&;m&L1sL4olg*(wl-C6`mG
zI8%#Wyq*}5Jk!#AThQUc>9e5ko}5c<(W$_LFm}bPy}%C<=n&f|to)ry8;2iyV|_5;
zgx<o2ng}3F*5>T$Ku+-yIje7Bkw5LxX>B87p$s6m`+fap@{!%Wd~yUDt)EowKFtfg
z&#oNZ7crW}TYlW`iTXlBp(_W{%wX@_!ea9Y6IA7$_MVhZhVZe_Ic#zIQ|K~-W@cv2
zZm$lTGkI!rj29)r;CW*sBk`P2^NBYL6>-qGt-r^cO3*9@hjLjgv5t<;QoA~ys}f&R
zTq<OGWo7?9QNkDrrw`-{aa|qJ*RNlR_)GL8)ur7zxTgs4@fNVB!uMi@NI9c&FkK4l
z22Z8wm&bKZn6>0V#l^*BQhM(R0YG@>&4yoSjr+5#<}xqc0%_Q4%w1G7a4dut;_8Ps
zuma{WcP*`Cr6o$A<{*fSUsU(^ub`OTXHx~-0}#k!<%x)h-i;SX^1rd39sj;i7nf7E
zv$uC$RaZCg0C1o4CzI2j8+%5L)KfCgEg?l_t^0`d^z<IU5k2574}AUTu9}u#|9X*i
zM$Z80{62?Nb$WU_TNwm8qXI0WWgp;wjD~y}2=8CLXzwp`y~WhT!OJ#^rnC7CqS*nr
zMN}1j=t*PkyOqsjF9|o~w8cXcbxikEM^~5K7*j+MRlFXC1A9%OH(hrV9rM{#u&QA4
z%)?$6CMPGCXQXY%3%56TOADy$w>_*ra~;f)o&kyRf%x@{-Vg(x;@R^96pW3HF;X-4
z!RFBydkcYtPJ4W2W-CRf*|-%OOQ9D^#~MGBG|KZYtkG3CGaidP?7whL{In5696Jd^
z5CN##tQ$E|^I_UM?b3z&OS!qZvgh}pHE2<JSn&Shb75qV5NA~;6^#fGs8Cv3>YJP@
zwbM%&8wfb+{=6AB6m%wv+HZ^BnvhvL!~dv+?qLB8MGwTxdvq=yOLG2HG&6huY2&Cy
zn1Kvk=<v675*r~_Jb<yud~T)M9*9NT1)vX~>>8Py2d}!e%i`H<3ebhyqf#IK(+c+X
z-oL0eD7{q)3+qV>6mdrcx33+>C^9~lf9BHdRTg&nD_@6B-CdLFJ{j3nzil(6E)+W2
zh$7sVl9IA8)@F%RvMZh2o#2Lhom@tGVvt8RnSl!`?NL{MuE5v<9ysh2JNZC6i^oVC
zo12rvDrx@no%d38BBb00n)RZo_xEEVKu~zUt(}NzaPL<?+{ov<v%dc5dV2Mp`noy@
zS=$Wuv@yl(zflZuNcp|L7bCA2H~W}RFC+g12`VuDw2_|rK0Et+ijJQC+}zakXCS&%
zKv?)D+>6&|weOO8PqsX;FZ9?^pG0=&^wM<;;!;yjo=*Y7!N2f8{PFVlKVGnEccrI-
zM6aJ--VVL}f<Q1oKz6*QGA=4DU9+&VN@m!3h^th)Ub+&p01*~gN!V5a<kbk~AfV?<
zh59R2cxIGR>7j>F^0q*Ioi!OiXX>!Fu8uhf%*u2qsZ{EFW!mVqe4+pXnWC5i$J$aS
z8gi)u2mnf2?{slE-j-3YNGp7my-WHvmS3O6BbbnokRdH2b7*4roDdLMKxGX7I9?>%
z9`o;PM+AN8i9{kxnRR+tWPF?@-O$6lO}T%$;M<~rkG08jI0}SVG*})RwbAEj$?Z{>
z$cOldWBZDX<;Vd^^78Ua)p~{REc0AYOrGsa`~3dPG%*BGQBnOO`JN$MZJQ%K4P~mx
zM!SLABo`N#i-`hBVoi8wQ&Us<!GTXxoyWXS*BE<7k|vPcr>Cc>p<$2Upvlmza|nR)
z!XxIa!j<3yqJVUfDfRLss*_OM!e&Uc68t&anU?WGKg#8)WdfL@EZ>M%dmv^h0BZqq
z#S~ncxaocLre`TBDQ`Qfs+>Q<UGbU!UQWhD-?X`meb@--QDPHaI64wL+}T->Q&0fn
zlqeAGMg`$<S~dcFs~o;IFr!1R`E->AykCh?_FnAhXjJ{Zz1>}G{Eq->TA5REK5QZr
z<abnTyg11eVQG|8Srmw@sllr1O|J@wh%^<(_KKv0TUjBhtNE}WKLVuL+Re<0ow}9=
zw*A0cDOL#^8x9g;Vr2u4pDZ)i;WZTkSbFtVffO2Zy2M2<>6QgAhgT!<yEP*n1S#qR
zJL#s6DW-#ig6L}Ndb5q|ICx0(ej=YTJNT1uHum@T;|k$S48RH$5m_zz-5yAZc=kS+
z-dI}*SGU$A8*VSRh7-~^)MBYx#8B}JuXx`Iq&T-PbXN!<W;}9PDL=OW$F{{XTGTd8
z#{&SN{JCE}y}fTt0HLM;Cjw1NRyYaZNOOu3Fz{GVFia%ZEv3VR2GO+^z2x1#FlD`M
zsK#oDM<mzoe?vw9$OR*2%5o?lr&Lt@GNMZqOp)+vwQLA}ulR-O(}B#$8Pn0qU#n~3
zLG2!5fUTC8&oWF{SlECTVov&s#yvfVj2rRT%nUg=IB0B@cQ>(nZeDYu;I!C~L?oOv
z<1tb~5u8ED(WG|$D%4L5MFeCZvurf?k^@Q?3JZ+2(XR<21sLb%)COM?I`<uN?Stuq
zWNuGPYKOPBwwO`#of=q+NDWy0V3{NnIRiZdLv-vE9UYxQ?$^_5a!{O#eQ&jU1Q-ib
zuW$g~;ir*1HQ433jCyoBPCIm3H_mrhQqiH_&=$V^)}SVLTLJ(>pCp7e*VjjUac$pN
z+<%%l?FlRCz^S6%r>(ZPZ{M<Er$BlU%lpB~F;*(=Zj&X4_#f@k9L4_u8D6DEzW|Og
zSmixoc%|NE3DhF^$5bi(Xa~S;eoIhTS5;0*fNximqvY0VSqE5`J+tHbKo;DNEHCFw
znsD94)mT4uX8fb5vu|vtTNCpBJt_(J3?DHjs)ssTQHCq9+bH~EZ4@j3+B@E`R3<+B
zytqsV7$|}965+=s$zq@D<cmbH5Yyvi(1RBWxjDj7k?{R0WzuE?a18vh=AwFN<LC}u
zBzxMLtmN77*J^*d?-VT$E@_#!1lV95JFQPq0cz9k(BVKF{h6P~I+cnKY8QxsA}$X4
zA!ai%HoZZD>}_R9y}iBig2=lBC$afo`7U8!);DoNJH=9?UmOm*Jo)9WNDKR_Lfa~V
zy^bF6<TB);u>iywzRai2BE^5LbtaFuKBC5z0*+HzS0>>Mg^xXu#UkOEPi3*8wi_l4
zuaNP^y?MrR+!)h+3$y1@CMMJEp0f=`{3k_fKU@_-MW=6(s!6lh(+&92OA+6_i*Mn|
zsp9dX1W)?Nc3;12%Sz+!{rBRG_Qlpp$l48;)83>k7M#&ZW<e)n)kfg<vyzjFWd40`
z?{~9$bC<K>^oAF%7Y8d5t@XmJ4top{{kCj~&@vJxDiUZ`h2Q!GK{#ksLfl90b<7iX
zB{G22Cf_)Q#OeVBR-rc%k9euiwpocsG?IdVOH?#tJ$4yM;MDMM1|<BB-wl#o`)K&7
zZ@-xV$>p0&(K2yqWp#D+`O2@R3>YrP^5oX^0WyH#Bp#AC5K1!Yp~GD!4l>|uo~x&g
zU$>_<wXrEuYvq?oCY|8<9WmGR?23fb;vrD)3-(lf;=c8pT0mNz?e<3!vQgQ)XV5HN
zoov!P0?-f!r!<K~LiTm4+(E-k@9zOTB+J`JGYe)WXd$0u=Y%QZ6Lw8-pn0NONz#_m
zu-0xNBuV~rhly09S8Q241yjxyi>r~R6GUiPcKb$RoAsZkmuJs~hA_JHuv90hES^T9
z*nElqyJa4VL{C8{VP&tDAT5>+V6Kzp49O-P3OQI#CRY8;=&uG$`+a)(#_-lOj*pHx
zESDa677Wd@MZ?j2Ph8EPGQ(d4vL~Wk+iPu`^GQpI%8x@8vde37O5&!NG!yk;#>UwB
z<dD7jxIiH?bztE{by&ZxM+aypo=8Y)wU=$vE4)p8gm71*^hIFw`wD?-B-Fgz3HbyD
z#xklpb%1zzc}bO-g(!&^hlLpE@Ls+d28kqU{pIxMx(_4ROKn}^fi7mHjO!Fg*BA2R
zr8%g*xr$U$oU|OAS4bnASYPKDtj6OMr)+uX@RE>c_0G6>8fTcfffSrSrPYmeVG^ph
zp3VI)G^2rHAcN)I5!xw{7N1UQ%|xQl8v3P5Y|p?_%;czZNevxZ-$AoB7rH5ud0wbB
zFO;U_N{07|`BTK4UCd2vwL5oNawo{PS*GbnD|GwdfSsOsQzB)4#G=+ZZ=ReJBrds9
zPp2+kK00i$HDh7t%>}oKYimtzTiR!|LVPP5+<IG6qiN@rNLz>s!GrRhuo`SlO-;RA
zr3EyY(zz@-D=M!{;>eXS<%fO_6I(~4EOj<dUG7F*Nz%Sy47K%O7`?X4i^8?*Ee>qt
zhrd2uOXnh8-)ai9r$|a)7>Cza2sAru`xfLC&g8jX{n;lb<z!Ul&dEqWa#rCE_eJ>^
zC8w_0i=tufe%XbjdM~D;f8|<GQbX#<C$g2&>^ne6WVe{|IS0zCC1Avjo2RwE*13$j
zB@pfVT&@_mW&MjHc^qZbxo%xcn&XP)$N~Y7<2VZZh0)DrMLnV@^{O<rlveQK@)WCS
z$qda>sucK|qnIU(+cF$`l<JU1bS}EEmZdb&J?IGKQ5sR){Gs!aa*&8|D+r&NlQu&v
zP_CE{lzjbzkJ)YMo%aMhGmJ<_(ovDZnt5RDkp(awGczOQsQJ^fY`75eas}-6_KcLC
z@BuXCVa;X7^v?AJ9PVuNv*8`+X_wDTx%gj@9B8OURY#H;<ml%MG#vh$=3h1mbH|t&
z;4|Z~0p3hi>GZS)yz^QJU}{zcK}@WznV<E@Fo3{mep}-O+hw+Wcpri?uG6cD;Y7lv
zq3p;rhMMVQnLm1?nKOABD%=SEq)+9(4%A<}7Q8C0nH$o;OAew?-t&u#-HGf$1Bvoc
zQ@y_HlQB&a&OmtN`xPZe8GLI*TU(p1qLOz2HFG6$qiD_8&`@kAue!dzo~GF@$E8O|
zRP;e}0jqv>rj@rl6*Ibr8sShnnbh@h$3<O7lD=$bcbCP%oyn;bXR(@jO&mt6-F<xr
zjI*ljw6lhfwP>JO!ScoE0bPyNoLJOU1ha^+aN5By4IN1*BKG6L6})nBYi7uon)~<f
z^U)*n^78mytUhRF@hHf8eQ|6hw`!d2lrHoh`n=*M1?ueV)a2$**fpKs4_?8LtO0~4
zOyf0v7K#T4+S;yGt(wm*FJF5@vu?qTE=S~$KBp+;(*8lwwt<hfijyB)v&cZwtV|Xs
zF(f+o05Xhpbh?lKYm(2CK5cln0U0^LsjYV>S2uScBm1DEY$(XeUD|hbIsWrF3+o2;
z)cpP*K?nE$WReP^WMygD?bLQAP?Es^&O|%^Y2z#!=j%8AlvP2@pO~1K&@wWM+b89@
zZjJ8^4AggZ$;@JGXkb}fJo*)0NkqOa#V)Xt7m-SjR;9`w<Zyz1{R$=34#sUOF$+cI
zv<%LL9E=~>WR$#bNWw8y$9ZkTj~u69>OnoNVTk)vMT!y9!D{nxKH32$g@X6h)kMM+
ztL;_FLpwpgr$}@pXUeEAXF>bbKYsjx11Z*8pKx8)kU1P9rVFM5B_!I1Fn;Kr!31L7
z{IQW2FJ3tJ?eH*>YZFtlhKdHvWhwFEYRWbGu_}&F4Lqp%w8X?jUmjzJzS}uM)e0##
z!^s>`tCL@^3x`_wZCkd&6n<C|p8Kx(M&j{@O0x5@F)O%748{|Z<EetFXi!WeVqmb=
zh}-q;!TZAxNO$X?5{?pN?c29sy0eU<K59OSqC0mt%;SNQK1n!EI3M`O%fIOKb>?Ed
z+YEH{!mcMGX(*yJGT3gXz4_gNuY3z<xQAt37`spusw{cA9)8v2uBl0E>obT;1J2~X
zQ>Wq@z}-XqEPE<Z)k|+CcJ^ut3JP$Z5%ZD)?k#c1TbwdQ1@XaIV*M`|`(G5Z%6Cb0
z>juK2(jrN}e{a`jJc+RDP5{&{tYI2gp582`zpJKjTJ0(j$;9BN0jips(i!OK#S14;
z|Ni}B!k3`dB9H*6eA*C$w3|(LY_sQD>fjhQcw>R`9xOU#S@yXoOg888UEC%o+95@c
zmM%2)xb<s=L{E}M(+_#a+)ek!JR8`Z?=pC_{Jr$;xakjG3X0XKMGR($l`@G^)7Q6|
zQtNT%x}xre-<#SxZ5OK-DjbHDxHTkm!4cjN3WauD{0x$-fg@F6sY(=_&XB3?S=YnU
z407U`X2MTrE6>~*!Y<Cu^Qg2(y*?+$JE_Jz0$dt8{#-Z$T&kWkItb7UpmYjBpzT7N
zzzHdRTytUZ7j+Iz)uXh|FchfzOq(}MLV8P~s%n2E`2j!fBcI;%(S6l#5zOLTsd=um
z4X}*JzBb#oyUjoL+#rBo|I$9H@;5DIk;U|C7d9#h5NWol_HQyTw~Bv{E0qTFu*pG#
zxRB~S>td9}!fI|{p0Ip=%Mq!DE;Dl^<)3i<5(QbkX%KIT0nO4f3DeQxYtImv7}Kz@
zppm_)+01}W7Cg_jzuNs<HdC>FP4syGk^2<JMjJN#jhBSrgWoJ$*B$CbkP5eR$<q1q
z@<&bj8L9n&(@Oy$wcpmyVlTU$+W`q73Pr24WT_ZQRR)^$5*iS--}?7jlaYJ(?h!hv
z#w(@75@keDl_t7~TQdcfNa<CcpP%0~x?3Mx=DGgaqs~Y3+8n8I|7a(qLxr>wq6GMr
zl^?nN5T!{Q(|6K<TXe4+bkR&a@#<5)WFJ6iJ2$sT{FCP$-rbHm${6cX)Q;7y9G94W
zzW;1xRLQ9!Nbm_ad^2|-6iIIT&b@;NCJWDqFMD~2&#E`w5_S*H!%&6e*`1-;^WIPm
z1)XdW*bytsa$p)6=2-Frnbr?BRhkGj(k*dnm>4?}#0z5&jgKK0sMV}|(NZ>&9D7>)
znZY|;M7Lv(bYu5^(^ceR69)*ABMmcz1qKF|toVEu<~N6b+OAv=@d}`#bbvZ?4j%rv
z`x|z++P`LDW;Src@Wj^E_Kbm{LCdQIgGT|u%+J4_q!@XBDEP-0m5`ZwRj!dhG&w5%
z50ry32vsQQ%I?Is3r)2Xw)(Ov02(;=l)l~Ow3P2YObk)so)mg@cx&4>`G!u1n?2xc
z+o%tAri~86!;j7536N@C<=F^{WK>F{rm5^4oW!|>D@HT3n&hp~Ujc+V+S(OL6ssSy
zC}Bs}Z|)IOs+Ch84S&cW%6VyFXh_u+rY!@yP(n4oGi<W}5A=5S0MNV2w~v=u8)C{|
z(B9?+oGTjWlfvK$k!RcAgj}pj9^$EWacJl`5)A(h32LI2i1dZQLUqk%;#+}wxHRHx
zIQ3Ln*)gJ`75J^gefq56Vm`L;PpVQ{wflc@kKQ6?`ARQZN*zYtUrho!RJ@rxk{|3B
zy(Xgy_}=#S;7;F4)}NrNGb|-{4TFi7>Lmco!!k+i34j%&DV7M|w{-~LSdD>0=vm1W
zrs^K^nF|7ObX`T}px}4Zpu9<zvGkeopfRN@|0@Z_SGUw>*yGS6<GHG#m5if$L6!vt
z2a^$jg}Z6ZjXK<<3WV??GlsPrE#n7F{6-q(gKk}&og3h>iK4*1KbBn_ueUtl=i)<L
z4bvZ@u5PW(%x-=JdsWzo%)QhZk|3l|dQkpRq$6~L!5;5xB6Y&>r&^O5N8*bnA>3m!
zBbM&=&KzAkXT%jYbQ~FN=}5#d-M58)yuORDhYAKtu6Dg!E5m^Wq2sAf60C6XYtY&G
z`3g$*vk61xL{5tYK8@2fJjN3S`>PFRMYD`y#tUdyHnKu%og5u69^O#G@i$Zq`R=1E
zA7mtIWL5oQ&%hQtODaSRVwFhM!u2pk1j8xM?BNpbo+g_a=Db2O--5F7^@fdGxHZ!w
znSE1U5x=5l#hbjnxtgo3`wapQ;cRV?O7`2ftmLFXeSU)y)^B_M==`gj+n?oD-CGWj
z^`wsvUrT8Uah5$W-w+>#A6-sN7;N%=N=>AmBB!J@7f1=<S||=l{&{k=@k!^H^%>+P
z@S63T*GPPO%-yZBsTqBtlw!9{)AmHb>qDNxa#edj`v;#RQ<FG02={PJLj=t?i#~8W
zW5W$K-U$^akJ`}J&n}KP%7BUo>VfEirRD3hxvbn`Ejc!3bXc?i-B27yk#!6%Q0RNp
z&Pk0oIxHKsO(n8-!wvW%BMlvz6SqV}eA@5}dMTx>976!wo*pk|QGCQv&`?!G)W|Uu
z=cL%m{rLwM#Re<Os`A0bRd$l=2EvXOzm&JA53|^@F?)GB=ODUstL322F8A}4_GF2d
zPLNSTBbHK6fUa)j^xw!G82gBlf<pM~<m4gr;$C9k?Ck8dz1UwD^rcs2;@~6^>;Nad
ze9|X&k72{6@l3oLOsSbn513!x)9P>^dO-aun+DX*&=hu$#AY&XZFaWXU&m~QF$K_Y
zMT!^oFu5*^UNilgXU9F|_&4jnt1DlJRPT)b@2r55Oqa{uO;W92ck;n|nYcG4BMGO>
z!$N_3pnBYVa|BLbCMPr4J>YB8?(Qu=(o9J3$&W=IE3h3Rs-GFz+NNVk`KWzzTt&}{
z_~B1><3w0E<<C8Lw<ey3&>{&8=CZ)p3>g{an=UAcfdJ{*+1Yh7547~NKM^+=Foo-*
z{sc!yDEmRU_}Ob)TaOtaU-AWz64)Y6P<OoJ-R+G`(kBOX@DL#(A$QpzlG@Dd+w=@7
zO6*V8@M{ln8UNNBI3YED>a8YMo>M#r+hZZ2rvL!sY=ka2GJV2YD?x>Xg;Lf1Y6Gi8
z$AyD*A%^^!1V3s=5baVvx*e@1ePzIb7Ze=)?n|4(Q*y(HgM$P2RG#7o7^mX|7W@cs
zn@$x^TRN}Sic>lpM#`i{0oFl5AdnT0!hHMs@>DZ*s3Im#g@fd;h|=eKPVu>H5u6bc
zYs${4jX3uzc=-y)KSfCF_y$6{eSf`rQ{$I~S>qKyfU99VJBjj!XJ3b>tiL~s0HpDX
zd#vpdK)*^?EgqkeP0kdgpm3cLTF7dRK%r2`azm}Pqm1&hG8J4J$JT03$oV;02Ty0*
zkzeuI<5{kP4nS<k<1Q2Jr(kR&U<w~F(FPniIK4#kzfCu)oUm>QmIPR_{j@gHoUVR#
zjlMj66q-r(7w?auEdLtJ=XO-N=AW)pI5>E3{(=|!?=fZE=6YTW&VtJT8OG9fA}zVv
z@Z(~EV<&Tf^(Gt~^$kDEBtA!Xk$6{7!Ki64&>kfi2i9W{c@kMl6|b^Rb^+^zf7+P!
z124a`AB?Y}B-d8cY-enWO7XkZY}8}%uMqN)l<{57SAq(ze32F8fUn`Yg`gp_h0kO6
z)*Cv2V+InagKU=`!@OUruSQNPrgtKl0O(YH4wJj)=H@#aPtRSGo12^I)I8MTg<T)W
zCr7smU!Q=+#&hX~Vc84^yd&iTcM^8N&A@B&m}vzAv^jMe+SvNfL8i-?nl}{+Lw~xU
zR964=BX!1nZj7zNKXDUX;JUpN)Yn`gU)@!xPV=p8<nf4SL_|bPwL2pEdz7l`U{70{
zM3l(mZ({7=9L(*@T-dLoT|cd??-g|(ySRj1u8!iV22GS}_2veVtXI$yLV8(owS5cy
zOy(wT68$%cqIutDDY7CWI>s&PtGtw^ipkTb@14$n&&=OUAPk>96VA=gUz?O|4wfsv
zq^GB6Y_4JD@5;fn&j*zuRqD&#t%aQS1f+R&@_;>JDCI=R&8xff2;M~L(TGoncU-T%
z3@${XW2w4##z%YCba-w<{WVlhF*>5&12=z`{G$bSheV@~$%wJnLbwR@M#n1eRoX+f
zvA6ElGWeVggx2>_Z*HS-r<VB*1$tdvHCIhx(AKYWLJaOvV;f!Ux@xze$saDJi4V|4
zwK`)DcxEy47R|QBZ6T#vs#$5YBm~ug=)2g!^n_?{BC+u7T-gx}-tiSZ=3CrV?|EGR
zC}p<vnBoGVWNE%E#hWQ-{VrLd1vsBuy>uX<Wcg^3PoQ}lsUF(g`!}I{#2>Hn8IK8E
z=L|k!qu>M8?n?9X;&dbOA>hL#(<c+T5?mNyM-a=wFbn77uUF`V6w5vTEdu#++Wn0A
z0q7&t0h$%P<p(~SiNg)vk--`VqJ?oMda%lzJT5UJST_%JZejmVh%PLkY0*Sz>Ui_>
z;d;>=i6sH}^+joqP16-Fw3_xuBYoW6FQt)ZEE<;Nb5iUAK%fmS7z>;!v5re;l|9kZ
z-f==jD2}*6vsQtRANLNz`J~veHou=FQTD3}_OEVFGF>C^P;VyTeAqh0OZ@%S{-v#e
zo^b!T7$Atq&quNxYWrC>UxJEc94EjDmi+VcrqHajSllw0MV%1J1@FBH__Mdbu3al^
zdrEh?RHF;an)BDMZm6%nVn&|HceC*5)0&ys+D6xq>gk(Dc_ezkVBO}^9q-M|o{<9d
zlRmW)hHNOEj!SlSyDs9u-E0N@UR+%CfP6`vskeCbiSX<MG4(U3v&I}ui}-#PVpT0&
z-UF;x?1cFKcYp@?xaB_FMBE;xt=BAD9KMN4V_5#y8+m!6>ZGa%3+P>xG{KD<-<GOD
z{&$;m*J?jLP{B7(eI2Rt(VgEDx*NE3t#Ym?&jXS@JyTdPgbO7#nq`G&;CwapGLnh7
zZBMlgw64Q}xA1knkIPvf_HT8V(jtn4qUaoO9|qX|_bouv>Np)5&L<f@;a<xJl6}@+
qAXr4I=X!>iHvSJp`2Q2c`5m5{E9H|z%@IP}OaQ35zFHH+KK_4yZtVB~

literal 0
HcmV?d00001

diff --git a/src/apps/AppPhoneList/list.vue b/src/apps/AppPhoneList/list.vue
new file mode 100644
index 00000000..5be9370c
--- /dev/null
+++ b/src/apps/AppPhoneList/list.vue
@@ -0,0 +1,162 @@
+<template>
+  <div class="list">
+    <div class="list-content">
+      <u-index-list :scrollTop="scrollTop" :index-list="indexList">
+        <div v-for="(letter, index) in indexList" :key="index">
+          <u-index-anchor :index="letter"/>
+          <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)">
+            <div class="title">{{item.label}}</div>
+            <div class="phone-list">
+              <div class="item-info">
+                <p>{{item.name}}</p>
+                <div class="phone">
+                  <span>{{item.type}}</span>{{item.phone}}
+                </div>
+              </div>
+            </div>
+            <img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)"  class="phone-icon" >
+          </div>
+        </div>
+      </u-index-list>
+    </div>
+    <AiEmpty v-if="!list.length"/>
+    <!-- <div class="id-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <u-index-anchor :index="item.label" />
+      </div>
+    </div> -->
+    <div class="footer-btn" @click="toAddList">我添加的</div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+
+  data() {
+    return {
+      scrollTop: 0,
+      list: [],
+      indexList: []
+    }
+  },
+  computed: { ...mapState(['user']) },
+  mounted() {
+    this.getList()
+  },
+  onShow() {
+    document.title = "便民通讯录"
+  },
+
+  methods: {
+    callPhone(phone) {
+      uni.makePhoneCall({phoneNumber: phone})
+    },
+    getList() {
+      this.$http.post(`/app/appconvenientaddressbook/list`, null, {
+        params: {
+          areaId: this.user.areaId,
+          isPublic: 1,
+          resource: "portal",
+          size: 999
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.indexList = [...new Set(res.data.records.map(e=>e.nameInitials))];
+          this.list = res.data.records;
+        }
+      })
+    },
+    toAddList() {
+      // this.$emit('change', {
+      //   type: 'MyAddList',
+      // })
+      uni.navigateTo({url: `./myAddList`})
+    },
+  },
+  onPageScroll(e) {
+    this.scrollTop = e.scrollTop;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.list {
+  background-color: #F3F6F9;
+  .list-content{
+    padding-bottom: 112px;
+    // .title{
+    //   padding-left: 48px;
+    //   line-height: 64px;
+    //   font-size: 26px;
+    //   font-family: PingFangSC-Semibold, PingFang SC;
+    //   font-weight: 600;
+    //   color: #999;
+    // }
+    .item{
+      position: relative;
+    }
+    .phone-list{
+      background-color: #fff;
+      width: 100%;
+      .item-info{
+        width: 680px;
+        padding: 32px 48px;
+        box-sizing: border-box;
+        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+        p{
+          font-size: 32px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333;
+          line-height: 44px;
+          word-break: break-all;
+          margin-bottom: 8px;
+          width: 100%;
+          word-break: break-all;
+        }
+        .phone{
+          font-size: 26px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #333;
+          line-height: 36px;
+          width: 100%;
+          word-break: break-all;
+          span{
+            display: inline-block;
+            margin-right: 16px;
+            color: #999;
+          }
+        }
+      }
+    }
+  }
+  .footer-btn{
+    width: 100%;
+    text-align: center;
+    height: 112px;
+    line-height: 112px;
+    background: #3975C6;
+    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    z-index: 999;
+  }
+  ::v-deep .u-index-anchor  {
+    top: 0!important;
+  }
+  .phone-icon{
+    width: 40px;
+    height: 40px;
+    vertical-align: sub;
+    position: absolute;
+    top: 60px;
+    right: 64px;
+  } 
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPhoneList/myAddList.vue b/src/apps/AppPhoneList/myAddList.vue
new file mode 100644
index 00000000..82b955ec
--- /dev/null
+++ b/src/apps/AppPhoneList/myAddList.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="myAddList">
+    <div class="list-content" v-if="list.length">
+      <div class="item-info" v-for="(item, index) in list" :key="index">
+        <div class="left">
+          <p>{{item.name}}</p>
+          <div class="phone">
+            <span>{{item.type}}</span>{{item.phone}}
+          </div>
+        </div>
+        <div class="right">
+          <img src="./img/edit-icon.png" alt="" @click="edit(item.id)">
+          <img src="./img/del-icon.png" alt="" @click="del(item)">
+        </div>
+      </div>
+    </div>
+    <div class="empty" v-else>
+      <img src="./img/empty.png" alt="">
+      <p>您还未添加便民通讯录<br/>点击<span>新增按钮</span>试试吧</p>
+    </div>
+    <div class="footer-btn" @click="edit('')">新增</div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+
+  data() {
+    return {
+      list: [],
+    }
+  },
+  computed: { ...mapState(['user']) },
+  mounted() {
+    this.getList()
+    uni.$on('updateList', () => {
+      this.getList()
+    })
+  },
+  onShow() {
+    document.title = "便民通讯录"
+  },
+
+  methods: {
+    getList() {
+      this.$http.post(`/app/appconvenientaddressbook/list`, null, {
+        params: {
+          areaId: this.user.areaId,
+          createUserId: this.user.id
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.list = res.data.records
+        }
+      })
+    },
+    edit(id) {
+      // this.$emit('change', {
+      //   type: 'Add',
+      //   params: {
+      //     id: id,
+      //   }
+      // })
+      uni.navigateTo({url: `./add?id=${id}`})
+    },
+    del(item) {
+      this.$confirm("是否确认删除该发布信息？").then(() => {
+        this.$http.post("/app/appconvenientaddressbook/delete", null, {
+          params: {ids: item.id}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$u.toast("删除成功!")
+            this.getList()
+          }
+        })
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.myAddList {
+  height: 100%;
+  background-color: #F3F6F9;
+  .list-content{
+    padding-bottom: 112px;
+    .item-info{
+      width: 100%;
+      padding: 32px 48px;
+      box-sizing: border-box;
+      background-color: #fff;
+      margin-bottom: 4px;
+      p{
+        font-size: 32px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333;
+        line-height: 44px;
+        word-break: break-all;
+        margin-bottom: 8px;
+      }
+      .phone{
+        font-size: 26px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #333;
+        line-height: 36px;
+        span{
+          display: inline-block;
+          margin-right: 16px;
+          color: #999;
+        }
+      }
+      .left{
+        display: inline-block;
+        width: calc(100% - 176px);
+      }
+      .right{
+        display: inline-block;
+        width: 176px;
+        img{
+          width: 56px;
+          height: 56px;
+          margin-left: 32px;
+          vertical-align: super;
+        }
+      }
+    }
+  }
+  .empty{
+    height: 100%;
+    background-color: #fff;
+    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;
+      }
+    }
+  }
+  .footer-btn{
+    width: 100%;
+    text-align: center;
+    height: 112px;
+    line-height: 112px;
+    background: #3975C6;
+    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    z-index: 999;
+  }
+}
+</style>
diff --git a/src/apps/AppVideoSurveillance/monitorDetail.vue b/src/apps/AppVideoSurveillance/monitorDetail.vue
index 50868d05..ed72a183 100644
--- a/src/apps/AppVideoSurveillance/monitorDetail.vue
+++ b/src/apps/AppVideoSurveillance/monitorDetail.vue
@@ -22,7 +22,7 @@ export default {
     this.$nextTick(() => {
       this.detectOrient()
     })
-    document.title = '视频监控'
+    document.title = '智慧安防'
   },
 
   methods: {