safecheck-client 3.0.33-5 → 3.0.33-51

package/src/filiale/weinan/android/SafecheckDevices.vue

@@ -8,20 +8,29 @@
     <div class="panel panel-default auto repair-info-content">
       <div class="panel-body" style="padding: 0">
         <!-- 安检项内容 -->
-        <div  class="auto repair-info-content compatible" style="padding: 0">
+        <div class="auto repair-info-content compatible" style="padding: 0">
           <div class="row auto" style="padding: 0">
-            <div v-show="false" class="{{shuclass}}" v-if=" device.device != '燃气表'">
-              <button type="button" name="button" class="btn btn-primary" @click='adddetails()' :disabled="issee">增加</button>
+            <div v-if=" device.device != '燃气表'" v-show="false" class="{{shuclass}}">
+              <button :disabled="issee" class="btn btn-primary" name="button" type="button" @click='adddetails()'>增加
+              </button>
             </div>
             <!--<div class="{{shuclass}}" v-if="device.device != '燃气表' && candelete">-->
             <!--<button type="button" name="button" class="btn btn-primary" @click='deletedetails()' :disabled="issee">删除</button>-->
             <!--</div>-->
-            <div class="shuclass1"  v-show="row.isshow" v-for="(idxs,row) in f_items"  style="padding: 4px; border:1px solid #D4D4D4;border-bottom: 0" >
-              <label v-if="row.type != 'radio' && row.type != 'text' && row.type != 'picture' && row.type != 'checkbox'" v-show="row.isshow" class="fivelabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
-              <label v-if="row.type == 'radio' && row.f_item_name!='连接方式'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
-              <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
-              <label v-if="row.type == 'picture' || (row.type == 'radio' && row.f_item_name=='连接方式')" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}<br/>{{row.remark}}</label>
-              <label v-if="row.type == 'checkbox'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}<br/>{{row.remark}}</label>
+            <div v-for="(idxs,row) in f_items" v-show="row.isshow" class="shuclass1"
+                 style="padding: 4px; border:1px solid #D4D4D4;border-bottom: 0">
+              <label v-if="row.type != 'radio' && row.type != 'text' && row.type != 'picture' && row.type != 'checkbox'"
+                     v-show="row.isshow" class="fivelabel">{{ row.f_item_name }}<span
+                v-if="row.unit">({{ row.unit }})</span><br/>{{ row.remark }}</label>
+              <label v-if="row.type == 'radio' && row.f_item_name!='连接方式'" v-show="row.isshow"
+                     class="radiolabel">{{ row.f_item_name }}<span
+                v-if="row.unit">({{ row.unit }})</span><br/>{{ row.remark }}</label>
+              <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{ row.f_item_name }}<span
+                v-if="row.unit">({{ row.unit }})</span><br/>{{ row.remark }}</label>
+              <label v-if="row.type == 'picture' || (row.type == 'radio' && row.f_item_name=='连接方式')"
+                     v-show="row.isshow" class="textlabel1">{{ row.f_item_name }}<br/>{{ row.remark }}</label>
+              <label v-if="row.type == 'checkbox'" v-show="row.isshow"
+                     class="radiolabel">{{ row.f_item_name }}<br/>{{ row.remark }}</label>
               <!--<span v-if="show" style="font-weight:bold">{{row.f_content}}</span>-->
               <!--<datepicker placeholder="请选择时间"-->
               <!--:value.sync="row.f_content"-->
@@ -30,86 +39,101 @@
               <!--v-if="!show && row.type == 'date'"-->
               <!--:readonly="true"-->
               <!--&gt;</datepicker>-->
-              <div style="clear: both" v-if="row.type == 'picture'" class="form-group col-sm-12" >
-                <div class="auto" >
+              <div v-if="row.type == 'picture'" class="form-group col-sm-12" style="clear: both">
+                <div class="auto">
                   <div class="panel">
-                    <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
+                    <div class="panel-body panel-self"
+                         style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
                       <div class="row" style="height: 160px;width:160px;overflow: scroll;top: 1px">
-                        <div class="col-sm-4" v-show="row.f_path">
-                          <img-self  :src="row.f_path" :alt="row.f_item_name"  width="140" height="140"></img-self>
+                        <div v-show="row.f_path" class="col-sm-4">
+                          <img-self :alt="row.f_item_name" :src="row.f_path" height="140" width="140"></img-self>
                         </div>
-                        <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
-                          <img src="../../../assets/tackpic.png" :alt="点击拍摄照片"  width="140" height="140"></img>
+                        <div v-show="!row.f_path" class="col-sm-4" @click="takePic(idxs, row.f_item_name)">
+                          <img :alt="点击拍摄照片" height="140" src="../../../assets/tackpic.png" width="140"></img>
                         </div>
-                        <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__"   @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
+                        <img v-if="role!='androidview'" v-show="row.f_path" :class="style__"
+                             src="../../../assets/remove.png"
+                             style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"
+                             @click="delfile(idxs, row.f_path)"></img>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-              <div style="float: left;width:60%" class="form-group" v-if="row.type == 'string'" v-show="row.isshow">
-                <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value" :readonly="role == 'androidview' || row.readonly">
+              <div v-if="row.type == 'string'" v-show="row.isshow" class="form-group" style="float: left;width:60%">
+                <input v-model="row.f_item_value" :readonly="role == 'androidview' || row.readonly" class="form-control"
+                       maxlength="100"
+                       type="text">
               </div>
-              <div style="float: left;width:60%" class="form-group col-sm-12" v-if="row.type == 'date'" v-show="row.isshow">
-                <datepicker id="f_making_date" :placeholder= row.f_item_name
-                            :value.sync="row.f_item_value"
-                            v-if="row.type == 'date'"
-                            v-show="row.isshow"
+              <div v-if="row.type == 'date'" v-show="row.isshow" class="form-group col-sm-12"
+                   style="float: left;width:60%">
+                <datepicker v-if="row.type == 'date'" v-show="row.isshow"
+                            id="f_making_date"
                             :disabled-days-of-Week="[]"
                             :format="'yyyy-MM-dd 00:00:00'"
-                            :show-reset-button="reset" readonly="readonly">
+                            :placeholder=row.f_item_name
+                            :show-reset-button="reset"
+                            :value.sync="row.f_item_value" readonly="readonly">
                 </datepicker>
               </div>
 
-              <div style="float: left;width:60%" class="form-group" v-if="!show && row.type == 'number'" v-show="row.isshow">
-                <input type="number" class="form-control" maxlength="100" v-model="row.f_item_value"  onkeyup="value=value.replace(/[^\d\.]/g,'')" :readonly="row.readonly">
+              <div v-if="!show && row.type == 'number'" v-show="row.isshow" class="form-group"
+                   style="float: left;width:60%">
+                <input v-model="row.f_item_value" :readonly="row.readonly" class="form-control" maxlength="100"
+                       onkeyup="value=value.replace(/[^\d\.]/g,'')" type="number">
               </div>
               <!--<input type="text" class="form-control" v-model="row.f_content" v-if="!show && row.type == 'string' && row.f_project != '表号'" :disabled="(!(ischecked == '有')) || issee" :readonly="issee">-->
               <!--<input type="text" class="form-control" v-model="meternum" v-if="!show && row.type == 'string' && row.f_project == '表号' " :disabled="(!(ischecked == '有')) || issee" :readonly="issee" >-->
               <!--<button type="button" name="button" class="btn btn-primary" @click="scan" v-if="!show && row.f_project == '表号' ">扫码</button>-->
-              <input-select    v-if="row.type == 'inputSelector'"
-                               v-show="row.isshow"
-                               :value.sync="row.selected"
-                               v-model="row.selected"
-                               :readonly="false"
-                               :options="row.options"
-                               @change="changse"
-                               @click="transelation(idxs)"></input-select>
-              <v-select  style="float: left"  :value.sync="row.selected"
-                         v-model="row.selected"
-                         v-if="row.type == 'selector'"
-                         :search="false"
-                         v-show="row.isshow"
-                         placeholder='请选择'
-                         :options="row.options"
-                         :disabled="role == 'androidview' || row.readonly"
-                         @change="changse"
-                         @click="transelation(idxs)"
-                         :multiple="row.multiple"
-                         :close-on-select="!row.multiple" clear-button></v-select>
-              <div style="float: left;width: 30%" class="form-group" v-if="!show && row.type == 'radio'">
-                <div  class=" col-sm-6 col-md-6" v-for="item in row.options">
+              <input-select v-if="row.type == 'inputSelector'"
+                            v-show="row.isshow"
+                            v-model="row.selected"
+                            :options="row.options"
+                            :readonly="false"
+                            :value.sync="row.selected"
+                            @change="changse"
+                            @click="transelation(idxs)"></input-select>
+              <v-select v-if="row.type == 'selector'" v-show="row.isshow"
+                        v-model="row.selected"
+                        :close-on-select="!row.multiple"
+                        :disabled="role == 'androidview' || row.readonly"
+                        :multiple="row.multiple"
+                        :options="row.options"
+                        :search="false"
+                        :value.sync="row.selected"
+                        clear-button
+                        placeholder='请选择'
+                        style="float: left"
+                        @change="changse" @click="transelation(idxs)"></v-select>
+              <div v-if="!show && row.type == 'radio'" class="form-group" style="float: left;width: 30%">
+                <div v-for="item in row.options" class=" col-sm-6 col-md-6">
                   <!--                  <input type="radio" :name="row.f_item_name" @click="disSelect($parent.idxs,item.value)" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >-->
-                  <input type="radio" :name="row.f_item_name"  :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >
-                  <span>{{item.label}}</span>
+                  <input v-model="row.f_item_value" :disabled="(!(ischecked == '有')) || issee" :name="row.f_item_name"
+                         :value="item.value" type="radio">
+                  <span>{{ item.label }}</span>
                 </div>
               </div>
-              <div v-if="!show && row.type == 'checkbox'"  style="white-space: nowrap" >
-                <div style="" v-for="item in row.options">
-                  <input type="checkbox" :name="row.f_item_name" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value">
-                  <span>{{item.label}}</span>
+              <div v-if="!show && row.type == 'checkbox'" style="white-space: nowrap">
+                <div v-for="item in row.options" style="">
+                  <input v-model="row.f_item_value" :disabled="(!(ischecked == '有')) || issee" :name="row.f_item_name"
+                         :value="item.value" type="checkbox">
+                  <span>{{ item.label }}</span>
                 </div>
               </div>
               <div style="clear: both">
                 <label v-if="row.f_item_value.indexOf('其他') >-1" class="fivelabel">其他</label>
-                <div style="float: left;width:60%" class="form-group" v-if="row.f_item_value.indexOf('其他') >-1">
-                  <input type="text" class="form-control" maxlength="100" v-model="row.f_else" :readonly="role == 'androidview' || row.readonly">
+                <div v-if="row.f_item_value.indexOf('其他') >-1" class="form-group" style="float: left;width:60%">
+                  <input v-model="row.f_else" :readonly="role == 'androidview' || row.readonly" class="form-control"
+                         maxlength="100"
+                         type="text">
                 </div>
               </div>
-              <div style="clear: both" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')">
-                <label  class="fivelabel">隐患备注</label>
-                <div style="float: left;width:60%" class="form-group">
-                  <input type="text" class="form-control" maxlength="100" v-model="row.f_defect_remark">
+              <div
+                v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')"
+                style="clear: both">
+                <label class="fivelabel">隐患备注</label>
+                <div class="form-group" style="float: left;width:60%">
+                  <input v-model="row.f_defect_remark" class="form-control" maxlength="100" type="text">
                 </div>
               </div>
               <div style="clear: both">
@@ -123,48 +147,82 @@
                               @click="transelation(idxs)"
                               close-on-select clear-button></v-select>
                 </div>-->
-                <div class="form-group" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (dealdispose == 'true' || dealdispose == true) " >
+                <div
+                  v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (dealdispose == 'true' || dealdispose == true) "
+                  class="form-group"
+                  style="display: flex;flex-wrap: wrap">
                   <label class="fivelabel">处理方式</label>
-                  <v-select   :value="row.f_deal_dispose"
-                              :value-single="true"
-                              :options="deals"
-                              :disabled="role == 'androidview'"
-                              @change="changdeal"
-                              @click="transelation(idxs)"
-                              close-on-select clear-button></v-select>
+                  <v-select :disabled="role == 'androidview'"
+                            :options="deals"
+                            :value="row.f_deal_dispose"
+                            :value-single="true"
+                            clear-button
+                            close-on-select
+                            @change="changdeal" @click="transelation(idxs)"></v-select>
                 </div>
-                <div style="margin-left: 10px" class="form-group col-sm-10" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && row.tooltip != undefined  && row.tooltip != '' ">
-                  ☆{{row.tooltip}}
+                <div v-if="(row.f_deal_dispose == '自行处理' || row.f_deal_dispose == '限时整改') && row.f_is_defect != '' " style="display: flex;flex-wrap: wrap">
+                  <label class="fivelabel">处理时效:</label>
+                  <!--                  <datepicker-->
+                  <!--                    :value.sync="row.f_handle_date"-->
+                  <!--                    v-model="row.f_handle_date"-->
+                  <!--                    :format="'yyyy-MM-dd 00:00:00'"-->
+                  <!--                    placeholder="请选择"-->
+                  <!--                    style="width: 60%">-->
+                  <!--                  </datepicker>-->
+                  <div class="form-group" style="float: left;width:60%">
+                    <input v-model="row.f_lose_efficacy" class="form-control" maxlength="100" placeholder="单位:天"
+                           type="text">
+                  </div>
+                </div>
+                <div
+                  v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && row.tooltip != undefined  && row.tooltip != '' "
+                  class="form-group col-sm-10"
+                  style="margin-left: 10px">
+                  ☆{{ row.tooltip }}
                 </div>
-                <div class="form-group col-sm-12" style="display: flex;flex-wrap: wrap"  v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')">
+                <div
+                  v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')"
+                  class="form-group col-sm-12"
+                  style="display: flex;flex-wrap: wrap">
                   <div class="auto" style="margin:1px;">
                     <div class="panel">
-                      <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
+                      <div class="panel-body panel-self"
+                           style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
                         <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
-                          <div class="col-sm-4" v-show="row.f_path">
-                            <img-self  :src="row.f_path" :alt="row.f_item_name"  width="140" height="140"></img-self>
+                          <div v-show="row.f_path" class="col-sm-4">
+                            <img-self :alt="row.f_item_name" :src="row.f_path" height="140" width="140"></img-self>
                           </div>
-                          <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
-                            <img src="../../../assets/tackpic.png" :alt="点击拍摄照片"  width="140" height="140"></img>
+                          <div v-show="!row.f_path" class="col-sm-4" @click="takePic(idxs, row.f_item_name)">
+                            <img :alt="点击拍摄照片" height="140" src="../../../assets/tackpic.png" width="140"></img>
                           </div>
-                          <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__"   @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
+                          <img v-if="role!='androidview'" v-show="row.f_path" :class="style__"
+                               src="../../../assets/remove.png"
+                               style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"
+                               @click="delfile(idxs, row.f_path)"></img>
                         </div>
                       </div>
                     </div>
                   </div>
                   <!--多张隐患照片-->
-                  <div class="auto" v-for="itemIndex in hiddenDangerImgNumber" style="margin: 1px;">
+                  <div v-for="itemIndex in hiddenDangerImgNumber" class="auto" style="margin: 1px;">
                     <div class="panel">
-                      <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
-                        <div class="col-xs-6"  style="height: 160px;width:160px;overflow: scroll;top: 1px">
-                          <div class="col-sm-4" v-show="row['f_p' + (itemIndex+1) + '_path']">
-                            <img-self  :src="row['f_p' + (itemIndex+1) + '_path']" :alt="row.f_item_name"  width="140" height="140"></img-self>
+                      <div class="panel-body panel-self"
+                           style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
+                        <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
+                          <div v-show="row['f_p' + (itemIndex+1) + '_path']" class="col-sm-4">
+                            <img-self :alt="row.f_item_name" :src="row['f_p' + (itemIndex+1) + '_path']" height="140"
+                                      width="140"></img-self>
                           </div>
-                          <div class="col-sm-4" v-show="!row['f_p' + (itemIndex+1) + '_path']" @click="takePic(idxs, row.f_item_name,'f_p' + (itemIndex+1)+ '_path')">
-                            <img src="../../../assets/tackpic.png" :alt="点击拍摄照片"  width="140" height="140"></img>
+                          <div v-show="!row['f_p' + (itemIndex+1) + '_path']" class="col-sm-4"
+                               @click="takePic(idxs, row.f_item_name,'f_p' + (itemIndex+1)+ '_path')">
+                            <img :alt="点击拍摄照片" height="140" src="../../../assets/tackpic.png" width="140"></img>
                           </div>
-                          <img v-show="row['f_p' + (itemIndex+1)+'_path']" src="../../../assets/remove.png" :class="style__"   @click="delfile(idxs,row['f_p' + (itemIndex+1)+'_path'],'f_p' + (itemIndex+1)+ '_path')" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
-                        </div >
+                          <img v-if="role!='androidview'" v-show="row['f_p' + (itemIndex+1)+'_path']"
+                               :class="style__"
+                               src="../../../assets/remove.png"
+                               style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"
+                               @click="delfile(idxs,row['f_p' + (itemIndex+1)+'_path'],'f_p' + (itemIndex+1)+ '_path')"></img>
+                        </div>
                       </div>
                     </div>
                   </div>
@@ -191,370 +249,407 @@
   </div>
 </template>
 <script>
-  import Vue from 'vue'
-  import * as Util from '../../Util'
-
-  export default {
-    title: '维修列表信息',
-    data() {
-      return {
-        // telphoneValid: '/^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/',
-        // meterstyle:[],
-        hiddenDangerImgNumber:0,//隐患图片数
-        shuclass:'col-xs-12 col-sm-12 col-md-12 form-input-group mg8',
-        shuclass1:'col-xs-12 col-sm-12 col-md-12 mg8',
-        // labels:[],
-        meternum:'',
-        ischecked:'有',
-        gasmodel:'',
-        textstyle:'color: red',
-        paper: this.$parent.$parent.data,
-        f_items:[],
-        page:{},
-        selectindex:null,
-        lives:[{label: '是', value: '是'},{label: '否', value: '否'}],
-        deals:[{label: '现场整改', value: '现场整改'},{label: '自行处理', value: '自行处理'},{label: '报修', value: '报修'},{label: '限时整改', value: '限时整改'}],
-        f_live_dispose:'否',
-        f_deal_dispose:'报修',
-        // 初始表底
-        f_initial_base: {},
-        // 气量异常差值  计算公式 =>  气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
-        f_gas_aberrant_number: {},
-        // 金额异常差值  计算公式 =>  金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
-        f_fee_aberrant_number: {},
-        // 气表累购
-        f_total_gas: {},
-        // 累购金额
-        f_total_fee: {},
-        // 已用气量
-        f_meter_base: {},
-        // 表内剩余
-        f_fee_base: {},
-        //本次基数
-        f_bc_jishu:{},
-        //上次基数
-        f_metergasnums:{},
-        //周期用气
-        f_sy_jishu:{},
-        // 剩余气量
-        f_gas_balance: {},
-        // 系统金额
-        f_balance_amount: {},
-        // 气量异常差值允许误差
-
-        //物联网表数据存储
-        f_balance_amount:{},//物联网表剩余金额
-        f_meter_base:{},//物联网表读数
-        f_balance_amount1:{},//物联网表现场录入的表上剩余金额
-        f_meter_base1:{},//物联网表现场录入的表字轮数
-        f_meter_aberrant_number1: {},//物联网表 表数异常差值
-        f_fee_aberrant_number1: {},//物联网 表金额异常差值
-        gasDeviation: (
-          function (_this) {
-            let deviation = _this.$appdata.getSingleValue('气量异常差值允许误差')
-            if (deviation && !isNaN(deviation)) {
-              return deviation
-            } else {
-              return 0
-            }
-          }
-        )(this),
-        // 金额异常差值允许误差
-        feeDeviation: (
-          function (_this) {
-            let deviation = _this.$appdata.getSingleValue('金额异常差值允许误差')
-            if (deviation && !isNaN(deviation)) {
-              return deviation
-            } else {
-              return 0
-            }
-          }
-        )(this),
-        // 字轮异常差值允许误差
-        meterbase: (
-          function (_this) {
-            let deviation = _this.$appdata.getSingleValue('字轮异常差值允许误差')
-            if (deviation && !isNaN(deviation)) {
-              return deviation
-            } else {
-              return 0
-            }
+import Vue from 'vue'
+import * as Util from '../../Util'
+
+export default {
+  title: '维修列表信息',
+  data() {
+    return {
+      // telphoneValid: '/^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/',
+      // meterstyle:[],
+      hiddenDangerImgNumber: 0,//隐患图片数
+      shuclass: 'col-xs-12 col-sm-12 col-md-12 form-input-group mg8',
+      shuclass1: 'col-xs-12 col-sm-12 col-md-12 mg8',
+      // labels:[],
+      meternum: '',
+      ischecked: '有',
+      gasmodel: '',
+      textstyle: 'color: red',
+      paper: this.$parent.$parent.data,
+      f_items: [],
+      page: {},
+      selectindex: null,
+      lives: [{label: '是', value: '是'}, {label: '否', value: '否'}],
+      deals: [{label: '现场整改', value: '现场整改'}, {label: '自行处理', value: '自行处理'}, {
+        label: '报修',
+        value: '报修'
+      }, {label: '限时整改', value: '限时整改'}, {label: '跟踪处置', value: '跟踪处置'}],
+      f_live_dispose: '否',
+      f_deal_dispose: '报修',
+      // 初始表底
+      f_initial_base: {},
+      // 气量异常差值  计算公式 =>  气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
+      f_gas_aberrant_number: {},
+      // 金额异常差值  计算公式 =>  金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
+      f_fee_aberrant_number: {},
+      // 气表累购
+      f_total_gas: {},
+      // 累购金额
+      f_total_fee: {},
+      // 已用气量
+      f_meter_base: {},
+      // 表内剩余
+      f_fee_base: {},
+      //本次基数
+      f_bc_jishu: {},
+      //上次基数
+      f_metergasnums: {},
+      //周期用气
+      f_sy_jishu: {},
+      // 剩余气量
+      f_gas_balance: {},
+      // 系统金额
+      f_balance_amount: {},
+      f_balance_amount1: {},//物联网表现场录入的表上剩余金额
+      f_meter_base1: {},//物联网表现场录入的表字轮数
+      f_meter_aberrant_number1: {},//物联网表 表数异常差值
+      f_fee_aberrant_number1: {},//物联网 表金额异常差值
+      gasDeviation: (
+        function (_this) {
+          let deviation = _this.$appdata.getSingleValue('气量异常差值允许误差')
+          if (deviation && !isNaN(deviation)) {
+            return deviation
+          } else {
+            return 0
           }
-        )(this),
-        showElse:false, //控制其他选项是否显示
-      }
-    },
-    props: ['config','device','idx','operation','role'],
-    // props: {
-    //   // 维修对应的用户数据收集
-    //   model: {
-    //     type: Object
-    //   },
-    //   service:{
-    //     type: Object
-    //   },
-    //   show: {
-    //     type: Boolean,
-    //     default: false
-    //   },
-    //   repairitem:{
-    //     type: Object
-    //   },
-    //   shutype:'heng',
-    //   tabs:{
-    //     type: Object
-    //   },
-    //   repairdetails:{
-    //     type: Object
-    //   },
-    //   faultshow:{
-    //     type: Object
-    //   },
-    //   issee:''
-    // },
-    methods: {
-      changse(val){
-        if(val == undefined){
-          return
         }
-        if(this.selectindex != null) {
-          if(this.f_items[this.selectindex].type == 'selector'){
-            this.f_items[this.selectindex].f_item_value = val
-          }else if(this.f_items[this.selectindex].type == 'inputSelector'){
-            this.f_items[this.selectindex].f_item_value = val.target.value
+      )(this),
+      // 金额异常差值允许误差
+      feeDeviation: (
+        function (_this) {
+          let deviation = _this.$appdata.getSingleValue('金额异常差值允许误差')
+          if (deviation && !isNaN(deviation)) {
+            return deviation
+          } else {
+            return 0
           }
         }
-      },
-      changlive(val){
-        if(val == undefined){
-          return
-        }
-        if(this.selectindex != null) {
-          this.f_items[this.selectindex].f_live_dispose = val
-        }
-      },
-      changdeal(val){
-        if(val == undefined){
-          return
+      )(this),
+      // 字轮异常差值允许误差
+      meterbase: (
+        function (_this) {
+          let deviation = _this.$appdata.getSingleValue('字轮异常差值允许误差')
+          if (deviation && !isNaN(deviation)) {
+            return deviation
+          } else {
+            return 0
+          }
         }
-        if(this.selectindex != null) {
-          this.f_items[this.selectindex].f_deal_dispose = val
+      )(this),
+      showElse: false, //控制其他选项是否显示
+    }
+  },
+  props: ['config', 'device', 'idx', 'operation', 'role'],
+  // props: {
+  //   // 维修对应的用户数据收集
+  //   model: {
+  //     type: Object
+  //   },
+  //   service:{
+  //     type: Object
+  //   },
+  //   show: {
+  //     type: Boolean,
+  //     default: false
+  //   },
+  //   repairitem:{
+  //     type: Object
+  //   },
+  //   shutype:'heng',
+  //   tabs:{
+  //     type: Object
+  //   },
+  //   repairdetails:{
+  //     type: Object
+  //   },
+  //   faultshow:{
+  //     type: Object
+  //   },
+  //   issee:''
+  // },
+  methods: {
+    changse(val) {
+      if (val == undefined) {
+        return
+      }
+      if (this.selectindex != null) {
+        if (this.f_items[this.selectindex].type == 'selector') {
+          this.f_items[this.selectindex].f_item_value = val
+        } else if (this.f_items[this.selectindex].type == 'inputSelector') {
+          this.f_items[this.selectindex].f_item_value = val.target.value
         }
-      },
-      switchDetails(detailsType, event){
-        if (event.srcElement.checked) {
-          for(var i = 0;i<this.Detail.details.length;i++){
-            if(this.Detail.details[i].f_project == detailsType){
-              this.Detail.details[i].f_content =  '有'
-              this.ischecked = '有'
-              return
-            }
+      }
+    },
+    changlive(val) {
+      if (val == undefined) {
+        return
+      }
+      if (this.selectindex != null) {
+        this.f_items[this.selectindex].f_live_dispose = val
+      }
+    },
+    changdeal(val) {
+      if (val == undefined) {
+        return
+      }
+      if (this.selectindex != null) {
+        this.f_items[this.selectindex].f_deal_dispose = val
+      }
+    },
+    switchDetails(detailsType, event) {
+      if (event.srcElement.checked) {
+        for (var i = 0; i < this.Detail.details.length; i++) {
+          if (this.Detail.details[i].f_project == detailsType) {
+            this.Detail.details[i].f_content = '有'
+            this.ischecked = '有'
+            return
           }
-        } else {
-          this.Detail.imgs = []
-          for(var i = 0;i<this.Detail.details.length;i++){
-            if(this.Detail.details[i].f_project == detailsType){
-              this.Detail.details[i].f_content =  '无'
-              this.ischecked = '无'
-            }else{
-              this.Detail.details[i].f_content = ''
-            }
+        }
+      } else {
+        this.Detail.imgs = []
+        for (var i = 0; i < this.Detail.details.length; i++) {
+          if (this.Detail.details[i].f_project == detailsType) {
+            this.Detail.details[i].f_content = '无'
+            this.ischecked = '无'
+          } else {
+            this.Detail.details[i].f_content = ''
           }
         }
-      },
-      getgasmodel(val){
-        this.gasmodel = val
-      },
-      getradios(val,flag){
-        let Reoptions = []
-        for (let i = 0;i<this.repairdetails.length;i++) {
-          var t = false
-          if(this.repairdetails[i].f_type == this.repairitem.header ){
-            for(var j =0;j<this.repairdetails[i].details.length;j++){
-              if(this.repairdetails[i].details[j].f_project == val ){
-                Reoptions = this.repairdetails[i].details[j].options
-                t = true
-                break
-              }
+      }
+    },
+    getgasmodel(val) {
+      this.gasmodel = val
+    },
+    getradios(val, flag) {
+      let Reoptions = []
+      for (let i = 0; i < this.repairdetails.length; i++) {
+        var t = false
+        if (this.repairdetails[i].f_type == this.repairitem.header) {
+          for (var j = 0; j < this.repairdetails[i].details.length; j++) {
+            if (this.repairdetails[i].details[j].f_project == val) {
+              Reoptions = this.repairdetails[i].details[j].options
+              t = true
+              break
             }
           }
-          if(t){
-            break
-          }
         }
-        for(let j = 0;j<Reoptions.length;j++){
-          if(Reoptions[j].data == flag){
-            for(var e = 0;e<this.Detail.details.length;e++){
-              if(this.Detail.details[e].f_project == val){
-                this.Detail.details[e].f_status = Reoptions[j].f_status
-                return
-              }
+        if (t) {
+          break
+        }
+      }
+      for (let j = 0; j < Reoptions.length; j++) {
+        if (Reoptions[j].data == flag) {
+          for (var e = 0; e < this.Detail.details.length; e++) {
+            if (this.Detail.details[e].f_project == val) {
+              this.Detail.details[e].f_status = Reoptions[j].f_status
+              return
             }
-            break
           }
+          break
         }
-      },
-      deletedetails(){
-        this.$showMessage('该操作会删除所填信息，是否继续！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            for(var i = 0;i<this.tabs.length;i++){
-              if(this.tabs[i].number == this.repairitem.number){
-                this.tabs.splice(i, 1)
-                this.model.servicerepair.splice(this.repairitem.number, 1)
-                for(let t = i;t < this.tabs.length;t++ ) {
-                  this.tabs[t].number -= 1
-                }
-                return
+      }
+    },
+    deletedetails() {
+      this.$showMessage('该操作会删除所填信息，是否继续！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          for (var i = 0; i < this.tabs.length; i++) {
+            if (this.tabs[i].number == this.repairitem.number) {
+              this.tabs.splice(i, 1)
+              this.model.servicerepair.splice(this.repairitem.number, 1)
+              for (let t = i; t < this.tabs.length; t++) {
+                this.tabs[t].number -= 1
               }
+              return
             }
           }
-        })
-      },
-      takePic(prop, title, pathname='null') {
-        if (this.role == 'androidview') {
-          return
         }
-        HostApp.__callback__ = this.cameraCallBack
-        HostApp.__this__ = this
-        //tag
-        let fileName
-        if (pathname == 'null') {
-          if (!this.f_items[prop].f_path || this.f_items[prop].f_path.includes("nopic.png")) {
-            fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
-          } else {
-            fileName = Util.getFileName(this.f_items[prop].f_path)
-          }
+      })
+    },
+    takePic(prop, title, pathname = 'null') {
+      if (this.role == 'androidview') {
+        return
+      }
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      //tag
+      let fileName
+      if (pathname == 'null') {
+        if (!this.f_items[prop].f_path || this.f_items[prop].f_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + 'device' + this.device.n + '-' + this.idx + '-' + 'f_items' + prop + '.jpg'
         } else {
-          if (!this.f_items[prop][pathname] || this.f_items[prop][pathname].includes("nopic.png")) {
-            fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
-          } else {
-            fileName = Util.getFileName(this.f_items[prop][pathname])
-          }
+          fileName = Util.getFileName(this.f_items[prop].f_path)
+        }
+      } else {
+        if (!this.f_items[prop][pathname] || this.f_items[prop][pathname].includes("nopic.png")) {
+          fileName = Util.guid() + '-' + 'device' + this.device.n + '-' + this.idx + '-' + 'f_items' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.f_items[prop][pathname])
         }
-        console.log('fileName === >' + fileName)
-        console.log('prop === >' + prop)
-        let addressA = "未获取到地址";
-        try {
-          let posaddress= HostApp.getGpsDetailAddress(); //获取当前地址信息
-          console.log("---------地址："+JSON.stringify(addressA))
-          addressA = posaddress.address
-          this.f_items[prop].f_longitude=posaddress.longitude
-          this.f_items[prop].f_latitude=posaddress.latitude
-        } catch (e) {
-          console.error('拍照时调用android端获取地址信息错误')
+      }
+      console.log('fileName === >' + fileName)
+      console.log('prop === >' + prop)
+      let addressA = "未获取到地址";
+      try {
+        let posaddress = HostApp.getGpsDetailAddress(); //获取当前地址信息
+        console.log("---------地址：" + JSON.stringify(addressA))
+        addressA = posaddress.address
+        this.f_items[prop].f_longitude = posaddress.longitude
+        this.f_items[prop].f_latitude = posaddress.latitude
+      } catch (e) {
+        console.error('拍照时调用android端获取地址信息错误')
+      }
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s","' + pathname + '");',
+          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
         }
-        HostApp._open_a_page({type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {file: fileName, requestCode: 111, callback:'javascript:HostApp.__callback__("'+ prop +'", "%s","'+pathname+'");', watermark: title + '\t时间：'+ Util.toStandardTimeString() + '\t' + Vue.user.name}
-        })
-      },
-      cameraCallBack(prop, fileName,pathname) {
+      })
+    },
+    cameraCallBack(prop, fileName, pathname) {
+      //tag
+      if (pathname == 'null') {
+        //tag
+        HostApp.__this__.$set('f_items[' + prop + '].f_path', fileName + '?' + Math.random())
+        //tag
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      } else {
+        //tag
+
+        HostApp.__this__.$set('f_items[' + prop + '].' + pathname + '', fileName + '?' + Math.random())
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      }
+    },
+    delfile(prop, fileName, pathname = 'null') {
+      if (pathname == 'null') {
         //tag
-        if (pathname == 'null') {
-          //tag
-          HostApp.__this__.$set( 'f_items['+prop+'].f_path', fileName + '?' + Math.random())
-          //tag
-          HostApp.__callback__ = null
-          HostApp.__this__ = null
+
+        if (fileName == Vue.nopic) {
+
         } else {
-          //tag
-          //tag)
-          HostApp.__this__.$set( 'f_items['+prop+'].'+pathname+'', fileName + '?' + Math.random())
-          HostApp.__callback__ = null
-          HostApp.__this__ = null
+          HostApp.delfile(fileName)
+          this.f_items[prop].f_path = Vue.nopic
         }
-      },
-      delfile(prop, fileName, pathname='null') {
-        if (pathname == 'null') {
-          //tag
-          //tag)
-          if(fileName == Vue.nopic){
-            return
-          } else {
-            HostApp.delfile(fileName)
-            this.f_items[prop].f_path = Vue.nopic
-          }
-        }else {
-          //tag
-          //tag)
-          if(fileName == Vue.nopic){
-            return
-          } else {
-            HostApp.delfile(fileName)
-            this.f_items[prop][pathname] = Vue.nopic
-          }
+      } else {
+        //tag
+
+        if (fileName == Vue.nopic) {
+
+        } else {
+          HostApp.delfile(fileName)
+          this.f_items[prop][pathname] = Vue.nopic
         }
-      },
-      adddetails(){
-        // 下标作为序号，取值用。 增加  序号得依次增加
-        if(this.tabs.length > 0){
-          for(let i = this.tabs.length-1;i > 0 ;i-- ){
-            if(this.tabs[i].header == this.repairitem.header){
-              if(this.model.servicerepair.length > 0){
-                for(let j = this.model.servicerepair.length -1;j > -1;j-- ){
-                  if(this.model.servicerepair[j].f_type == this.repairitem.header){
-                    this.model.servicerepair.splice(j+1, 0, Object.assign({}, JSON.parse(JSON.stringify(this.tabs[i].details))))
-                    this.tabs.splice(i+1, 0, {header: `${this.repairitem.header}`,details:this.tabs[i].details,complete:'repair-details',class:'repair-details-class',number:j+1,items:this.tabs[i].items})
-                    for(let t = i+2;t < this.tabs.length;t++ ) {
-                      this.tabs[t].number += 1
-                    }
-                    this.faultshow.number += this.faultshow.number + 1
-                    return
+      }
+    },
+    adddetails() {
+      // 下标作为序号，取值用。 增加  序号得依次增加
+      if (this.tabs.length > 0) {
+        for (let i = this.tabs.length - 1; i > 0; i--) {
+          if (this.tabs[i].header == this.repairitem.header) {
+            if (this.model.servicerepair.length > 0) {
+              for (let j = this.model.servicerepair.length - 1; j > -1; j--) {
+                if (this.model.servicerepair[j].f_type == this.repairitem.header) {
+                  this.model.servicerepair.splice(j + 1, 0, Object.assign({}, JSON.parse(JSON.stringify(this.tabs[i].details))))
+                  this.tabs.splice(i + 1, 0, {
+                    header: `${this.repairitem.header}`,
+                    details: this.tabs[i].details,
+                    complete: 'repair-details',
+                    class: 'repair-details-class',
+                    number: j + 1,
+                    items: this.tabs[i].items
+                  })
+                  for (let t = i + 2; t < this.tabs.length; t++) {
+                    this.tabs[t].number += 1
                   }
+                  this.faultshow.number += this.faultshow.number + 1
+                  return
                 }
               }
             }
           }
         }
-      },
-      transelation(val){
-        this.selectindex = val
-      },
-      towatch(){
-        for(let n in this.f_items){
-          if(typeof this.f_items[n]=='function'){
-            continue
-          }
-          if(this.f_items[n].type  == 'selector' || this.f_items[n].type  == 'inputSelector'){
-            // 监听下拉框，如果有隐患，需要拍照
-            this.$watch('f_items['+n+'].selected',function(val) {
-                // 下拉框值
-                //tag)
-                // 下拉框所属设备
-                //tag
-                // 下拉框所属项
-                //tag
-                let shImage = false
-                if(val.indexOf('其他') == -1){
-                  this.f_items[n].f_else = ''
+      }
+    },
+    transelation(val) {
+      this.selectindex = val
+    },
+    towatch() {
+      for (let n in this.f_items) {
+        if (typeof this.f_items[n] == 'function') {
+          continue
+        }
+        if (this.f_items[n].type == 'selector' || this.f_items[n].type == 'inputSelector') {
+          // 监听下拉框，如果有隐患，需要拍照
+          this.$watch('f_items[' + n + '].selected', function (val) {
+              // 下拉框值
+
+              // 下拉框所属设备
+              //tag
+              // 下拉框所属项
+              //tag
+              let shImage = false
+              if (val.indexOf('其他') == -1) {
+                this.f_items[n].f_else = ''
+              }
+              // if(this.config[this.device.device].items[item].type == 'selector'){
+              //   this.f_items[n].f_item_value = val
+              // }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
+              //   this.f_items[n].f_item_value = val[0]
+              // }
+              // 在配置中查找该项
+              for (let item in this.config[this.device.device].items) {
+                if (typeof this.config[this.device.device].items[item] == 'function') {
+                  continue
                 }
-                // if(this.config[this.device.device].items[item].type == 'selector'){
-                //   this.f_items[n].f_item_value = val
-                // }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
-                //   this.f_items[n].f_item_value = val[0]
-                // }
-                // 在配置中查找该项
-                for (let item in this.config[this.device.device].items) {
-                  if(typeof this.config[this.device.device].items[item]=='function'){
-                    continue
-                  }
-                  let type = this.config[this.device.device].items[item].type
-                  let multiple = this.config[this.device.device].items[item].multiple?this.config[this.device.device].items[item].multiple:false
-                  let options = this.config[this.device.device].items[item].options
-                  if ((this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'inputSelector') && item == this.f_items[n].f_item_name) {
-                    for (let i in options) {
-                      if(typeof options[i]=='function'){
-                        continue
+                let type = this.config[this.device.device].items[item].type
+                let multiple = this.config[this.device.device].items[item].multiple ? this.config[this.device.device].items[item].multiple : false
+                let options = this.config[this.device.device].items[item].options
+                if ((this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'inputSelector') && item == this.f_items[n].f_item_name) {
+                  for (let i in options) {
+                    if (typeof options[i] == 'function') {
+                      continue
+                    }
+                    let value
+                    if (this.config[this.device.device].items[item].type == 'selector' && this.config[this.device.device].items[item].multiple == false) {
+                      value = val[0]
+                    } else if (this.config[this.device.device].items[item].type == 'inputSelector') {
+                      value = val
+                    }
+
+                    // 如果未选择，清空图片、隐患信息等
+                    if ((type == 'selector' && val.length == 0) || (type == 'inputSelector' && val == '')) {
+                      this.f_items[n].f_path = ''
+                      this.f_items[n].f_is_defect = ''
+                      this.f_items[n].f_defect_level = ''
+                      this.f_items[n].f_live_dispose = ''
+                      this.f_items[n].f_deal_dispose = ''
+                      this.f_items[n].tooltip = ''
+                    }
+                    if ((type == 'selector' && multiple == false && options[i].data == val[0]) || (type == 'inputSelector' && options[i].data == val) || (type == 'selector' && multiple == true && val.indexOf(options[i].data) > -1)) {
+                      // 找到选中的项了
+                      //tag
+                      if (options[i].isdefect == true) {
+                        shImage = true
                       }
-                      let value
-                      if(this.config[this.device.device].items[item].type == 'selector' && this.config[this.device.device].items[item].multiple == false){
-                        value = val[0]
-                      }else if (this.config[this.device.device].items[item].type == 'inputSelector'){
-                        value = val
+                      if (options[i].isdefect == false || this.f_items[n].f_item_value == '') {
+                        shImage = false
                       }
-                      //tag)
-                      // 如果未选择，清空图片、隐患信息等
-                      if((type == 'selector' && val.length == 0) || (type == 'inputSelector' && val == '')){
+                      //tag
+                      if (shImage) {
+                        this.f_items[n].f_is_defect = true
+                        this.f_items[n].f_defect_level = options[i].level
+                        this.f_items[n].f_path = Vue.nopic
+                        this.f_items[n].f_live_dispose = '否'
+                        this.f_items[n].f_deal_dispose = options[i].deal ? options[i].deal : '报修'
+                        //tag
+                        this.f_items[n].tooltip = options[i].tooltip
+                      } else {
                         this.f_items[n].f_path = ''
                         this.f_items[n].f_is_defect = ''
                         this.f_items[n].f_defect_level = ''
@@ -562,673 +657,635 @@
                         this.f_items[n].f_deal_dispose = ''
                         this.f_items[n].tooltip = ''
                       }
-                      if((type == 'selector' && multiple == false && options[i].data == val[0]) || (type == 'inputSelector' && options[i].data == val) || (type == 'selector' && multiple == true && val.indexOf(options[i].data) > -1)){
-                        // 找到选中的项了
-                        //tag
-                        if(options[i].isdefect == true ){
-                          shImage = true
-                        }
-                        if(options[i].isdefect == false || this.f_items[n].f_item_value == ''){
-                          shImage = false
-                        }
-                        //tag
-                        if(shImage){
-                          this.f_items[n].f_is_defect =true
-                          this.f_items[n].f_defect_level = options[i].level
-                          this.f_items[n].f_path = Vue.nopic
-                          this.f_items[n].f_live_dispose = '否'
-                          this.f_items[n].f_deal_dispose = options[i].deal ? options[i].deal:'报修'
-                          //tag
-                          this.f_items[n].tooltip= options[i].tooltip
-                        }else{
-                          this.f_items[n].f_path = ''
-                          this.f_items[n].f_is_defect = ''
-                          this.f_items[n].f_defect_level = ''
-                          this.f_items[n].f_live_dispose = ''
-                          this.f_items[n].f_deal_dispose = ''
-                          this.f_items[n].tooltip = ''
-                        }
-                      }
                     }
                   }
                 }
               }
-            )
-            // this.$watch('other',function(val){
-            //   //tag
-            //   if(this.selectindex != null) {
-            //     let index = this.f_items[this.selectindex].f_item_value.indexOf('其他')
-            //     if(index > -1){
-            //       this.f_items[this.selectindex].f_item_value.splice(index,1,this.other)
-            //     }
-            //   }
-            //
-            // })
-          }else if(this.f_items[n].type  == 'radio') {
-            // 监听单选框，如果有隐患，需要拍照
-            this.$watch('f_items[' + n + '].f_item_value', function (val) {
-              //tag)
-              let options = this.f_items[n].options
-              //tag)
-              for (let i = 0; i < options.length; i++) {
-                //tag)
-                // 找到选中的项了
-                if (options[i].value == val) {
-                  // 如果有隐患，拍图片
-                  if (options[i].isdefect) {
-                    this.f_items[n].f_is_defect = true
-                    this.f_items[n].f_defect_level = options[i].level
-                    this.f_items[n].f_path = Vue.nopic
-                    this.f_items[n].f_live_dispose = '否'
-                    this.f_items[n].f_deal_dispose = options[i].deal ? options[i].deal:'报修'
-                    this.f_items[n].tooltip = options[i].tooltip
-                    //tag)
-                    return
-                  }
-                }
-              }
-              this.f_items[n].f_path = ''
-              this.f_items[n].f_is_defect = ''
-              this.f_items[n].f_defect_level = ''
-              this.f_items[n].f_live_dispose = ''
-              this.f_items[n].f_deal_dispose = ''
-              this.f_items[n].tooltip = ''
-            })
-          }else if(this.f_items[n].type  == 'checkbox') {
-            // 监听单选框，如果有隐患，需要拍照
-            this.$watch('f_items[' + n + '].f_item_value', function (val) {
-              //tag)
-              // 如果是手动赋值，不执行下面逻辑
-              if (this.f_items[n].isReSet) {
-                this.f_items[n].isReSet = false
-                return
-              }
-              let options = this.f_items[n].options
-              //tag)
-              // 取出选中项中有隐患的详细信息
-              let selected = options.filter(item => { return val.indexOf(item.value) != -1 && item.isdefect })
-
-              if(selected.length > 0){
-                // 防止赋值无限调用
-                this.f_items[n].isReSet = true
-                let selectList = selected.map(item => {return item.value})
-                // 如果选中的是非隐患项,取消选中isdefect为true的
-                if (selectList.indexOf(val[val.length - 1]) == -1) {
-                  this.f_items[n].f_item_value = val.filter(item => {return selectList.indexOf(item) == -1})
-                  this.f_items[n].f_path = ''
-                  this.f_items[n].f_is_defect = ''
-                  this.f_items[n].f_defect_level = ''
-                  this.f_items[n].f_live_dispose = ''
-                  this.f_items[n].f_deal_dispose = ''
-                  this.f_items[n].tooltip = ''
-                  return
-                }
-                // 如果选中的是隐患项,取消选中isdefect为false的
-                this.f_items[n].f_item_value = selectList
-                // 如果第一次选择隐患项，初始化
-                if (!this.f_items[n].f_is_defect) {
+            }
+          )
+          // this.$watch('other',function(val){
+          //   //tag
+          //   if(this.selectindex != null) {
+          //     let index = this.f_items[this.selectindex].f_item_value.indexOf('其他')
+          //     if(index > -1){
+          //       this.f_items[this.selectindex].f_item_value.splice(index,1,this.other)
+          //     }
+          //   }
+          //
+          // })
+        } else if (this.f_items[n].type == 'radio') {
+          // 监听单选框，如果有隐患，需要拍照
+          this.$watch('f_items[' + n + '].f_item_value', function (val) {
+
+            let options = this.f_items[n].options
+
+            for (let i = 0; i < options.length; i++) {
+
+              // 找到选中的项了
+              if (options[i].value == val) {
+                // 如果有隐患，拍图片
+                if (options[i].isdefect) {
                   this.f_items[n].f_is_defect = true
-                  this.f_items[n].f_defect_level = selected[0].level
+                  this.f_items[n].f_defect_level = options[i].level
                   this.f_items[n].f_path = Vue.nopic
                   this.f_items[n].f_live_dispose = '否'
-                  this.f_items[n].f_deal_dispose = selected[0].deal ? selected[0].deal:'报修'
-                  //tag
-                  this.f_items[n].tooltip = selected[0].tooltip
+                  this.f_items[n].f_deal_dispose = options[i].deal ? options[i].deal : '报修'
+                  this.f_items[n].tooltip = options[i].tooltip
+
+                  return
                 }
-                //tag)
-                return
               }
-              this.f_items[n].f_path = ''
-              this.f_items[n].f_is_defect = ''
-              this.f_items[n].f_defect_level = ''
-              this.f_items[n].f_live_dispose = ''
-              this.f_items[n].f_deal_dispose = ''
-              this.f_items[n].tooltip = ''
+            }
+            this.f_items[n].f_path = ''
+            this.f_items[n].f_is_defect = ''
+            this.f_items[n].f_defect_level = ''
+            this.f_items[n].f_live_dispose = ''
+            this.f_items[n].f_deal_dispose = ''
+            this.f_items[n].tooltip = ''
+          })
+        } else if (this.f_items[n].type == 'checkbox') {
+          // 监听单选框，如果有隐患，需要拍照
+          this.$watch('f_items[' + n + '].f_item_value', function (val) {
+
+            // 如果是手动赋值，不执行下面逻辑
+            if (this.f_items[n].isReSet) {
+              this.f_items[n].isReSet = false
+              return
+            }
+            let options = this.f_items[n].options
+
+            // 取出选中项中有隐患的详细信息
+            let selected = options.filter(item => {
+              return val.indexOf(item.value) != -1 && item.isdefect
             })
-          }
-        }
-        //tag)
-      },
-      getjishuNumber(val){
-        if(!this.f_bc_jishu.index || !this.f_metergasnums.index){
-          return
+
+            if (selected.length > 0) {
+              // 防止赋值无限调用
+              this.f_items[n].isReSet = true
+              let selectList = selected.map(item => {
+                return item.value
+              })
+              // 如果选中的是非隐患项,取消选中isdefect为true的
+              if (selectList.indexOf(val[val.length - 1]) == -1) {
+                this.f_items[n].f_item_value = val.filter(item => {
+                  return selectList.indexOf(item) == -1
+                })
+                this.f_items[n].f_path = ''
+                this.f_items[n].f_is_defect = ''
+                this.f_items[n].f_defect_level = ''
+                this.f_items[n].f_live_dispose = ''
+                this.f_items[n].f_deal_dispose = ''
+                this.f_items[n].tooltip = ''
+                return
+              }
+              // 如果选中的是隐患项,取消选中isdefect为false的
+              this.f_items[n].f_item_value = selectList
+              // 如果第一次选择隐患项，初始化
+              if (!this.f_items[n].f_is_defect) {
+                this.f_items[n].f_is_defect = true
+                this.f_items[n].f_defect_level = selected[0].level
+                this.f_items[n].f_path = Vue.nopic
+                this.f_items[n].f_live_dispose = '否'
+                this.f_items[n].f_deal_dispose = selected[0].deal ? selected[0].deal : '报修'
+                //tag
+                this.f_items[n].tooltip = selected[0].tooltip
+              }
+
+              return
+            }
+            this.f_items[n].f_path = ''
+            this.f_items[n].f_is_defect = ''
+            this.f_items[n].f_defect_level = ''
+            this.f_items[n].f_live_dispose = ''
+            this.f_items[n].f_deal_dispose = ''
+            this.f_items[n].tooltip = ''
+          })
         }
-        // 先清空
-        this.f_items[this.f_sy_jishu.index].f_item_value = null
-        if(val=='本次基数'){
-          //周期用气 = 本次基数-上次基数
-          this.f_items[this.f_sy_jishu.index].f_item_value= this.f_items[this.f_bc_jishu.index].f_item_value-this.f_items[this.f_metergasnums.index].f_item_value
-          if (isNaN(this.f_items[this.f_sy_jishu.index].f_item_value)) {
-            this.f_items[this.f_sy_jishu.index].f_item_value = null
-          }
+      }
+
+    },
+    getjishuNumber(val) {
+      if (!this.f_bc_jishu.index || !this.f_metergasnums.index) {
+        return
+      }
+      // 先清空
+      this.f_items[this.f_sy_jishu.index].f_item_value = null
+      if (val == '本次基数') {
+        //周期用气 = 本次基数-上次基数
+        this.f_items[this.f_sy_jishu.index].f_item_value = this.f_items[this.f_bc_jishu.index].f_item_value - this.f_items[this.f_metergasnums.index].f_item_value
+        if (isNaN(this.f_items[this.f_sy_jishu.index].f_item_value)) {
+          this.f_items[this.f_sy_jishu.index].f_item_value = null
         }
-      },
-      getGasAberrantNumber(val) {
+      }
+    },
+    getGasAberrantNumber(val) {
+      //tag
+      if (!this.f_meter_base.index || !this.f_gas_balance.index) {
         //tag
-        if(!this.f_meter_base.index || !this.f_gas_balance.index){
-          //tag
-          return
-        }
-        // 先清空
-        this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
-        this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
-        if(val=='已用气量'){
-          //剩余气量 = 累购-已用
-          this.f_items[this.f_gas_balance.index].f_item_value= this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_meter_base.index].f_item_value
-          if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
-            this.f_items[this.f_gas_balance.index].f_item_value = null
-          }
+        return
+      }
+      // 先清空
+      this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
+      this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
+      if (val == '已用气量') {
+        //剩余气量 = 累购-已用
+        this.f_items[this.f_gas_balance.index].f_item_value = this.f_items[this.f_total_gas.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value
+        if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
+          this.f_items[this.f_gas_balance.index].f_item_value = null
         }
+      }
 
-        // 只有两个值都填了才会计算
-        if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
-          return
-        }
-        //tag)
-        //tag
-        //tag
+      // 只有两个值都填了才会计算
+      if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
+        return
+      }
 
-        // 计算公式 =>  气量异常差值 =  剩余气量  -  表内剩余
-        this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_balance.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
-        this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
-        // 如果数值有误，清空结果s
-        if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
-          this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
-        }
-        //tag ===> ' + Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value))
-        //tag ===> ' + JSON.stringify(Number(this.gasDeviation)))
-        // 计算差值是否在范围内
-        // if (Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value) > Number(this.gasDeviation)) {
-        //   this.f_items[this.f_gas_aberrant_number.index].f_is_defect = true
-        // }
+      //tag
+      //tag
+
+      // 计算公式 =>  气量异常差值 =  剩余气量  -  表内剩余
+      this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_balance.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
+      this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
+      // 如果数值有误，清空结果s
+      if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
+        this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
+      }
+      //tag ===> ' + Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value))
+      //tag ===> ' + JSON.stringify(Number(this.gasDeviation)))
+      // 计算差值是否在范围内
+      // if (Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value) > Number(this.gasDeviation)) {
+      //   this.f_items[this.f_gas_aberrant_number.index].f_is_defect = true
+      // }
 
-        //tag)
-      },
-      getFeeAberrantNumber(val) {
+
+    },
+    getFeeAberrantNumber(val) {
+      //tag
+      // 只有两个值都填了才会计算
+      if (!this.f_fee_base.index || !this.f_balance_amount.index) {
         //tag
-        // 只有两个值都填了才会计算
-        if(!this.f_fee_base.index || !this.f_balance_amount.index ){
-          //tag
-          if(this.f_meter_base.index || this.f_gas_balance.index || this.f_fee_base.index){
+        if (this.f_meter_base.index || this.f_gas_balance.index || this.f_fee_base.index) {
+          this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
+          this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
+          // if(val=='已用气量'){
+          //   //剩余气量 = 累购-已用
+          //   this.f_items[this.f_gas_balance.index].f_item_value= this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_prior_reading.index].f_item_value
+          //   if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
+          //     this.f_items[this.f_gas_balance.index].f_item_value = null
+          //   }
+          // }
+          // 只有两个值都填了才会计算
+          // if (!this.f_items[this.f_table_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
+          //   return
+          // }
+          // 计算公式 =>  气量异常差值 =  剩余气量  -  表内剩余
+          this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_total_gas.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
+          this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
+          // 如果数值有误，清空结果s
+          if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
             this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
-            this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
-            // if(val=='已用气量'){
-            //   //剩余气量 = 累购-已用
-            //   this.f_items[this.f_gas_balance.index].f_item_value= this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_prior_reading.index].f_item_value
-            //   if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
-            //     this.f_items[this.f_gas_balance.index].f_item_value = null
-            //   }
-            // }
-            // 只有两个值都填了才会计算
-            // if (!this.f_items[this.f_table_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
-            //   return
-            // }
-            // 计算公式 =>  气量异常差值 =  剩余气量  -  表内剩余
-            this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_meter_base.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
-            this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
-            // 如果数值有误，清空结果s
-            if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
-              this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
-            }
-            return
-          }else{
-            return
           }
+          return
+        } else {
+          return
         }
-        // 先清空
+      }
+      // 先清空
+      this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
+      this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
+      //
+      // if(val=='表内剩余'){
+      //   this.f_items[this.f_fee_balance.index].f_item_value=this.f_items[this.f_total_fee.index].f_item_value-this.f_items[this.f_fee_base.index].f_item_value
+      //   if (isNaN(this.f_items[this.f_fee_balance.index].f_item_value)) {
+      //     this.f_items[this.f_fee_balance.index].f_item_value = null
+      //   }
+      // }
+      //
+      // if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_fee_balance.index].f_item_value) {
+      //   return
+      // }
+
+      // 计算公式 =>  金额异常差值 = 系统金额 （f_balance_amount 系统已有）- 表内剩余（f_fee_base 客户填）
+      this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_balance_amount.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
+      this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
+      if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
         this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
-        this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
-        //
-        // if(val=='表内剩余'){
-        //   this.f_items[this.f_fee_balance.index].f_item_value=this.f_items[this.f_total_fee.index].f_item_value-this.f_items[this.f_fee_base.index].f_item_value
-        //   if (isNaN(this.f_items[this.f_fee_balance.index].f_item_value)) {
-        //     this.f_items[this.f_fee_balance.index].f_item_value = null
-        //   }
-        // }
-        //
-        // if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_fee_balance.index].f_item_value) {
-        //   return
-        // }
+      }
+      //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
+      //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
+      // 计算差值是否在范围内
+      // if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
+      //   this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
+      // }
 
-        // 计算公式 =>  金额异常差值 = 系统金额 （f_balance_amount 系统已有）- 表内剩余（f_fee_base 客户填）
-        this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_balance_amount.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
-        this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
-        if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
-          this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
-        }
-        //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
-        //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
-        // 计算差值是否在范围内
-        // if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
-        //   this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
-        // }
 
-        //tag)
-      },
-      //物联网表字轮数改变触发
-      getmeteraberrantnumber() {
-        //tag
+    },
+    //物联网表字轮数改变触发
+    getmeteraberrantnumber() {
+      //tag
 
-        // 先清空
+      // 先清空
+      this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
+      this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = false
+      //tag
+      // 只有两个值都填了才会计算
+      if (!this.f_items[this.f_meter_base.index].f_item_value || !this.f_items[this.f_meter_base1.index].f_item_value) {
+        return
+      }
+      //tag
+      // 计算公式 =>   表数异常差值= - 字轮数 - 后台表读数
+      this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_base1.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value
+      this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_aberrant_number1.index].f_item_value.toFixed(3)
+      if (isNaN(this.f_items[this.f_meter_aberrant_number1.index].f_item_value)) {
         this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
-        this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = false
-        //tag
-        // 只有两个值都填了才会计算
-        if (!this.f_items[this.f_meter_base.index].f_item_value || !this.f_items[this.f_meter_base1.index].f_item_value) {
-          return
-        }
-        //tag
-        // 计算公式 =>   表数异常差值= - 字轮数 - 后台表读数
-        this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_base1.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value
-        this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_aberrant_number1.index].f_item_value.toFixed(3)
-        if (isNaN(this.f_items[this.f_meter_aberrant_number1.index].f_item_value)) {
-          this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
-        }
-        //tag ===> ' + Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value))
-        // 计算差值是否在范围内
-        //tag)
-        if (Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value) > Number(this.meterbase)){
-          this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = true
-        }
+      }
+      //tag ===> ' + Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value))
+      // 计算差值是否在范围内
+
+      if (Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value) > Number(this.meterbase)) {
+        this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = true
+      }
 
-        //tag)
-      },
 
-      disSelect(index, itemValue) {
-        //tag)
-        //tag)
-        if (this.f_items[index].f_item_value == itemValue) {
-          this.$set(`f_items[${index}].f_item_value`, '')
+    },
+
+    disSelect(index, itemValue) {
+
+
+      if (this.f_items[index].f_item_value == itemValue) {
+        this.$set(`f_items[${index}].f_item_value`, '')
+      }
+    }
+  },
+  ready() {
+    //tag
+    //tag
+    if (Vue.config.safecheck != undefined) {
+      if (Vue.config.safecheck.ApproveConfig != undefined) {
+        if (Vue.config.safecheck.ApproveConfig.livedispose != undefined) {
+          this.livedispose = Vue.config.safecheck.ApproveConfig.livedispose
+        }
+        if (Vue.config.safecheck.ApproveConfig.dealdispose != undefined) {
+          this.dealdispose = Vue.config.safecheck.ApproveConfig.dealdispose
+        }
+        if (Vue.config.safecheck.ApproveConfig.hiddendanger != undefined) {
+          if (parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger) >= 3) {
+            this.hiddenDangerImgNumber = 3
+          } else {
+            this.hiddenDangerImgNumber = parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger)
+          }
         }
       }
-    },
-    ready() {
-      //tag
-      //tag
-      if(Vue.config.safecheck != undefined){
-        if(Vue.config.safecheck.ApproveConfig != undefined){
-          if(Vue.config.safecheck.ApproveConfig.livedispose != undefined) {
-            this.livedispose = Vue.config.safecheck.ApproveConfig.livedispose
+    }
+    //创建页面所需数据
+    this.$set('piece', this.paper['device' + this.device.n][this.idx])
+    let n = 0
+    for (let item in this.config[this.device.device].items) {
+      if (typeof this.config[this.device.device].items[item] == 'function') {
+        continue
+      }
+      let index = this.config[this.device.device].items[item].index - 1
+      this.$set('page.options' + index, [])
+      // 先根据配置组接页面
+      let f_item_value
+      if (this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'checkbox') {
+        f_item_value = []
+        // 判断选项的默认值
+        for (let defitem in this.config[this.device.device].items[item].options) {
+          if (typeof this.config[this.device.device].items[item].options[defitem] == 'function') {
+            continue
           }
-          if(Vue.config.safecheck.ApproveConfig.dealdispose != undefined) {
-            this.dealdispose = Vue.config.safecheck.ApproveConfig.dealdispose
+          let defopt = this.config[this.device.device].items[item].options[defitem]
+          if (defopt.isdefault) {
+            //tag
+            f_item_value[0] = defopt.data
           }
-          if(Vue.config.safecheck.ApproveConfig.hiddendanger != undefined) {
-            if (parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger) >= 3) {
-              this.hiddenDangerImgNumber = 3
-            }else {
-              this.hiddenDangerImgNumber = parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger)
-            }
+        }
+        // if(this.config[this.device.device].items[item].data){
+        //   f_item_value.push(this.config[this.device.device].items[item].data)
+        // }
+      } else if (this.config[this.device.device].items[item].type == 'radio') {
+        //为radio添加默认值
+        f_item_value = ''
+
+        for (let defitem in this.config[this.device.device].items[item].options) {
+          if (typeof this.config[this.device.device].items[item].options[defitem] == 'function') {
+            continue
+          }
+
+          let defopt = this.config[this.device.device].items[item].options[defitem]
+          if (defopt.isdefault) {
+
+            f_item_value = defopt.data
           }
         }
+      } else {
+        f_item_value = this.config[this.device.device].items[item].data ? this.config[this.device.device].items[item].data : ''
       }
-      //tag
-      //tag)
-      //tag)
-      //tag)
-      //创建页面所需数据
-      this.$set('piece', this.paper['device'+this.device.n][this.idx])
-      //tag)
-      //tag)
-      let n = 0
-      for (let item in this.config[this.device.device].items) {
-        if(typeof this.config[this.device.device].items[item]=='function'){
-          continue
+
+      let it = {
+        type: this.config[this.device.device].items[item].type,
+        f_item_name: item,
+        checkmust: this.config[this.device.device].items[item].checkmust,
+        f_item_value: f_item_value,
+        f_is_defect: '',
+        multiple: this.config[this.device.device].items[item].multiple == true ? this.config[this.device.device].items[item].multiple : false,
+        f_repair_department: this.config[this.device.device].items[item].repairDepartment ? this.config[this.device.device].items[item].repairDepartment : '',
+        f_deal_dispose: this.config[this.device.device].items[item].dealDispose ? this.config[this.device.device].items[item].dealDispose : '',
+        f_handle_date: '',
+        f_block_pitfall: this.config[this.device.device].items[item].blockPitfall ? this.config[this.device.device].items[item].blockPitfall : false,
+        f_lose_efficacy: this.config[this.device.device].items[item].loseEfficacy ? this.config[this.device.device].items[item].loseEfficacy : '',
+        isshow: this.config[this.device.device].items[item].isshow == false ? this.config[this.device.device].items[item].isshow : true,
+        readonly: this.config[this.device.device].items[item].readonly == true ? true : false,
+        remark: this.config[this.device.device].items[item].remark ? this.config[this.device.device].items[item].remark : '',
+        f_path: '',
+        unit: this.config[this.device.device].items[item].unit ? this.config[this.device.device].items[item].unit : '',
+        tooltip: '',
+        f_live_dispose: '',
+        f_else: '',
+        f_p1_path: '',
+        f_p2_path: '',
+        f_p3_path: '',
+        f_longitude: '',
+        f_defect_remark: '',
+        f_latitude: ''
+      }
+      this.$set('f_items[' + index + ']', it)
+      if (this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'inputSelector') {
+        if (this.config[this.device.device].items[item].type == 'selector') {
+          this.page['options' + index].push({
+            label: "请选择",
+            value: ''
+          })
         }
-        let index = this.config[this.device.device].items[item].index-1
-        this.$set('page.options' + index, [])
-        //tag)
-        //tag)
-        //tag)
-        // 先根据配置组接页面
-        let f_item_value
-        if(this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'checkbox'){
-          f_item_value = []
-          // 判断选项的默认值
-          for (let defitem in this.config[this.device.device].items[item].options) {
-            if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
-              continue
-            }
-            let defopt = this.config[this.device.device].items[item].options[defitem]
-            if (defopt.isdefault) {
-              //tag
-              f_item_value[0] = defopt.data
-            }
+        for (let i in this.config[this.device.device].items[item].options) {
+          if (typeof this.config[this.device.device].items[item].options[i] == 'function') {
+            continue
           }
-          // if(this.config[this.device.device].items[item].data){
-          //   f_item_value.push(this.config[this.device.device].items[item].data)
-          // }
-        }else if(this.config[this.device.device].items[item].type == 'radio'){
-          //为radio添加默认值
-          f_item_value=''
-          //tag)
-          for (let defitem in this.config[this.device.device].items[item].options) {
-            if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
-              continue
-            }
-            //tag)
-            let defopt = this.config[this.device.device].items[item].options[defitem]
-            if (defopt.isdefault) {
-              //tag)
-              f_item_value = defopt.data
-            }
+          this.page['options' + index].push({
+            label: this.config[this.device.device].items[item].options[i].data,
+            value: this.config[this.device.device].items[item].options[i].data,
+            tooltip: this.config[this.device.device].items[item].options[i].tooltip,
+            deal: this.config[this.device.device].items[item].options[i].deal
+          })
+        }
+        if (this.config[this.device.device].items[item].type == 'selector') {
+          this.$set('f_items[' + index + '].selected', f_item_value)
+        } else if (this.config[this.device.device].items[item].type == 'inputSelector') {
+          this.$set('f_items[' + index + '].selected', f_item_value)
+        }
+        this.$set('f_items[' + index + '].options', this.page['options' + index])
+      } else if (this.config[this.device.device].items[item].type == 'radio' || this.config[this.device.device].items[item].type == 'checkbox') {
+        for (let i in this.config[this.device.device].items[item].options) {
+          if (typeof this.config[this.device.device].items[item].options[i] == 'function') {
+            continue
           }
-        }else{
-          f_item_value = this.config[this.device.device].items[item].data ? this.config[this.device.device].items[item].data : ''
+          this.page['options' + index].push({
+            label: this.config[this.device.device].items[item].options[i].data,
+            value: this.config[this.device.device].items[item].options[i].data,
+            isdefect: this.config[this.device.device].items[item].options[i].isdefect,
+            level: this.config[this.device.device].items[item].options[i].level,
+            tooltip: this.config[this.device.device].items[item].options[i].tooltip,
+            deal: this.config[this.device.device].items[item].options[i].deal
+          })
         }
-        //tag)
-        let it = {
-          type: this.config[this.device.device].items[item].type,
-          f_item_name: item,
-          checkmust: this.config[this.device.device].items[item].checkmust,
-          f_item_value: f_item_value,
-          f_is_defect: '',
-          multiple:this.config[this.device.device].items[item].multiple == true?this.config[this.device.device].items[item].multiple:false,
-          isshow:this.config[this.device.device].items[item].isshow == false?this.config[this.device.device].items[item].isshow:true,
-          readonly: this.config[this.device.device].items[item].readonly == true?true:false,
-          remark: this.config[this.device.device].items[item].remark ? this.config[this.device.device].items[item].remark : '',
-          f_path: '',
-          unit: this.config[this.device.device].items[item].unit ? this.config[this.device.device].items[item].unit : '',
-          tooltip:'',
-          f_live_dispose:'',
-          f_deal_dispose:'',
-          f_else: '',
-          f_p1_path: '',
-          f_p2_path: '',
-          f_p3_path: '',
-          f_longitude:'',
-          f_defect_remark:'',
-          f_latitude:''
+        this.$set('f_items[' + index + '].options', this.page['options' + index])
+        this.$set('f_items[' + index + '].f_item_value', f_item_value)
+      }
+      n = n + 1
+    }
+    if (JSON.stringify(this.piece) == '{}') {
+      // 如果没有，则新建
+      this.$set('piece.f_items', this.f_items)
+      this.$set('piece.f_device_type', this.device.device)
+    } else {
+      // 已经存在，把之前的数据重新填入
+      for (let f in this.f_items) {
+        if (typeof this.f_items[f] == 'function') {
+          continue
         }
-        //tag)
-        //tag)
-        this.$set('f_items['+index+']',it)
-        if (this.config[this.device.device].items[item].type == 'selector' ||this.config[this.device.device].items[item].type == 'inputSelector') {
-          if(this.config[this.device.device].items[item].type == 'selector'){
-            this.page['options' + index].push({
-              label: "请选择",
-              value: ''
-            })
+        for (let p in this.piece.f_items) {
+          if (typeof this.piece.f_items[p] == 'function') {
+            continue
           }
-          for (let i in this.config[this.device.device].items[item].options) {
-            if(typeof this.config[this.device.device].items[item].options[i]=='function'){
-              continue
+          if (this.f_items[f].f_item_name == this.piece.f_items[p].f_item_name) {
+            this.f_items[f] = Object.assign(this.f_items[f], this.piece.f_items[p])
+            if (this.f_items[f].type == 'selector' || this.f_items[f].type == 'inputSelector') {
+              this.f_items[f].selected = this.piece.f_items[p].f_item_value
             }
-            this.page['options' + index].push({
-              label: this.config[this.device.device].items[item].options[i].data,
-              value: this.config[this.device.device].items[item].options[i].data,
-              tooltip: this.config[this.device.device].items[item].options[i].tooltip,
-              deal:this.config[this.device.device].items[item].options[i].deal
-            })
-          }
-          if(this.config[this.device.device].items[item].type == 'selector'){
-            this.$set('f_items['+index+'].selected', f_item_value)
-          }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
-            this.$set('f_items['+index+'].selected', f_item_value)
-          }
+            // 取出特殊值
+            if (this.f_items[f].f_item_name == '初始表底') {
+
+              this.f_initial_base.index = f
+            } else if (this.f_items[f].f_item_name == '气表累购') {
+
+              this.f_total_gas.index = f
+            } else if (this.f_items[f].f_item_name == '上次基数') {
+
+              this.f_metergasnums.index = f
+            } else if (this.f_items[f].f_item_name == '本次基数') {
+
+              this.f_bc_jishu.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getjishuNumber('本次基数')
+              })
+            } else if (this.f_items[f].f_item_name == '周期用气') {
+
+              this.f_sy_jishu.index = f
+            } else if (this.f_items[f].f_item_name == '已用气量') {
+
+              this.f_meter_base.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getGasAberrantNumber('已用气量')
+              })
+            } else if (this.f_items[f].f_item_name == '剩余气量') {
+
+              this.f_gas_balance.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getGasAberrantNumber('')
+              })
+            } else if (this.f_items[f].f_item_name == '气量异常差值') {
+
+              this.f_gas_aberrant_number.index = f
+            } else if (this.f_items[f].f_item_name == '累购金额') {
 
-          this.$set('f_items['+index+'].options',this.page['options' + index])
+              this.f_total_fee.index = f
+            } else if (this.f_items[f].f_item_name == '表内剩余') {
 
-          //tag)
-        } else if (this.config[this.device.device].items[item].type == 'radio' || this.config[this.device.device].items[item].type == 'checkbox') {
-          //tag)
-          //tag
-          //tag)
-          for (let i in this.config[this.device.device].items[item].options) {
-            if(typeof this.config[this.device.device].items[item].options[i]=='function'){
-              continue
+              this.f_fee_base.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getFeeAberrantNumber('表内剩余')
+              })
+            } else if (this.f_items[f].f_item_name == '系统金额') {
+
+              this.f_balance_amount.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getFeeAberrantNumber('')
+              })
+            } else if (this.f_items[f].f_item_name == '金额异常差值') {
+
+              this.f_fee_aberrant_number.index = f
+            } else if (this.f_items[f].f_item_name == '表读数') {
+
+              this.f_meter_base.index = f
+            } else if (this.f_items[f].f_item_name == '表剩余金额') {
+
+              this.f_balance_amount.index = f
+            } else if (this.f_items[f].f_item_name == '字轮数') {
+
+              this.f_meter_base1.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getmeteraberrantnumber()
+              })
+            } else if (this.f_items[f].f_item_name == '表余额') {
+
+              this.f_balance_amount1.index = f
+              this.$watch('f_items[' + f + '].f_item_value', function () {
+                this.getfeeaberrantnumber1()
+              })
+            } else if (this.f_items[f].f_item_name == '表数异常差值') {
+
+              this.f_meter_aberrant_number1.index = f
+            } else if (this.f_items[f].f_item_name == '表金额异常差值') {
+
+              this.f_fee_aberrant_number1.index = f
             }
-            //tag
-            this.page['options' + index].push({
-              label: this.config[this.device.device].items[item].options[i].data,
-              value: this.config[this.device.device].items[item].options[i].data,
-              isdefect: this.config[this.device.device].items[item].options[i].isdefect,
-              level: this.config[this.device.device].items[item].options[i].level,
-              tooltip: this.config[this.device.device].items[item].options[i].tooltip,
-              deal:this.config[this.device.device].items[item].options[i].deal
-            })
-            //tag)
           }
-          //tag)
-          this.$set('f_items[' + index + '].options', this.page['options' + index])
-          this.$set('f_items[' + index + '].f_item_value', f_item_value)
-          //tag)
         }
-        n = n + 1
-      }
-      if(JSON.stringify(this.piece) == '{}') {
-        // 如果没有，则新建
-        this.$set('piece.f_items',this.f_items)
-        this.$set('piece.f_device_type',this.device.device)
-      } else {
-        // 已经存在，把之前的数据重新填入
-        for (let f in this.f_items){
-          if(typeof this.f_items[f]=='function'){
+        for (let em in this.config[this.device.device].items) {
+          if (typeof this.config[this.device.device].items[em] == 'function') {
             continue
           }
-          for(let p in this.piece.f_items) {
-            if(typeof this.piece.f_items[p]=='function'){
-              continue
-            }
-            if (this.f_items[f].f_item_name == this.piece.f_items[p].f_item_name) {
-              //tag)
-              //tag)
-              this.f_items[f] = Object.assign(this.f_items[f], this.piece.f_items[p])
-              //tag)
-              if (this.f_items[f].type == 'selector' || this.f_items[f].type == 'inputSelector') {
-                //tag)
-                //tag)
-                this.f_items[f].selected = this.piece.f_items[p].f_item_value
-                //tag)
-              }
-              // 取出特殊值
-              if (this.f_items[f].f_item_name == '初始表底') {
-                //tag)
-                this.f_initial_base.index = f
-              } else if (this.f_items[f].f_item_name == '气表累购') {
-                //tag)
-                this.f_total_gas.index = f
-              } else if (this.f_items[f].f_item_name == '上次基数') {
-                //tag)
-                this.f_metergasnums.index = f
-              } else if (this.f_items[f].f_item_name == '本次基数') {
-                //tag)
-                this.f_bc_jishu.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getjishuNumber('本次基数')
-                })
-              } else if (this.f_items[f].f_item_name == '周期用气') {
-                //tag)
-                this.f_sy_jishu.index = f
-              } else if (this.f_items[f].f_item_name == '已用气量') {
-                //tag)
-                this.f_meter_base.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getGasAberrantNumber('已用气量')
-                })
-              } else if (this.f_items[f].f_item_name == '剩余气量') {
-                //tag)
-                this.f_gas_balance.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getGasAberrantNumber('')
-                })
-              } else if (this.f_items[f].f_item_name == '气量异常差值') {
-                //tag)
-                this.f_gas_aberrant_number.index = f
-              } else if (this.f_items[f].f_item_name == '累购金额') {
-                //tag)
-                this.f_total_fee.index = f
-              } else if (this.f_items[f].f_item_name == '表内剩余') {
-                //tag)
-                this.f_fee_base.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getFeeAberrantNumber('表内剩余')
-                })
-              } else if (this.f_items[f].f_item_name == '系统金额') {
-                //tag)
-                this.f_balance_amount.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getFeeAberrantNumber('')
-                })
-              } else if (this.f_items[f].f_item_name == '金额异常差值') {
-                //tag)
-                this.f_fee_aberrant_number.index = f
-              }else if (this.f_items[f].f_item_name == '表读数') {
-                //tag)
-                this.f_meter_base.index = f
-              }else if (this.f_items[f].f_item_name == '表剩余金额') {
-                //tag)
-                this.f_balance_amount.index = f
-              }else if (this.f_items[f].f_item_name == '字轮数') {
-                //tag)
-                this.f_meter_base1.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getmeteraberrantnumber()
-                })
-              }else if (this.f_items[f].f_item_name == '表余额') {
-                //tag)
-                this.f_balance_amount1.index = f
-                this.$watch('f_items[' + f + '].f_item_value', function () {
-                  this.getfeeaberrantnumber1()
-                })
-              }else if (this.f_items[f].f_item_name == '表数异常差值') {
-                //tag)
-                this.f_meter_aberrant_number1.index = f
-              }else if (this.f_items[f].f_item_name == '表金额异常差值') {
-                //tag)
-                this.f_fee_aberrant_number1.index = f
-              }
-            }
-          }
-          for (let em in this.config[this.device.device].items) {
-            if(typeof this.config[this.device.device].items[em]=='function'){
-              continue
-            }
-            if (this.config[this.device.device].items[em].type == 'selector' && em == this.f_items[f].f_item_name) {
-              this.f_items[f].options =[]
-              for (let k in this.config[this.device.device].items[em].options) {
-                if(typeof this.config[this.device.device].items[em].options[k]=='function'){
-                  continue
-                }
-                this.f_items[f].options.push({
-                  label: this.config[this.device.device].items[em].options[k].data,
-                  value: this.config[this.device.device].items[em].options[k].data
-                })
+          if (this.config[this.device.device].items[em].type == 'selector' && em == this.f_items[f].f_item_name) {
+            this.f_items[f].options = []
+            for (let k in this.config[this.device.device].items[em].options) {
+              if (typeof this.config[this.device.device].items[em].options[k] == 'function') {
+                continue
               }
+              this.f_items[f].options.push({
+                label: this.config[this.device.device].items[em].options[k].data,
+                value: this.config[this.device.device].items[em].options[k].data
+              })
             }
           }
         }
-        //tag)
-        this.$set('piece.f_items',this.f_items)
       }
-      this.towatch()
-      // for (let i = 0; i < this.f_items.length; i++) {
-      //   if (this.f_items[i].f_item_name == '连接方式'){
-      //     this.f_items[i].type = 'radio'
-      //   }
-      // }
-    },
-    destroyed(){
-      let nullCount = 0
-      let metertitles
-      //判断当前是否有选中项
-      for (let row in this.f_items){
-        if(typeof this.f_items[row]=='function'){
-          continue
-        }
-        if(this.f_items[row].selected  && this.f_items[row].selected != '' && this.f_items[row].selected instanceof Array){
-          //tag
-          this.f_items[row].f_item_value = this.f_items[row].selected
-        }else if(this.f_items[row].selected  && this.f_items[row].selected != ''){
-          //tag
-          this.f_items[row].f_item_value = this.f_items[row].selected
-        }
-        // if(this.f_items[row].f_item_value instanceof Array && this.f_items[row].f_item_value.length != 0 ){
-        //   nullCount = nullCount+1
-        // }else if(this.f_items[row].f_item_value != ''){
-        //   nullCount = nullCount+1
-        // }
+
+      this.$set('piece.f_items', this.f_items)
+    }
+    this.towatch()
+    // for (let i = 0; i < this.f_items.length; i++) {
+    //   if (this.f_items[i].f_item_name == '连接方式'){
+    //     this.f_items[i].type = 'radio'
+    //   }
+    // }
+  },
+  destroyed() {
+    let nullCount = 0
+    let metertitles
+    //判断当前是否有选中项
+    for (let row in this.f_items) {
+      if (typeof this.f_items[row] == 'function') {
+        continue
       }
-      let picture = []
-      // for (let row in this.f_items){
-      //   let a={}
-      //   a.f_path = this.f_items[row].f_path
-      //   a.name = this.f_items[row].f_item_name
+      if (this.f_items[row].selected && this.f_items[row].selected != '' && this.f_items[row].selected instanceof Array) {
+        //tag
+        this.f_items[row].f_item_value = this.f_items[row].selected
+      } else if (this.f_items[row].selected && this.f_items[row].selected != '') {
+        //tag
+        this.f_items[row].f_item_value = this.f_items[row].selected
+      }
+      // if(this.f_items[row].f_item_value instanceof Array && this.f_items[row].f_item_value.length != 0 ){
+      //   nullCount = nullCount+1
+      // }else if(this.f_items[row].f_item_value != ''){
+      //   nullCount = nullCount+1
       // }
-      //   picture.push(a)
-      this.$set(`paper['device${this.device.n}'][${this.idx}]`, this.piece)
-      //tag
-    },
-    computed:{
-
     }
-  }
+    let picture = []
+    // for (let row in this.f_items){
+    //   let a={}
+    //   a.f_path = this.f_items[row].f_path
+    //   a.name = this.f_items[row].f_item_name
+    // }
+    //   picture.push(a)
+    this.$set(`paper['device${this.device.n}'][${this.idx}]`, this.piece)
+    //tag
+  },
+  computed: {}
+}
 </script>
 <style lang="less" scoped>
-  .class-erro {
-    color: #a94442;
-  }
-  .fivelabel{
-    border: none;
-    border-left: 5px solid #A2C2EB;
-    float: left;
-    width: 35%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-  .radiolabel{
-    border: none;
-    border-left: 5px solid #A2C2EB;
-    float: left;
-    width: 65%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-
-  .textlabel {
-    border: none;
-    border-left: 5px solid #A2C2EB;
-    width: 100%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-  .textlabel1 {
-    border: none;
-    border-left: 5px solid #f7cb32;
-    width: 100%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-  .spanrodio{
-    margin-right: 10px;
-  }
-  .div-photo{
-    width: auto;
-    height: auto;
-    /* margin-top: 10px; */
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-  }
-  .panel-self{
-    border-radius: 5px;
-    border:1px solid #c5e1f7;
-    //background-color: #F2F6FA;
-  }
-  .btn-photo{
-    border: 0;
-    border-radius: 7px;
-    background-color: #7dc1f4;
-    font: 15px PingFang-SC-Bold;
-    height: 20%;
-  }
+.class-erro {
+  color: #a94442;
+}
+
+.fivelabel {
+  border: none;
+  border-left: 5px solid #A2C2EB;
+  float: left;
+  width: 35%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.radiolabel {
+  border: none;
+  border-left: 5px solid #A2C2EB;
+  float: left;
+  width: 65%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.textlabel {
+  border: none;
+  border-left: 5px solid #A2C2EB;
+  width: 100%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.textlabel1 {
+  border: none;
+  border-left: 5px solid #f7cb32;
+  width: 100%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.spanrodio {
+  margin-right: 10px;
+}
+
+.div-photo {
+  width: auto;
+  height: auto;
+  /* margin-top: 10px; */
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+
+.panel-self {
+  border-radius: 5px;
+  border: 1px solid #c5e1f7;
+  //background-color: #F2F6FA;
+}
+
+.btn-photo {
+  border: 0;
+  border-radius: 7px;
+  background-color: #7dc1f4;
+  font: 15px PingFang-SC-Bold;
+  height: 20%;
+}
 </style>