telephone-clients 3.0.103-7 → 3.0.103-70

package/src/filiale/guangxi/android/FaultAll.vue

@@ -1,896 +1,896 @@
-<template>
-  <div class="auto select-overspread form-horizontal repair-bg " style="padding-bottom:5px;">
-    <div class="bq-parent">
-      <blockquote class="blockquote">
-        <p>工单上传<a @click="$parent.mute()" style="float:right" href="javascript:void(0)" class="repair-mute-class"><img
-          src="../../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a>
-        </p>
-      </blockquote>
-    </div>
-    <div class="panel panel-default auto repair-info-content"
-         v-if="showhead && msg.serviceacitivity[0].f_result_status != '已完成'">
-      <div class="panel-body ">
-        <div class="row auto compatible">
-          <div class="row auto">
-            <!--<div class="panel panel-default auto repair-info-content">-->
-            <!--<div class="row auto compatible">-->
-            <!--&lt;!&ndash;<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="zhihuan">置换通气</label>&ndash;&gt;-->
-            <!--&lt;!&ndash;<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="hunei">户内维修</label>&ndash;&gt;-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="hunei.f_if_change == '是'">-->
-            <!--<label class="control-label ">换表</label>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="hunei.f_if_change == '是'">-->
-            <!--<p class="control-label">换表原因:{{hunei.f_reason_change}},{{hunei.f_result_change}}</p>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="hunei.details.length">户内维修-->
-            <!--故障详情</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-for="detail in hunei.details">-->
-            <!--<label class="control-label">-->
-            <!--<nobr>{{detail.f_project}}</nobr>-->
-            <!--</label>-->
-            <!--<span class="pd-top">{{detail.f_content}}，{{detail.f_contentmessage}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="gaiGuan">改管</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="gaiGuan.f_result">-->
-            <!--<span>处理结果：{{gaiGuan.f_result}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="gaiGuan.f_remarks">-->
-            <!--<span>备注：{{gaiGuan.f_remarks}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
-            <!--v-show="liGuanWeiXou">立管维修</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="liGuanWeiXou.f_type">-->
-            <!--<span>事故类型：{{liGuanWeiXou.f_li_type}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="liGuanWeiXou.f_remarks">-->
-            <!--<span>备注：{{liGuanWeiXou.f_remarks}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
-            <!--v-show="sanhuanzhuang">散户安装</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="sanhuanzhuang.f_li_result">-->
-            <!--<span>立管情况：{{sanhuanzhuang.f_li_result}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="sanhuanzhuang.f_remarks">-->
-            <!--<span>备注：{{sanhuanzhuang.f_remarks}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
-            <!--v-show="sheBeiRepairAll">设备维修</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group"-->
-            <!--v-for="sheBeiRepair in sheBeiRepairAll.details">-->
-            <!--<label class="control-label">-->
-            <!--<nobr>{{sheBeiRepair.f_project}}</nobr>-->
-            <!--</label><span class="pd-top">{{sheBeiRepair.f_content}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="troubleDeal">事故原因</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_fire">-->
-            <!--<label class="control-label">着火:</label><span class="pd-top">{{troubleDeal.f_fire_cause}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_leakage">-->
-            <!--<label class="control-label">泄露:</label><span class="pd-top">{{troubleDeal.f_leakage_cause}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_blast">-->
-            <!--<label class="control-label">爆炸:</label><span class="pd-top">{{troubleDeal.f_blast_cause}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_water">-->
-            <!--<label class="control-label">进水:</label><span class="pd-top">{{troubleDeal.f_water_cause}}</span>-->
-            <!--</div>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_stopup">-->
-            <!--<label class="control-label">堵塞:</label><span class="pd-top">{{troubleDeal.f_stopup_cause}}</span>-->
-            <!--</div>-->
-            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
-            <!--v-show="zaoJuRepairAll">灶具维修</label>-->
-            <!--<div class="col-xs-12 col-sm-6 col-md-4 form-input-group" v-for="zaoJuRepair in zaoJuRepairAll.details">-->
-            <!--<label class="control-label">-->
-            <!--<nobr>{{zaoJuRepair.f_project}}</nobr>-->
-            <!--</label><span class="pd-top">{{zaoJuRepair.f_content}}</span>-->
-            <!--</div>-->
-            <!--</div>-->
-            <!--</div>-->
-            <!--<img-area :model="model.imgs" :url="imgurl" :system="system"></img-area>-->
-            <div class="col-xs-12 col-sm-12 col-md-12 flex-between" style="margin-top: 20px;" v-if="!show">
-              <div class="col-xs-3 col-sm-3 col-md-3">
-                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='confirm("已完成")'>
-                  工单完成
-                </button>
-              </div>
-              <div class="col-xs-3 col-sm-3 col-md-3" v-show="wwcbutten">
-                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='noRepair'>
-                  工单未完
-                </button>
-              </div>
-              <div class="col-xs-3 col-sm-3 col-md-3" v-show="jabutten">
-                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='finishRepair'>
-                  工单结案
-                </button>
-              </div>
-              <div class="col-xs-3 col-sm-3 col-md-3" v-show="wwxbutten">
-                <button  type="button" name="button" class="col-sm-3 btn btn-primary" @click='cannotRepair'>
-                  无法完成
-                </button>
-              </div>
-              <div class="col-xs-3 col-sm-3 col-md-3" v-show="sfbutten">
-                <button  type="button" name="button" class="col-sm-3 btn btn-primary" @click='gotoOtherCharge'>
-                  工单收费
-                </button>
-              </div>
-              <!--<div class="col-xs-3 col-sm-3 col-md-3">-->
-              <!--<button  v-if="$androidUtil.isTest" type="button" name="button" class="col-sm-3 btn btn-primary"-->
-              <!--@click='fail("已完成")'>-->
-              <!--上传失败-->
-              <!--</button>-->
-              <!--</div>-->
-              <div class="col-xs-3 col-sm-3 col-md-3" v-show="savebutten">
-                <button type="button" name="button" class="col-sm-3 btn btn-primary"
-                        @click='workOrderSave'>
-                  临时保存
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="panel panel-default auto repair-info-content"
-         v-if="msg.serviceacitivity[0].f_result_status == '已完成' && !show">
-      <div class="panel-body ">
-        <div class="row auto compatible">
-          <div class="row auto">
-            <div class="col-xs-12 col-sm-12 col-md-12 flex-between" style="margin-top: 20px;" v-show="false">
-              <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='saveCompeleted()'>
-                保存
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="panel panel-default auto repair-info-content form-horizontal" v-if="showNorepair">
-      <div>
-        <p><big><b>工单未完成</b></big></p>
-      </div>
-      <div class="row">
-        <div class="col-sm-12 form-group form-fix-width">
-          <label class="control-label">原因</label>
-          <textarea name="name" rows="2" class="form-control ver-textarea"
-                    v-model="msg.serviceacitivity[0].f_reason"></textarea>
-        </div>
-      </div>
-      <failure-edit :value='msg.serviceacitivity[0].failure' @input='newFailure' v-if="msg.f_workorder_type == '报修单'">
-      </failure-edit>
-      <!--<div class="row">-->
-      <!--<div class="col-sm-12 form-group form-fix-width">-->
-      <!--<label class="control-label">选择站点</label>-->
-      <!--<v-select :value.sync="msg.serviceacitivity[0].f_department" :value-single="true"-->
-      <!--:options='repairers' placeholder='请选择站点'-->
-      <!--close-on-select></v-select>-->
-      <!--</div>-->
-      <!--</div>-->
-      <div class="form-group">
-        <button type="button" class="btn btn-default pull-right" @click='close'>取消</button>
-        <button type="button" class="btn btn-success pull-right" @click='confirm("未完成")'>确认</button>
-      </div>
-    </div>
-    <div class="panel panel-default auto repair-info-content form-horizontal" v-if="showCannotrepair">
-      <div>
-        <p><big><b>无法完成</b></big></p>
-      </div>
-      <div class="row">
-        <div class="col-sm-12 form-group form-fix-width">
-          <label class="control-label">原因</label>
-          <textarea name="name" rows="2" class="form-control ver-textarea"
-                    v-model="msg.serviceacitivity[0].f_reason"></textarea>
-        </div>
-      </div>
-      <failure-edit :value='msg.serviceacitivity[0].failure' @input='newFailure' v-if="msg.f_workorder_type == '报修单'">
-      </failure-edit>
-      <!--<div class="row">-->
-      <!--<div class="col-sm-12 form-group form-fix-width">-->
-      <!--<label class="control-label">选择站点</label>-->
-      <!--<v-select :value.sync="msg.serviceacitivity[0].f_department" :value-single="true"-->
-      <!--:options='repairers' placeholder='请选择站点'-->
-      <!--close-on-select></v-select>-->
-      <!--</div>-->
-      <!--</div>-->
-      <div class="row">
-        <div class="col-sm-12">
-          <button type="button" class="btn btn-default pull-right" @click='close1'>取消</button>
-          <button type="button" class="btn btn-success pull-right" @click='cannotRepaer()'>确认</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import * as Util from '../../../components/Util'
-import {HttpResetClass} from 'vue-client'
-import FailureEdit from '../../../components/pc/FailureEdit'
-import config from "../../../components/android/config";
-
-export default {
-  title: '故障汇总',
-  props: {
-    msg: {
-      type: Object
-    },
-    savevalid: {
-      type: Object
-    },
-    model: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: false
-    },
-    system: '',
-    parentPage:''
-  },
-  data() {
-    return {
-      savebutten:false,   // 工单保存按钮
-      wwcbutten:false,     // 未完成按钮
-      wwxbutten:false,     // 未维修按钮
-      jabutten:false,      //结案按钮
-      sfbutten:false,      //收费按钮
-      fileName: '',
-      datajson: '',
-      norepair: '',
-      showNorepair: false,
-      showCannotrepair: false,
-      showhead: true,
-      repairers : this.$appdata.getParam('站点管理员'),
-      config:{},
-      othercharge_id: ''
-    }
-  },
-  methods: {
-    // 停止录音
-    closely(isdelete){
-      try {
-        var startOrStopAudioClipStr;
-        if (isdelete===true) {
-          //tag
-          startOrStopAudioClipStr= HostApp.startOrStopAudioClip("----",'停止并删除录音') //停止并删除录音
-        }else {
-          //tag
-          startOrStopAudioClipStr= HostApp.startOrStopAudioClip("----",'停止录音') //停止录音
-        }
-        if (startOrStopAudioClipStr.code == 200) {
-          //tag
-          return true;
-        }else {
-          return  false;
-        }
-      } catch (e) {
-        console.error("关闭录音方法异常")
-        console.error(e)
-        return false;
-      }
-    },
-    /* // 录音方法
-     record() {
-       //tag
-       let fileName
-       if (!this.f_recording1_path) {
-         fileName = Util.guid() + '.amr'
-       } else {
-         fileName = Util.getFileName(this.f_recording1_path)
-       }
-       //HostApp.__this__ = this
-       /!*调用无限制录音模块*!/
-       let startOrStopState = HostApp.startOrStopAudioClip(fileName,"开始录音")
-       //tag
-       if (startOrStopState.code == 200) {
-         this.f_recording1_path =  "file:///storage/emulated/0/safecheck/" + fileName
-         console.log("录音文件地址"+this.f_recording1_path)
-         //tag
-         return true;
-       }else {
-         return false;
-       }
-     },*/
-    // 工单收费
-    async gotoOtherCharge() {
-      //tag
-      let con = {
-        conndition: ` f_userinfo_id = '${this.msg.f_userinfo_id}' and f_table_state = '正常' `
-      }
-      let http1 = new HttpResetClass()
-      let row = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/onlinequeryuser`, {data: con},{
-        resolveMsg: '物联网收费成功！！',
-        rejectMsg: '物联网收费出错!!!'
-      })
-      //tag))
-      // 去其他收费界面
-      let _this = this
-      var pardate = {
-        _this:_this,
-        title:'其他收费',
-        safe:false
-      }
-      this.closely(false)
-      _this.$dispatch('gotoson',pardate)
-      //tag
-      _this.$goto('other_charge', {row: row}, 'self',_this.payback)
-      // _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
-    },
-    payback(msg) {
-      if (msg) {
-        //tag)
-        this.othercharge_id = msg
-      }else {
-        //tag
-        this.$showMessage('支付失败！')
-      }
-    },
-    // 工单结案
-    finishRepair(){
-      var _this = this
-      this.$showMessage('请确认该工单结案！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          this.closely(false)
-          _this.confirm("结案")
-        }
-      })
-    },
-    deleteEmptyProperty(object){
-      for (var i in object) {
-        var value = object[i];
-        if (typeof value === 'object') {
-          if (Array.isArray(value)) {
-            if (value.length == 0) {
-              delete object[i];
-              //tag;
-              continue;
-            }
-          }
-          this.deleteEmptyProperty(value);
-          if (this.isEmpty(value)) {
-            //tag;
-            delete object[i];
-            //tag;
-          }
-        } else {
-          if (value === '' || value === null || value === undefined) {
-            delete object[i];
-            //tag;
-          } else {
-            //tag;
-          }
-        }
-      }
-    },
-    isEmpty(object) {
-      for (var name in object) {
-        return false;
-      }
-      return true;
-    },
-    // 从图片中删除
-    remove(row) {
-      this.$androidUtil.delfile(row.android_file)
-      let pos = this.model.imgs.findIndex((value) => {
-        return value === row
-      })
-      this.model.imgs.splice(pos, 1)
-    },
-    // fileName: 回传文件名,传入的带安卓路径url
-    // prop: 传入的字段名，没做改动
-    cameraCallBack(prop, fileName) {
-      // 当前this只能通过HostApp.__tis__获取
-      let self = this.$androidUtil.getCallBack(this)
-      // 添加新图片
-      self.model.imgs.push({
-        android_file: self.fileName,
-        path: fileName
-      })
-    },
-    takePic() {
-      let prop = 'repair'
-      let idx = 'aofeng'
-      this.fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
-      this.$sandroidUtil.takePic(this, this.cameraCallBack, this.fileName)
-    },
-    newFailure(value) {
-      this.msg.serviceacitivity[0].failure = value
-    },
-    noRepair() {
-      this.showhead = false
-      this.showNorepair = true
-      this.closely()
-      HostApp.backupDatabase()
-    },
-    cannotRepair() {
-      this.showhead = false
-      this.showCannotrepair = true
-      this.closely()
-      // falg:0, 表示第一次上传，批量上传时，flag:1
-      //  this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
-    },
-    // 测试环境下模拟上传失败
-    fail(param) {
-      this.msg.serviceacitivity[0].f_result_status = param
-      this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg, test: true})
-    },
-    async workOrderSave(){
-      this.norepair = false
-      if (this.hunei && this.hunei.details) {
-        for (let i = 0; i < this.hunei.details.length; i++) {
-          if (this.hunei.details[i].f_project === '未维修') {
-            this.norepair = true
-          }
-        }
-      }
-      // 用户基本信息转字符串
-      this.msg.serviceacitivity[0].f_date_leave = Util.toStandardTimeString()
-      this.msg.serviceacitivity[0].f_result_status = '工单保存'
-      this.msg.serviceacitivity[0].f_order_man = Vue.user.name
-      this.closely(true)
-      console.log("保存本地2"+this.msg.f_recording1_path)
-      this.deleteEmptyProperty(this.msg)
-      HostApp.__this__ = this
-      HostApp.logicWithHint({
-        // logic别名，key必须为logic
-        'logic': 'workOrderSave',
-        // 回调执行方法名，key必须为callback
-        'callback': 'javascript:HostApp.__this__.localSaveCallBack()',
-        // logic执行需要的业务参数
-        'data': {row: this.msg},
-        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
-        // 执行回调方法传入key为backresult
-        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
-        'backresult': 1
-      })
-    },
-    localSaveCallBack(res){
-      if(res.state == 'ok'){
-        let result = JSON.parse(res.result)
-        if(result.result == '成功'){
-          this.$showMessage('工单保存成功!', ['confirm'])
-          this.$dispatch('tijiao')
-        }else{
-          this.$showMessage(`工单保存失败! ${result.errMsg}`, ['confirm'])
-        }
-        this.$dispatch('tijiao')
-      }else {
-        this.$showMessage(`保存提交失败！`, ['confirm'])
-      }
-    },
-    // 工单上传
-    async confirm(param) {
-      /*//tag)
-      if(!this.model.ischange) {
-        this.$showMessage('您还为进行换表操作，工单为完成！，')
-        return
-      }*/
-      this.norepair = false
-      if (this.hunei && this.hunei.details) {
-        for (let i = 0; i < this.hunei.details.length; i++) {
-          if (this.hunei.details[i].f_project === '未维修') {
-            this.norepair = true
-          }
-        }
-      }
-      if(param != '结案'&& (this.msg.f_workorder_type == '置换通气单'||this.msg.f_workorder_type == '安装单')) {
-        //  检测验证是否必填
-        var isfinish = this.checkismust()
-        if(isfinish.ifmust){
-          this.$showMessage(`请录入${isfinish.msg}信息！`, ['confirm'])
-          return
-        }
-        // 检测签名是否完成
-        // if(!(this.msg.serviceacitivity[0].f_signname)) {
-        //   this.$showMessage(`请完成客户签名！`, ['confirm'])
-        //   return
-        // }
-        // 检测置换作业是否有异常
-        var yinhuanflag = this.checkzhihuanwork()
-        if(!yinhuanflag){
-          var resy =  await this.$showMessage('是否确认该户置换作业异常?', ['confirm', 'cancel'])
-          if(resy == 'cancel'){
-            return
-          }
-          this.msg.f_is_abnormal = '异常'
-          this.msg.serviceacitivity[0].f_is_abnormal = '异常'
-        }
-        // 检测置换照片是否已拍
-        // var imgflag = this.checkzhihuanimg()
-        // if(!(imgflag.check)){
-        //   this.$showMessage(`${imgflag.title}未拍照！`, ['confirm'])
-        //   return
-        // }
-      }
-      else if(this.msg.f_workorder_type == '报修单' && param != '结案'){
-        let isfinish = this.checkismust()
-        if(isfinish.ifmust){
-          this.$showMessage(`请录入${isfinish.msg}信息！`, ['confirm'])
-          return
-        }
-        // if(!(this.msg.serviceacitivity[0].f_signname)) {
-        //   this.$showMessage(`请完成客户签名！`, ['confirm'])
-        //   return
-        // }
-        // let imgflag = this.checkzhihuanimg()
-        // if(!(imgflag.check)){
-        //   this.$showMessage(`${imgflag.title}未拍照！`, ['confirm'])
-        //   return
-        // }
-      }
-      // }
-      // 用户基本信息转字符串
-      // if ((this.savevalid.uservalid && this.savevalid.doorvalid) || this.norepair || this.liGuanWeiXou || this.sheBeiRepairAll) {
-      this.msg.serviceacitivity[0].f_date_leave = Util.toStandardTimeString()
-      this.msg.serviceacitivity[0].f_result_status = param
-      this.msg.serviceacitivity[0].f_order_man = Vue.user.name
-      this.msg.loginid =  Vue.user.id
-      // if (!this.savevalid.changetable && this.model.servicerepair && this.model.servicerepair[0].f_if_change) {
-      //   this.$showMessage('未上传收费！', ['confirm'])
-      // } else {
-      this.deleteEmptyProperty(this.msg)
-      //tag
-      this.closely(false) // 保存本地，不删除录音文件停止录音
-      // this.msg.f_recording1_path = this.data.f_recording1_path
-      console.log("保存本地", this.msg.f_recording1_path)
-      //tag)
-      HostApp.__this__ = this
-      HostApp.logicWithHint({
-        // logic别名，key必须为logic
-        'logic': 'upload',
-        // 回调执行方法名，key必须为callback
-        'callback': 'javascript:HostApp.__this__.uploadCallback()',
-        // logic执行需要的业务参数
-        'data': {flag: 0, row: this.msg},
-        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
-        // 执行回调方法传入key为backresult
-        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
-        'backresult': 1
-      })
-      // let result = this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
-      // } else {
-      //   this.$showMessage('有未填写项', ['confirm'])
-      // }
-    },
-    uploadCallback(res){
-      if(res.state == 'ok'){
-        let result = JSON.parse(res.result)
-        if (result.result === '成功') {
-          this.$showMessage('保存提交成功！', ['confirm'])
-        } else {
-          this.$showMessage(`保存提交失败！${result.errMsg}`, ['confirm'])
-        }
-        this.showNorepair = false
-        this.showCannotrepair = false
-        this.$dispatch('tijiao')
-      }else {
-        this.$showMessage(`保存提交失败！`, ['confirm'])
-      }
-    },
-    // 检验是否必填 返回   error：{msg:'111',ismust:true}
-    checkismust(){
-      var error ={
-        msg:'',
-        ifmust:false
-      }
-      for(var i = 0;i<this.msg.serviceacitivity[0].servicerepair.length;i++) {
-        for (var j = 0; j < this.msg.serviceacitivity[0].servicerepair[i].details.length; j++) {
-          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].type == 'checkbox'&&this.msg.serviceacitivity[0].servicerepair[i].details[j].f_content == '无'){
-            break;
-          }
-          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_is_must == 'true' && this.msg.serviceacitivity[0].servicerepair[i].details[j].type == 'picture' && this.msg.serviceacitivity[0].servicerepair[i].imgs.length == 0){
-            error.msg = `${this.msg.serviceacitivity[0].servicerepair[i].f_type}中${this.msg.serviceacitivity[0].servicerepair[i].details[j].f_project}`
-            error.ifmust = true
-            return error
-          }
-          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_is_must == 'true' && !(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_content) && this.msg.serviceacitivity[0].servicerepair[i].details[j].type != 'picture' ){
-            error.msg = `${this.msg.serviceacitivity[0].servicerepair[i].f_type}中${this.msg.serviceacitivity[0].servicerepair[i].details[j].f_project}`
-            error.ifmust = true
-            return error
-          }
-        }
-      }
-      return error
-    },
-    // checkzhihuanwork 检测置换作业是否正常
-    checkzhihuanwork(){
-      var isstatus = true
-      if(this.zhihuan){
-        for(var i = 0;i<this.zhihuan.details.length;i++){
-          if(this.zhihuan.details[i].type == 'radio' && this.zhihuan.details[i].f_content){
-            if(this.zhihuan.details[i].f_status == 'false'){
-              isstatus = false
-              break;
-            }
-          }
-        }
-      }
-      return isstatus
-    },
-    checkzhihuanimg(){
-      var isstatus = {
-        check: true,
-        title:''
-      }
-      if(Vue.config.telephone.Outlay.data != undefined){
-        let checkimgs = ''
-        //tag
-        //tag+'22222222222222222')
-        if(this.service.f_user_type == '民用'){
-          checkimgs = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.msg.f_workorder_type].civil)))
-        }else{
-          checkimgs = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.msg.f_workorder_type].nocivil)))
-        }
-        if(checkimgs.length>0){
-          for(var i =0;i<checkimgs.length;i++){
-            var checkimgstype = checkimgs[i].title
-            if(checkimgs[i].checkmust){
-              var flag = false
-              for(var j =0;j<this.msg.serviceacitivity[0].imgs.length;j++){
-                if(this.msg.serviceacitivity[0].imgs[j].imgpath == checkimgstype) {
-                  flag = true
-                  break;
-                }
-              }
-              if(!flag){
-                isstatus.check = false
-                isstatus.title = checkimgstype
-                break;
-              }
-            }
-          }
-        }
-      }
-      return isstatus
-    },
-    checkservice(){
-      // 1.先判断灶具
-      if(this.zaoju){
-        var iszaoju = false
-        for(var i = 0;i<this.zaoju.details.length;i++){
-          if(this.zaoju.details[i].f_project == '有无灶具设备'){
-            if(this.zaoju.details[i].f_content == '有'||this.zaoju.details[i].f_content == ''){
-              iszaoju = true
-              break;
-            }
-          }
-        }
-        if(iszaoju){
-          for(var i = 0;i<this.zaoju.details.length;i++){
-            if(this.zaoju.details[i].type == 'picture'){
-              //tag
-              //tag
-              if(this.zaoju.imgs.length == 0){
-                this.$showMessage('灶具设备未拍照！', ['confirm'])
-                return false
-              }
-            }else{
-              if(this.zaoju.details[i].f_content == '' || this.zaoju.details[i].f_content == undefined){
-                this.$showMessage('灶具设备信息未填写完整！', ['confirm'])
-                return false
-              }
-            }
-          }
-        }
-      }
-      // 2.判断热水器
-      if(this.reshuiqi){
-        var isreshuiqi = false
-        for(var i = 0;i<this.reshuiqi.details.length;i++){
-          if(this.reshuiqi.details[i].f_project == '有无热水器设备'){
-            if(this.reshuiqi.details[i].f_content == '有'||this.reshuiqi.details[i].f_content == ''){
-              isreshuiqi = true
-              break;
-            }
-          }
-        }
-        if(isreshuiqi){
-          for(var i = 0;i<this.reshuiqi.details.length;i++){
-            if(this.reshuiqi.details[i].type == 'picture'){
-              if(this.reshuiqi.imgs.length == 0){
-                this.$showMessage('热水器设备未拍照！', ['confirm'])
-                return false
-              }
-            }else{
-              if(this.reshuiqi.details[i].f_content == '' || this.reshuiqi.details[i].f_content == undefined){
-                this.$showMessage('热水器设备信息未填写完整！', ['confirm'])
-                return false
-              }
-            }
-          }
-        }
-      }
-      // 3.判断壁挂炉
-      if(this.bigualu){
-        var isbigualu = false
-        for(var i = 0;i<this.bigualu.details.length;i++){
-          if(this.bigualu.details[i].f_project == '有无壁挂炉设备'){
-            if(this.bigualu.details[i].f_content == '有'||this.bigualu.details[i].f_content == ''){
-              isbigualu = true
-              break;
-            }
-          }
-        }
-        if(isbigualu){
-          for(var i = 0;i<this.bigualu.details.length;i++){
-            if(this.bigualu.details[i].type == 'picture'){
-              if(this.bigualu.imgs.length == 0){
-                this.$showMessage('壁挂炉设备未拍照！', ['confirm'])
-                return false
-              }
-            }else{
-              if(this.bigualu.details[i].f_content == '' || this.bigualu.details[i].f_content == undefined){
-                this.$showMessage('壁挂炉设备信息未填写完整！', ['confirm'])
-                return false
-              }
-            }
-          }
-        }
-      }
-      return true
-    },
-    cannotRepaer() {
-      this.msg.serviceacitivity[0].f_service_acitivity_type = '未维修'
-      this.msg.loginid =  Vue.user.id
-      let result = this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
-      if (result.result === '成功') {
-        this.$showMessage('保存提交成功！', ['confirm'])
-      } else {
-        this.$showMessage(`保存提交失败！${JSON.stringify(result)}`, ['confirm'])
-      }
-      this.showNorepair = false
-      this.showCannotrepair = false
-      this.$dispatch('tijiao')
-    },
-    saveCompeleted() {
-      this.msg.serviceacitivity[0].baseuserinfo.f_date_level = Util.toStandardTimeString()
-      this.closely(false) // 保存本地，不删除录音文件停止录音
-      this.$androidUtil.bzLogic('SaveCompeleted', { row: this.msg})
-    },
-    sortDetais(result, type) {
-      let door = Object.assign({}, result)
-      door.details = []
-      for (let i = 0; i < result.details.length; i++) {
-        if (typeof (result.details[i].f_contentmessage) === 'object') {
-          for (let j = 0; j < result.details[i].f_contentmessage.length; j++) {
-            if (result.details[i].f_contentmessage[j].indexOf('-') !== -1) {
-              let k = result.details[i].f_contentmessage[j].indexOf('-')
-              let newObj = {}
-              newObj.f_content = result.details[i].f_contentmessage[j].substring(k + 1, result.details[i].f_contentmessage[j].length)
-              newObj.f_contentmessage = result.details[i].f_contentmessage[j].substring(0, k)
-              newObj.f_project = result.details[i].f_project
-              newObj.f_type = type
-              door.details.push(newObj)
-            }
-          }
-        }
-        if (typeof (result.details[i].f_content) === 'object' && !result.details[i].f_contentmessage) {
-          // //tag
-          for (let l = 0; l < result.details[i].f_content.length; l++) {
-            let new0bj = {}
-            new0bj.f_content = result.details[i].f_content[l]
-            new0bj.f_project = result.details[i].f_project
-            new0bj.f_type = 'a'
-            door.details.push(new0bj)
-          }
-        }
-        if (typeof(result.details[i].f_content) === 'string') {
-          door.details.push(result.details[i])
-        }
-      }
-      return door
-    },
-    close() {
-      this.showhead = true
-      this.showNorepair = false
-    }
-    ,
-    close1() {
-      this.showhead = true
-      this.showCannotrepair = false
-    }
-  },
-  async ready () {
-    console.log("录音文件地址9999999"+this.msg.f_recording1_path)
-    this.wwcbutten = Vue.config2.telephone.FaultAll.wwcbutten
-    this.wwxbutten = Vue.config2.telephone.FaultAll.wwxbutten
-    this.savebutten = Vue.config2.telephone.FaultAll.savebutten
-    this.jabutten = Vue.config2.telephone.FaultAll.jabutten
-    this.sfbutten = Vue.config2.telephone.FaultAll.sfbutten?true:false
-    //tag
-    // this.wwcbutten = true
-    // this.wwxbutten = true
-    // this.savebutten = false
-    //tag
-  },
-  computed: {
-    stateNoRepair() {
-      return this.msg.serviceacitivity.find((row) => {
-        return row.f_result_status === '未维修'
-      })
-    },
-    hunei() {
-      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        return row.f_type === '户内维修'  // 换表
-      })
-      return this.sortDetais(result, 'a')
-      // return door
-    },
-    hitchAll() {
-      let hitchMsg = []
-      let obj = this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        return row.f_type === '户内维修'  // 户内维修
-      })
-      this.obj.details.forEach((row) => {
-        hitchMsg.push(row)
-      })
-      return hitchMsg
-    }
-    ,
-    gaiGuan() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '改管'
-        return row.f_type === '改管'
-      })
-    }
-    ,
-    zhihuan() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '改管'
-        return row.f_type === '置换作业'
-      })
-    },
-    zaoju() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '立管维修'
-        return row.f_type === '灶具信息'
-      })
-    },
-    reshuiqi() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '立管维修'
-        return row.f_type === '热水器信息'
-      })
-    },
-    bigualu() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '立管维修'
-        return row.f_type === '壁挂炉信息'
-      })
-    },
-    sanhuanzhuang() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        // return row.f_service_type === '立管维修'
-        return row.f_type === '散户安装'
-      })
-    },
-    sheBeiRepairAll() {
-      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        return row.f_type === '设备维修'  // 换表
-      })
-      //tag)
-      return this.sortDetais(result, 'b')
-    },
-    zaoJuRepairAll() {
-      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        return row.f_type === '灶具维修'  // 换表
-      })
-      return this.sortDetais(result, 'c')
-    },
-    troubleDeal() {
-      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
-        return row.f_type === '事故处理'
-      })
-    }
-  }
-  ,
-  components: {
-    'failure-edit':
-    FailureEdit
-  }
-}
-</script>
-<style scoped>
-.pd-top {
-  padding-top: 7px;
-}
-</style>
+<template>
+  <div class="auto select-overspread form-horizontal repair-bg " style="padding-bottom:5px;">
+    <div class="bq-parent">
+      <blockquote class="blockquote">
+        <p>工单上传<a @click="$parent.mute()" style="float:right" href="javascript:void(0)" class="repair-mute-class"><img
+          src="../../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a>
+        </p>
+      </blockquote>
+    </div>
+    <div class="panel panel-default auto repair-info-content"
+         v-if="showhead && msg.serviceacitivity[0].f_result_status != '已完成'">
+      <div class="panel-body ">
+        <div class="row auto compatible">
+          <div class="row auto">
+            <!--<div class="panel panel-default auto repair-info-content">-->
+            <!--<div class="row auto compatible">-->
+            <!--&lt;!&ndash;<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="zhihuan">置换通气</label>&ndash;&gt;-->
+            <!--&lt;!&ndash;<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="hunei">户内维修</label>&ndash;&gt;-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="hunei.f_if_change == '是'">-->
+            <!--<label class="control-label ">换表</label>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="hunei.f_if_change == '是'">-->
+            <!--<p class="control-label">换表原因:{{hunei.f_reason_change}},{{hunei.f_result_change}}</p>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="hunei.details.length">户内维修-->
+            <!--故障详情</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-for="detail in hunei.details">-->
+            <!--<label class="control-label">-->
+            <!--<nobr>{{detail.f_project}}</nobr>-->
+            <!--</label>-->
+            <!--<span class="pd-top">{{detail.f_content}}，{{detail.f_contentmessage}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="gaiGuan">改管</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="gaiGuan.f_result">-->
+            <!--<span>处理结果：{{gaiGuan.f_result}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="gaiGuan.f_remarks">-->
+            <!--<span>备注：{{gaiGuan.f_remarks}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
+            <!--v-show="liGuanWeiXou">立管维修</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="liGuanWeiXou.f_type">-->
+            <!--<span>事故类型：{{liGuanWeiXou.f_li_type}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="liGuanWeiXou.f_remarks">-->
+            <!--<span>备注：{{liGuanWeiXou.f_remarks}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
+            <!--v-show="sanhuanzhuang">散户安装</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="sanhuanzhuang.f_li_result">-->
+            <!--<span>立管情况：{{sanhuanzhuang.f_li_result}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="sanhuanzhuang.f_remarks">-->
+            <!--<span>备注：{{sanhuanzhuang.f_remarks}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
+            <!--v-show="sheBeiRepairAll">设备维修</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group"-->
+            <!--v-for="sheBeiRepair in sheBeiRepairAll.details">-->
+            <!--<label class="control-label">-->
+            <!--<nobr>{{sheBeiRepair.f_project}}</nobr>-->
+            <!--</label><span class="pd-top">{{sheBeiRepair.f_content}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left " v-show="troubleDeal">事故原因</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_fire">-->
+            <!--<label class="control-label">着火:</label><span class="pd-top">{{troubleDeal.f_fire_cause}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_leakage">-->
+            <!--<label class="control-label">泄露:</label><span class="pd-top">{{troubleDeal.f_leakage_cause}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_blast">-->
+            <!--<label class="control-label">爆炸:</label><span class="pd-top">{{troubleDeal.f_blast_cause}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_water">-->
+            <!--<label class="control-label">进水:</label><span class="pd-top">{{troubleDeal.f_water_cause}}</span>-->
+            <!--</div>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group" v-show="troubleDeal.f_if_stopup">-->
+            <!--<label class="control-label">堵塞:</label><span class="pd-top">{{troubleDeal.f_stopup_cause}}</span>-->
+            <!--</div>-->
+            <!--<label class="col-xs-12 col-sm-12 col-md-12 form-input-group lb-left "-->
+            <!--v-show="zaoJuRepairAll">灶具维修</label>-->
+            <!--<div class="col-xs-12 col-sm-6 col-md-4 form-input-group" v-for="zaoJuRepair in zaoJuRepairAll.details">-->
+            <!--<label class="control-label">-->
+            <!--<nobr>{{zaoJuRepair.f_project}}</nobr>-->
+            <!--</label><span class="pd-top">{{zaoJuRepair.f_content}}</span>-->
+            <!--</div>-->
+            <!--</div>-->
+            <!--</div>-->
+            <!--<img-area :model="model.imgs" :url="imgurl" :system="system"></img-area>-->
+            <div class="col-xs-12 col-sm-12 col-md-12 flex-between" style="margin-top: 20px;" v-if="!show">
+              <div class="col-xs-3 col-sm-3 col-md-3">
+                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='confirm("已完成")'>
+                  工单完成
+                </button>
+              </div>
+              <div class="col-xs-3 col-sm-3 col-md-3" v-show="wwcbutten">
+                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='noRepair'>
+                  工单未完
+                </button>
+              </div>
+              <div class="col-xs-3 col-sm-3 col-md-3" v-show="jabutten">
+                <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='finishRepair'>
+                  工单结案
+                </button>
+              </div>
+              <div class="col-xs-3 col-sm-3 col-md-3" v-show="wwxbutten">
+                <button  type="button" name="button" class="col-sm-3 btn btn-primary" @click='cannotRepair'>
+                  无法完成
+                </button>
+              </div>
+              <div class="col-xs-3 col-sm-3 col-md-3" v-show="sfbutten">
+                <button  type="button" name="button" class="col-sm-3 btn btn-primary" @click='gotoOtherCharge'>
+                  工单收费
+                </button>
+              </div>
+              <!--<div class="col-xs-3 col-sm-3 col-md-3">-->
+              <!--<button  v-if="$androidUtil.isTest" type="button" name="button" class="col-sm-3 btn btn-primary"-->
+              <!--@click='fail("已完成")'>-->
+              <!--上传失败-->
+              <!--</button>-->
+              <!--</div>-->
+              <div class="col-xs-3 col-sm-3 col-md-3" v-show="savebutten">
+                <button type="button" name="button" class="col-sm-3 btn btn-primary"
+                        @click='workOrderSave'>
+                  临时保存
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="panel panel-default auto repair-info-content"
+         v-if="msg.serviceacitivity[0].f_result_status == '已完成' && !show">
+      <div class="panel-body ">
+        <div class="row auto compatible">
+          <div class="row auto">
+            <div class="col-xs-12 col-sm-12 col-md-12 flex-between" style="margin-top: 20px;" v-show="false">
+              <button type="button" name="button" class="col-sm-3 btn btn-primary" @click='saveCompeleted()'>
+                保存
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="panel panel-default auto repair-info-content form-horizontal" v-if="showNorepair">
+      <div>
+        <p><big><b>工单未完成</b></big></p>
+      </div>
+      <div class="row">
+        <div class="col-sm-12 form-group form-fix-width">
+          <label class="control-label">原因</label>
+          <textarea name="name" rows="2" class="form-control ver-textarea"
+                    v-model="msg.serviceacitivity[0].f_reason"></textarea>
+        </div>
+      </div>
+      <failure-edit :value='msg.serviceacitivity[0].failure' @input='newFailure' v-if="msg.f_workorder_type == '报修单'">
+      </failure-edit>
+      <!--<div class="row">-->
+      <!--<div class="col-sm-12 form-group form-fix-width">-->
+      <!--<label class="control-label">选择站点</label>-->
+      <!--<v-select :value.sync="msg.serviceacitivity[0].f_department" :value-single="true"-->
+      <!--:options='repairers' placeholder='请选择站点'-->
+      <!--close-on-select></v-select>-->
+      <!--</div>-->
+      <!--</div>-->
+      <div class="form-group">
+        <button type="button" class="btn btn-default pull-right" @click='close'>取消</button>
+        <button type="button" class="btn btn-success pull-right" @click='confirm("未完成")'>确认</button>
+      </div>
+    </div>
+    <div class="panel panel-default auto repair-info-content form-horizontal" v-if="showCannotrepair">
+      <div>
+        <p><big><b>无法完成</b></big></p>
+      </div>
+      <div class="row">
+        <div class="col-sm-12 form-group form-fix-width">
+          <label class="control-label">原因</label>
+          <textarea name="name" rows="2" class="form-control ver-textarea"
+                    v-model="msg.serviceacitivity[0].f_reason"></textarea>
+        </div>
+      </div>
+      <failure-edit :value='msg.serviceacitivity[0].failure' @input='newFailure' v-if="msg.f_workorder_type == '报修单'">
+      </failure-edit>
+      <!--<div class="row">-->
+      <!--<div class="col-sm-12 form-group form-fix-width">-->
+      <!--<label class="control-label">选择站点</label>-->
+      <!--<v-select :value.sync="msg.serviceacitivity[0].f_department" :value-single="true"-->
+      <!--:options='repairers' placeholder='请选择站点'-->
+      <!--close-on-select></v-select>-->
+      <!--</div>-->
+      <!--</div>-->
+      <div class="row">
+        <div class="col-sm-12">
+          <button type="button" class="btn btn-default pull-right" @click='close1'>取消</button>
+          <button type="button" class="btn btn-success pull-right" @click='cannotRepaer()'>确认</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import * as Util from '../../../components/Util'
+import {HttpResetClass} from 'vue-client'
+import FailureEdit from '../../../components/pc/FailureEdit'
+import config from "../../../components/android/config";
+
+export default {
+  title: '故障汇总',
+  props: {
+    msg: {
+      type: Object
+    },
+    savevalid: {
+      type: Object
+    },
+    model: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: false
+    },
+    system: '',
+    parentPage:''
+  },
+  data() {
+    return {
+      savebutten:false,   // 工单保存按钮
+      wwcbutten:false,     // 未完成按钮
+      wwxbutten:false,     // 未维修按钮
+      jabutten:false,      //结案按钮
+      sfbutten:false,      //收费按钮
+      fileName: '',
+      datajson: '',
+      norepair: '',
+      showNorepair: false,
+      showCannotrepair: false,
+      showhead: true,
+      repairers : this.$appdata.getParam('站点管理员'),
+      config:{},
+      othercharge_id: ''
+    }
+  },
+  methods: {
+    // 停止录音
+    closely(isdelete){
+      try {
+        var startOrStopAudioClipStr;
+        if (isdelete===true) {
+          //tag
+          startOrStopAudioClipStr= HostApp.startOrStopAudioClip("----",'停止并删除录音') //停止并删除录音
+        }else {
+          //tag
+          startOrStopAudioClipStr= HostApp.startOrStopAudioClip("----",'停止录音') //停止录音
+        }
+        if (startOrStopAudioClipStr.code == 200) {
+          //tag
+          return true;
+        }else {
+          return  false;
+        }
+      } catch (e) {
+        console.error("关闭录音方法异常")
+        console.error(e)
+        return false;
+      }
+    },
+    /* // 录音方法
+     record() {
+       //tag
+       let fileName
+       if (!this.f_recording1_path) {
+         fileName = Util.guid() + '.amr'
+       } else {
+         fileName = Util.getFileName(this.f_recording1_path)
+       }
+       //HostApp.__this__ = this
+       /!*调用无限制录音模块*!/
+       let startOrStopState = HostApp.startOrStopAudioClip(fileName,"开始录音")
+       //tag
+       if (startOrStopState.code == 200) {
+         this.f_recording1_path =  "file:///storage/emulated/0/safecheck/" + fileName
+         console.log("录音文件地址"+this.f_recording1_path)
+         //tag
+         return true;
+       }else {
+         return false;
+       }
+     },*/
+    // 工单收费
+    async gotoOtherCharge() {
+      //tag
+      let con = {
+        conndition: ` f_userinfo_id = '${this.msg.f_userinfo_id}' and f_table_state = '正常' `
+      }
+      let http1 = new HttpResetClass()
+      let row = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/onlinequeryuser`, {data: con},{
+        resolveMsg: '物联网收费成功！！',
+        rejectMsg: '物联网收费出错!!!'
+      })
+      //tag))
+      // 去其他收费界面
+      let _this = this
+      var pardate = {
+        _this:_this,
+        title:'其他收费',
+        safe:false
+      }
+      this.closely(false)
+      _this.$dispatch('gotoson',pardate)
+      //tag
+      _this.$goto('other_charge', {row: row}, 'self',_this.payback)
+      // _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
+    },
+    payback(msg) {
+      if (msg) {
+        //tag)
+        this.othercharge_id = msg
+      }else {
+        //tag
+        this.$showMessage('支付失败！')
+      }
+    },
+    // 工单结案
+    finishRepair(){
+      var _this = this
+      this.$showMessage('请确认该工单结案！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          this.closely(false)
+          _this.confirm("结案")
+        }
+      })
+    },
+    deleteEmptyProperty(object){
+      for (var i in object) {
+        var value = object[i];
+        if (typeof value === 'object') {
+          if (Array.isArray(value)) {
+            if (value.length == 0) {
+              delete object[i];
+              //tag;
+              continue;
+            }
+          }
+          this.deleteEmptyProperty(value);
+          if (this.isEmpty(value)) {
+            //tag;
+            delete object[i];
+            //tag;
+          }
+        } else {
+          if (value === '' || value === null || value === undefined) {
+            delete object[i];
+            //tag;
+          } else {
+            //tag;
+          }
+        }
+      }
+    },
+    isEmpty(object) {
+      for (var name in object) {
+        return false;
+      }
+      return true;
+    },
+    // 从图片中删除
+    remove(row) {
+      this.$androidUtil.delfile(row.android_file)
+      let pos = this.model.imgs.findIndex((value) => {
+        return value === row
+      })
+      this.model.imgs.splice(pos, 1)
+    },
+    // fileName: 回传文件名,传入的带安卓路径url
+    // prop: 传入的字段名，没做改动
+    cameraCallBack(prop, fileName) {
+      // 当前this只能通过HostApp.__tis__获取
+      let self = this.$androidUtil.getCallBack(this)
+      // 添加新图片
+      self.model.imgs.push({
+        android_file: self.fileName,
+        path: fileName
+      })
+    },
+    takePic() {
+      let prop = 'repair'
+      let idx = 'aofeng'
+      this.fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+      this.$sandroidUtil.takePic(this, this.cameraCallBack, this.fileName)
+    },
+    newFailure(value) {
+      this.msg.serviceacitivity[0].failure = value
+    },
+    noRepair() {
+      this.showhead = false
+      this.showNorepair = true
+      this.closely()
+      HostApp.backupDatabase()
+    },
+    cannotRepair() {
+      this.showhead = false
+      this.showCannotrepair = true
+      this.closely()
+      // falg:0, 表示第一次上传，批量上传时，flag:1
+      //  this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
+    },
+    // 测试环境下模拟上传失败
+    fail(param) {
+      this.msg.serviceacitivity[0].f_result_status = param
+      this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg, test: true})
+    },
+    async workOrderSave(){
+      this.norepair = false
+      if (this.hunei && this.hunei.details) {
+        for (let i = 0; i < this.hunei.details.length; i++) {
+          if (this.hunei.details[i].f_project === '未维修') {
+            this.norepair = true
+          }
+        }
+      }
+      // 用户基本信息转字符串
+      this.msg.serviceacitivity[0].f_date_leave = Util.toStandardTimeString()
+      this.msg.serviceacitivity[0].f_result_status = '工单保存'
+      this.msg.serviceacitivity[0].f_order_man = Vue.user.name
+      this.closely(true)
+      console.log("保存本地2"+this.msg.f_recording1_path)
+      this.deleteEmptyProperty(this.msg)
+      HostApp.__this__ = this
+      HostApp.logicWithHint({
+        // logic别名，key必须为logic
+        'logic': 'workOrderSave',
+        // 回调执行方法名，key必须为callback
+        'callback': 'javascript:HostApp.__this__.localSaveCallBack()',
+        // logic执行需要的业务参数
+        'data': {row: this.msg},
+        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+        // 执行回调方法传入key为backresult
+        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+        'backresult': 1
+      })
+    },
+    localSaveCallBack(res){
+      if(res.state == 'ok'){
+        let result = JSON.parse(res.result)
+        if(result.result == '成功'){
+          this.$showMessage('工单保存成功!', ['confirm'])
+          this.$dispatch('tijiao')
+        }else{
+          this.$showMessage(`工单保存失败! ${result.errMsg}`, ['confirm'])
+        }
+        this.$dispatch('tijiao')
+      }else {
+        this.$showMessage(`保存提交失败！`, ['confirm'])
+      }
+    },
+    // 工单上传
+    async confirm(param) {
+      /*//tag)
+      if(!this.model.ischange) {
+        this.$showMessage('您还为进行换表操作，工单为完成！，')
+        return
+      }*/
+      this.norepair = false
+      if (this.hunei && this.hunei.details) {
+        for (let i = 0; i < this.hunei.details.length; i++) {
+          if (this.hunei.details[i].f_project === '未维修') {
+            this.norepair = true
+          }
+        }
+      }
+      if(param != '结案'&& (this.msg.f_workorder_type == '置换通气单'||this.msg.f_workorder_type == '安装单')) {
+        //  检测验证是否必填
+        var isfinish = this.checkismust()
+        if(isfinish.ifmust){
+          this.$showMessage(`请录入${isfinish.msg}信息！`, ['confirm'])
+          return
+        }
+        // 检测签名是否完成
+        // if(!(this.msg.serviceacitivity[0].f_signname)) {
+        //   this.$showMessage(`请完成客户签名！`, ['confirm'])
+        //   return
+        // }
+        // 检测置换作业是否有异常
+        var yinhuanflag = this.checkzhihuanwork()
+        if(!yinhuanflag){
+          var resy =  await this.$showMessage('是否确认该户置换作业异常?', ['confirm', 'cancel'])
+          if(resy == 'cancel'){
+            return
+          }
+          this.msg.f_is_abnormal = '异常'
+          this.msg.serviceacitivity[0].f_is_abnormal = '异常'
+        }
+        // 检测置换照片是否已拍
+        // var imgflag = this.checkzhihuanimg()
+        // if(!(imgflag.check)){
+        //   this.$showMessage(`${imgflag.title}未拍照！`, ['confirm'])
+        //   return
+        // }
+      }
+      else if(this.msg.f_workorder_type == '报修单' && param != '结案'){
+        let isfinish = this.checkismust()
+        if(isfinish.ifmust){
+          this.$showMessage(`请录入${isfinish.msg}信息！`, ['confirm'])
+          return
+        }
+        // if(!(this.msg.serviceacitivity[0].f_signname)) {
+        //   this.$showMessage(`请完成客户签名！`, ['confirm'])
+        //   return
+        // }
+        // let imgflag = this.checkzhihuanimg()
+        // if(!(imgflag.check)){
+        //   this.$showMessage(`${imgflag.title}未拍照！`, ['confirm'])
+        //   return
+        // }
+      }
+      // }
+      // 用户基本信息转字符串
+      // if ((this.savevalid.uservalid && this.savevalid.doorvalid) || this.norepair || this.liGuanWeiXou || this.sheBeiRepairAll) {
+      this.msg.serviceacitivity[0].f_date_leave = Util.toStandardTimeString()
+      this.msg.serviceacitivity[0].f_result_status = param
+      this.msg.serviceacitivity[0].f_order_man = Vue.user.name
+      this.msg.loginid =  Vue.user.id
+      // if (!this.savevalid.changetable && this.model.servicerepair && this.model.servicerepair[0].f_if_change) {
+      //   this.$showMessage('未上传收费！', ['confirm'])
+      // } else {
+      this.deleteEmptyProperty(this.msg)
+      //tag
+      this.closely(false) // 保存本地，不删除录音文件停止录音
+      // this.msg.f_recording1_path = this.data.f_recording1_path
+      console.log("保存本地", this.msg.f_recording1_path)
+      //tag)
+      HostApp.__this__ = this
+      HostApp.logicWithHint({
+        // logic别名，key必须为logic
+        'logic': 'upload',
+        // 回调执行方法名，key必须为callback
+        'callback': 'javascript:HostApp.__this__.uploadCallback()',
+        // logic执行需要的业务参数
+        'data': {flag: 0, row: this.msg},
+        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+        // 执行回调方法传入key为backresult
+        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+        'backresult': 1
+      })
+      // let result = this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
+      // } else {
+      //   this.$showMessage('有未填写项', ['confirm'])
+      // }
+    },
+    uploadCallback(res){
+      if(res.state == 'ok'){
+        let result = JSON.parse(res.result)
+        if (result.result === '成功') {
+          this.$showMessage('保存提交成功！', ['confirm'])
+        } else {
+          this.$showMessage(`保存提交失败！${result.errMsg}`, ['confirm'])
+        }
+        this.showNorepair = false
+        this.showCannotrepair = false
+        this.$dispatch('tijiao')
+      }else {
+        this.$showMessage(`保存提交失败！`, ['confirm'])
+      }
+    },
+    // 检验是否必填 返回   error：{msg:'111',ismust:true}
+    checkismust(){
+      var error ={
+        msg:'',
+        ifmust:false
+      }
+      for(var i = 0;i<this.msg.serviceacitivity[0].servicerepair.length;i++) {
+        for (var j = 0; j < this.msg.serviceacitivity[0].servicerepair[i].details.length; j++) {
+          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].type == 'checkbox'&&this.msg.serviceacitivity[0].servicerepair[i].details[j].f_content == '无'){
+            break;
+          }
+          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_is_must == 'true' && this.msg.serviceacitivity[0].servicerepair[i].details[j].type == 'picture' && this.msg.serviceacitivity[0].servicerepair[i].imgs.length == 0){
+            error.msg = `${this.msg.serviceacitivity[0].servicerepair[i].f_type}中${this.msg.serviceacitivity[0].servicerepair[i].details[j].f_project}`
+            error.ifmust = true
+            return error
+          }
+          if(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_is_must == 'true' && !(this.msg.serviceacitivity[0].servicerepair[i].details[j].f_content) && this.msg.serviceacitivity[0].servicerepair[i].details[j].type != 'picture' ){
+            error.msg = `${this.msg.serviceacitivity[0].servicerepair[i].f_type}中${this.msg.serviceacitivity[0].servicerepair[i].details[j].f_project}`
+            error.ifmust = true
+            return error
+          }
+        }
+      }
+      return error
+    },
+    // checkzhihuanwork 检测置换作业是否正常
+    checkzhihuanwork(){
+      var isstatus = true
+      if(this.zhihuan){
+        for(var i = 0;i<this.zhihuan.details.length;i++){
+          if(this.zhihuan.details[i].type == 'radio' && this.zhihuan.details[i].f_content){
+            if(this.zhihuan.details[i].f_status == 'false'){
+              isstatus = false
+              break;
+            }
+          }
+        }
+      }
+      return isstatus
+    },
+    checkzhihuanimg(){
+      var isstatus = {
+        check: true,
+        title:''
+      }
+      if(Vue.config.telephone.Outlay.data != undefined){
+        let checkimgs = ''
+        //tag
+        //tag+'22222222222222222')
+        if(this.service.f_user_type == '民用'){
+          checkimgs = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.msg.f_workorder_type].civil)))
+        }else{
+          checkimgs = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.msg.f_workorder_type].nocivil)))
+        }
+        if(checkimgs.length>0){
+          for(var i =0;i<checkimgs.length;i++){
+            var checkimgstype = checkimgs[i].title
+            if(checkimgs[i].checkmust){
+              var flag = false
+              for(var j =0;j<this.msg.serviceacitivity[0].imgs.length;j++){
+                if(this.msg.serviceacitivity[0].imgs[j].imgpath == checkimgstype) {
+                  flag = true
+                  break;
+                }
+              }
+              if(!flag){
+                isstatus.check = false
+                isstatus.title = checkimgstype
+                break;
+              }
+            }
+          }
+        }
+      }
+      return isstatus
+    },
+    checkservice(){
+      // 1.先判断灶具
+      if(this.zaoju){
+        var iszaoju = false
+        for(var i = 0;i<this.zaoju.details.length;i++){
+          if(this.zaoju.details[i].f_project == '有无灶具设备'){
+            if(this.zaoju.details[i].f_content == '有'||this.zaoju.details[i].f_content == ''){
+              iszaoju = true
+              break;
+            }
+          }
+        }
+        if(iszaoju){
+          for(var i = 0;i<this.zaoju.details.length;i++){
+            if(this.zaoju.details[i].type == 'picture'){
+              //tag
+              //tag
+              if(this.zaoju.imgs.length == 0){
+                this.$showMessage('灶具设备未拍照！', ['confirm'])
+                return false
+              }
+            }else{
+              if(this.zaoju.details[i].f_content == '' || this.zaoju.details[i].f_content == undefined){
+                this.$showMessage('灶具设备信息未填写完整！', ['confirm'])
+                return false
+              }
+            }
+          }
+        }
+      }
+      // 2.判断热水器
+      if(this.reshuiqi){
+        var isreshuiqi = false
+        for(var i = 0;i<this.reshuiqi.details.length;i++){
+          if(this.reshuiqi.details[i].f_project == '有无热水器设备'){
+            if(this.reshuiqi.details[i].f_content == '有'||this.reshuiqi.details[i].f_content == ''){
+              isreshuiqi = true
+              break;
+            }
+          }
+        }
+        if(isreshuiqi){
+          for(var i = 0;i<this.reshuiqi.details.length;i++){
+            if(this.reshuiqi.details[i].type == 'picture'){
+              if(this.reshuiqi.imgs.length == 0){
+                this.$showMessage('热水器设备未拍照！', ['confirm'])
+                return false
+              }
+            }else{
+              if(this.reshuiqi.details[i].f_content == '' || this.reshuiqi.details[i].f_content == undefined){
+                this.$showMessage('热水器设备信息未填写完整！', ['confirm'])
+                return false
+              }
+            }
+          }
+        }
+      }
+      // 3.判断壁挂炉
+      if(this.bigualu){
+        var isbigualu = false
+        for(var i = 0;i<this.bigualu.details.length;i++){
+          if(this.bigualu.details[i].f_project == '有无壁挂炉设备'){
+            if(this.bigualu.details[i].f_content == '有'||this.bigualu.details[i].f_content == ''){
+              isbigualu = true
+              break;
+            }
+          }
+        }
+        if(isbigualu){
+          for(var i = 0;i<this.bigualu.details.length;i++){
+            if(this.bigualu.details[i].type == 'picture'){
+              if(this.bigualu.imgs.length == 0){
+                this.$showMessage('壁挂炉设备未拍照！', ['confirm'])
+                return false
+              }
+            }else{
+              if(this.bigualu.details[i].f_content == '' || this.bigualu.details[i].f_content == undefined){
+                this.$showMessage('壁挂炉设备信息未填写完整！', ['confirm'])
+                return false
+              }
+            }
+          }
+        }
+      }
+      return true
+    },
+    cannotRepaer() {
+      this.msg.serviceacitivity[0].f_service_acitivity_type = '未维修'
+      this.msg.loginid =  Vue.user.id
+      let result = this.$androidUtil.bzLogic('upload', {flag: 0, row: this.msg})
+      if (result.result === '成功') {
+        this.$showMessage('保存提交成功！', ['confirm'])
+      } else {
+        this.$showMessage(`保存提交失败！${JSON.stringify(result)}`, ['confirm'])
+      }
+      this.showNorepair = false
+      this.showCannotrepair = false
+      this.$dispatch('tijiao')
+    },
+    saveCompeleted() {
+      this.msg.serviceacitivity[0].baseuserinfo.f_date_level = Util.toStandardTimeString()
+      this.closely(false) // 保存本地，不删除录音文件停止录音
+      this.$androidUtil.bzLogic('SaveCompeleted', { row: this.msg})
+    },
+    sortDetais(result, type) {
+      let door = Object.assign({}, result)
+      door.details = []
+      for (let i = 0; i < result.details.length; i++) {
+        if (typeof (result.details[i].f_contentmessage) === 'object') {
+          for (let j = 0; j < result.details[i].f_contentmessage.length; j++) {
+            if (result.details[i].f_contentmessage[j].indexOf('-') !== -1) {
+              let k = result.details[i].f_contentmessage[j].indexOf('-')
+              let newObj = {}
+              newObj.f_content = result.details[i].f_contentmessage[j].substring(k + 1, result.details[i].f_contentmessage[j].length)
+              newObj.f_contentmessage = result.details[i].f_contentmessage[j].substring(0, k)
+              newObj.f_project = result.details[i].f_project
+              newObj.f_type = type
+              door.details.push(newObj)
+            }
+          }
+        }
+        if (typeof (result.details[i].f_content) === 'object' && !result.details[i].f_contentmessage) {
+          // //tag
+          for (let l = 0; l < result.details[i].f_content.length; l++) {
+            let new0bj = {}
+            new0bj.f_content = result.details[i].f_content[l]
+            new0bj.f_project = result.details[i].f_project
+            new0bj.f_type = 'a'
+            door.details.push(new0bj)
+          }
+        }
+        if (typeof(result.details[i].f_content) === 'string') {
+          door.details.push(result.details[i])
+        }
+      }
+      return door
+    },
+    close() {
+      this.showhead = true
+      this.showNorepair = false
+    }
+    ,
+    close1() {
+      this.showhead = true
+      this.showCannotrepair = false
+    }
+  },
+  async ready () {
+    console.log("录音文件地址9999999"+this.msg.f_recording1_path)
+    this.wwcbutten = Vue.config2.telephone.FaultAll.wwcbutten
+    this.wwxbutten = Vue.config2.telephone.FaultAll.wwxbutten
+    this.savebutten = Vue.config2.telephone.FaultAll.savebutten
+    this.jabutten = Vue.config2.telephone.FaultAll.jabutten
+    this.sfbutten = Vue.config2.telephone.FaultAll.sfbutten?true:false
+    //tag
+    // this.wwcbutten = true
+    // this.wwxbutten = true
+    // this.savebutten = false
+    //tag
+  },
+  computed: {
+    stateNoRepair() {
+      return this.msg.serviceacitivity.find((row) => {
+        return row.f_result_status === '未维修'
+      })
+    },
+    hunei() {
+      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        return row.f_type === '户内维修'  // 换表
+      })
+      return this.sortDetais(result, 'a')
+      // return door
+    },
+    hitchAll() {
+      let hitchMsg = []
+      let obj = this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        return row.f_type === '户内维修'  // 户内维修
+      })
+      this.obj.details.forEach((row) => {
+        hitchMsg.push(row)
+      })
+      return hitchMsg
+    }
+    ,
+    gaiGuan() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '改管'
+        return row.f_type === '改管'
+      })
+    }
+    ,
+    zhihuan() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '改管'
+        return row.f_type === '置换作业'
+      })
+    },
+    zaoju() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '立管维修'
+        return row.f_type === '灶具信息'
+      })
+    },
+    reshuiqi() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '立管维修'
+        return row.f_type === '热水器信息'
+      })
+    },
+    bigualu() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '立管维修'
+        return row.f_type === '壁挂炉信息'
+      })
+    },
+    sanhuanzhuang() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        // return row.f_service_type === '立管维修'
+        return row.f_type === '散户安装'
+      })
+    },
+    sheBeiRepairAll() {
+      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        return row.f_type === '设备维修'  // 换表
+      })
+      //tag)
+      return this.sortDetais(result, 'b')
+    },
+    zaoJuRepairAll() {
+      let result = this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        return row.f_type === '灶具维修'  // 换表
+      })
+      return this.sortDetais(result, 'c')
+    },
+    troubleDeal() {
+      return this.msg.serviceacitivity[0].servicerepair.find((row) => {
+        return row.f_type === '事故处理'
+      })
+    }
+  }
+  ,
+  components: {
+    'failure-edit':
+    FailureEdit
+  }
+}
+</script>
+<style scoped>
+.pd-top {
+  padding-top: 7px;
+}
+</style>