阳光村务

src/views/sunVillage_info/index.vue

@@ -46,89 +46,50 @@
         <div class="index_info">
             <div class="title"></div>
 
-            <div class="nav_list">
+            <div class="nav_list" v-for="(item,idx) in menusList" :key="idx">
               <div class="nav_list_box">
                 <van-cell :border="false" style="border-radius: 6px;">
                   <template #title>
-                    <p style="font-weight: bold;font-size: 18px;display: inline-block">阳光村务</p>
+                    <p style="font-weight: bold;font-size: 18px;display: inline-block">{{item.modleName}}</p>
                   </template>
                 </van-cell>
                 <router-link
-                  v-for="(item,idx) in ygcwList"
-                  :key="idx"
-                  :to="{name:item.menuUrl,query:{typeX:item.urlPara}}"
+                  v-for="(childrenItem,childrenIdx) in item.menus"
+                  :key="childrenItem.id"
+                  :to="{name:childrenItem.menuUrl,query:{typeX:childrenItem.urlPara}}"
                   class="nav_item n_13"
-                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + item.menuIcon)}) no-repeat center top;background-size: 50%;`"
+                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + childrenItem.menuIcon)}) no-repeat center top;background-size: 50%;`"
                 >
-                  {{item.menuName}}
+                  {{childrenItem.menuName}}
                 </router-link>
-
-<!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'2'}}" class="nav_item n_13">党务公开</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'3'}}" class="nav_item n_14">政务公开</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoStatisticalReport'}" class="nav_item n_9">统计填报</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListPhoto'}" class="nav_item n_11">村庄图公开</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'1'}}" class="nav_item n_12">合同公开</router-link>-->
               </div>
             </div>
 
-            <div class="nav_list">
-              <div class="nav_list_box">
-                <van-cell :border="false" style="border-radius: 6px;">
-                  <template #title>
-                    <p style="font-weight: bold;font-size: 18px;display: inline-block">支出申请</p>
-                  </template>
-                </van-cell>
-                <router-link
-                  v-for="(item,idx) in zcsqList"
-                  :key="idx"
-                  :to="{name:item.menuUrl,query:{typeX:item.urlPara}}"
-                  class="nav_item n_13"
-                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + item.menuIcon)}) no-repeat center top;background-size: 50%;`"
-                >
-                  {{item.menuName}}
-                </router-link>
-<!--                <router-link :to="{name:'sunVillageApprovalList'}" class="nav_item n_01">银行卡转账</router-link>-->
-<!--                <router-link :to="{name:'sunVillageApprovalList2'}" class="nav_item n_02">信用卡还款</router-link>-->
-<!--                <router-link :to="{name:'sunVillageApprovalList11'}" class="nav_item n_03">备付金支出</router-link>-->
-<!--                <router-link :to="{name:'sunVillageApprovalList12'}" class="nav_item n_04">汇票支出</router-link>-->
-<!--                <router-link :to="{name:'sunVillageCollectionList'}" class="nav_item n_05">收款账户</router-link>-->
-<!--                <router-link :to="{name:'sunVillagePaymentAccountList'}" class="nav_item n_06">付款账户</router-link>-->
-<!--                <router-link :to="{name:'sunVillageBankOfDepositList'}" class="nav_item n_07">开户行</router-link>-->
-              </div>
-            </div>
-
-          <div class="nav_list">
-            <div class="nav_list_box">
-              <van-cell :border="false" style="border-radius: 6px;">
-                <template #title>
-                  <p style="font-weight: bold;font-size: 18px;display: inline-block">财务信息</p>
-                </template>
-              </van-cell>
-              <router-link
-                v-for="(item,idx) in cwxxList"
-                :key="item.id"
-                :to="{name:item.menuUrl,query:{typeX:item.urlPara}}"
-                class="nav_item n_13"
-                :style="`background:url(${require('@/assets/images/sunVillage_info/' + item.menuIcon)}) no-repeat center top;background-size: 50%;`"
-              >
-                {{item.menuName}}
-              </router-link>
-<!--              <router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">余额表</router-link>-->
-<!--              <router-link :to="{name:'sunVillageInfoDetailedLedger'}" class="nav_item n_10">明细账</router-link>-->
-<!--              <router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">固定资产</router-link>-->
-<!--              <router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同信息</router-link>-->
-            </div>
-          </div>
-
         </div>
         <div class="footer">
             技术支持：北京农燊高科信息技术有限公司
         </div>
+      <!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'2'}}" class="nav_item n_13">党务公开</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'3'}}" class="nav_item n_14">政务公开</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoStatisticalReport'}" class="nav_item n_9">统计填报</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListPhoto'}" class="nav_item n_11">村庄图公开</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageInfoListContract',query:{typeX:'1'}}" class="nav_item n_12">合同公开</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageApprovalList'}" class="nav_item n_01">银行卡转账</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageApprovalList2'}" class="nav_item n_02">信用卡还款</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageApprovalList11'}" class="nav_item n_03">备付金支出</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageApprovalList12'}" class="nav_item n_04">汇票支出</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageCollectionList'}" class="nav_item n_05">收款账户</router-link>-->
+      <!--                <router-link :to="{name:'sunVillagePaymentAccountList'}" class="nav_item n_06">付款账户</router-link>-->
+      <!--                <router-link :to="{name:'sunVillageBankOfDepositList'}" class="nav_item n_07">开户行</router-link>-->
+      <!--              <router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">余额表</router-link>-->
+      <!--              <router-link :to="{name:'sunVillageInfoDetailedLedger'}" class="nav_item n_10">明细账</router-link>-->
+      <!--              <router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">固定资产</router-link>-->
+      <!--              <router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同信息</router-link>-->
     </div>
 </template>
 <script>
@@ -175,6 +136,7 @@
         ygcwList:[],
         zcsqList:[],
         cwxxList:[],
+        menusList:[],
       };
     },
     created() {
@@ -207,9 +169,10 @@
       }
       menus(query).then((res) => {
         if (res.code == 200) {
-          this.ygcwList = res.data[0].menus;
-          this.zcsqList = res.data[1].menus;
-          this.cwxxList = res.data[2].menus;
+          this.menusList = res.data;
+          // this.ygcwList = res.data[0].menus;
+          // this.zcsqList = res.data[1].menus;
+          // this.cwxxList = res.data[2].menus;
         }
       });
       this.$set(this.queryParams, "systemType", '4');

src/views/sunVillage_info/index_code_rights.vue

@@ -15,46 +15,20 @@
         </div>
         <div class="index_info">
             <div class="title"></div>
-<!--            <div class="nav_box" style="margin-top: 6vh;">-->
-<!--              <p class="nav_tit">公开公示</p>-->
-<!--              <div class="nav_list">-->
-<!--                <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n_2">零工公开榜</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项</router-link>-->
-<!--              </div>-->
-<!--            </div>-->
-            <div class="nav_box" style="margin-top: 3vh;">
-              <p class="nav_tit">我的权利</p>
+            <div class="nav_box" style="margin-top: 3vh;" v-for="(item,idx) in menusList" :key="idx">
+              <p class="nav_tit">{{item.modleName}}</p>
               <div class="nav_list">
                 <router-link
-                  v-for="(item,idx) in wdqlList"
-                  :key="item.id"
-                  :to="{name:item.menuUrl,query:{type:'code',typeX:item.urlPara}}"
+                  v-for="(childrenItem,childrenIdx) in item.menus"
+                  :key="childrenItem.id"
+                  :to="{name:childrenItem.menuUrl,query:{type:'code',typeX:childrenItem.urlPara}}"
                   class="nav_item"
-                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + item.menuIcon)}) no-repeat center top;background-size: 50%;`"
+                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + childrenItem.menuIcon)}) no-repeat center top;background-size: 50%;`"
                 >
-                  {{item.menuName}}
+                  {{childrenItem.menuName}}
                 </router-link>
-<!--                <router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoApplicationList',query:{type:'code'}}" class="nav_item n_6">宅基地申请</router-link>-->
-<!--                <router-link :to="{name:'sunVillageInfoPaidExitList',query:{type:'code'}}" class="nav_item n_66">宅基地退出</router-link>-->
               </div>
             </div>
-          <div class="nav_box" style="margin-top: 3vh;">
-            <p class="nav_tit">请求帮助</p>
-            <div class="nav_list">
-              <router-link
-                v-for="(item,idx) in qqbzList"
-                :key="item.id"
-                :to="{name:item.menuUrl,query:{type:'code',typeX:item.urlPara}}"
-                class="nav_item"
-                :style="`background:url(${require('@/assets/images/sunVillage_info/' + item.menuIcon)}) no-repeat center top;background-size: 50%;`"
-              >
-                {{item.menuName}}
-              </router-link>
-<!--              <router-link :to="{name:'sunVillageInfoArbitrationList',query:{type:'code'}}" class="nav_item n_77">纠纷调解</router-link>-->
-            </div>
-          </div>
         </div>
         <div class="footer">
             技术支持：北京农燊高科信息技术有限公司
@@ -95,6 +69,7 @@
         deptId:"",
         book:"",
         userName:"",
+        menusList:[],
       };
     },
     created() {
@@ -115,8 +90,7 @@
       }
       nologinMenus(query).then((res) => {
         if (res.code == 200) {
-          this.wdqlList = res.data[0].menus;
-          this.qqbzList = res.data[1].menus;
+          this.menusList = res.data;
         }
       });
     },

src/views/sunVillage_info/list_contract.vue

@@ -36,12 +36,12 @@
                 {{item.openAt}}
               </div>
             </div>
-            <div class="operation">
+            <div class="operation" v-show="showBtn">
               <!-- delete 删除 edit编辑 view查看 list榜单 -->
-              <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+              <div class="opera_btn edit" @click="goEdit(item.id)">
                 <i class="icon "></i>
               </div>
-              <div class="opera_btn delete" @click="goRemove(item.id,index)" v-show="showBtn">
+              <div class="opera_btn delete" @click="goRemove(item.id,index)">
                 <i class="icon"></i>
               </div>
             </div>
@@ -301,8 +301,8 @@
         padding:25px 32px;
         display: flex;
         margin-bottom: 20px;
+        justify-content: space-between;
         .info{
-          flex:0 0 450px;
           .title{
             display: flex;
             font-size: 32px;
@@ -315,13 +315,14 @@
               background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
               background-size: 100% 100%;
               margin-right: 10px;
+              flex-shrink: 0;
             }
             .news_title{
-              max-width:330px;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
               overflow: hidden;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              -o-text-overflow: ellipsis;
             }
             .tips_mark{
               width: 34px;
@@ -333,6 +334,7 @@
               text-align: center;
               line-height: 34px;
               margin-left: 10px;
+              flex-shrink: 0;
             }
           }
           .time{
@@ -352,7 +354,6 @@
           }
         }
         .operation{
-          flex: 1;
           display: flex;
           align-items: center;
           justify-content: right;
@@ -400,6 +401,7 @@
             }
             &.list{
               background: #79cf13;
+              margin-left: 10PX;
               .icon {
                 width: 29px;
                 height: 21px;

src/views/sunVillage_info/list_finance.vue

@@ -35,7 +35,7 @@
                         {{item.openNy}}
                     </div>
                 </div>
-                <div class="operation">
+                <div class="operation" v-show="false">
                     <!-- delete 删除 edit编辑 view查看 -->
                     <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
                       <i class="icon "></i>
@@ -298,8 +298,8 @@
             padding:25px 32px;
             display: flex;
             margin-bottom: 20px;
+            justify-content: space-between;
             .info{
-                flex:0 0 450px;
                 .title{
                     display: flex;
                     font-size: 32px;
@@ -312,13 +312,14 @@
                         background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
                         background-size: 100% 100%;
                         margin-right: 10px;
+                        flex-shrink: 0;
                     }
                     .news_title{
-                        max-width:330px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 1;
+                        word-break: break-all;
                         overflow: hidden;
-                        white-space: nowrap;
-                        text-overflow: ellipsis;
-                        -o-text-overflow: ellipsis;
                     }
                     .tips_mark{
                         width: 34px;
@@ -330,6 +331,7 @@
                         text-align: center;
                         line-height: 34px;
                         margin-left: 10px;
+                        flex-shrink: 0;
                     }
                 }
                 .time{
@@ -349,7 +351,6 @@
                 }
             }
             .operation{
-                flex: 1;
                 display: flex;
                 align-items: center;
                 justify-content: right;
@@ -396,6 +397,7 @@
                     }
                      &.list{
                         background: #79cf13;
+                        margin-left: 10PX;
                         .icon {
                             width: 29px;
                             height: 21px;

src/views/sunVillage_info/list_issues.vue

@@ -35,15 +35,15 @@
               {{item.openNy}}
             </div>
           </div>
-          <div class="operation">
+          <div class="operation" v-show="showBtn">
             <!-- delete 删除 edit编辑 view查看 -->
-            <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+            <div class="opera_btn edit" @click="goEdit(item.id)">
               <i class="icon "></i>
             </div>
-            <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+            <div class="opera_btn delete" @click="goRemove(item.id)">
               <i class="icon"></i>
             </div>
-            <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">
+            <div class="opera_btn view" @click="goDetail(item.id)">
               <i class="icon "></i>
             </div>
           </div>
@@ -293,8 +293,8 @@
         padding:25px 32px;
         display: flex;
         margin-bottom: 20px;
+        justify-content: space-between;
         .info{
-          flex:0 0 510px;
           .title{
             display: flex;
             font-size: 32px;
@@ -307,13 +307,14 @@
               background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
               background-size: 100% 100%;
               margin-right: 10px;
+              flex-shrink: 0;
             }
             .news_title{
-              max-width:416px;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
               overflow: hidden;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              -o-text-overflow: ellipsis;
             }
             .tips_mark{
               width: 34px;
@@ -325,6 +326,7 @@
               text-align: center;
               line-height: 34px;
               margin-left: 10px;
+              flex-shrink: 0;
             }
           }
           .time{
@@ -344,7 +346,6 @@
           }
         }
         .operation{
-          flex: 1;
           display: flex;
           align-items: center;
           justify-content: flex-end;
@@ -359,7 +360,7 @@
 
             &.delete{
               background:#df0707;
-              margin-left: 28px;
+              margin-left: 10PX;
               .icon{
                 width: 22px;
                 height: 29px;
@@ -370,6 +371,7 @@
             }
             &.edit{
               background: #79cf13;
+              margin-left: 10PX;
               .icon {
                 width: 26px;
                 height: 25px;
@@ -380,6 +382,7 @@
             }
             &.view{
               background: #3494ff;
+              margin-left: 10PX;
               .icon {
                 width: 29px;
                 height: 21px;

src/views/sunVillage_info/list_photo.vue

@@ -36,12 +36,12 @@
                 {{item.openAt}}
               </div>
             </div>
-            <div class="operation">
+            <div class="operation" v-show="showBtn">
               <!-- delete 删除 edit编辑 view查看 list榜单 -->
-              <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+              <div class="opera_btn edit" @click="goEdit(item.id)">
                 <i class="icon "></i>
               </div>
-              <div class="opera_btn delete" @click="goRemove(item.id,index)" v-show="showBtn">
+              <div class="opera_btn delete" @click="goRemove(item.id,index)">
                 <i class="icon"></i>
               </div>
             </div>
@@ -300,8 +300,8 @@
         padding:25px 32px;
         display: flex;
         margin-bottom: 20px;
+        justify-content: space-between;
         .info{
-          flex:0 0 450px;
           .title{
             display: flex;
             font-size: 32px;
@@ -314,13 +314,14 @@
               background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
               background-size: 100% 100%;
               margin-right: 10px;
+              flex-shrink: 0;
             }
             .news_title{
-              max-width:330px;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
               overflow: hidden;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              -o-text-overflow: ellipsis;
             }
             .tips_mark{
               width: 34px;
@@ -332,6 +333,7 @@
               text-align: center;
               line-height: 34px;
               margin-left: 10px;
+              flex-shrink: 0;
             }
           }
           .time{
@@ -351,7 +353,6 @@
           }
         }
         .operation{
-          flex: 1;
           display: flex;
           align-items: center;
           justify-content: right;
@@ -399,6 +400,7 @@
             }
             &.list{
               background: #79cf13;
+              margin-left: 10PX;
               .icon {
                 width: 29px;
                 height: 21px;

src/views/sunVillage_info/list_register.vue

@@ -42,12 +42,12 @@
               <div class="icon_time"></div>{{item.jobTime}}
             </div>
           </div>
-          <div class="operation">
+          <div class="operation" v-show="showBtn">
             <!-- delete 删除 edit编辑 view查看 -->
-            <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+            <div class="opera_btn edit" @click="goEdit(item.id)">
               <i class="icon "></i>
             </div>
-            <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+            <div class="opera_btn delete" @click="goRemove(item.id)">
               <i class="icon"></i>
             </div>
 <!--            <div class="opera_btn list" @click="goRanking(item.id,item.openNy)" v-show="!showBtn">-->

src/views/sunVillage_info/list_tourists.vue

@@ -299,8 +299,8 @@
         padding:25px 32px;
         display: flex;
         margin-bottom: 20px;
+        justify-content: space-between;
         .info{
-          flex:0 0 450px;
           .title{
             display: flex;
             font-size: 32px;
@@ -313,13 +313,14 @@
               background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
               background-size: 100% 100%;
               margin-right: 10px;
+              flex-shrink: 0;
             }
             .news_title{
-              max-width:330px;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
               overflow: hidden;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              -o-text-overflow: ellipsis;
             }
             .tips_mark{
               width: 34px;
@@ -331,6 +332,7 @@
               text-align: center;
               line-height: 34px;
               margin-left: 10px;
+              flex-shrink: 0;
             }
           }
           .time{
@@ -350,7 +352,6 @@
           }
         }
         .operation{
-          flex: 1;
           display: flex;
           align-items: center;
           justify-content: right;
@@ -398,6 +399,7 @@
             }
             &.list{
               background: #79cf13;
+              margin-left: 10PX;
               .icon {
                 width: 29px;
                 height: 21px;