牌位管理页面

src/api/tabletManage/TabletServer.js

@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+export default class TabletServer {
+    list(params) {
+        return request.get(
+            `/placememorialtablets/placeMemorialTablets/list`,
+            params
+        )
+    };
+}

src/router/index.js

@@ -48,7 +48,7 @@ const routes = [{
         meta: {
             isShowTarbar: true,
         }
-    },{
+    }, {
         path: '/securityFacilitiesErrList',
         name: 'securityFacilitiesErrList',
         component: () =>
@@ -56,7 +56,7 @@ const routes = [{
         meta: {
             isShowTarbar: true,
         }
-    },{
+    }, {
         path: '/religiousConferenceList',
         name: 'religiousConferenceList',
         component: () =>
@@ -64,7 +64,7 @@ const routes = [{
         meta: {
             isShowTarbar: true,
         }
-    },{
+    }, {
         path: '/nonReligiousInformationList',
         name: 'nonReligiousInformationList',
         component: () =>
@@ -72,7 +72,7 @@ const routes = [{
         meta: {
             isShowTarbar: true,
         }
-    },{
+    }, {
         path: '/toBeDone',
         name: 'toBeDone',
         component: () =>
@@ -188,6 +188,24 @@ const routes = [{
         meta: {
             isShowTarbar: false,
         }
+    },
+    {
+        path: '/placeTablet',
+        name: 'placeTablet',
+        component: () =>
+            import ('../views/placeManage/placeTablet.vue'),
+        meta: {
+            isShowTarbar: false,
+        }
+    },
+    {
+        path: '/placeTabletInfo',
+        name: 'placeTabletInfo',
+        component: () =>
+            import ('../views/placeManage/placeTabletInfo.vue'),
+        meta: {
+            isShowTarbar: false,
+        }
     }
 ]
 
@@ -196,4 +214,4 @@ const router = createRouter({
     routes,
 })
 
-export default router
+export default router

src/views/placeManage/placePerson.vue

@@ -59,7 +59,6 @@
 import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import UserManage from "@/api/user/UserManage";
-import { List } from 'vant';
 export default {
   setup() {
     const value = ref("");

src/views/placeManage/placeTablet.vue

@@ -0,0 +1,135 @@
+<template>
+  <van-nav-bar title="牌位管理" left-arrow @click="goback" />
+  <div class="PersonList">
+    <div class="PersonItem" v-for="item in TabletData.data" :key="item.id" @click="goTabletInfo(item)">
+      <van-row>
+        <van-col span="18">
+          <p>
+            {{ item.brandName }}（<span style="color: #36a7f3">{{
+              item.udCard
+            }}</span
+            >）
+          </p>
+        </van-col>
+        <van-col span="6">
+          <p style="color: #36a7f3">{{ item.siteName.name }}</p>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col span="18">
+          <p>{{ item.nativePlace }}</p>
+        </van-col>
+        <van-col span="6">
+          <p style="color: red">￥{{ item.sacrificeExpenses }}</p>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import TabletServer from "@/api/tabletManage/TabletServer";
+export default {
+  setup() {
+    const TabletData = reactive({
+      data: [], //牌位数据集
+    });
+    //获取牌位数据
+    new TabletServer().list({}).then((res) => {
+      TabletData.data = res.records;
+    //   console.log(TabletData.data);
+    });
+    //页面跳转以及数据传递
+    let router = useRouter();
+    const goTabletInfo = (item)=>{
+        var data = JSON.stringify(item)
+        router.push({
+            path:'/placeTabletInfo',
+            query:{'data':data}
+        })
+    }
+    //返回
+    const goback = () => {
+      history.back();
+    };
+    return {
+      goback,
+      TabletData,
+      goTabletInfo
+    };
+  },
+};
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  background-color: #f2f2f2;
+}
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
+  }
+}
+.search {
+  background-color: #fff;
+  .van-dropdown-menu__item {
+    width: 20px;
+    height: 50px;
+  }
+}
+.PersonList {
+  background-color: #fff;
+  margin-top: 20px;
+  height: 100vh;
+  p {
+    margin: 0;
+    padding: 0;
+  }
+  .PersonItem {
+    padding: 10px 10px;
+    font-size: 16px;
+    border-bottom: 1px solid #f2f2f2;
+    .van-row {
+      &:nth-child(1) {
+        margin-bottom: 10px;
+        .van-col {
+          &:nth-child(1) {
+            p {
+              font-weight: 700;
+            }
+          }
+          &:nth-child(2) {
+            p {
+              text-align: right;
+            }
+          }
+        }
+      }
+      &:nth-child(2) {
+        .van-col {
+          &:nth-child(1) {
+            p {
+              color: #d0d0d0;
+            }
+          }
+          &:nth-child(2) {
+            p {
+              text-align: right;
+              color: #d0d0d0;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/placeManage/placeTabletInfo.vue

@@ -0,0 +1,249 @@
+<template>
+  <van-nav-bar title="牌位管理" left-arrow @click="goback" />
+  <div class="banner">
+    <h2>扎实提升“三力”</h2>
+    <h2>深入推进“三化”</h2>
+    <h2>坚持“三个思维”</h2>
+  </div>
+  <div class="content">
+    <div class="itemInfo">
+    <h3 style="color: #40abf4">牌位信息-{{data.data.brandName}}</h3>
+      <van-row justify="space-between">
+        <van-col span="14">
+          <van-row class="item">
+            <van-col span="24">
+              <van-row justify="space-between">
+                <van-col span="8"> 名称： </van-col>
+                <van-col span="8" style="text-align: right">{{data.data.brandName}}</van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+          <van-row class="item">
+            <van-col span="24">
+              <van-row justify="space-between">
+                <van-col span="8"> 所属场所名称： </van-col>
+                <van-col span="8" style="text-align: right">{{data.siteName.name}}</van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+          <van-row class="item">
+            <van-col span="24">
+              <van-row justify="space-between">
+                <van-col span="12"> 场所联系人： </van-col>
+                <van-col span="6" style="text-align: right">{{data.data.memorialTabletHolder}}</van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+        </van-col>
+        <van-col span="8">
+          <img class="personImg" :src="data.pic[0]" alt="" />
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 联系方式： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.memorialTabletHolderPhone}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 供奉牌位人： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.contactInformation}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 供奉牌位人电话： </van-col>
+            <van-col span="14" style="text-align: right">
+             {{data.data.siteContact}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 身份证号： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.udCard}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 籍贯： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.currentResidence}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 现居地： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.nativePlace}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 现居地详情： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.currentResidenceDel}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 与供奉牌位关系： </van-col>
+            <van-col span="14" style="text-align: right">
+                {{data.data.relationship}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 供奉费用(元/年)： </van-col>
+            <van-col span="14" style="text-align: right">
+              {{data.data.sacrificeExpenses}}
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10">被供奉者信息： </van-col>
+            <van-col span="14" style="text-align: right">
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { useRouter } from 'vue-router'
+import {onMounted, reactive,ref} from "vue"
+import UserManage from '@/api/user/UserManage';
+export default {
+  setup(){
+    const data = reactive({
+      //牌位数据
+      data:{},
+      siteName:{},
+      pic:[]
+    })
+    //数据接收
+    const router = useRouter();
+    onMounted(()=>{
+      var item = JSON.parse(router.currentRoute.value.query.data)
+      data.data = item
+      data.siteName = data.data.siteName
+      data.pic.push(data.data.pic.split('|'))
+      console.log(data.pic);
+      console.log(data.data);
+    })
+    //返回
+    const goback = () => {
+      history.back();
+    };
+    return{
+      goback,
+      data
+    }
+  }
+};
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  background-color: #f2f2f2;
+}
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
+  }
+}
+.banner {
+  background-color: #36a7f3;
+  padding: 20px 50px 40px 50px;
+  color: #fff;
+  h2 {
+    &:nth-child(1) {
+      margin-top: 0px;
+      text-align: left;
+    }
+    &:nth-child(2) {
+      text-align: center;
+    }
+    &:nth-child(3) {
+      text-align: right;
+    }
+  }
+}
+.content {
+  position: fixed;
+  width: 85%;
+  top: 240px;
+  left: 50%;
+  padding: 20px 10px;
+  transform: translateX(-50%);
+  background-color: #fff;
+  border-radius: 10px;
+  font-size: 16px;
+  height: 680px;
+  overflow: auto;
+  h3 {
+    margin: 0;
+    padding: 0;
+  }
+  .itemInfo{
+    height: 100%;
+    .item{
+        padding: 15px 0;
+        border-bottom: 1px solid #f2f2f2;
+        .van-col{
+            .van-row{
+                .van-col{
+                    &:nth-child(2){
+                        color: #7f7f7f;
+                    }
+                }
+            }
+        }
+    }
+    .personImg{
+        width: 100%;
+        height: 100%;
+    }
+  }
+}
+</style>

src/views/tab_a/tabAll.vue

@@ -49,7 +49,7 @@
 	<van-grid :border="false">
 		<van-grid-item icon="../../../loginbg/csdj.png" text="场所登记" @click="goPlaceRegister"/>
 		<van-grid-item icon="../../../loginbg/csry.png" text="场所人员信息" @click="goPlacePerson" />
-		<van-grid-item icon="../../../loginbg/cspw.png" text="牌位管理" />
+		<van-grid-item icon="../../../loginbg/cspw.png" text="牌位管理" @click="goPlaceTablet"/>
 	</van-grid>
 
 	<div class="hLine"></div>
@@ -105,7 +105,9 @@ import userSets from "@/api/sys/userSets";
 			goPlacePerson() {
               this.$router.push("/placePerson");
             },
-
+			goPlaceTablet(){
+				this.$router.push("/placeTablet");
+			},
 			onClickLeft(){
 				history.back();
 			},