telephone-clients 3.0.104-10 → 3.0.104-100

package/src/components/workorder/TemporarySingle.vue

@@ -11,7 +11,7 @@
     </div>
     <div class="row app-row">
       <div class="col-xs-4">
-        <label >联系电话</label>
+        <label>联系电话</label>
       </div>
       <div class="col-xs-8">
         <input class="input-font inputText4 " v-model=model.f_contact_phone style="width: 100%"></input>
@@ -20,7 +20,7 @@
     </div>
     <div class="row app-row">
       <div class="col-xs-4">
-        <label >详细地址</label>
+        <label>详细地址</label>
       </div>
       <div class="col-xs-8">
         <input class="input-font inputText4 " v-model=model.f_address style="width: 100%"></input>
@@ -62,7 +62,8 @@
         <label>选择站点</label>
       </div>
       <div class="col-xs-8">
-        <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" v-ref:f_reciever width="100%" style="width: 100%">
+        <right-tree islist :userid="userid" :source="source" v-on:re-res="reres" v-ref:f_reciever width="100%"
+                    style="width: 100%">
 
         </right-tree>
       </div>
@@ -78,7 +79,7 @@
                   class="inputText4"
                   :width="'100%'"
                   :value-single="true"
-                  v-model="model.f_repairtype"  close-on-select clear-button></v-select>
+                  v-model="model.f_repairtype" close-on-select clear-button></v-select>
       </div>
 
     </div>
@@ -92,7 +93,7 @@
                   class="inputText4"
                   :width="'100%'"
                   multiple
-                  v-model="failure"  clear-button></v-select>
+                  v-model="failure" clear-button></v-select>
       </div>
 
     </div>
@@ -108,16 +109,20 @@
     <div class="form-group col-sm-12">
 
       <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+        <div class="panel-body panel-self"
+             style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
           <div class="row" style="height: 180px;overflow: scroll;top: 1px">
             <div class="col-sm-4">
-              <img-self :src="model.f_single_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+              <img-self :src="model.f_single_path" alt="抢修照片" :width="140" :height="170" capture="camera" type="file"
+                        @change="upload"></img-self>
             </div>
           </div>
 
           <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../assets/remove.png" @click="delfile('f_single_path', model.f_single_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_single_path','抢修照片')" >拍照</button>
+            <img src="../../assets/remove.png" @click="delfile('f_single_path', model.f_single_path)"/>
+            <button type="button" name="button" class="btn btn-primary btn-photo"
+                    @click="takePic('f_single_path','抢修照片')">拍照
+            </button>
 
           </div>
         </div>
@@ -127,16 +132,20 @@
     <div class="form-group col-sm-12">
 
       <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+        <div class="panel-body panel-self"
+             style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
           <div class="row" style="height: 180px;overflow: scroll;top: 1px">
             <div class="col-sm-4">
-              <img-self :src="model.f_singlea_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+              <img-self :src="model.f_singlea_path" alt="抢修照片" :width="140" :height="170" capture="camera" type="file"
+                        @change="upload"></img-self>
             </div>
           </div>
 
           <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../assets/remove.png" @click="delfile('f_singlea_path', model.f_singlea_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic1('f_singlea_path','抢修照片')" >拍照</button>
+            <img src="../../assets/remove.png" @click="delfile('f_singlea_path', model.f_singlea_path)"/>
+            <button type="button" name="button" class="btn btn-primary btn-photo"
+                    @click="takePic1('f_singlea_path','抢修照片')">拍照
+            </button>
 
           </div>
         </div>
@@ -146,16 +155,20 @@
     <div class="form-group col-sm-12">
 
       <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+        <div class="panel-body panel-self"
+             style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
           <div class="row" style="height: 180px;overflow: scroll;top: 1px">
             <div class="col-sm-4">
-              <img-self :src="model.f_singleb_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+              <img-self :src="model.f_singleb_path" alt="抢修照片" :width="140" :height="170" capture="camera" type="file"
+                        @change="upload"></img-self>
             </div>
           </div>
 
           <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../assets/remove.png" @click="delfile('f_singleb_path', model.f_singleb_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic2('f_singleb_path','抢修照片')" >拍照</button>
+            <img src="../../assets/remove.png" @click="delfile('f_singleb_path', model.f_singleb_path)"/>
+            <button type="button" name="button" class="btn btn-primary btn-photo"
+                    @click="takePic2('f_singleb_path','抢修照片')">拍照
+            </button>
 
           </div>
         </div>
@@ -170,311 +183,342 @@
 </template>
 
 <script>
-import Vue from 'vue'
-import * as Util from '../../components/Util'
-export default {
-  title: '在线维修处理',
-  props: {
-     userinfo:{
-       type: Object,
-       default: null
-     }
-  },
-  data() {
-    return {
-      source:
-        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
-        'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
-      userid: Vue.user.id,
-      failure:['更换不锈钢波纹管'],
-      model:{
-        f_userinfo_id:'',
-        f_userinfo_code:'',
-        aState: null,
-        f_address: '',
-        f_area: "",
-        f_attendant: Vue.user.name,
-        f_building: "",
-        f_card_id: "",
-        f_contact_phone: "",
-        f_depid:Vue.user.depids,
-        f_filiale_id: "",
-        f_floor: "",
-        f_handlingtype: "转维修员",
-        f_enter_number:'',
-        f_meetunit: "",
-        f_operator:Vue.user.name,
-        f_operatorid:Vue.user.id,
-        f_orgid:Vue.user.orgid,
-        f_orgname:Vue.user.orgs,
-        f_outlets: "",
-        f_phone: "",
-        f_reciever: "",
-        f_remarks: "",
-        f_repair_date: Util.getNowDate(),
-        f_repairman_phone: "",
-        f_repairtype: "整改",
-        f_residential_area: "",
-        f_room: "",
-        f_service_id: "",
-        f_source: "临时派单",
-        f_street: "",
-        f_unit: "",
-        f_unit_name: "",
-        f_user_name: "",
-        f_user_type: "",
-        failure: "",
-        f_single_path:'',
-        f_singlea_path:'',
-        f_singleb_path:'',
-        serviceacitivity:[{
-          f_service_acitivity_type: "派单",
-          f_reciever: Vue.user.name
-        }]
+  import Vue from 'vue'
+  import * as Util from '../../components/Util'
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '在线维修处理',
+    props: {
+      userinfo: {
+        type: Object,
+        default: null
       },
-      repairstypes : this.$appdata.getParam('报修类型'),
-      failuretypes: this.$appdata.getParam('在线维修故障类型'),
-      user_types:[{label:"民用",value:"民用"},
-        {label:"非民用",value:"非民用"}],
-      repair_types:[{label:"民用",value:"民用"},
-        {label:"非民用",value:"非民用"}],
-      handling_types:[{label:"是",value:"转站点"},
-        {label:"否",value:"转维修员"}]
-    }
-  },
-  methods: {
-    delfile(prop, fileName) {
-      if (fileName == Vue.nopic)
-        return
-      else {
-        HostApp.delfile(fileName)
-        this.model[prop] = Vue.nopic
+      f_userinfo_id: {
+        type: String,
+        default: ''
       }
     },
-    cameraCallBack(prop, fileName) {
-      HostApp.__this__.model.f_single_path = fileName + '?' + Math.random()
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    cameraCallBack1(prop, fileName) {
-      HostApp.__this__.model.f_singlea_path = fileName + '?' + Math.random()
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    cameraCallBack2(prop, fileName) {
-      HostApp.__this__.model.f_singleb_path = fileName + '?' + Math.random()
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
+    data() {
+      return {
+        source:
+          'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+          'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
+        userid: Vue.user.id,
+        is_has_jingweidu: this.$appdata.getSingleValue('照片水印加经纬度') || 'false',
+        failure: ['更换不锈钢波纹管'],
+        model: {
+          f_userinfo_id: '',
+          f_userinfo_code: '',
+          aState: null,
+          f_address: '',
+          f_area: "",
+          f_attendant: Vue.user.name,
+          f_building: "",
+          f_card_id: "",
+          f_contact_phone: "",
+          f_depid: Vue.user.depids,
+          f_filiale_id: "",
+          f_floor: "",
+          f_handlingtype: "转维修员",
+          f_enter_number: '',
+          f_meetunit: "",
+          f_operator: Vue.user.name,
+          f_operatorid: Vue.user.id,
+          f_orgid: Vue.user.orgid,
+          f_orgname: Vue.user.orgs,
+          f_outlets: "",
+          f_phone: "",
+          f_reciever: "",
+          f_remarks: "",
+          f_repair_date: Util.getNowDate(),
+          f_repairman_phone: "",
+          f_repairtype: "整改",
+          f_residential_area: "",
+          f_room: "",
+          f_service_id: "",
+          f_source: "临时派单",
+          f_street: "",
+          f_unit: "",
+          f_unit_name: "",
+          f_user_name: "",
+          f_user_type: "",
+          failure: "",
+          f_single_path: '',
+          f_singlea_path: '',
+          f_singleb_path: '',
+          serviceacitivity: [{
+            f_service_acitivity_type: "派单",
+            f_reciever: Vue.user.name
+          }]
+        },
+        repairstypes: this.$appdata.getParam('报修类型'),
+        failuretypes: this.$appdata.getParam('在线维修故障类型'),
+        user_types: [{label: "民用", value: "民用"},
+          {label: "非民用", value: "非民用"}],
+        repair_types: [{label: "民用", value: "民用"},
+          {label: "非民用", value: "非民用"}],
+        handling_types: [{label: "是", value: "转站点"},
+          {label: "否", value: "转维修员"}]
+      }
     },
+    methods: {
+      delfile(prop, fileName) {
+        if (fileName == Vue.nopic)
+          return
+        else {
+          HostApp.delfile(fileName)
+          this.model[prop] = Vue.nopic
+        }
+      },
+      cameraCallBack(prop, fileName) {
+        HostApp.__this__.model.f_single_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      cameraCallBack1(prop, fileName) {
+        HostApp.__this__.model.f_singlea_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      cameraCallBack2(prop, fileName) {
+        HostApp.__this__.model.f_singleb_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
 
-    takePic(prop, title) {
-      HostApp.__callback__ = this.cameraCallBack
-      HostApp.__this__ = this
-      let fileName
-      if (!this.model.f_single_path || this.model.f_single_path.includes("nopic.png")) {
-        fileName = Util.guid() + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.model.f_single_path)
-      }
-      //tag
-      //tag
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+      takePic(prop, title) {
+        const obj = HostApp.getGpsDetailAddress()
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_single_path || this.model.f_single_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_single_path)
         }
-      })
-    },
-    takePic1(prop, title) {
-      HostApp.__callback__ = this.cameraCallBack1
-      HostApp.__this__ = this
-      let fileName
-      if (!this.model.f_singlea_path || this.model.f_singlea_path.includes("nopic.png")) {
-        fileName = Util.guid() + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.model.f_singlea_path)
-      }
-      //tag
-      //tag
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+        let jingweidu = ''
+        if (this.is_has_jingweidu == 'true') {
+          jingweidu = '\t经度：' + obj.longitude + '\t纬度：' + obj.latitude
         }
-      })
-    },
-    takePic2(prop, title) {
-      HostApp.__callback__ = this.cameraCallBack2
-      HostApp.__this__ = this
-      let fileName
-      if (!this.model.f_singleb_path || this.model.f_singleb_path.includes("nopic.png")) {
-        fileName = Util.guid() + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.model.f_singleb_path)
-      }
-      //tag
-      //tag
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name + jingweidu
+          }
+        })
+      },
+      takePic1(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack1
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_singlea_path || this.model.f_singlea_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_singlea_path)
         }
-      })
-    },
-
-    save() {
-      if (!this.model.f_address){
-        this.$showMessage('请填写地址信息')
-        return
-      }
-      //tag)
-      let data = {
-        model: this.model, loginUser: {
-          name: Vue.user.name,
-          ename: Vue.user.ename
-        }, user: null, callObj: null
-      }
-      if(this.model.f_handlingtype=='转维修员'){
-        data.toRepair = '一级派单'
-        this.model.f_meetunit = Vue.user.deps
-        this.model.f_orgid = Vue.user.orgid
-        this.model.f_filiale = Vue.user.org
-        this.model.f_outlets = Vue.user.deps
-        this.model.f_filiale_id = Vue.user.orgid
-      }
-      //tag
-      HostApp.__this__ = this
-      HostApp.logicWithHint({'logic': 'callerSendPhone', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
-        'data': data, 'backresult':1
-      })
-    },
-    commitCallBack(jo){
-      if (jo.state == "ok"&&this.model.f_handlingtype=='转站点'){
-        this.$showMessage('抢修上报成功', ['confirm']).then((req) => {
-          if (req === 'confirm') {
-            this.$dispatch('confirm')
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
           }
         })
-      }
-      else if (jo.state == "ok"&&this.model.f_handlingtype=='转维修员'){
-        this.$showMessage('抢修上报成功,请前往待办工单页面查看', ['confirm']).then((req) => {
-          if (req === 'confirm') {
-            this.$dispatch('confirm')
+      },
+      takePic2(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack2
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_singleb_path || this.model.f_singleb_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_singleb_path)
+        }
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
           }
         })
-      }else{
-        this.$showMessage('服务器内部错误')
-      }
-    },
-    reres(val){
-      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
-        return
+      },
+
+      save() {
+        if (!this.model.f_address) {
+          this.$showMessage('请填写地址信息')
+          return
+        }
+        //tag)
+        let data = {
+          model: this.model, loginUser: {
+            name: Vue.user.name,
+            ename: Vue.user.ename
+          }, user: null, callObj: null
+        }
+        if (this.model.f_handlingtype == '转维修员') {
+          data.toRepair = '一级派单'
+          this.model.f_meetunit = Vue.user.deps
+          this.model.f_orgid = Vue.user.orgid
+          this.model.f_filiale = Vue.user.org
+          this.model.f_outlets = Vue.user.deps
+          this.model.f_filiale_id = Vue.user.orgid
+        }
+        //tag
+        HostApp.__this__ = this
+        HostApp.logicWithHint({
+          'logic': 'callerSendPhone', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
+          'data': data, 'backresult': 1
+        })
+      },
+      commitCallBack(jo) {
+        if (jo.state == "ok" && this.model.f_handlingtype == '转站点') {
+          this.$showMessage('抢修上报成功', ['confirm']).then((req) => {
+            if (req === 'confirm') {
+              this.$dispatch('confirm')
+            }
+          })
+        } else if (jo.state == "ok" && this.model.f_handlingtype == '转维修员') {
+          this.$showMessage('抢修上报成功,请前往待办工单页面查看', ['confirm']).then((req) => {
+            if (req === 'confirm') {
+              this.$dispatch('confirm')
+            }
+          })
+        } else {
+          this.$showMessage('服务器内部错误')
+        }
+      },
+      reres(val) {
+        if (val.res == undefined || val.res[0] == undefined || val.res[0] == '') {
+          return
+        }
+        this.model.serviceacitivity[0].f_meetunit = val.res[0]
+        this.model.f_meetunit = val.res[0]
+        this.model.f_filiale_id = val.orgobj[0].parentid
+        this.model.f_filiale = val.orgobj[0].parentname
+        this.model.f_outlets = val.res[0]
+        this.model.serviceacitivity[0].f_reciever = val.resids[0]
+      },
+      changeFailure(val) {
+        let failure = []
+        for (let i = 0; i < val.length; i++) {
+          failure.push({"f_failure_type": val[i], "failurecase": []})
+        }
+        this.model.failure = JSON.stringify(failure)
       }
-      this.model.serviceacitivity[0].f_meetunit = val.res[0]
-      this.model.f_meetunit = val.res[0]
-      this.model.f_filiale_id = val.orgobj[0].parentid
-      this.model.f_filiale = val.orgobj[0].parentname
-      this.model.f_outlets = val.res[0]
-      this.model.serviceacitivity[0].f_reciever = val.resids[0]
     },
-    changeFailure(val) {
-      let failure = []
-      for (let i = 0; i < val.length; i++) {
-        failure.push({"f_failure_type": val[i], "failurecase": []})
+    ready() {
+      this.changeFailure(this.failure)
+      // let gen = select(this)
+      // co(gen)
+      if (this.f_userinfo_id) {
+        new HttpResetClass().load('POST', 'rs/sql/tel_getUserInfoAdress', {
+          data: {
+            condition: `ti.f_userinfo_id = '${this.f_userinfo_id}'`
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          this.userinfo = res.data[0]
+        })
       }
-      this.model.failure=JSON.stringify(failure)
-    }
-  },
-  ready(){
-    this.changeFailure(this.failure)
-    // let gen = select(this)
-    // co(gen)
-  },
-  watch: {
-    'failure'(val){
-      this.changeFailure(val)
     },
-    'userinfo'(val){
-      if(val){
-        this.model.f_user_name = val.f_user_name
-        this.model.f_contact_phone = val.f_user_phone
-        this.model.f_userinfo_id = val.f_userinfo_id
-        this.model.f_userinfo_code = val.f_userinfo_code
-        this.model.f_address = val.f_address
-        this.model.f_user_type = val.f_user_type
-        this.model.f_enter_number = val.f_enter_number
+    watch: {
+      'failure'(val) {
+        this.changeFailure(val)
+      },
+      'userinfo'(val) {
+        if (val) {
+          this.model.f_user_name = val.f_user_name
+          this.model.f_contact_phone = val.f_user_phone
+          this.model.f_userinfo_id = val.f_userinfo_id
+          this.model.f_userinfo_code = val.f_userinfo_code
+          this.model.f_address = val.f_address
+          this.model.f_user_type = val.f_user_type
+          this.model.f_enter_number = val.f_enter_number
+        }
       }
     }
   }
-}
 </script>
 
 <style scoped>
-.inputText4 {
-  font-family:Arial,Helvetica,sans-serif;
-  background:none repeat scroll 0 0 #F5F7FD;
-  border:1px solid #B8BFE9;
-  padding:5px 7px;
-  width:100px;
-  vertical-align:middle;
-  height:30px;
-  font-size:12px;
-  margin:0;
-  list-style:none outside none;
-}
-.input-font{
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-}
-.bg {
-  background-color: blue;
-  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;
-}
-.app-text {
-  font-size: 12px;
-}
+  .inputText4 {
+    font-family: Arial, Helvetica, sans-serif;
+    background: none repeat scroll 0 0 #F5F7FD;
+    border: 1px solid #B8BFE9;
+    padding: 5px 7px;
+    width: 100px;
+    vertical-align: middle;
+    height: 30px;
+    font-size: 12px;
+    margin: 0;
+    list-style: none outside none;
+  }
+
+  .input-font {
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+
+  .bg {
+    background-color: blue;
+    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;
+  }
+
+  .app-text {
+    font-size: 12px;
+  }
 </style>