清理未使用的静态文件
| @@ -2,7 +2,7 @@ | |||||||
|   <div class="AppConflictMediation"> |   <div class="AppConflictMediation"> | ||||||
|     <component v-if="refresh && isGridMember" :is="component" @change="onChange" :params="params"> </component> |     <component v-if="refresh && isGridMember" :is="component" @change="onChange" :params="params"> </component> | ||||||
|     <div v-if="!isGridMember" class="empty"> |     <div v-if="!isGridMember" class="empty"> | ||||||
|       <img src="./components/img/no-admin.png" alt=""> |       <img src="./components/no-admin.png" alt=""> | ||||||
|       <p>没有网格员权限<br />无法查看矛盾调解信息哦~</p> |       <p>没有网格员权限<br />无法查看矛盾调解信息哦~</p> | ||||||
|     </div> |     </div> | ||||||
|   </div> |   </div> | ||||||
|   | |||||||
| @@ -1,207 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="PercentageDetail"> |  | ||||||
|     <div class="header"> |  | ||||||
|       <div class="left"> |  | ||||||
|         <h2>小区管理</h2> |  | ||||||
|         <p>共21条,已办结18条</p> |  | ||||||
|       </div> |  | ||||||
|       <div class="right"> |  | ||||||
|         <h4>86%</h4> |  | ||||||
|         <p>办结率</p> |  | ||||||
|       </div> |  | ||||||
|     </div> |  | ||||||
|     <div class="info-content"> |  | ||||||
|       <div class="title">分类统计</div> |  | ||||||
|       <div class="percentage"> |  | ||||||
|         <div class="item"> |  | ||||||
|           <div class="mini-title">小区管理</div> |  | ||||||
|           <div class="info"> |  | ||||||
|             <div class="line-bg"><div class="active-bg"></div></div>共11条 | 已办结9 |  | ||||||
|           </div> |  | ||||||
|         </div> |  | ||||||
|         <div class="item"> |  | ||||||
|           <div class="mini-title">小区管理</div> |  | ||||||
|           <div class="info"> |  | ||||||
|             <div class="line-bg" style="width:44%;"><div class="active-bg"></div></div>共11条 | 已办结9 |  | ||||||
|           </div> |  | ||||||
|         </div> |  | ||||||
|         <div class="item"> |  | ||||||
|           <div class="mini-title">小区管理</div> |  | ||||||
|           <div class="info"> |  | ||||||
|             <div class="line-bg" style="width:30%;"><div class="active-bg"></div></div>共11条 | 已办结9 |  | ||||||
|           </div> |  | ||||||
|         </div> |  | ||||||
|       </div> |  | ||||||
|     </div> |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
|  |  | ||||||
| <script> |  | ||||||
| export default { |  | ||||||
|   props: {}, |  | ||||||
|   data() { |  | ||||||
|     return { |  | ||||||
|       contents: [ |  | ||||||
|         { |  | ||||||
|           label: '待受理', |  | ||||||
|           num: 5 |  | ||||||
|         }, |  | ||||||
|         { |  | ||||||
|           label: '办理中', |  | ||||||
|           num: 5 |  | ||||||
|         }, |  | ||||||
|         { |  | ||||||
|           label: '今日上报', |  | ||||||
|           num: 5 |  | ||||||
|         }, |  | ||||||
|         { |  | ||||||
|           label: '今日办结', |  | ||||||
|           num: 5 |  | ||||||
|         } |  | ||||||
|       ] |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
|   methods: { |  | ||||||
|     getList() { |  | ||||||
|       this.$http |  | ||||||
|         .post('/app/appvisitvondolence/list', null, { |  | ||||||
|           params: { |  | ||||||
|             size: this.size, |  | ||||||
|             current: this.current, |  | ||||||
|             createUserId: this.currentTabs == 1 ? this.user.id : '', |  | ||||||
|           }, |  | ||||||
|         }) |  | ||||||
|         .then((res) => { |  | ||||||
|           if (res.code == 0) { |  | ||||||
|             this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records |  | ||||||
|             this.pages = res.data.pages |  | ||||||
|           } |  | ||||||
|         }) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     goDetail(item) { |  | ||||||
|       uni.navigateTo({ url: `./Detail?id=${item.id}` }) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     change(index) { |  | ||||||
|       this.currentTabs = index |  | ||||||
|       this.getList() |  | ||||||
|     }, |  | ||||||
|   }, |  | ||||||
|   onReachBottom() { |  | ||||||
|     this.current = this.current + 1 |  | ||||||
|     this.getList() |  | ||||||
|   }, |  | ||||||
| } |  | ||||||
| </script> |  | ||||||
|  |  | ||||||
| <style scoped lang="scss"> |  | ||||||
| .PercentageDetail { |  | ||||||
|   background-color: #F3F7F8; |  | ||||||
|   padding: 32px 30px 0; |  | ||||||
|   .header{ |  | ||||||
|     width: 100%; |  | ||||||
|     background: #FFF; |  | ||||||
|     border-radius: 16px; |  | ||||||
|     margin-bottom: 30px; |  | ||||||
|     display: flex; |  | ||||||
|     padding: 32px 32px 38px 24px; |  | ||||||
|     box-sizing: border-box; |  | ||||||
|     .left{ |  | ||||||
|       width: calc(100% - 112px); |  | ||||||
|       h2{ |  | ||||||
|         font-size: 42px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         font-weight: 400; |  | ||||||
|         color: #333; |  | ||||||
|         line-height: 48px; |  | ||||||
|         margin-bottom: 16px; |  | ||||||
|       } |  | ||||||
|       p{ |  | ||||||
|         font-size: 30px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #999; |  | ||||||
|         line-height: 42px; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|     .right{ |  | ||||||
|       width: 112px; |  | ||||||
|       background: #E6FFF1; |  | ||||||
|       border-radius: 8px; |  | ||||||
|       text-align: center; |  | ||||||
|       color: #42D784; |  | ||||||
|       h4{ |  | ||||||
|         font-size: 36px; |  | ||||||
|         font-family: DINAlternate-Bold, DINAlternate; |  | ||||||
|         font-weight: bold; |  | ||||||
|         line-height: 42px; |  | ||||||
|         padding: 8px 0 4px 0; |  | ||||||
|       } |  | ||||||
|       p{ |  | ||||||
|         font-size: 24px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         line-height: 34px; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   .info-content{ |  | ||||||
|     width: 100%; |  | ||||||
|     background: #FFF; |  | ||||||
|     border-radius: 16px; |  | ||||||
|     margin-bottom: 24px; |  | ||||||
|     .title{ |  | ||||||
|       font-size: 32px; |  | ||||||
|       font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|       font-weight: 400; |  | ||||||
|       color: #333; |  | ||||||
|       line-height: 48px; |  | ||||||
|       padding: 24px 16px 24px 24px; |  | ||||||
|       img{ |  | ||||||
|         float: right; |  | ||||||
|         width: 40px; |  | ||||||
|         height: 40px; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|     .percentage{ |  | ||||||
|       padding: 16px 0 0 26px; |  | ||||||
|       .item{ |  | ||||||
|         width: 100%; |  | ||||||
|         padding-bottom: 32px; |  | ||||||
|         .mini-title{ |  | ||||||
|           font-size: 30px; |  | ||||||
|           font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|           color: #333; |  | ||||||
|           line-height: 48px; |  | ||||||
|           margin-bottom: 14px; |  | ||||||
|         } |  | ||||||
|         .info{ |  | ||||||
|           width: 100%; |  | ||||||
|           font-size: 28px; |  | ||||||
|           font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|           color: #999; |  | ||||||
|           line-height: 48px; |  | ||||||
|           .line-bg{ |  | ||||||
|             display: inline-block; |  | ||||||
|             width: 56%; |  | ||||||
|             height: 14px; |  | ||||||
|             background: #D7D8D9; |  | ||||||
|             border-radius: 8px; |  | ||||||
|             margin-right: 12px; |  | ||||||
|             .active-bg{ |  | ||||||
|               width: 80%; |  | ||||||
|               height: 100%; |  | ||||||
|               background: #257FF1; |  | ||||||
|               border-radius: 8px; |  | ||||||
|             } |  | ||||||
|           } |  | ||||||
|           img{ |  | ||||||
|             width: 32px; |  | ||||||
|             height: 32px; |  | ||||||
|             vertical-align: middle; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| @@ -1,343 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="SelectUser"> |  | ||||||
|     <div class="header-middle"> |  | ||||||
|       <div class="hint"> |  | ||||||
|         <span v-for="(item, index) in slectList" :key="index"><span v-if="index" style="margin:0 4px;">/</span><span |  | ||||||
|             style="color:#3F8DF5" @click="girdNameClick(item, index)">{{ item.girdName }}</span></span> |  | ||||||
|       </div> |  | ||||||
|  |  | ||||||
|       <div class="showTypes" v-if="!userList.length"> |  | ||||||
|         <div v-if="treeList.length > 0"> |  | ||||||
|           <div class="cards" v-for="(item, index) in treeList" :key="index" @click="itemClick(item)"> |  | ||||||
|             <div class="imges"> |  | ||||||
|               <img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked" |  | ||||||
|                    @click.stop="girdClick(item, index)"/> |  | ||||||
|               <img src="./components/img/xz.png" alt="" class="imgselect" v-else |  | ||||||
|                    @click.stop="girdClick(item, index)"/> |  | ||||||
|               <img src="./components/img/gird--select-icon.png" alt="" class="avatras"/> |  | ||||||
|             </div> |  | ||||||
|             <div class="rightes"> |  | ||||||
|               <div class="applicationNames">{{ item.girdName }}</div> |  | ||||||
|               <img src="./components/img/right-icon.png" alt="" class="imgs"/> |  | ||||||
|             </div> |  | ||||||
|           </div> |  | ||||||
|         </div> |  | ||||||
|  |  | ||||||
|         <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty> |  | ||||||
|       </div> |  | ||||||
|  |  | ||||||
|       <div class="showUsers" v-else> |  | ||||||
|         <div v-if="userList.length > 0"> |  | ||||||
|           <div class="cards" v-for="(e, index) in userList" :key="index"> |  | ||||||
|             <div class="imges"> |  | ||||||
|               <img src="./components/img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" |  | ||||||
|                    @click="userClick(e, index)"/> |  | ||||||
|               <img src="./components/img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)"/> |  | ||||||
|  |  | ||||||
|               <img src="./components/img/tx@2x.png" alt="" class="avatras"/> |  | ||||||
|             </div> |  | ||||||
|  |  | ||||||
|             <div class="rights"> |  | ||||||
|               <div class="applicationNames" v-text="e.name"/> |  | ||||||
|               <div class="idNumbers">{{ e.phone }}</div> |  | ||||||
|             </div> |  | ||||||
|           </div> |  | ||||||
|         </div> |  | ||||||
|  |  | ||||||
|         <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty> |  | ||||||
|       </div> |  | ||||||
|     </div> |  | ||||||
|  |  | ||||||
|     <div class="subBtn" @click="submit"> |  | ||||||
|       <div>确定选择</div> |  | ||||||
|     </div> |  | ||||||
|  |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
|  |  | ||||||
| <script> |  | ||||||
| export default { |  | ||||||
|   name: 'SelectUser', |  | ||||||
|   data() { |  | ||||||
|     return { |  | ||||||
|       selectUser: {}, |  | ||||||
|       allData: null, |  | ||||||
|       treeList: [], |  | ||||||
|       slectList: [], |  | ||||||
|       userList: [], |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
|   onLoad() { |  | ||||||
|     this.selectUser.id = this.$route.query.id |  | ||||||
|     this.getTree() |  | ||||||
|   }, |  | ||||||
|   onShow() { |  | ||||||
|     document.title = '选择人员' |  | ||||||
|   }, |  | ||||||
|   methods: { |  | ||||||
|     getTree() { |  | ||||||
|       this.slectList = [] |  | ||||||
|       this.$http.post('/app/appgirdinfo/listAllByTop').then((res) => { |  | ||||||
|         if (res?.data) { |  | ||||||
|           this.allData = res.data |  | ||||||
|           this.treeInit() |  | ||||||
|         } |  | ||||||
|       }) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     treeInit() { |  | ||||||
|       this.treeList = this.allData.girdList |  | ||||||
|       let obj = { |  | ||||||
|         girdName: this.allData.girdName, |  | ||||||
|         id: this.allData.id, |  | ||||||
|       } |  | ||||||
|       this.slectList.push(obj) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     itemClick(row) { |  | ||||||
|       var obj = { |  | ||||||
|         girdName: row.girdName, |  | ||||||
|         id: row.id, |  | ||||||
|       } |  | ||||||
|       this.slectList.push(obj) |  | ||||||
|       this.searckGird(row) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     searckGird(row) { |  | ||||||
|       this.treeList = [] |  | ||||||
|       this.$http.post(`/app/appgirdinfo/list?parentGirdId=${row.id}&size=999`).then((res) => { |  | ||||||
|         if (res?.data) { |  | ||||||
|           this.treeList = res.data.records.map(e => ({...e, isChecked: e.id == this.selectUser.id})) |  | ||||||
|         } |  | ||||||
|       }) |  | ||||||
|       this.userList = [] |  | ||||||
|       this.$http.post(`/app/appgirdmemberinfo/listByGirdIdByThree?girdId=${row.id}`).then((res) => { |  | ||||||
|         if (res?.data) { |  | ||||||
|           this.userList = res.data |  | ||||||
|           this.userList.map((item) => { |  | ||||||
|             item.isChecked = item.id == this.selectUser.id |  | ||||||
|           }) |  | ||||||
|         } |  | ||||||
|       }) |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     girdNameClick(row, index) { |  | ||||||
|       this.userList = [] |  | ||||||
|       if (!index) { //第一级别 |  | ||||||
|         this.slectList = [] |  | ||||||
|         this.treeInit() |  | ||||||
|       } else { |  | ||||||
|         var list = [] |  | ||||||
|         this.slectList.map((item, i) => { |  | ||||||
|           if (i <= index) { |  | ||||||
|             list.push(item) |  | ||||||
|           } |  | ||||||
|         }) |  | ||||||
|         this.slectList = list |  | ||||||
|         this.searckGird(row) |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|  |  | ||||||
|     girdClick(row, index) { |  | ||||||
|       if (this.treeList[index].isChecked) {//取消 |  | ||||||
|         this.treeList[index].isChecked = false |  | ||||||
|         this.selectUser = {} |  | ||||||
|       } else { |  | ||||||
|         this.treeList.map((item, i) => { |  | ||||||
|           item.isChecked = index == i |  | ||||||
|         }) |  | ||||||
|         this.selectUser = row |  | ||||||
|       } |  | ||||||
|       this.$forceUpdate() |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     userClick(row, index) { |  | ||||||
|       if (this.userList[index].isChecked) {//取消 |  | ||||||
|         this.userList[index].isChecked = false |  | ||||||
|         this.selectUser = {} |  | ||||||
|       } else { |  | ||||||
|         this.userList.map((item, i) => { |  | ||||||
|           item.isChecked = index == i |  | ||||||
|         }) |  | ||||||
|         this.selectUser = row |  | ||||||
|       } |  | ||||||
|       this.$forceUpdate() |  | ||||||
|     }, |  | ||||||
|  |  | ||||||
|     submit() { |  | ||||||
|       if (this.selectUser.id != null) { |  | ||||||
|         uni.$emit('goback', this.selectUser) |  | ||||||
|         uni.navigateBack({}) |  | ||||||
|       } else { |  | ||||||
|         return this.$u.toast('请选择网格或网格员') |  | ||||||
|       } |  | ||||||
|     }, |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </script> |  | ||||||
|  |  | ||||||
| <style scoped lang="scss"> |  | ||||||
| .SelectUser { |  | ||||||
|   height: 100%; |  | ||||||
|   background: #fff; |  | ||||||
|  |  | ||||||
|   .header-top { |  | ||||||
|     background: #fff; |  | ||||||
|     padding: 20px 32px; |  | ||||||
|   } |  | ||||||
|  |  | ||||||
|   .header-middle { |  | ||||||
|     padding-bottom: 140px; |  | ||||||
|  |  | ||||||
|     .hint { |  | ||||||
|       padding: 28px 20px 28px 32px; |  | ||||||
|       line-height: 56px; |  | ||||||
|       box-shadow: 0 1px 0 0 #e4e5e6; |  | ||||||
|       font-size: 30px; |  | ||||||
|       font-weight: 500; |  | ||||||
|       // word-break: break-all; |  | ||||||
|       overflow: hidden; |  | ||||||
|       white-space: nowrap; |  | ||||||
|       text-overflow: ellipsis; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .showTypes { |  | ||||||
|       .empty-div { |  | ||||||
|         height: 16px; |  | ||||||
|         background: #f5f5f5; |  | ||||||
|       } |  | ||||||
|  |  | ||||||
|       .cards { |  | ||||||
|         display: flex; |  | ||||||
|         align-items: center; |  | ||||||
|         height: 120px; |  | ||||||
|         line-height: 120px; |  | ||||||
|         padding: 0 0 0 32px; |  | ||||||
|  |  | ||||||
|         .imges { |  | ||||||
|           display: flex; |  | ||||||
|           align-items: center; |  | ||||||
|  |  | ||||||
|           .imgselect { |  | ||||||
|             width: 48px; |  | ||||||
|             height: 48px; |  | ||||||
|             vertical-align: middle; |  | ||||||
|           } |  | ||||||
|  |  | ||||||
|           .avatras { |  | ||||||
|             width: 74px; |  | ||||||
|             height: 74px; |  | ||||||
|             border-radius: 8px; |  | ||||||
|             margin-left: 36px; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|  |  | ||||||
|         img { |  | ||||||
|           width: 74px; |  | ||||||
|           height: 74px; |  | ||||||
|           border-radius: 8px; |  | ||||||
|         } |  | ||||||
|  |  | ||||||
|         .rightes { |  | ||||||
|           width: calc(100% - 160px); |  | ||||||
|           display: flex; |  | ||||||
|           align-items: center; |  | ||||||
|           margin-left: 32px; |  | ||||||
|           border-bottom: 1px solid #e4e5e6; |  | ||||||
|  |  | ||||||
|           .applicationNames { |  | ||||||
|             flex: 1; |  | ||||||
|             min-width: 0; |  | ||||||
|             font-size: 36px; |  | ||||||
|             font-weight: 500; |  | ||||||
|             color: #333333; |  | ||||||
|             overflow: hidden; |  | ||||||
|             white-space: nowrap; |  | ||||||
|             text-overflow: ellipsis; |  | ||||||
|           } |  | ||||||
|  |  | ||||||
|           .imgs { |  | ||||||
|             width: 40px; |  | ||||||
|             height: 40px; |  | ||||||
|             margin-right: 20px; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .showUsers { |  | ||||||
|       .cards { |  | ||||||
|         display: flex; |  | ||||||
|         align-items: center; |  | ||||||
|         height: 120px; |  | ||||||
|         line-height: 120px; |  | ||||||
|         padding: 0 0 0 32px; |  | ||||||
|  |  | ||||||
|         .imges { |  | ||||||
|           display: flex; |  | ||||||
|           align-items: center; |  | ||||||
|           width: 200px; |  | ||||||
|  |  | ||||||
|           .imgselect { |  | ||||||
|             width: 48px; |  | ||||||
|             height: 48px; |  | ||||||
|           } |  | ||||||
|  |  | ||||||
|           .avatras { |  | ||||||
|             width: 74px; |  | ||||||
|             height: 74px; |  | ||||||
|             border-radius: 8px; |  | ||||||
|             margin-left: 36px; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|  |  | ||||||
|         .rights { |  | ||||||
|           width: 70%; |  | ||||||
|           display: flex; |  | ||||||
|           justify-content: space-between; |  | ||||||
|           align-items: center; |  | ||||||
|           margin-left: 32px; |  | ||||||
|           border-bottom: 1px solid #e4e5e6; |  | ||||||
|           padding-right: 40px; |  | ||||||
|  |  | ||||||
|           .applicationNames { |  | ||||||
|             font-size: 36px; |  | ||||||
|             font-weight: 500; |  | ||||||
|             color: #333333; |  | ||||||
|             overflow: hidden; |  | ||||||
|             white-space: nowrap; |  | ||||||
|             text-overflow: ellipsis; |  | ||||||
|           } |  | ||||||
|  |  | ||||||
|           .idNumbers { |  | ||||||
|             color: #666; |  | ||||||
|           } |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|  |  | ||||||
|   .subBtn { |  | ||||||
|     position: fixed; |  | ||||||
|     bottom: 0; |  | ||||||
|     left: 0; |  | ||||||
|     width: 100%; |  | ||||||
|     height: 118px; |  | ||||||
|     background: #f4f8fb; |  | ||||||
|  |  | ||||||
|     div { |  | ||||||
|       width: 192px; |  | ||||||
|       height: 80px; |  | ||||||
|       line-height: 80px; |  | ||||||
|       text-align: center; |  | ||||||
|       background: #1365dd; |  | ||||||
|       border-radius: 4px; |  | ||||||
|       font-size: 32px; |  | ||||||
|       color: #fff; |  | ||||||
|       margin: 20px 34px 0 0; |  | ||||||
|       float: right; |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| @@ -1,76 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="set"> |  | ||||||
|     <div class="info-content" @click="toSetList"> |  | ||||||
|       <img src="./components/img/setting-icon.png" alt="" class="set-icon"> |  | ||||||
|       <div class="info"> |  | ||||||
|         <h2>配置事件类别</h2> |  | ||||||
|         <p>提交上报时选择事件类别,有助于管理上报和统计分析</p> |  | ||||||
|       </div> |  | ||||||
|       <img src="./components/img/right-icon.png" alt="" class="right-icon"> |  | ||||||
|     </div> |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
|  |  | ||||||
| <script> |  | ||||||
| export default { |  | ||||||
|   props: {}, |  | ||||||
|   data() { |  | ||||||
|     return { |  | ||||||
|  |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
|   methods: { |  | ||||||
|     toSetList() { |  | ||||||
|       uni.navigateTo({url: './SetList'}) |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
| } |  | ||||||
| </script> |  | ||||||
|  |  | ||||||
| <style scoped lang="scss"> |  | ||||||
| uni-page-body { |  | ||||||
|   height: 100%; |  | ||||||
| } |  | ||||||
| .set { |  | ||||||
|   height: 100%; |  | ||||||
|   padding: 32px 30px 0; |  | ||||||
|   box-sizing: border-box; |  | ||||||
|   background-color: #F3F7F8; |  | ||||||
|   .info-content{ |  | ||||||
|     width: 100%; |  | ||||||
|     background-color: #fff; |  | ||||||
|     padding: 40px 8px 34px 40px; |  | ||||||
|     box-sizing: border-box; |  | ||||||
|     display: flex; |  | ||||||
|     .set-icon{ |  | ||||||
|       width: 40px; |  | ||||||
|       height: 40px; |  | ||||||
|       margin-right: 44px; |  | ||||||
|     } |  | ||||||
|     .info{ |  | ||||||
|       display: inline-block; |  | ||||||
|       width: calc(100% - 216px); |  | ||||||
|       h2{ |  | ||||||
|         font-size: 36px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #333; |  | ||||||
|         line-height: 48px; |  | ||||||
|         margin-bottom: 6px; |  | ||||||
|       } |  | ||||||
|       p{ |  | ||||||
|         width: 100%; |  | ||||||
|         font-size: 28px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #999; |  | ||||||
|         line-height: 40px; |  | ||||||
|         word-break: break-all; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|     .right-icon{ |  | ||||||
|       width: 56px; |  | ||||||
|       height: 56px; |  | ||||||
|       margin-left: 76px; |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| @@ -1,122 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="SetList"> |  | ||||||
|     <div class="header"> |  | ||||||
|       <div class="title">事件类别</div> |  | ||||||
|       <p>成员上报时需要选择事件类别,上报会按照分类进行统计。</p> |  | ||||||
|     </div> |  | ||||||
|     <div class="set-list"> |  | ||||||
|       <div class="item"> |  | ||||||
|         <div class="title">小区管理</div> |  | ||||||
|         <div class="tips-list"> |  | ||||||
|           <span class="tips">公共部位设置地桩锁</span> |  | ||||||
|           <span class="tips">公共部位桩锁</span> |  | ||||||
|           <span class="tips">地桩锁</span> |  | ||||||
|           <span class="tips">公共部位设置地桩锁</span> |  | ||||||
|           <span class="tips">公共部位桩锁</span> |  | ||||||
|           <span class="tips">地桩锁</span> |  | ||||||
|           <span class="tips">公共部位设置地桩锁</span> |  | ||||||
|           <span class="tips">公共部位桩锁</span> |  | ||||||
|           <span class="tips">地桩锁</span> |  | ||||||
|         </div> |  | ||||||
|         <img src="./components/img/right-icon.png" alt=""> |  | ||||||
|       </div> |  | ||||||
|     </div> |  | ||||||
|     <div class="btn" @click="toAddSet">新建分类</div> |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
|  |  | ||||||
| <script> |  | ||||||
| export default { |  | ||||||
|   name: 'SetList', |  | ||||||
|   components: {}, |  | ||||||
|   props: { |  | ||||||
|     dict: Object, |  | ||||||
|     instance: Function, |  | ||||||
|     params: Object, |  | ||||||
|   }, |  | ||||||
|   data() { |  | ||||||
|     return {} |  | ||||||
|   }, |  | ||||||
|   methods: { |  | ||||||
|     toAddSet() { |  | ||||||
|       uni.navigateTo({url: './AddSet'}) |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
| } |  | ||||||
| </script> |  | ||||||
|  |  | ||||||
| <style scoped lang="scss"> |  | ||||||
| .SetList { |  | ||||||
|   height: 100%; |  | ||||||
|   background-color: #fff; |  | ||||||
|   .header{ |  | ||||||
|     padding: 40px 30px 74px; |  | ||||||
|     .title{ |  | ||||||
|       font-size: 42px; |  | ||||||
|       font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|       color: #333; |  | ||||||
|       line-height: 48px; |  | ||||||
|       margin-bottom: 16px; |  | ||||||
|     } |  | ||||||
|     p{ |  | ||||||
|       width: 100%; |  | ||||||
|       font-size: 30px; |  | ||||||
|       font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|       color: #999; |  | ||||||
|       line-height: 42px; |  | ||||||
|       word-break: break-all; |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   .set-list{ |  | ||||||
|     padding: 0 28px 120px; |  | ||||||
|     .item{ |  | ||||||
|       width: 100%; |  | ||||||
|       padding-bottom: 20px; |  | ||||||
|       border-bottom: 1px solid #E9EAEB; |  | ||||||
|       position: relative; |  | ||||||
|       .title{ |  | ||||||
|         font-size: 34px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #333; |  | ||||||
|         line-height: 48px; |  | ||||||
|         margin-bottom: 22px; |  | ||||||
|       } |  | ||||||
|       .tips-list{ |  | ||||||
|         width: calc(100% - 68px); |  | ||||||
|       } |  | ||||||
|       .tips{ |  | ||||||
|         display: inline-block; |  | ||||||
|         line-height: 64px; |  | ||||||
|         background: #F7F8F9; |  | ||||||
|         border-radius: 8px; |  | ||||||
|         padding: 0 20px; |  | ||||||
|         font-size: 30px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #999; |  | ||||||
|         margin: 0 16px 24px 0; |  | ||||||
|       } |  | ||||||
|       img{ |  | ||||||
|         width: 40px; |  | ||||||
|         height: 40px; |  | ||||||
|         position: absolute; |  | ||||||
|         top: 50%; |  | ||||||
|         right: 20px; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
|   .btn{ |  | ||||||
|     width: 100%; |  | ||||||
|     line-height: 112px; |  | ||||||
|     background: #3975C6; |  | ||||||
|     box-shadow: inset 0px 1px 0px 0px #EEEEEE; |  | ||||||
|     position: fixed; |  | ||||||
|     bottom: 0; |  | ||||||
|     left: 0; |  | ||||||
|     text-align: center; |  | ||||||
|     font-size: 32px; |  | ||||||
|     font-family: PingFangSC-Medium, PingFang SC; |  | ||||||
|     font-weight: 500; |  | ||||||
|     color: #FFF; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| @@ -1,60 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="UserList"> |  | ||||||
|     <div class="item"> |  | ||||||
|       <img src="./components/img/user-img.png" alt=""> |  | ||||||
|       <div class="info"> |  | ||||||
|         <h2>李毅</h2> |  | ||||||
|         <p>共受理23条 | 已办结17条</p> |  | ||||||
|       </div> |  | ||||||
|     </div> |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
|  |  | ||||||
| <script> |  | ||||||
| export default { |  | ||||||
|   name: 'UserList', |  | ||||||
|   data() { |  | ||||||
|     return { |  | ||||||
|  |  | ||||||
|     } |  | ||||||
|   }, |  | ||||||
|   methods: { |  | ||||||
|  |  | ||||||
|   }, |  | ||||||
| } |  | ||||||
| </script> |  | ||||||
|  |  | ||||||
| <style scoped lang="scss"> |  | ||||||
| .UserList { |  | ||||||
|   height: 100%; |  | ||||||
|   .item{ |  | ||||||
|     padding: 24px 0 0 32px; |  | ||||||
|     background-color: #fff; |  | ||||||
|     img{ |  | ||||||
|       width: 80px; |  | ||||||
|       height: 80px; |  | ||||||
|       margin-right: 32px; |  | ||||||
|     } |  | ||||||
|     .info{ |  | ||||||
|       display: inline-block; |  | ||||||
|       width: calc(100% - 112px); |  | ||||||
|       padding-bottom: 24px; |  | ||||||
|       border-bottom: 1px solid #E4E5E6; |  | ||||||
|       h2{ |  | ||||||
|         font-size: 32px; |  | ||||||
|         font-family: PingFangSC-Medium, PingFang SC; |  | ||||||
|         font-weight: 500; |  | ||||||
|         color: #333; |  | ||||||
|         line-height: 44px; |  | ||||||
|         margin-bottom: 6px; |  | ||||||
|       } |  | ||||||
|       p{ |  | ||||||
|         font-size: 28px; |  | ||||||
|         font-family: PingFangSC-Regular, PingFang SC; |  | ||||||
|         color: #666; |  | ||||||
|         line-height: 40px; |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| Before Width: | Height: | Size: 810 B | 
| Before Width: | Height: | Size: 815 B | 
| Before Width: | Height: | Size: 3.2 KiB | 
| Before Width: | Height: | Size: 2.7 KiB | 
| Before Width: | Height: | Size: 2.6 KiB | 
| Before Width: | Height: | Size: 314 B | 
| Before Width: | Height: | Size: 1.2 KiB | 
| Before Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 1.5 KiB | 
| Before Width: | Height: | Size: 1.5 KiB | 
| Before Width: | Height: | Size: 1.5 KiB | 
| Before Width: | Height: | Size: 1.6 KiB | 
| Before Width: | Height: | Size: 1.1 KiB | 
| Before Width: | Height: | Size: 803 B | 
| Before Width: | Height: | Size: 373 B | 
| Before Width: | Height: | Size: 766 B | 
| Before Width: | Height: | Size: 1.6 KiB | 
| Before Width: | Height: | Size: 1.6 KiB | 
| Before Width: | Height: | Size: 1.3 KiB | 
| Before Width: | Height: | Size: 1.7 KiB | 
| Before Width: | Height: | Size: 1.7 KiB | 
| Before Width: | Height: | Size: 1.4 KiB | 
| Before Width: | Height: | Size: 2.7 KiB | 
| Before Width: | Height: | Size: 1.5 KiB | 
| Before Width: | Height: | Size: 1.7 KiB | 
| Before Width: | Height: | Size: 1.6 KiB | 
| Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB | 
| Before Width: | Height: | Size: 88 KiB |