From b4a662fdd4b27e21abdfba8a490b9a9353949765 Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Fri, 10 Feb 2023 18:00:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=AD=E5=BB=BA=E9=A2=84=E7=BA=A6=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E3=80=81=E6=94=BE=E5=8F=B7=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/close.png     | Bin 0 -> 454 bytes
 src/assets/image/fail.png      | Bin 0 -> 800 bytes
 src/assets/image/fail_img.png  | Bin 0 -> 2037 bytes
 src/assets/image/succ.png      | Bin 0 -> 733 bytes
 src/assets/image/succ_img.png  | Bin 0 -> 1981 bytes
 src/assets/image/warn.png      | Bin 0 -> 621 bytes
 src/assets/image/warn_img.png  | Bin 0 -> 1670 bytes
 src/views/booklist/index.vue   | 465 +++++++++++++++++++++++++++++++++
 src/views/booknumber/index.vue | 329 +++++++++++++++++++++++
 9 files changed, 794 insertions(+)
 create mode 100644 src/assets/image/close.png
 create mode 100644 src/assets/image/fail.png
 create mode 100644 src/assets/image/fail_img.png
 create mode 100644 src/assets/image/succ.png
 create mode 100644 src/assets/image/succ_img.png
 create mode 100644 src/assets/image/warn.png
 create mode 100644 src/assets/image/warn_img.png
 create mode 100644 src/views/booklist/index.vue
 create mode 100644 src/views/booknumber/index.vue

diff --git a/src/assets/image/close.png b/src/assets/image/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e31d294446fdae47667131c83685d7424a1050e
GIT binary patch
literal 454
zcmV;%0XhDOP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px$fJsC_R7gwh)}c<sKo9`XnWXYQp!Iyfc|yWTJpV9lRsarypb|rJBs9Gy6*xWt
zBm##)BKUxQ0CKlWO0G$>>9#W~?gZ3!vTtX1W?F<jJ-8<q{^6aSy!WW<x;`|<EQzQH
z*-f73QIaIrTI)Nd)VI6FDBPi1>lZ{^SZmMIG`*ML9U8~+6C$1hz?;_k#KlM9s;U$K
zJoK0ZcTlj_HpZAErPSAO^WLN0Y&K_zxR&5!C?c+i=#zESeUJo~pxyejeayk7C=2d_
zrtlDy4g2t>X^KJh{uYw&PDOX@2D_O9zy|;<yEq9d%Gg(MA!rc1ok;I}rrQnO648}p
z$jnyta51-#hVLXpMwGFqdLIGcQZi)vSXRbUEyL;au`8H`Iei*}Pr@8DWV}w^u>=jl
zM>7sVrMT~Vd;<V^=x}iFylvZ6mSwNA-{Ybv7Eu&ETWb%vvv*>=u8HV^J*zt$0Alyg
wK{B1nvOIP(74@+M<HpYRF?S(p+~0$L0Jn)WF6-#LYybcN07*qoM6N<$f)Luy;{X5v

literal 0
HcmV?d00001

diff --git a/src/assets/image/fail.png b/src/assets/image/fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..47e95a832f3b5ba44e8f6b3ed781e9acfd3b971f
GIT binary patch
literal 800
zcmV+*1K<3KP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%+DSw~R7gwBS4~e7Q4~G*P3e?|1tu=guwbEy>|AK*bX9^eokmt-#JvklAjV%H
z{sWCo@E=Gbu1qK<7+4sl#EnZ6T$o4#3ldq7w$pazn)k|(Qr~=(7+|*VymQ`t_s%`{
z5fXenR>-*5%_*=b65$Rr#)xP{Ze`|uBK#so)hB=5+;Tq?HrsKu6b1NmyD*&1WS+AS
z^8{RtBU1+f4#@Y*wMOI3mG7H}VS7S_-JJcH1(lNu_6n#2c$hP{S3l~+{}E;sQf@xG
zM8MM|5yoMd`JL(17kaP%l&}<ST7&OFG!sYI*E;h`+NnS37C$B2wCp7&n(K=+A()uo
zrJc&N0DdAYa|%Jr33<*2^Dq<STnWqS9n5BT!V8Jp0387sj!`@WcnF}B4#$lBdc8I-
zt6d4Zx#CL*v8X5IBhO>o_r=eF6gEJ(rNuFRwAz>y!oOh{Q~_v6i}U?Ov%2<*I?W;b
zTOTdAJ&z}|+iPDX$<f`?h*tbqbm-gazQomY#exuGLmM@4U~bi}QNz0bfGG7TEZSC!
zZU%%}@g7l$sZH3UhJhV`GWsiTPgB#f-!jpBXznz`Cy@h?*Bf~-4KXplCO2<80OcZ!
zCPZBB=~uL)!&Pcn_FmBN`xWoThvr{H%FMgu=1ZLTr_@9qS#%M^7bo1XN_#|5-g;hF
zjm}kHP;p(@?-boYaM)^Lyx#_*Dtv%t1JSlk=Jqrl8~<Kd%LHiF-0DmbNn56yFFgdX
z64^2nn1pnu*))r46aIRXNu(j}HObEbyd36G2uwl>$J=6D$p`DoKDCyp`c<zjs;DRI
z85r~-sl=IZ9zQa-D=G!&Ir@~-PGuoD@Z}ixR31=BwX8vDmH%bvBj)meQ-2XT-gf6r
z=9~?Z^L3&ZL~qVzA(77uK~8(uFW(cU`-G~=Sm~mGF~x)&7^5H>?RYxxg0QO|ZScOB
ePIE2EqwO!(PsoXwFTp+l0000<MNUMnLSTXyadd<L

literal 0
HcmV?d00001

diff --git a/src/assets/image/fail_img.png b/src/assets/image/fail_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..27c10734ad91143ffac1e0b946af572ee72eb265
GIT binary patch
literal 2037
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
T3$Sm!#{u3RKJE|PLK*)9Fw?5P

literal 0
HcmV?d00001

diff --git a/src/assets/image/succ.png b/src/assets/image/succ.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a7875dcb370593fbf5b00621f6894701d46ca41
GIT binary patch
literal 733
zcmV<30wVp1P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%mq|oHR7gwBm(ObxQ4q&JlT@n)!Gi~d9(vS2K$@dLp=ujMj0gV%4=HVt+T5(S
zC`cnIh$oK<RutQSf>IBH3H|{JUV12)Ll1&jw6r_2yIH!MeVe@eIGAJh&3xv~eBZoz
zg3WK^{0P4%CV`6xS(I@^PI;!PO@vL9I`E!M;~lw=d)?eh#|5wEPH_0hEUHCBPIhzF
z3S=9R6?XqT;#%crl1(zWR=N(l0<E1{QNxS02~uRL{L*9^2fJzA$yR||J+n*($_knK
ze0%z%V852n5Gf1=8aPp1CDXVWhDX7*(&M4+v^{cn=hNkx;O_&lS5sDpy3@F`LQr!b
z?5g+B=yz-7_8pxz+5LOgRl5(amF@ydefx_U>T7VGK<cUCR4g%7z9)Dpp7;Tl=d@dN
zVIi&EK0|6`BMR4Tjx|mTZx*IWr`Njqv-)mOFYAlTh|ERo_xJO{dZ~&~v~t{OkqPPx
z_Bk*TF;%SywZ+dM*@3{lK>fa2cfoFb{e~Y6s|n6!Bt3~zP7JJPs0ZE>Y9%#7oxL3S
zhu?hFFV2Eg;<3d$5=rT8Gd6=&KapwVBK@@;-q%hK=*g)zI&STJKxiw~9mHh<xX17K
zm$%VuB&au87<Dn8v#@~)9{z4w)A(_+X&_1PexPmyUIVdhneFg?p#&|nmrEjm?_{qU
zJCa=&YF!fUVsEG${c1U1Z35$V3`0|jT#N4awL1k;sTch@w6t=Z8{{8&!$x%U8P<hi
zibJ%*mHYF-r~hQwbHni_&Fu0}u1YVbTH$D8q4RhfPLWr0saguokX&uz=uA-4_62rN
z7_?|V8tFC+@`MS8=%)YIxl5!{7raLsjDd{#OLPm^@*ZuD^C8y969oSc;+Ib9!Kjh~
P00000NkvXXu0mjfhP+w(

literal 0
HcmV?d00001

diff --git a/src/assets/image/succ_img.png b/src/assets/image/succ_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d04a5d77a1fbdb3a2ede2527c44c336350ad3f2
GIT binary patch
literal 1981
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

literal 0
HcmV?d00001

diff --git a/src/assets/image/warn.png b/src/assets/image/warn.png
new file mode 100644
index 0000000000000000000000000000000000000000..798982380b3a54e613e21961a24ca5c830f70b67
GIT binary patch
literal 621
zcmV-z0+RiSP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%CrLy>R7gwBmpy0{Q4q&}vzNjq?iMK`h+b=NVJW0Zq1}nt#0^+P$f1J0u@sv~
z4w6RL*hDabkmf7|i-0LC>@Cd6K~h-kYMa}Uw|9GA`PjFv>}A{i&-~t-nKy5qVDYKX
z1@z(^IP-{J2dW^mT~j>-_EGr?ag)~XkMfzLEVpu&Kz+{x9-+F7$V`^A?mF}rA`Re`
z1YvlZ&8c8rbng<=um+A3%mQFZHlz0^!H<FUCR1E>*AaPOwZlx2Zm=KK$HPAY?m@Q@
zsb%`hBT(I@72O+#kAi)79b_qwPkXIyNDw_t^?h)XQ<b-wj+9-5*L|Jp3?eTx?Yf0m
zOLLxplj>FdZdpiy1mR)|Qs1irKdivX(UWVY+Eef|V8zau0^o$OB0>0EdIfc0xm#mc
z3~Y{BE4n1QFntTBvSYd1;$Y(;?%Wo=@2w#$mkNeeQQ!Rna-&?Z?iujGpy6BLi{&^u
zMzlqJPpxnRQE@OZN$|u%owK-1!=I9;{m376E+duQeCaa9mH#;9W1OsB{f7pkO^_D@
zfAK6hTe((~G?4DaUw+H%-A?6S5)-`^6ZnE#!;yCux%vit7}A+Z^s$8<#Ck{GMB7GN
z-sqz=WHYR%3p^jgUJ`Os<yCj>zYTp#gI4(D%<*<OPf5-NGhf@iAdV$j4~eO#IUWCf
z{+=)+yEoy#GChw|nFBRL!{E`Tv=MEC>=Ac9@$*m9=F#>Sdn6<Tfb#%d00000NkvXX
Hu0mjf4Qe7L

literal 0
HcmV?d00001

diff --git a/src/assets/image/warn_img.png b/src/assets/image/warn_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..bab0e9146f06826717a3b807af338b9b968be54e
GIT binary patch
literal 1670
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
J81UfV{{@yTHHZKJ

literal 0
HcmV?d00001

diff --git a/src/views/booklist/index.vue b/src/views/booklist/index.vue
new file mode 100644
index 0000000..835af2e
--- /dev/null
+++ b/src/views/booklist/index.vue
@@ -0,0 +1,465 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="form"
+      :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel"
+      @row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
+      @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+      @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad">
+      <template slot-scope="{row}" slot="status">
+        <el-tag :type="row.status == 1 ? 'success' : row.status == 2 ? 'warning' : row.status == 3 ? 'danger' : 'info'">{{ row.status == 1 ? '已报道' : row.status == 2 ? '未报道' : row.status == 3 ? '已拉黑' : '已取消' }}</el-tag>
+      </template>
+      <template slot-scope="{row}" slot="menu">
+        <el-button  @click="handleRegister" :disabled="row.status == 1 ? true : row.status == 4 ? true : false">{{row.status == 3 ? '取消拉黑' : '预约报道'}}</el-button>
+      </template>
+    </avue-crud>
+    <el-drawer
+      :visible.sync="isRegister"
+      :append-to-body="true"
+      :direction="direction"
+      :with-header="false"
+      class="my-info-dialog"
+      custom-class="register_box">
+      <div class="title_box">
+        <div class="title_txt">
+          <div class="txt">预约人报道信息</div>
+          <div class="img_box" @click="closeDraw">
+            <img src="~@/assets/image/close.png" alt="">
+          </div>
+        </div>
+        <div class="sub_txt">通过身份证、医保卡刷卡识别报道</div>
+      </div>
+      <div class="tip_box">
+        <img v-show="regData.status == 1" src="~@/assets/image/succ.png" alt="">
+        <img v-show="regData.status == 2" src="~@/assets/image/fail.png" alt="">
+        <img v-show="regData.status == 3" src="~@/assets/image/warn.png" alt="">
+        <div class="tip_txt" :class="regData.status == 2 ? 'fail_txt' : regData.status == 3 ? 'warn_txt' : ''">{{regData.status == 1 ? '报道成功' : '报道失败'}}</div>
+      </div>
+      <div class="tips_txt" v-show="regData.status == 2">无此人员预约检测项目，请预约后按时间报道</div>
+      <div class="tips_txt tips_warn" v-show="regData.status == 3">报到时间与预约时间不符，请按预约时间报道</div>
+      <div class="account_mess">
+        <div class="mess_tit">账号信息</div>
+        <div class="mess_box">
+          <div class="left_box" :class="regData.status == 2 ? 'fail_box' : regData.status == 3 ? 'warn_box' : ''">
+            <div class="acc_text">姓名</div>
+            <div class="acc_txt">{{regData.name}}</div>
+          </div>
+          <div class="right_box" :class="regData.status == 2 ? 'fail_right' : regData.status == 3 ? 'warn_right' : ''">
+            <div class="acc_box">
+              <div class="acc_text">身份证号</div>
+              <div class="acc_txt">{{regData.cardId}}</div>
+            </div>
+            <div class="acc_box">
+              <div class="acc_text">联系方式</div>
+              <div class="acc_txt">{{regData.phone}}</div>
+            </div>
+            <div class="img_box">
+              <img v-show="regData.status == 1" src="~@/assets/image/succ_img.png" alt="">
+              <img v-show="regData.status == 2" src="~@/assets/image/fail_img.png" alt="">
+              <img v-show="regData.status == 3" src="~@/assets/image/warn_img.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="account_mess">
+        <div class="mess_tit">体检信息</div>
+        <div class="mess_box reg_box">
+          <div class="left_box">
+            <div class="acc_text">体检项目</div>
+            <div class="acc_txt">{{regData.project}}</div>
+          </div>
+          <div class="right_box">
+            <div class="acc_box">
+              <div class="acc_text">预约时间</div>
+              <div class="acc_txt" :class="regData.status == 3 ? 'acc_warn' : ''">{{regData.time}}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btn">
+        签到并打印
+      </div>
+  </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getLazyList,
+  remove,
+  update,
+  add,
+  getDept,
+  getDeptTree
+} from "@/api/system/dept";
+import { mapGetters } from "vuex";
+import website from '@/config/website';
+
+export default {
+  data() {
+    return {
+      form: {},
+      selectionList: [],
+      query: {},
+      loading: true,
+      parentId: 0,
+      direction:'rtl',
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      isRegister:false,
+      option: {
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: false,
+        viewBtnIcon:'none',
+        editBtn:false,
+        delBtn:false,
+        addBtn:false,
+        selection: true,
+        saveBtn:false,
+        updateBtn:false,
+        cancelBtn:false,
+        dialogType: 'drawer',
+        border:false,stripe:true,
+        dialogClickModal: false,
+        column: [
+          {
+            label: "体检人姓名",
+            prop: "name",
+          },
+          {
+            label: "身份证号码",
+            prop: "releaseCard",
+            searchLabelWidth:100,
+            search:true
+          },
+          {
+            label: "联系方式",
+            prop: "phone",
+          },
+          {
+            label: "预约时间",
+            prop: "releaseTime",
+            type: "date",
+            format: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd",
+            search: true,
+            searchValue:'2022-02-09',
+            searchClearable:false
+          },
+          {
+            label: "预约项目",
+            prop: "releaseProject",
+            type: "select",
+            hide: true,
+            dicData:[
+                {
+                    label:'全部',
+                    value:0
+                },
+                {
+                    label:'视力',
+                    value:1
+                },
+                {
+                    label:'听力',
+                    value:2
+                },
+                {
+                    label:'四肢',
+                    value:3
+                }
+            ],
+            search: true,
+            viewDisplay:false,
+            searchValue:0
+          },
+          {
+            label:'预约项目',
+            prop:"releasePro",
+
+          },
+          {
+            label: "状态",
+            prop: "status",
+            slot: true,
+            viewDisplay:false,
+          },
+        ]
+      },
+      data: [],
+      regData:{
+        status:3,
+        name:'/',
+        cardId:'/',
+        phone:'/',
+        project:'/',
+        time:'/'
+      }
+    };
+  },
+  computed: {
+   
+  },
+  methods: {
+    handleRegister(){
+      this.isRegister = true
+    },
+    beforeOpen(done, type) {
+    //   if (["add", "edit"].includes(type)) {
+    //     this.initData();
+    //   }
+    //   if (["edit", "view"].includes(type)) {
+    //     getDept(this.form.id).then(res => {
+    //       this.form = res.data.data;
+    //     });
+    //   }
+      done();
+    },
+    beforeClose(done) {
+    //   this.parentId = "";
+    //   const column = this.findObject(this.option.column, "parentId");
+    // //   column.value = "";
+    //   column.addDisabled = false;
+      done();
+    },
+    closeDraw(){
+      this.isRegister = false
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      // getLazyList(this.parentId, Object.assign(params, this.query)).then(res => {
+      //   this.data = res.data.data;
+      //   
+      //   this.selectionClear();
+      // });
+      this.data = [
+        {name:'张三',releaseCard:321236195812020314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:1},
+        {name:'李四',releaseCard:321236195812020313,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:2},
+        {name:'王五',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:3},
+        {name:'刘敏',releaseCard:321236195812012314,phone:13254651235,releaseTime:'2023-02-07',releasePro:'视力 听力',status:4},
+      ]
+      this.loading = false;
+      this.page.total = 4;
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
+<style lang="scss">
+.el-drawer__wrapper{
+  .register_box{
+    width: 45% !important;
+    padding: 0 40px;
+
+    .title_box{
+      // padding: 0 40px;
+      margin-top: 40px;
+      .title_txt{
+        display: flex;
+        height: 30px;
+        align-items: center;
+        justify-content: space-between;
+
+        .txt{
+          font-weight: bold;
+          color: #333333;
+          line-height: 16px;
+          font-size: 20px;
+
+        }
+        .img_box{
+          img{
+            width: 30px;
+            height: 30px;
+          }
+        }
+      }
+      .sub_txt{
+        font-size: 14px;
+        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+        font-weight: 400;
+        color: #999999;
+        line-height: 16px;
+      }
+    }
+    .tip_box{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin:60px 0 20px 0;
+
+      .img{
+        width: 30px;
+        height: 30px;
+      }
+      .tip_txt{
+        font-size: 24px;
+        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+        font-weight: bold;
+        color: #00B578;
+        margin-left: 10px;
+      }
+
+      .fail_txt{
+        color: #F93A4A;
+      }
+      .warn_txt{
+        color: #FF6010;
+      }
+    }
+    .tips_txt{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+      font-weight: 400;
+      color: #F93A4A;
+    }
+    .tips_warn{
+      color: #FF6010;
+    }
+    .fail_tip{
+      color: #FF6010;
+    }
+
+    .account_mess{
+      .mess_tit{
+        font-size: 16px;
+        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+        font-weight: bold;
+        color: #333333;
+        margin:40px 0 20px 0;
+      }
+      .mess_box{
+        width: 100%;
+        height: 123px;
+        background: #F5F6FA;
+        border-radius: 8px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .left_box{
+          width: 25%;
+          margin-left: 30px;
+            .acc_text{
+              font-size: 14px;
+              font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+              font-weight: 400;
+              color: #999999;
+              margin-bottom:14px;
+            }
+
+            .acc_txt{
+              font-size: 16px;
+              font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+              font-weight: bold;
+              color: #00B578;
+            }
+        }
+        .fail_box{
+          .acc_txt{
+            color: #333333;
+          }
+        }
+         .warn_box{
+          .acc_txt{
+            color: #333333;
+          }
+        }
+        .right_box{
+          display: flex;
+          width: 75%;
+          align-items: center;
+          justify-content: space-between;
+          .acc_box{
+            .acc_text{
+              font-size: 14px;
+              font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+              font-weight: 400;
+              color: #999999;
+              margin-bottom:14px;
+            }
+
+            .acc_txt{
+              font-size: 16px;
+              font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+              font-weight: bold;
+              color: #00B578;
+            }
+          }
+        }
+        .fail_right{
+          .acc_box{
+            .acc_txt{
+              color: #333333;
+            }
+          }
+        }
+        .warn_right{
+          .acc_box{
+            .acc_txt{
+              color: #333333;
+            }
+          }
+        }
+      }
+      .reg_box{
+          justify-content: start;
+          .left_box{
+            .acc_txt{
+              color: #333333;
+            }
+          }
+          .right_box{
+            .acc_box{
+              .acc_txt{
+                color: #333333;
+              }
+              .acc_warn{
+                color: #FF6010;
+              }
+            }
+          }
+          
+        }
+    }
+
+    .btn{
+      width: 151px;
+      height: 50px;
+      background: #1677FF;
+      border-radius: 2px 2px 2px 2px;
+      margin: 0 auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+      font-weight: 400;
+      color: #FFFFFF;
+      margin-top: 50px;
+    }
+  }
+}
+</style>
diff --git a/src/views/booknumber/index.vue b/src/views/booknumber/index.vue
new file mode 100644
index 0000000..c91c709
--- /dev/null
+++ b/src/views/booknumber/index.vue
@@ -0,0 +1,329 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"  :span-method="spanMethod" :table-loading="loading" :page.sync="page" :data="data" ref="crud" v-model="form"
+      :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel"
+      @row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
+      @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+      @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad">
+      <template slot-scope="{row}" slot="num">
+        <div v-for="item1 in row.itemArr.map(item => item.monment + item.time)" :key="item1">{{item1}}</div>
+      </template>
+      <template slot-scope="{row}" slot="count">
+        <div v-for="item1 in row.itemArr.map(item => item.count)" :key="item1">{{item1}}</div>
+      </template>
+      <template slot-scope="{row}" slot="people">
+        <div :class="row.itemArr.find(item => item.count == item1) ? 'cla' :''" v-for="item1 in row.itemArr.map(item => item.people)" :key="item1">{{item1}}</div>
+      </template>
+      <template slot-scope="{row}" slot="menu">
+        <el-button  @click="handleRegister">修改</el-button>
+      </template>
+      <template slot-scope="scope" slot="menuLeft">
+      <el-button  type="primary"
+        icon="el-icon-plus"
+        size="small" @click="addNumber">添加号源</el-button>
+    </template>
+    </avue-crud>
+    <el-drawer
+      :visible.sync="isNumber"
+      :append-to-body="true"
+      :direction="direction"
+      :with-header="false"
+      custom-class="number_box">
+      <div class="title_box">
+        <div class="title_txt">
+          <div class="txt">新增号源</div>
+          <div class="img_box" @click="closeDraw">
+            <img src="~@/assets/image/close.png" alt="">
+          </div>
+        </div>
+        <div class="sub_txt">请先设置时段以及对应号源数量后选择该号源投放日期。</div>
+      </div>
+      <div>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="单眼视力" name="first">
+            <avue-form :option="addOption" v-model="addForm">
+              <template slot-scope="{row}" slot="input">
+                  <el-tag>{{row.input}}</el-tag>
+              </template>
+            </avue-form>
+          </el-tab-pane>
+          <el-tab-pane label="听力" name="second">听力</el-tab-pane>
+          <el-tab-pane label="四肢" name="third">四肢</el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getLazyList,
+  remove,
+  update,
+  add,
+  getDept,
+  getDeptTree
+} from "@/api/system/dept";
+import { mapGetters } from "vuex";
+import website from '@/config/website';
+
+export default {
+  data() {
+    return {
+      form: {},
+      selectionList: [],
+      query: {},
+      loading: true,
+      parentId: 0,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      addForm: {
+          dynamic: [{
+            input: 1,
+            select: 1
+          }, {
+            input: 2,
+            select: 2
+          }]
+        },
+      addOption: {
+          column: [
+            {
+              label: '子表单',
+              prop: 'dynamic',
+              type: 'dynamic',
+              span:24,
+              children: {
+                align: 'center',
+                headerAlign: 'center',
+                rowAdd:(done)=>{
+                  this.$message.success('新增回调');
+                    done({
+                      input:'默认值'
+                    });
+                },
+                rowDel:(row,done)=>{
+                  this.$message.success('删除回调'+JSON.stringify(row));
+                  done();
+                },
+                column: [
+                  {
+                    width: 200,
+                    label: '输入框',
+                    prop: "input"
+                  }, 
+                  {
+                    label: '选择框',
+                    prop: "select",
+                    type: 'select',
+                    dicData: [{
+                      label: '测试1',
+                      value: 1
+                    }, {
+                      label: '测试2',
+                      value: 2
+                    }
+                    ]
+                  }
+                ]
+              }
+            }
+          ]
+        },
+      activeName: 'first',
+      isNumber:false,
+      option: {
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: false,
+        border:false,
+        editBtn:false,
+        delBtn:false,
+        addBtn:false,
+        selection: true,
+        saveBtn:false,
+        updateBtn:false,
+        cancelBtn:false,
+        dialogType: 'drawer',
+        dialogClickModal: false,
+        column: [
+          {
+            label: "体检项目",
+            prop: "regName",
+          },
+          {
+            label: "日期",
+            prop: "releaseTime",
+            type: "date",
+            format: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd",
+            search: true,
+            searchValue:'2022-02-09',
+            searchClearable:false
+          },
+          {
+            label: "体检项目",
+            prop: "projectName",
+            type: "select",
+            hide: true,
+            dicData:[
+                {
+                    label:'全部',
+                    value:0
+                },
+                {
+                    label:'视力',
+                    value:1
+                },
+                {
+                    label:'听力',
+                    value:2
+                },
+                {
+                    label:'四肢',
+                    value:3
+                }
+            ],
+            search: true,
+            viewDisplay:false,
+            searchValue:0,
+          },
+          {
+            label:'放号时段',
+            prop:"num",
+            slot:true
+          },
+          {
+            label: "号源数量",
+            prop: "count",
+            slot:true
+          },
+          {
+            label: "预约人数",
+            prop: "people",
+            slot:true
+          },
+        ]
+      },
+      data: []
+    };
+  },
+  computed: {
+   
+  },
+  methods: {
+    spanMethod({ row, column, rowIndex, columnIndex }) {
+      // console.log(row)
+      // console.log(column)
+    },
+    beforeOpen(done, type) {
+    //   if (["add", "edit"].includes(type)) {
+    //     this.initData();
+    //   }
+    //   if (["edit", "view"].includes(type)) {
+    //     getDept(this.form.id).then(res => {
+    //       this.form = res.data.data;
+    //     });
+    //   }
+      done();
+    },
+    addNumber(){
+      this.isNumber = true
+    },
+    beforeClose(done) {
+    //   this.parentId = "";
+    //   const column = this.findObject(this.option.column, "parentId");
+    // //   column.value = "";
+    //   column.addDisabled = false;
+      done();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      this.data = [
+        {regName:'视力',releaseTime:'2023-02-10',
+        itemArr:[
+         { monment:'上午',time:'9:00-9:30',count:4,people:4},
+         { monment:'上午',time:'9:30-10:00',count:4,people:0},
+         { monment:'上午',time:'10:00-10:30',count:4,people:1},
+        ]},
+        {regName:'听力',releaseTime:'2023-02-10',
+        itemArr:[
+         { monment:'上午',time:'9:00-9:30',count:4,people:3},
+         { monment:'上午',time:'9:30-10:00',count:4,people:3},
+         { monment:'上午',time:'10:00-10:30',count:4,people:3},
+        ]},
+        {regName:'四肢',releaseTime:'2023-02-10',
+        itemArr:[
+         { monment:'上午',time:'9:00-9:30',count:4,people:3},
+         { monment:'上午',time:'9:30-10:00',count:4,people:3},
+         { monment:'上午',time:'10:00-10:30',count:4,people:3},
+        ]},
+      ]
+      this.loading = false;
+      this.page.total = this.data.length
+    },
+  }
+};
+</script>
+
+<style lang='scss' scoped>
+::v-deep .cla{
+  color: #F93A4A;
+}
+</style>
+<style lang="scss">
+.el-drawer__wrapper{
+  .number_box{
+    width: 45% !important;
+    padding: 0 40px;
+    .title_box{
+      // padding: 0 40px;
+      margin-top: 40px;
+      .title_txt{
+        display: flex;
+        height: 30px;
+        align-items: center;
+        justify-content: space-between;
+
+        .txt{
+          font-weight: bold;
+          color: #333333;
+          line-height: 16px;
+          font-size: 20px;
+
+        }
+        .img_box{
+          img{
+            width: 30px;
+            height: 30px;
+          }
+        }
+      }
+      .sub_txt{
+        font-size: 14px;
+        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+        font-weight: 400;
+        color: #999999;
+        line-height: 16px;
+      }
+    }
+  }
+}
+</style>