7.8 pages

src/components/MyTable/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="table-tree">
-    <el-table v-if="list&&list.length>0" :data="list" :height="tableHeight" class="v-table" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+    <el-table v-if="tableItem&&tableItem.length>0" :data="list" :height="tableHeight" class="v-table" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
       <el-table-column type="index" align="center"></el-table-column>
 
       <template v-for="(item,index) in tableItem">

src/main.js

@@ -46,6 +46,8 @@ Vue.config.productionTip = false
 
 import LxHeader from "@/components/LxHeader"
 Vue.component('lx-header',LxHeader)
+import MyDialog from "@/components/MyDialog"
+Vue.component('my-dialog',MyDialog)
 
 new Vue({
   el: '#app',

src/router/index.js

@@ -63,6 +63,16 @@ export const constantRoutes = [{
           title: '详细信息',
           icon: ''
         }
+      },
+      {
+        path: 'applyDetail/:id',
+        name: '申请详情',
+        hidden:true,
+        component: () => import('@/views/order/applyDetail'),
+        meta: {
+          title: '详细信息',
+          icon: ''
+        }
       }
       ]
   }

src/views/customer/customerList.vue

@@ -18,7 +18,7 @@
                 <Option v-for="item in statusList" :value="item.value" :key="item.value">{{ item.label }}</Option>
               </Select>
               <Button type="primary" style="margin-left: 10px">查询</Button>
-              <Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">录入客户</Button>
+              <Button type="primary" style="margin-left: 10px" @click="$router.push('/customer/createCustomer')">录入客户</Button>
             </div>
           </slot>
         </lx-header>

src/views/order/applyDetail.vue

@@ -0,0 +1,186 @@
+<template>
+  <div style="padding: 0px 20px">
+    <div>
+      <div ref="lxHeader">
+        <lx-header icon="md-apps" text="详细信息" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+          <div slot="content">
+            <Button type="primary" icon="ios-arrow-back" @click="$router.back()">返回</Button>
+            <Button type="primary" @click="$router.push(`/detailCustomer/${$route.params.id++}`)" ghost style="margin-left: 10px;">下一条<Icon type="ios-arrow-forward" /></Button>
+          </div>
+        </lx-header>
+      </div>
+    </div>
+
+    <el-card :style="{height : cardHeight + 'px'}">
+      <div class="grid">
+        <div style="grid-area: a1-1">姓名</div>
+        <div style="grid-area: a1-2">XXX</div>
+        <div style="grid-area: a1-3">性别</div>
+        <div style="grid-area: a1-4">男</div>
+        <div style="grid-area: a1-5">身份证号</div>
+        <div style="grid-area: a1-6">320503198111122755</div>
+        <div style="grid-area: a1-7">户籍地址</div>
+        <div style="grid-area: a1-8">江苏省苏州市虎丘区阳光假日新苑90幢2404室</div>
+
+      </div>
+
+      <el-divider></el-divider>
+
+      <div class="image">
+        <div class="image-title">
+          健康档案
+        </div>
+        <div class="image-content">
+          <div>
+            <div class="image-content-title">身份证头像面</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">身份证国徽面</div>
+            <div>
+              <el-image fit="cover" :src="srcList[1]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">社保卡正面</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div style="flex-basis: 100%;">
+            <div class="image-content-title">出院小结</div>
+            <div>
+              <el-image fit="cover" :src="srcList[1]" lazy style="width: 340px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">街道证明</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">长护险申请人承诺书</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">委托书</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">失能等级评定表</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+          <div>
+            <div class="image-content-title">申请告知书签字版</div>
+            <div>
+              <el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      cardHeight: 0,
+      srcList: [
+        'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
+        'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
+      ]
+    }
+  },
+  methods: {
+    initLoad() {
+      var that = this;
+      var clientHeight = document.documentElement.clientHeight
+      var lxHeader_height = 96.5; //查询 头部
+      var paginationHeight = 37; //分页的高度
+      var topHeight = 50; //页面 头部
+      let cardHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
+      that.cardHeight = cardHeight;
+    },
+  },
+  created() {
+    this.initLoad()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.grid{
+  display: grid;
+  grid-template-columns: 1fr 0.6fr 1fr 0.8fr 1fr 1.4fr 1fr 2.6fr;
+  grid-template-rows: auto;
+  grid-template-areas:
+    "a1-1 a1-2 a1-3 a1-4 a1-5 a1-6 a1-7 a1-8";
+  &>div{
+    font-size: 13px;
+    border: 1px solid rgba(200,200,200,0.5);
+
+    padding: 10px 4px;
+  }
+  :nth-child(2n + 1){
+    font-size: 13.5px;
+    background: rgba(243,242,247,0.8);
+    color: #6E6B7B;
+    font-weight: 600;
+    text-align: center;
+
+  }
+}
+.image{
+
+
+  &-title{
+    font-size: 13.5px;
+    color: #6E6B7B;
+    font-weight: 600;
+  }
+  &-content{
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+
+    &>div{
+      padding-right: 20px;
+    }
+    ::v-deep .el-image__preview{
+      border-radius: 6px;
+    }
+    &-title{
+
+      padding: 10px 0;
+    }
+  }
+}
+</style>
+<style scoped lang="scss">
+::v-deep .el-card{
+  overflow-y: scroll !important;
+}
+::v-deep .el-card::-webkit-scrollbar {
+  width: 6px !important;
+  height: 10px !important;
+}
+::v-deep .el-card::-webkit-scrollbar-thumb {
+  border-radius: 5px !important;
+  background: #ddd !important;
+}
+::v-deep .el-divider{
+  background: #B3241D;
+}
+</style>
+

src/views/order/orderList.vue

@@ -16,7 +16,7 @@
       </div>
     </div>
 
-    <MyTable></MyTable>
+    <MyTable :table-item="tableItem"></MyTable>
   </div>
 </template>
 
@@ -28,7 +28,17 @@ export default {
     MyTable
   },
   data() {
-    return {}
+    return {
+      tableItem:[{
+        label:"名称"
+      },{
+        label: "地址"
+      },{
+        label: "站长"
+      },{
+        label: "联系电话"
+      }]
+    }
   },
   methods: {},
 

src/views/order/schedulingManage.vue

@@ -82,9 +82,11 @@ export default {
     this.initLoad()
   },
   mounted() {
+    this.dateWidth = document.querySelector(".current").offsetWidth
     window.addEventListener('resize',()=>{
-      this.dateWidth = document.querySelector(".current").offsetWidth
+      if(this.dateWidth){
-      console.log(document.querySelector(".current").offsetWidth)
+        this.dateWidth = document.querySelector(".current").offsetWidth
+      }
     })
 
   }

src/views/people/salespersonManage.vue

@@ -47,8 +47,6 @@
 <script>
 import MyTable from '@/components/MyTable/index.vue'
 import MyDialog from '@/components/MyDialog/index.vue'
-
-import {getList} from "@/api/people/salespersonManage"
 export default {
   components:{
     MyTable,

src/views/product/productClassify.vue

@@ -16,7 +16,9 @@
       </div>
     </div>
 
-    <MyTable></MyTable>
+    <MyTable :table-item="tableItem"></MyTable>
+
+    <my-dialog :dialog-visible.sync="isShowAdd" title="创建产品类别"></my-dialog>
   </div>
 </template>
 
@@ -28,7 +30,14 @@ export default {
     MyTable
   },
   data() {
-    return {}
+    return {
+      isShowAdd:false,
+      tableItem:[{
+        label:"名称"
+      },{
+        label: "排序"
+      }]
+    }
   },
   methods: {},
 

src/views/product/productManage.vue

@@ -16,7 +16,9 @@
       </div>
     </div>
 
-    <MyTable></MyTable>
+    <MyTable :table-item="tableItem"></MyTable>
+
+    <my-dialog :dialog-visible.sync="isShowAdd" title="创建产品"></my-dialog>
   </div>
 </template>
 
@@ -27,7 +29,14 @@ export default {
     MyTable
   },
   data() {
-    return {}
+    return {
+      isShowAdd:false,
+      tableItem:[{
+        label:"名称"
+      },{
+        label: "产品类别"
+      }]
+    }
   },
   methods: {},
 

src/views/product/serviceProject.vue

@@ -16,7 +16,9 @@
       </div>
     </div>
 
-    <MyTable></MyTable>
+    <MyTable :table-item="tableItem"></MyTable>
+
+    <my-dialog :dialog-visible.sync="isShowAdd" title="创建服务项目"></my-dialog>
   </div>
 </template>
 
@@ -27,7 +29,14 @@ export default {
     MyTable
   },
   data() {
-    return {}
+    return {
+      isShowAdd:false,
+      tableItem:[{
+        label:"名称"
+      },{
+        label: "分类"
+      }]
+    }
   },
   methods: {},
 

src/views/product/serviceProjectClassify.vue

@@ -16,7 +16,9 @@
       </div>
     </div>
 
-    <MyTable :list="[]" :table-item="[]"></MyTable>
+    <MyTable :list="[]" :table-item="tableItem"></MyTable>
+
+    <my-dialog :dialog-visible.sync="isShowAdd" title="创建服务项目分类"></my-dialog>
   </div>
 </template>
 
@@ -27,7 +29,14 @@ export default {
     MyTable
   },
   data() {
-    return {}
+    return {
+      isShowAdd:false,
+      tableItem:[{
+        label:"名称"
+      },{
+        label:"排序"
+      }]
+    }
   },
   methods: {},