体检移动端

src/main/resources/views/platform/zhghh5/staffmanage/childmanage/info.js

@@ -1,8 +1,8 @@
-const childManageInfo = {
+const CHILD_MANAGE_INFO = {
     template:
     /*language=HTML*/`
-            <div>
-                <div class="process-title">子女信息</div>
+            <van-action-sheet v-model="visible" title="查看详情">
+            <div class="detail-container">
                 <van-cell-group>
                     <van-cell title="姓名">{{ viewData.childrenName }}</van-cell>
                     <van-cell title="就读年级">
@@ -32,10 +32,13 @@
                     </van-cell>
                 </van-cell-group>
             </div>
+            <slot></slot>
+            </van-action-sheet>
         `,
     dicts: ["CHILD_MANAGE_GRADE"],
     data() {
         return {
+            visible:false,
             viewData: {},
             activeName: "first",
             isScrollNow: "0"
@@ -43,12 +46,28 @@
     },
     methods: {
         onOpen(row) {
-            this.$axios.post("/platform/childManage/write/findOne", { id: row.id }).then((res) => {
+            this.row = row
+            this.visible = true
+            this.getInfo()
+        },
+        // 关闭
+        onClose(){
+            this.visible = false
+        },
+        // 获取申请信息
+        getInfo() {
+            this.$axios.post("/platform/childManage/write/findOne", {id: this.row.id}).then((res) => {
                 if (res.code === 0) {
                     this.viewData = res.data
                 }
             })
-        }
+        },
+        // 查看
+        openView(id) {
+            this.$nextTick(() => {
+                this.$refs.infoDialogRef.onOpen(id)
+            })
+        },
     },
     style: /*language=CSS*/ `
            

src/main/resources/views/platform/zhghh5/staffmanage/childmanage/manage/index.html

@@ -53,15 +53,7 @@ layout("/layouts/platform_h5.html"){
             </div>
         </template>
     </table-list>
-    <van-popup :style="{ height: '100%',width: '100%'}" position="right" safe-area-inset-bottom v-model="viewShow">
-        <van-sticky>
-            <van-nav-bar @click-left="viewShow = false" left-arrow left-text="返回" title="详细信息"></van-nav-bar>
-        </van-sticky>
-        <div style="height: calc(100vh - 44px); overflow-y: auto">
-            <info ref="infoRef"></info>
-        </div>
-    </van-popup>
-
+    <child-manage-info ref="childManageInfoRef"></child-manage-info>
 </div>
 
 
@@ -72,12 +64,13 @@ layout("/layouts/platform_h5.html"){
         store,
         dicts: ["CHILD_MANAGE_GRADE"],
         components: {
-            info:childManageInfo
+            "child-manage-info":CHILD_MANAGE_INFO
         },
         data() {
             return {
                 viewShow: false,
                 yearList: [],
+                infoShow: false,
                 pageForm: {
                     pageNumber: 1,
                     pageSize: 10,
@@ -88,10 +81,8 @@ layout("/layouts/platform_h5.html"){
         },
         methods: {
             onView(row) {
-                this.viewShow = true
-                this.$nextTick(() => {
-                    this.$refs.infoRef.onOpen(row)
-                })
+                this.showApprovalForm = false
+                this.$refs.childManageInfoRef.onOpen(row)
             },
             onEdit(row) {
                 window.location.href = '/platform/childManage/write/h5?bizId=' + row.id

src/main/resources/views/platform/zhghh5/staffmanage/childmanage/mine/index.html

@@ -46,15 +46,7 @@ layout("/layouts/platform_h5.html"){
             </div>
         </template>
     </table-list>
-    <van-popup :style="{ height: '100%',width: '100%'}" position="right" safe-area-inset-bottom v-model="viewShow">
-        <van-sticky>
-            <van-nav-bar @click-left="viewShow = false" left-arrow left-text="返回" title="详细信息"></van-nav-bar>
-        </van-sticky>
-        <div style="height: calc(100vh - 44px); overflow-y: auto">
-            <info ref="infoRef"></info>
-        </div>
-    </van-popup>
-
+    <child-manage-info ref="childManageInfoRef"></child-manage-info>
 </div>
 
 
@@ -65,12 +57,13 @@ layout("/layouts/platform_h5.html"){
         store,
         dicts: ["CHILD_MANAGE_GRADE"],
         components: {
-            info:childManageInfo
+            "child-manage-info":CHILD_MANAGE_INFO
         },
         data() {
             return {
                 viewShow: false,
                 yearList: [],
+                infoShow: false,
                 pageForm: {
                     pageNumber: 1,
                     pageSize: 10,
@@ -81,10 +74,8 @@ layout("/layouts/platform_h5.html"){
         },
         methods: {
             onView(row) {
-                this.viewShow = true
-                this.$nextTick(() => {
-                    this.$refs.infoRef.onOpen(row)
-                })
+                this.showApprovalForm = false
+                this.$refs.childManageInfoRef.onOpen(row)
             },
             onEdit(row) {
                 window.location.href = '/platform/childManage/write/h5?bizId=' + row.id