system-phone 1.2.94 → 1.2.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-phone",
-  "version": "1.2.94",
+  "version": "1.2.97",
   "description": "手机模块 前端组件",
   "author": "何宁社 <524395609@qq.com>",
   "license": "ISC",

package/src/components/AttendManage.vue

@@ -15,23 +15,57 @@
         <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
       <!--</div>-->
     </div>
+    <validator name="v">
+      <modal
+        v-if="showModal"
+        :show.sync="showModal"
+        backdrop="false"
+        title="工程类型"
+        cancel-text="取消"
+        ok-text="确认"
+        :callback="apply"
+      >
+        <div class="form-horizontal" slot="modal-body">
+          <div class="row form-group app-input" style="margin: 10px auto">
+            <label class="">报建类型：</label>
+            <div class="col-sm-8">
+              <v-select
+                v-model="applyType"
+                placeholder='请选择需要发起的工程类型'
+                :value.sync="applyType"
+                :options='applyTypes'
+                :value-single="true"
+                class="select select_list"
+                :search="false"
+                close-on-select ></v-select>
+            </div>
+          </div>
+        </div>
+      </modal>
+    </validator>
   </div>
 </template>
 
 <script scoped>
   import Vue from 'vue'
   import  * as Util from '../Util'
+  import {HttpResetClass} from "vue-client";
   export default {
     title: '待办工作导航',
     data () {
       return {
         titleName:'待办工作',
+        showModal:false,
         isMenu:true,
         tabs: this.getTabs(),
         text: '导航组件this',
         beforeName:'待办工作',
         componentName:'repair-first',
-        sourcet:'竖屏'
+        sourcet:'竖屏',
+        applyType: '',  // 报建类型
+        // applyTypes:this.$appdata.getParam("手机报建类型"),
+        applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'},{label:'团购报建',value:'团购报建'},{label:'改管报建',value:'改管报建'},{label:'增容报建',value:'增容报建'},{label:'退款报建',value:'退款报建'},{label:'团购转散户',value:'团购转散户'},{label:'报警器报建',value:'报警器报建'},{label:'工商业报警器报建',value:'工商业报警器报建'}],
+
       }
     },
     ready () {
@@ -39,6 +73,79 @@
     },
 
     methods: {
+      click (row) {
+        let _this = this
+        this.$dispatch('gotoson', {
+          _this: _this,
+          title: row.defname,
+          safe: true
+        })
+        this.$goto('app-service-control', {selectdata: row})
+      },
+      async getProcessId(processname) {
+        let data = {
+          workname: processname
+        }
+        let http = new HttpResetClass()
+        let res = await http.load(
+          'POST',
+          `${this.$androidUtil.getProxyUrl()}/rs/logic/getProcessId`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+        )
+
+        return res.data
+      },
+      async apply () {
+        if (this.applyType === '' || this.applyType === null) {
+          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
+          return
+        }
+        let data = {
+          f_apply_type: this.applyType
+        }
+        if (this.applyType === '散户报建') {
+          data.processname = '散户报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '工商户报建') {
+          data.processname = '工商户报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '改管报建') {
+          data.processname = '改管报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '增容报建') {
+          data.processname = '增容报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '团购报建') {
+          data.processname = '团购报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '退款报建') {
+          data.processname = '退款报建流程'
+          data.defname = '终止报建'
+        } else if (this.applyType === '团购转散户') {
+          data.processname = '团购转散户报建流程'
+          data.defname = '信息确认'
+        }else if (this.applyType === '报警器报建') {
+          data.processname = '报警器报建流程'
+          data.defname = '报装申请'
+        }else if (this.applyType === '工商业报警器报建') {
+          data.processname = '工商业报警器报建流程'
+          data.defname = '报装申请'
+        } else {
+          this.$showMessage('暂无此类报装')
+          return
+        }
+
+        data.f_sub_state = "新增"
+        data.f_apply_source = "线下发起"
+        data.f_process_id = await this.getProcessId(data.processname)
+
+        // 调用ExplorationUser事件
+
+        this.click(data)
+        this.applyType = null
+        this.showModal = false
+      },
       // 查询本地所有待办
       getModelSum(){
         for(var i = 0;i<this.tabs.length;i++){
@@ -122,14 +229,18 @@
 
       },
       gotopage(param,title) {
-        console.log('进入子组件')
-        var prpdata = {
-          _this:this,
-          title:title,
-          safe:false
+        if(title === '工程发起'){
+            this.showModal = !this.showModal
+        }else{
+          console.log('进入子组件')
+          var prpdata = {
+            _this:this,
+            title:title,
+            safe:false
+          }
+          this.$dispatch('gotoson',prpdata)
+          this.$goto(param,{sourcet:'竖屏',tabname:title})
         }
-        this.$dispatch('gotoson',prpdata)
-        this.$goto(param,{sourcet:'竖屏',tabname:title})
       },
       mute () {
         HostApp.mute()
@@ -138,6 +249,29 @@
   }
 </script>
 <style lang="less">
+.app-input {
+  label {
+    float: left;
+  }
+  .select {
+    button {
+      border: none;
+      outline: none;
+      text-align: left;
+      .btn-placeholder {
+        color: #ACA899
+      }
+    }
+  }
+  .datepicker {
+    .form-control:focus {
+      border: none!important;
+      outline: none!important;
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+  }
+}
   .tab-befor-img  {
     content: '';
     background-size: 30px;

package/src/components/LoginApp.vue

@@ -206,9 +206,11 @@
           }
           // 设置登录人
           Vue.user = Util.f = ret.data
+          if (ret.data.state != '在职') {
+            this.loaderShow=false
+            return this.$showMessage("登陆失败,该账号已被注销！")
+          }
           // 对资源菜单进行排序
-
-
           let viewDetails = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
             source: 'this.getRights().where(row.getType()==$function$ && row.getPath($name$).indexOf($功能权限$) != -1)',
             userid: Vue.user.id

package/src/components/SystemSetUp.vue

@@ -1,298 +1,298 @@
-<template>
-  <div class="nav-bgcolor">
-    <div class="auto">
-      <div class="row nav-bgcolor" >
-        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
-          <img class="imgs" :src="imgback(tab.name)">
-          <p></p>
-          <p class="pagesfoot">{{tab.name}}</p>
-          <p></p>
-        </div>
-      </div>
-    </div>
-    <modal :show.sync="show" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header text-center">
-        <h4 class="modal-title">清除项选择</h4>
-        <input type="checkbox" class="" id="f_operator" v-model="all">
-        <label for="f_operator" class="font-size">全选</label>
-      </header>
-      <article slot="modal-body" v-if="show">
-        <div class="auto col-sm-11 col-xs-11 col-xs-offset-1 col-md-offset-1"  style="margin-top: 10px;">
-          <div class="col-sm-4 col-xs-4" v-for="f in fields">
-            <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
-            <label :for="'export-col-'+$index" class="font-size">{{f}}</label>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <center>
-          <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
-          <button v-show="show" type="button" class="btn btn-success" @click='clear()'>确定</button>
-        </center>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-
-export default {
-  title: '系统设置',
-  data() {
-    return {
-      titleName:'系统设置',
-      all: false,
-      flag:true,
-      show:false,
-      fields: {},
-      dataclear:[],
-      tabs: this.getTabs(),
-      //tabs:[{name:"清空数据"}],
-      modelval: [],
-      text: '导航组件this',
-      beforeName:'系统设置',
-    }
-  },
-  ready(){
-    // if(Vue.config.safecheck.clearPhone){
-    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
-    //   for (let i = 0; i < cleartable.length; i++) {
-    //     this.fields[cleartable[i].module]=cleartable[i].module
-    //   }
-    // }
-  },
-  methods: {
-    // clear(){
-    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
-    //   console.log(this.modelval)
-    //   for (let i = 0; i < cleartable.length; i++) {
-    //     for (let j = 0; j < this.modelval.length; j++) {
-    //       if (cleartable[i].module==this.modelval[i]){
-    //         this.dataclear=Object.assign([],this.dataclear,cleartable[i].tables)
-    //       }
-    //     }
-    //   }
-    //   console.log(this.dataclear)
-    //   this.cleandata()
-    // },
-    close(){
-      this.show=false
-      this.all=false
-      this.flag=true
-      this.modelval=[]
-    },
-    sortModelval () {
-      let sortModel = []
-      Object.keys(this.fields).forEach((key) => {
-        if (this.modelval.includes(key)) {
-          sortModel.push(key)
-        }
-      })
-      console.log('看看选择的顺序。。。', sortModel)
-      console.log('看看选择的顺序。。。', this.modelval)
-      if (sortModel.length==this.modelval.length-1){
-        this.flag=false
-        console.log("66666666666666")
-        this.all=false
-      }
-      console.log(Object.keys(this.fields).length)
-      if (sortModel.length==Object.keys(this.fields).length){
-        this.all=true
-      }
-      this.modelval = sortModel
-    },
-    imgback(val){
-      return require('../assets/'+val+'.png')
-    },
-    getTabs(){
-      for(let funs in Vue.user.functions){
-        if(Vue.user.functions[funs].link == 'system-setup'){
-          return Vue.user.functions[funs].children
-        }
-      }
-    },
-    gotopage(link,name) {
-      if(name == '清空数据'){
-        this.cleanalldata()
-      }
-      // else if (name == '清除数据'){
-      //   this.openclear()
-      // }
-      else if (name == '声音开关'){
-        this.voiceSwitch()
-      } else if(name == '导出数据'){
-        this.outdata()
-      }else if(name == '退出系统'){
-        HostApp.back_home()
-      }else if(name == '退出登录'){
-        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.$androidUtil.setPreference('f_repairman_id', 'x')
-            this.$androidUtil.setPreference('f_repairman_name', 'x')
-            this.$dispatch('gologin')
-          }
-        })
-      }else{
-        console.log('进入子组件')
-        var prpdata = {
-          _this:this,
-          title:name,
-          safe:true
-        }
-        this.$dispatch('gotoson',prpdata)
-        this.$goto(link)
-      }
-    },
-    cleanalldata(){
-      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
-          console.log((result.result))
-          if(result.result == '成功'){
-            this.$showMessage('清除数据完成!')
-          }else{
-            this.$showMessage('清除数据失败!')
-          }
-        }
-      })
-    },
-    // 清空数据
-    cleandata(){
-      console.log("88888888888")
-      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          let result = this.$androidUtil.bzLogic('clearPhoneDataNew', {tables: this.dataclear})
-          console.log((result.result))
-          if(result.result == '成功'){
-            this.$showMessage('清除数据完成!')
-          }else{
-            this.$showMessage('清除数据失败!')
-          }
-          this.close()
-        }
-      })
-    },
-    // 导出数据
-    openclear(){
-      this.show=true
-    },
-    voiceSwitch(){
-      console.log("进入声音开关")
-      let voicedata=this.$androidUtil.getPreference('f_voiceSwitch')
-      console.log(voicedata)
-      let voicechange ='开启'
-      if (voicedata=="true"){
-        console.log("进入判断")
-        voicechange = '关闭'
-      }
-      this.$showMessage('此操作为'+voicechange+'提示音,请再次确认！', ['confirm', 'cancel']).then((res) => {
-        if (res=='confirm'){
-          if (voicechange=='关闭'){
-            this.$androidUtil.setPreference('f_voiceSwitch', "false")
-            this.$showMessage('提示音关闭成功!')
-          }else{
-            this.$androidUtil.setPreference('f_voiceSwitch', "true")
-            this.$showMessage('提示音开启成功!')
-          }
-        }
-      })
-    },
-    outdata(){
-      HostApp.backupDatabase()
-      this.$showMessage('数据导出成功!')
-    },
-    //取消自动登录
-    cancelAutoLogin(){
-      let auto=this.$androidUtil.getPreference('autoLogin')
-      if(auto){
-        this.$androidUtil.setPreference('autoLogin', false)
-        this.$showMessage('已取消自动登录!')
-      }else{
-        this.$showMessage('当前已处于非自动登录!')
-      }
-    }
-  },
-  watch: {
-    'all' (val) {
-      if (val) {
-        this.modelval = Object.keys(this.fields)
-      } else {
-        console.log(this.flag)
-        if (this.flag){
-          this.modelval = []
-        }
-      }
-      this.flag=true
-    },
-    'modelval.length' () {
-      this.sortModelval()
-    }
-  }
-}
-
-</script>
-<style scoped>
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.flex-between span {
-  padding-right: 10px;
-}
-.flex-full {
-  flex: 1;
-}
-.name{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-.imgs{
-  width: 35px;
-  margin-top: 15px;
-}
-.plan {
-  border-bottom: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.manbiankuang{
-  width: 44%;
-  margin-top: 15px;
-  margin-left: 4%;
-  border:1px solid #e3e3e3;
-  border-radius:10px 10px 10px 10px;
-  text-align: center;
-  background-color: #ffffff;
-}
-.user{
-  border-bottom: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.safecheck{
-  border-bottom: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.appointment{
-  border-top: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.search{
-  border-top: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.upload{
-  border-top: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-
-
-</style>
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="row nav-bgcolor" >
+        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
+          <img class="imgs" :src="imgback(tab.name)">
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+          <p></p>
+        </div>
+      </div>
+    </div>
+    <modal :show.sync="show" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header text-center">
+        <h4 class="modal-title">清除项选择</h4>
+        <input type="checkbox" class="" id="f_operator" v-model="all">
+        <label for="f_operator" class="font-size">全选</label>
+      </header>
+      <article slot="modal-body" v-if="show">
+        <div class="auto col-sm-11 col-xs-11 col-xs-offset-1 col-md-offset-1"  style="margin-top: 10px;">
+          <div class="col-sm-4 col-xs-4" v-for="f in fields">
+            <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
+            <label :for="'export-col-'+$index" class="font-size">{{f}}</label>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <center>
+          <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
+          <button v-show="show" type="button" class="btn btn-success" @click='clear()'>确定</button>
+        </center>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+
+export default {
+  title: '系统设置',
+  data() {
+    return {
+      titleName:'系统设置',
+      all: false,
+      flag:true,
+      show:false,
+      fields: {},
+      dataclear:[],
+      tabs: this.getTabs(),
+      //tabs:[{name:"清空数据"}],
+      modelval: [],
+      text: '导航组件this',
+      beforeName:'系统设置',
+    }
+  },
+  ready(){
+    // if(Vue.config.safecheck.clearPhone){
+    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
+    //   for (let i = 0; i < cleartable.length; i++) {
+    //     this.fields[cleartable[i].module]=cleartable[i].module
+    //   }
+    // }
+  },
+  methods: {
+    // clear(){
+    //   let cleartable=Vue.config.safecheck.clearPhone.cleardata
+    //   console.log(this.modelval)
+    //   for (let i = 0; i < cleartable.length; i++) {
+    //     for (let j = 0; j < this.modelval.length; j++) {
+    //       if (cleartable[i].module==this.modelval[i]){
+    //         this.dataclear=Object.assign([],this.dataclear,cleartable[i].tables)
+    //       }
+    //     }
+    //   }
+    //   console.log(this.dataclear)
+    //   this.cleandata()
+    // },
+    close(){
+      this.show=false
+      this.all=false
+      this.flag=true
+      this.modelval=[]
+    },
+    sortModelval () {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      console.log('看看选择的顺序。。。', sortModel)
+      console.log('看看选择的顺序。。。', this.modelval)
+      if (sortModel.length==this.modelval.length-1){
+        this.flag=false
+        console.log("66666666666666")
+        this.all=false
+      }
+      console.log(Object.keys(this.fields).length)
+      if (sortModel.length==Object.keys(this.fields).length){
+        this.all=true
+      }
+      this.modelval = sortModel
+    },
+    imgback(val){
+      return require('../assets/'+val+'.png')
+    },
+    getTabs(){
+      for(let funs in Vue.user.functions){
+        if(Vue.user.functions[funs].link == 'system-setup'){
+          return Vue.user.functions[funs].children
+        }
+      }
+    },
+    gotopage(link,name) {
+      if(name == '清空数据'){
+        this.cleanalldata()
+      }
+      // else if (name == '清除数据'){
+      //   this.openclear()
+      // }
+      else if (name == '声音开关'){
+        this.voiceSwitch()
+      } else if(name == '导出数据'){
+        this.outdata()
+      }else if(name == '退出系统'){
+        HostApp.back_home()
+      }else if(name == '退出登录'){
+        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.$androidUtil.setPreference('f_repairman_id', 'x')
+            this.$androidUtil.setPreference('f_repairman_name', 'x')
+            this.$dispatch('gologin')
+          }
+        })
+      }else{
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:name,
+          safe:true
+        }
+        this.$dispatch('gotoson',prpdata)
+        this.$goto(link)
+      }
+    },
+    cleanalldata(){
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+        }
+      })
+    },
+    // 清空数据
+    cleandata(){
+      console.log("88888888888")
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneDataNew', {tables: this.dataclear})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+          this.close()
+        }
+      })
+    },
+    // 导出数据
+    openclear(){
+      this.show=true
+    },
+    voiceSwitch(){
+      console.log("进入声音开关")
+      let voicedata=this.$androidUtil.getPreference('f_voiceSwitch')
+      console.log(voicedata)
+      let voicechange ='开启'
+      if (voicedata=="true"){
+        console.log("进入判断")
+        voicechange = '关闭'
+      }
+      this.$showMessage('此操作为'+voicechange+'提示音,请再次确认！', ['confirm', 'cancel']).then((res) => {
+        if (res=='confirm'){
+          if (voicechange=='关闭'){
+            this.$androidUtil.setPreference('f_voiceSwitch', "false")
+            this.$showMessage('提示音关闭成功!')
+          }else{
+            this.$androidUtil.setPreference('f_voiceSwitch', "true")
+            this.$showMessage('提示音开启成功!')
+          }
+        }
+      })
+    },
+    outdata(){
+      HostApp.backupDatabase()
+      this.$showMessage('数据导出成功!')
+    },
+    //取消自动登录
+    cancelAutoLogin(){
+      let auto=this.$androidUtil.getPreference('autoLogin')
+      if(auto){
+        this.$androidUtil.setPreference('autoLogin', false)
+        this.$showMessage('已取消自动登录!')
+      }else{
+        this.$showMessage('当前已处于非自动登录!')
+      }
+    }
+  },
+  watch: {
+    'all' (val) {
+      if (val) {
+        this.modelval = Object.keys(this.fields)
+      } else {
+        console.log(this.flag)
+        if (this.flag){
+          this.modelval = []
+        }
+      }
+      this.flag=true
+    },
+    'modelval.length' () {
+      this.sortModelval()
+    }
+  }
+}
+
+</script>
+<style scoped>
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.flex-between span {
+  padding-right: 10px;
+}
+.flex-full {
+  flex: 1;
+}
+.name{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.imgs{
+  width: 35px;
+  margin-top: 15px;
+}
+.plan {
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.manbiankuang{
+  width: 44%;
+  margin-top: 15px;
+  margin-left: 4%;
+  border:1px solid #e3e3e3;
+  border-radius:10px 10px 10px 10px;
+  text-align: center;
+  background-color: #ffffff;
+}
+.user{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.safecheck{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.appointment{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.search{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.upload{
+  border-top: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+
+
+</style>