telephone-clients 3.0.102 → 3.0.103

package/src/components/workorder/PhoneStandWork.vue

@@ -1,354 +1,354 @@
-<template>
-  <div style="height: auto;width: 100%" class="repair-bg">
-    <div class="bq-parent">
-      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
-        <p>
-          待派发工单<span v-if="rows">（{{rows.length}}单）</span>
-          <span v-if="!rows">（暂无待派发工单）</span>
-        </p>
-      </blockquote>
-    </div>
-
-    <div>
-      <form>
-        <!--      查询条件-->
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label for="f_userinfo_code" class="font text-left">用户姓名：</label>
-          </div>
-          <div class="col-xs-8" >
-            <input  type="text"  v-model="username" placeholder='用户姓名'
-                    class="search_input input-font" />
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label for="f_userinfo_code" class="font text-left">用户地址：</label>
-          </div>
-          <div class="col-xs-8" >
-            <input type="text" id="f_userinfo_code" class="search_input input-font"
-                   v-model="address" placeholder='用户地址'  />
-          </div>
-        </div>
-        <!--     分割按钮和条件的高度   -->
-        <div class="row app-row" style="height: 10px;"></div>
-        <!--      按钮    -->
-        <div class="row text-center app-row">
-          <button type="button"  class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
-        </div>
-        <div style="height:30px;" class="app-row"></div>
-      </form>
-    </div>
-    <!--   列表 -->
-    <div class="panel panel-default repair-info-content auto">
-      <div class="panel-body">
-        <div class="panel panel-default well panel-blue-border"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
-          <div class="panel-body" style="padding: 10px">
-            <div class="row form-group">
-              <div class="col-sm-12 col-xs-12 col-md-12">
-                <div class="row" >
-                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    派发时间: {{row.f_created_date}}
-                  </div>
-                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单'||worktype == '安装单'">
-                    预约时间: {{row.f_yuyue_date}}
-                  </div>
-<!--                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
-                    报修类型: {{row.f_servicerepair_type}}
-                  </div>-->
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_repairtype">
-                    报修类型: {{row.f_repairtype}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
-                    用户编号: {{row.f_userinfo_code}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
-                    用户证号: {{row.f_enter_number}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    用户姓名: {{row.f_user_name}}
-                  </div>
-                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    来电电话: {{row.f_phone}}
-                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12">
-                    联系电话: {{row.f_contact_phone}}
-                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    用户地址: {{row.f_address}}
-                  </div>
-                  <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    备注信息: {{row.f_remarks}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.failure">
-                    <failure-show :value='row.failure'>
-                    </failure-show>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-12 col-xs-12 col-md-12">
-                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="selected(row)">下派</button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div style="height:auto;width: 100%;text-align: center">
-          <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
-          <span v-if="listData.isEnd">到底了......</span>
-        </div>
-      </div>
-      <modal :show.sync="sendshow" v-ref:modal :backdrop="false">
-        <div slot="modal-header" class="modal-header">
-          <h4 class="modal-title">
-            派发工单
-          </h4>
-        </div>
-        <div slot="modal-body" class="modal-body">
-          <div class="row" style="margin-top: 6px">
-            <label class="col-xs-4 col-md-4 control-label font text-left">接单人</label>
-            <div class="col-xs-8">
-              <v-select :value="sendselected.serviceacitivity[0].f_reciever" :value-single="true"
-                        :options='repairers' placeholder='请选择接单人'
-                        close-on-select v-on:change="repiarmancg"></v-select>
-            </div>
-          </div>
-          <div class="row" style="margin-top: 6px">
-            <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
-            <div class="col-xs-8 col-md-8">
-              <input type="text" v-model="sendselected.f_advice"/>
-            </div>
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-default" @click="worksend()">确定</button>
-          <button type="button" class="btn btn-default" @click="undo()">取消</button>
-        </div>
-      </modal>
-    </div>
-  </div>
-</template>
-<script>
-  import FailureShow from '../pc/FailureShow'
-  import { HttpResetClass } from 'vue-client'
-  import Vue from 'vue'
-  import * as Util from "../Util";
-
-  export default{
-    title: '移动端站点派发',
-    data () {
-      return {
-        // rows: Object
-        rows: [],
-        username:'',
-        address:'',
-        sendshow:false,
-        repairers: [],
-        sendselected:{
-          serviceacitivity:[
-            {
-              f_service_acitivity_type: '派单',
-              f_reciever:''
-            }
-          ],
-          f_advice:''
-        },
-        number:0,
-        listData: {
-          list: [],
-          isEnd: true,
-          index: 0
-        }
-      }
-    },
-    props: {
-    },
-    methods: {
-      worksend () {
-        if (!this.sendselected.serviceacitivity[0].f_reciever) {
-          this.$showMessage(`请选择接单人员!`, ['confirm'])
-          return
-        }
-        let data = {
-          model: this.sendselected,
-          loginUser: {name: Vue.user.name, ename: Vue.user.ename}
-        }
-        let HttpReset = new HttpResetClass()
-        // 将数据发送给业务逻辑
-        HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/siteSend`, data).then((res) => {
-          if (res.data.code == 300) {
-            this.sendshow = false
-            this.sendselected ={
-              serviceacitivity:[
-                {
-                  f_service_acitivity_type: '派单',
-                  f_reciever:''
-                }
-              ],
-              f_advice:''
-            }
-            this.ifsearch()
-            this.$showMessage(`该单已被派发!`, ['confirm'])
-            return
-          } else {
-            this.sendshow = false
-            this.sendselected ={
-              serviceacitivity:[
-                {
-                  f_service_acitivity_type: '派单',
-                  f_reciever:''
-                }
-              ],
-              f_advice:''
-            }
-            this.ifsearch()
-            this.$showMessage(`派发成功!`, ['confirm'])
-            return
-          }
-        })
-      },
-      repiarmancg(val){
-        this.sendselected.serviceacitivity[0].f_reciever = val
-      },
-      // 获取维修员
-      getEmp () {
-        // 获取接单人数组
-        let http = new HttpResetClass()
-        var val = {source: `this.getParentByType($organization$).getChildByName($维修员$).getUsers()`, userid: `${Vue.user.id}`}
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          res.data.forEach((item) => {
-            this.repairers.push({label: `${item.name}`, value: item.name})
-          })
-        })
-      },
-      ifsearch(){
-        this.listData.list = []
-        this.listData.index = 0
-        this.listData.isEnd = true
-        var condition = `1 = 1  and f_workorder_type = '报修单'`
-        if(this.username != ''){
-          condition += " and f_user_name like '%" + this.username + "%'"
-        }
-        if(this.address != ''){
-          condition += " and f_address like  '%" + this.address + "%'"
-        }
-        var val = {
-          condition:{
-            condition:condition,
-            sign:'1 = 1'
-          },
-          userid:Vue.user.name
-        }
-        //tag
-        //tag
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorService`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          this.rows = res.data
-          this.showMore()
-        })
-      },
-      selected (row) {
-        this.sendselected = Object.assign({}, this.sendselected, row)
-        this.sendshow =true
-      },
-      undo(){
-        this.sendselected ={
-          serviceacitivity:[
-            {
-              f_service_acitivity_type: '派单',
-              f_reciever:''
-            }
-          ],
-          f_advice:''
-        }
-        this.sendshow = false
-        this.ifsearch()
-      },
-      makeAPhoneCall(phoneNumber) {
-        this.$androidUtil.makeAPhoneCall(phoneNumber)
-      },
-      showMore() {
-        if (!this.rows) {
-          return
-        }
-        let endIndex = this.listData.index + 10
-        if (endIndex > this.rows.length) {
-          endIndex = this.rows.length
-        }
-        for (; this.listData.index < endIndex; this.listData.index++) {
-          this.listData.list.push(this.rows[this.listData.index])
-        }
-        if(this.listData.index == this.rows.length){
-          this.listData.isEnd = true
-        }else {
-          this.listData.isEnd = false
-        }
-      }
-    },
-    ready () {
-      this.getEmp()
-      this.ifsearch()
-    },
-    components: {
-      FailureShow,
-      'failure-show': FailureShow
-    }
-  }
-</script>
-<style scoped>
-  .searBtn {
-    background: #FFFFFF;
-    color: #0096fb;
-    border: 1px solid #0096fb;
-    border-radius: 5px;
-    padding: 8px;
-    text-align: center;
-    font-size: 1.2em;
-    z-index: 10;
-    opacity:0.5;
-    bottom: 50px;
-    margin-top: -10px;
-    height: 40px;
-  }
-  .bg {
-    background-color: #499edf;
-    height: 1px;
-    border: 0;
-  }
-  .app-row {
-    background-color: white;
-    padding: 10px 10px 0 10px;
-    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-  }
-  .search_input {
-    border: 0;
-    outline: none;
-  }
-  .font{
-    font: 15px PingFang-SC-Medium;
-    color: #666666;
-  }
-  .input-font{
-    font: 15px PingFang-SC-Medium;
-    color: #333333;
-  }
-  .btn-font{
-    font:600 16px PingFang-SC-Bold;
-    color: #499EDF;
-  }
-  .btn-color{
-    background-color: #FFFFFF;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-  }
-  .panel-blue-border {
-    border: 1px solid #499edf;
-    border-radius: 5px;
-  }
-</style>
+<template>
+  <div style="height: auto;width: 100%" class="repair-bg">
+    <div class="bq-parent">
+      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>
+          待派发工单<span v-if="rows">（{{rows.length}}单）</span>
+          <span v-if="!rows">（暂无待派发工单）</span>
+        </p>
+      </blockquote>
+    </div>
+
+    <div>
+      <form>
+        <!--      查询条件-->
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户姓名：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input  type="text"  v-model="username" placeholder='用户姓名'
+                    class="search_input input-font" />
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户地址：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input type="text" id="f_userinfo_code" class="search_input input-font"
+                   v-model="address" placeholder='用户地址'  />
+          </div>
+        </div>
+        <!--     分割按钮和条件的高度   -->
+        <div class="row app-row" style="height: 10px;"></div>
+        <!--      按钮    -->
+        <div class="row text-center app-row">
+          <button type="button"  class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
+        </div>
+        <div style="height:30px;" class="app-row"></div>
+      </form>
+    </div>
+    <!--   列表 -->
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well panel-blue-border"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
+          <div class="panel-body" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row" >
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    派发时间: {{row.f_created_date}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单'||worktype == '安装单'">
+                    预约时间: {{row.f_yuyue_date}}
+                  </div>
+<!--                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
+                    报修类型: {{row.f_servicerepair_type}}
+                  </div>-->
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_repairtype">
+                    报修类型: {{row.f_repairtype}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
+                    用户编号: {{row.f_userinfo_code}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
+                    用户证号: {{row.f_enter_number}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    来电电话: {{row.f_phone}}
+                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12">
+                    联系电话: {{row.f_contact_phone}}
+                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户地址: {{row.f_address}}
+                  </div>
+                  <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    备注信息: {{row.f_remarks}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.failure">
+                    <failure-show :value='row.failure'>
+                    </failure-show>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="selected(row)">下派</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="height:auto;width: 100%;text-align: center">
+          <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
+          <span v-if="listData.isEnd">到底了......</span>
+        </div>
+      </div>
+      <modal :show.sync="sendshow" v-ref:modal :backdrop="false">
+        <div slot="modal-header" class="modal-header">
+          <h4 class="modal-title">
+            派发工单
+          </h4>
+        </div>
+        <div slot="modal-body" class="modal-body">
+          <div class="row" style="margin-top: 6px">
+            <label class="col-xs-4 col-md-4 control-label font text-left">接单人</label>
+            <div class="col-xs-8">
+              <v-select :value="sendselected.serviceacitivity[0].f_reciever" :value-single="true"
+                        :options='repairers' placeholder='请选择接单人'
+                        close-on-select v-on:change="repiarmancg"></v-select>
+            </div>
+          </div>
+          <div class="row" style="margin-top: 6px">
+            <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
+            <div class="col-xs-8 col-md-8">
+              <input type="text" v-model="sendselected.f_advice"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="worksend()">确定</button>
+          <button type="button" class="btn btn-default" @click="undo()">取消</button>
+        </div>
+      </modal>
+    </div>
+  </div>
+</template>
+<script>
+  import FailureShow from '../pc/FailureShow'
+  import { HttpResetClass } from 'vue-client'
+  import Vue from 'vue'
+  import * as Util from "../Util";
+
+  export default{
+    title: '移动端站点派发',
+    data () {
+      return {
+        // rows: Object
+        rows: [],
+        username:'',
+        address:'',
+        sendshow:false,
+        repairers: [],
+        sendselected:{
+          serviceacitivity:[
+            {
+              f_service_acitivity_type: '派单',
+              f_reciever:''
+            }
+          ],
+          f_advice:''
+        },
+        number:0,
+        listData: {
+          list: [],
+          isEnd: true,
+          index: 0
+        }
+      }
+    },
+    props: {
+    },
+    methods: {
+      worksend () {
+        if (!this.sendselected.serviceacitivity[0].f_reciever) {
+          this.$showMessage(`请选择接单人员!`, ['confirm'])
+          return
+        }
+        let data = {
+          model: this.sendselected,
+          loginUser: {name: Vue.user.name, ename: Vue.user.ename}
+        }
+        let HttpReset = new HttpResetClass()
+        // 将数据发送给业务逻辑
+        HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/siteSend`, data).then((res) => {
+          if (res.data.code == 300) {
+            this.sendshow = false
+            this.sendselected ={
+              serviceacitivity:[
+                {
+                  f_service_acitivity_type: '派单',
+                  f_reciever:''
+                }
+              ],
+              f_advice:''
+            }
+            this.ifsearch()
+            this.$showMessage(`该单已被派发!`, ['confirm'])
+            return
+          } else {
+            this.sendshow = false
+            this.sendselected ={
+              serviceacitivity:[
+                {
+                  f_service_acitivity_type: '派单',
+                  f_reciever:''
+                }
+              ],
+              f_advice:''
+            }
+            this.ifsearch()
+            this.$showMessage(`派发成功!`, ['confirm'])
+            return
+          }
+        })
+      },
+      repiarmancg(val){
+        this.sendselected.serviceacitivity[0].f_reciever = val
+      },
+      // 获取维修员
+      getEmp () {
+        // 获取接单人数组
+        let http = new HttpResetClass()
+        var val = {source: `this.getParentByType($organization$).getChildByName($维修员$).getUsers()`, userid: `${Vue.user.id}`}
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          res.data.forEach((item) => {
+            this.repairers.push({label: `${item.name}`, value: item.name})
+          })
+        })
+      },
+      ifsearch(){
+        this.listData.list = []
+        this.listData.index = 0
+        this.listData.isEnd = true
+        var condition = `1 = 1  and f_workorder_type = '报修单'`
+        if(this.username != ''){
+          condition += " and f_user_name like '%" + this.username + "%'"
+        }
+        if(this.address != ''){
+          condition += " and f_address like  '%" + this.address + "%'"
+        }
+        var val = {
+          condition:{
+            condition:condition,
+            sign:'1 = 1'
+          },
+          userid:Vue.user.name
+        }
+        //tag
+        //tag
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorService`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          this.rows = res.data
+          this.showMore()
+        })
+      },
+      selected (row) {
+        this.sendselected = Object.assign({}, this.sendselected, row)
+        this.sendshow =true
+      },
+      undo(){
+        this.sendselected ={
+          serviceacitivity:[
+            {
+              f_service_acitivity_type: '派单',
+              f_reciever:''
+            }
+          ],
+          f_advice:''
+        }
+        this.sendshow = false
+        this.ifsearch()
+      },
+      makeAPhoneCall(phoneNumber) {
+        this.$androidUtil.makeAPhoneCall(phoneNumber)
+      },
+      showMore() {
+        if (!this.rows) {
+          return
+        }
+        let endIndex = this.listData.index + 10
+        if (endIndex > this.rows.length) {
+          endIndex = this.rows.length
+        }
+        for (; this.listData.index < endIndex; this.listData.index++) {
+          this.listData.list.push(this.rows[this.listData.index])
+        }
+        if(this.listData.index == this.rows.length){
+          this.listData.isEnd = true
+        }else {
+          this.listData.isEnd = false
+        }
+      }
+    },
+    ready () {
+      this.getEmp()
+      this.ifsearch()
+    },
+    components: {
+      FailureShow,
+      'failure-show': FailureShow
+    }
+  }
+</script>
+<style scoped>
+  .searBtn {
+    background: #FFFFFF;
+    color: #0096fb;
+    border: 1px solid #0096fb;
+    border-radius: 5px;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+  .bg {
+    background-color: #499edf;
+    height: 1px;
+    border: 0;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .panel-blue-border {
+    border: 1px solid #499edf;
+    border-radius: 5px;
+  }
+</style>