telephone-clients 3.0.104-7 → 3.0.104-9

package/src/components/workorder/FirstGasCheck.vue

@@ -1,310 +1,310 @@
-<template>
-  <div class="flex span select-overspread repair-bg auto">
-    <div class="bq-parent" v-if="shutype == 'heng'">
-      <blockquote class="blockquote">
-        <p>置换通气<a  @click="mute()" style="float:right"  href="javascript:void(0)" class="repair-mute-class"><img src="../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
-      </blockquote>
-    </div>
-    <div class="panel panel-default auto repair-info-content">
-      <div class="panel-body">
-        <div class="row auto compatible" >
-          <div class="col-xs-12 col-sm-12 col-md-12" v-if="!show">
-            <input class="magic-checkbox" type="checkbox" id="zhihuan-checkbox-one" @click="switchDetails('置换通气', $event)" v-if="!show"/>
-            <label for='zhihuan-checkbox-one'>置换通气</label>
-          </div>
-          <div class="auto" v-if="show">
-            <span>置换通气</span>
-          </div>
-          <!--<div class="col-xs-6 col-sm-6 col-md-4 form-input-group">-->
-            <!--<label class="text-justify lb-left">开通时间</label>-->
-            <!--<datepicker  v-if="!show"-->
-                        <!--:value.sync="zhihuan.f_repair_date"-->
-                        <!--:format="'yyyy-MM-dd HH:mm:ss'"-->
-            <!--&gt;</datepicker>-->
-            <!--<span v-if="show">{{zhihuan.f_repair_date}}</span>-->
-          <!--</div>-->
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>是否加套管</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_pipebox}}</span>
-              <input class="magic-radio" type="radio" name='taoguan' value="是" id="taokuanyes-radio"
-                     v-model="zhihuan.f_pipebox" :disabled="!zhihuan" v-if="!show">
-              <label for="taokuanyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='taoguan' value="否" id="taoguanno-radio"
-                     v-model="zhihuan.f_pipebox" :disabled="!zhihuan" v-if="!show">
-              <label for="taoguanno-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>是否作防腐</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_fangfu}}</span>
-              <input class="magic-radio" type="radio" name='fangfu' value="是" id="fangfuyes-radio"
-                     v-model="zhihuan.f_fangfu" :disabled="!zhihuan" v-if="!show">
-              <label for="fangfuyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='fangfu' value="否" id="fangfuno-radio"
-                     v-model="zhihuan.f_fangfu" :disabled="!zhihuan" v-if="!show">
-              <label for="fangfuno-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">燃具品牌</label>
-            <span v-if="show">{{zhihuan.f_gasbrand}}</span>
-            <!--<v-select :value.sync="zhihuan.f_gasbrand" close-on-select :value-single="true"-->
-                      <!--:options='gasBrand' placeholder='请选择' :disabled="!zhihuan"v-if="!show">-->
-            <!--</v-select>-->
-            <input type="text" class="form-control"  v-model='zhihuan.f_gasbrand' :disabled="!zhihuan" v-if="!show">
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">胶管连接情况</label>
-            <span v-if="show">{{zhihuan.f_jiaoguan}}</span>
-            <!--<v-select :value.sync="zhihuan.f_gasbrand" close-on-select :value-single="true"-->
-            <!--:options='gasBrand' placeholder='请选择' :disabled="!zhihuan"v-if="!show">-->
-            <!--</v-select>-->
-            <input type="text" class="form-control"  v-model='zhihuan.f_jiaoguan' :disabled="!zhihuan" v-if="!show">
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">管线敷设</label>
-            <span v-if="show">{{zhihuan.f_fushe}}</span>
-            <template v-if="!show">
-              <v-select :value="zhihuan.f_fushe" close-on-select :value-single="true"
-                        :options='fushe' placeholder='请选择' :disabled="!zhihuan"
-                         v-on:change="fushechange">
-              </v-select>
-            </template>
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">安装方式</label>
-            <span v-if="show">{{zhihuan.f_installtype}}</span>
-            <template v-if="!show">
-              <v-select :value="zhihuan.f_installtype" close-on-select :value-single="true"
-                        :options='installtype' placeholder='请选择' :disabled="!zhihuan"
-                         v-on:change="installchange">
-
-              </v-select>
-            </template>
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">气密性检测</label>
-            <span v-if="show">{{zhihuan.f_blowgas}}</span>
-            <template v-if="!show">
-               <v-select :value="zhihuan.f_blowgas" close-on-select :value-single="true"
-                         :options='blowgas' placeholder='请选择' :disabled="!zhihuan"
-                         v-on:change="blowgaschange">
-               </v-select>
-            </template>
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">热水器品牌</label>
-            <span v-if="show">{{zhihuan.f_waterbrand}}</span>
-            <input type="text" class="form-control"  v-model='zhihuan.f_waterbrand' :disabled="!zhihuan" v-if="!show">
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">安装位置</label>
-            <span v-if="show">{{zhihuan.f_position}}</span>
-            <input type="text" class="form-control"  v-model='zhihuan.f_position' :disabled="!zhihuan" v-if="!show">
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">热水器类型</label>
-            <span v-if="show">{{zhihuan.f_watertype}}</span>
-            <template v-if="!show">
-              <v-select :value.sync="zhihuan.f_watertype" close-on-select :value-single="true"
-                        :options='watertype' placeholder='请选择' :disabled="!zhihuan"
-                        v-on:change="watertypechange">
-              </v-select>
-            </template>
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>是否装排烟管</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_exhaustpipe}}</span>
-              <input class="magic-radio" type="radio" name='yanguan' value="是" id="paiyanyes-radio"
-                     v-model="zhihuan.f_exhaustpipe" :disabled="!zhihuan" v-if="!show">
-              <label for="paiyanyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='yanguan' value="否" id="paiyanno-radio"
-                     v-model="zhihuan.f_exhaustpipe" :disabled="!zhihuan" v-if="!show">
-              <label for="paiyanno-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>排烟管是否规范</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_exhaustpipesafe}}</span>
-              <input class="magic-radio" type="radio" name='guifan' value="是" id="guifanyes-radio"
-                     v-model="zhihuan.f_exhaustpipesafe" :disabled="!zhihuan" v-if="!show">
-              <label for="guifanyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='guifan' value="否" id="guifanno-radio"
-                     v-model="zhihuan.f_exhaustpipesafe" :disabled="!zhihuan" v-if="!show">
-              <label for="guifanno-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>是否有整改项</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_ifzhenggai}}</span>
-              <input class="magic-radio" type="radio" name='zhenggai' value="是" id="zhenggaiyes-radio"
-                     v-model="zhihuan.f_ifzhenggai" :disabled="!zhihuan" v-if="!show">
-              <label for="zhenggaiyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='zhenggai' value="否" id="zhenggaino-radio"
-                     v-model="zhihuan.f_ifzhenggai" :disabled="!zhihuan" v-if="!show">
-              <label for="zhenggaino-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <label class="lb-left text-justify">
-                <nobr>是否私自埋管</nobr>
-              </label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <span v-if="show">{{zhihuan.f_ifmaiguan}}</span>
-              <input class="magic-radio" type="radio" name='mailei' value="是" id="maileiyes-radio"
-                     v-model="zhihuan.f_ifmaiguan" :disabled="!zhihuan" v-if="!show">
-              <label for="maileiyes-radio" v-if="!show">是</label>
-            </div>
-            <div class="col-sm-4 col-xs-4 col-md-4">
-              <input class="magic-radio" type="radio" name='mailei' value="否" id="maileino-radio"
-                     v-model="zhihuan.f_ifmaiguan" :disabled="!zhihuan" v-if="!show">
-              <label for="maileino-radio" v-if="!show">否</label>
-            </div>
-          </div>
-          <div class="{{shuclass}}">
-            <label class="text-justify lb-left">埋管检测情况</label>
-            <span v-if="show">{{zhihuan.f_mgjiance}}</span>
-            <input type="text" class="form-control"  v-model='zhihuan.f_mgjiance' :disabled="!zhihuan" v-if="!show">
-          </div>
-          <div class="col-xs-12 col-sm-12 col-md-6  form-input-group" >
-            <label class="lb-left text-justify">备注</label>
-            <span v-if="show">{{zhihuan.f_remarks}}</span>
-            <textarea name="name" rows="2" class="form-control ver-textarea" v-model="zhihuan.f_remarks" :disabled="!zhihuan" v-if="!show"></textarea>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import * as Util from '../Util'
-
-export default {
-  title: '置换通气',
-  props: {
-    model: {
-      type: Object
-    },
-    show:{
-      type:Boolean,
-      default:false
-    },
-    shutype:'heng'
-  },
-  data () {
-    return {
-      remarks: {
-        f_content: '',
-        f_project: '备注'},
-      gasBrand: this.$appdata.getParam('燃具品牌'),
-      blowgas: [{label: '无漏气', value: '无漏气'}, {label: '漏气', value: '漏气'}],
-      waterbrand: this.$appdata.getParam('热水器品牌'),
-      watertype: this.$appdata.getParam('热水器类型'),
-      fushe: this.$appdata.getParam('管线敷设'),
-      installtype: this.$appdata.getParam('燃气具安装方式'),
-      shuclass:'col-xs-12 col-sm-6 col-md-6 form-input-group'
-    }
-  },
-  methods: {
-    fushechange(val){
-      if(val == undefined || val == ''){
-        return
-      }
-      this.zhihuan.f_fushe = val
-    },
-    installchange(val){
-      if(val == undefined || val == ''){
-        return
-      }
-      this.zhihuan.f_installtype = val
-    },
-    blowgaschange(val){
-      if(val == undefined || val == ''){
-        return
-      }
-      this.zhihuan.f_blowgas = val
-    },
-    watertypechange(val){
-      if(val == undefined || val == ''){
-        return
-      }
-      this.zhihuan.f_watertype = val
-    },
-    mute () {
-      HostApp.mute()
-    },
-    // 增加或者取消某种类型维修单
-    switchDetails (detailsType, event) {
-      if (event.srcElement.checked) {
-        this.model.servicerepair.push({
-          f_type: detailsType,
-          details: [],
-          f_repair_date: Util.getNowDate()
-        })
-      } else {
-        if(this.model.servicerepair.length>0){
-          let pos = this.model.servicerepair.findIndex((value) => {
-            return  value.f_details_type === detailsType})
-          this.model.servicerepair.splice(pos, 1)
-        }
-      }
-    }
-    },
-  watch: {
-    'shutype'(val){
-      if(val == 'shu'){
-        this.shuclass = 'col-xs-12 col-sm-12 col-md-12 form-input-group '
-      }
-    }
-  },
-  computed: {
-    zhihuan () {
-      if (this.model && this.model.servicerepair.length > 0) {
-        let result = this.model.servicerepair.find((row) => {
-          return row.f_type === '置换通气'
-        })
-        return result
-      }
-      return null
-    }
-  }
-}
-</script>
+<template>
+  <div class="flex span select-overspread repair-bg auto">
+    <div class="bq-parent" v-if="shutype == 'heng'">
+      <blockquote class="blockquote">
+        <p>置换通气<a  @click="mute()" style="float:right"  href="javascript:void(0)" class="repair-mute-class"><img src="../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
+      </blockquote>
+    </div>
+    <div class="panel panel-default auto repair-info-content">
+      <div class="panel-body">
+        <div class="row auto compatible" >
+          <div class="col-xs-12 col-sm-12 col-md-12" v-if="!show">
+            <input class="magic-checkbox" type="checkbox" id="zhihuan-checkbox-one" @click="switchDetails('置换通气', $event)" v-if="!show"/>
+            <label for='zhihuan-checkbox-one'>置换通气</label>
+          </div>
+          <div class="auto" v-if="show">
+            <span>置换通气</span>
+          </div>
+          <!--<div class="col-xs-6 col-sm-6 col-md-4 form-input-group">-->
+            <!--<label class="text-justify lb-left">开通时间</label>-->
+            <!--<datepicker  v-if="!show"-->
+                        <!--:value.sync="zhihuan.f_repair_date"-->
+                        <!--:format="'yyyy-MM-dd HH:mm:ss'"-->
+            <!--&gt;</datepicker>-->
+            <!--<span v-if="show">{{zhihuan.f_repair_date}}</span>-->
+          <!--</div>-->
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>是否加套管</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_pipebox}}</span>
+              <input class="magic-radio" type="radio" name='taoguan' value="是" id="taokuanyes-radio"
+                     v-model="zhihuan.f_pipebox" :disabled="!zhihuan" v-if="!show">
+              <label for="taokuanyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='taoguan' value="否" id="taoguanno-radio"
+                     v-model="zhihuan.f_pipebox" :disabled="!zhihuan" v-if="!show">
+              <label for="taoguanno-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>是否作防腐</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_fangfu}}</span>
+              <input class="magic-radio" type="radio" name='fangfu' value="是" id="fangfuyes-radio"
+                     v-model="zhihuan.f_fangfu" :disabled="!zhihuan" v-if="!show">
+              <label for="fangfuyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='fangfu' value="否" id="fangfuno-radio"
+                     v-model="zhihuan.f_fangfu" :disabled="!zhihuan" v-if="!show">
+              <label for="fangfuno-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">燃具品牌</label>
+            <span v-if="show">{{zhihuan.f_gasbrand}}</span>
+            <!--<v-select :value.sync="zhihuan.f_gasbrand" close-on-select :value-single="true"-->
+                      <!--:options='gasBrand' placeholder='请选择' :disabled="!zhihuan"v-if="!show">-->
+            <!--</v-select>-->
+            <input type="text" class="form-control"  v-model='zhihuan.f_gasbrand' :disabled="!zhihuan" v-if="!show">
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">胶管连接情况</label>
+            <span v-if="show">{{zhihuan.f_jiaoguan}}</span>
+            <!--<v-select :value.sync="zhihuan.f_gasbrand" close-on-select :value-single="true"-->
+            <!--:options='gasBrand' placeholder='请选择' :disabled="!zhihuan"v-if="!show">-->
+            <!--</v-select>-->
+            <input type="text" class="form-control"  v-model='zhihuan.f_jiaoguan' :disabled="!zhihuan" v-if="!show">
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">管线敷设</label>
+            <span v-if="show">{{zhihuan.f_fushe}}</span>
+            <template v-if="!show">
+              <v-select :value="zhihuan.f_fushe" close-on-select :value-single="true"
+                        :options='fushe' placeholder='请选择' :disabled="!zhihuan"
+                         v-on:change="fushechange">
+              </v-select>
+            </template>
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">安装方式</label>
+            <span v-if="show">{{zhihuan.f_installtype}}</span>
+            <template v-if="!show">
+              <v-select :value="zhihuan.f_installtype" close-on-select :value-single="true"
+                        :options='installtype' placeholder='请选择' :disabled="!zhihuan"
+                         v-on:change="installchange">
+
+              </v-select>
+            </template>
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">气密性检测</label>
+            <span v-if="show">{{zhihuan.f_blowgas}}</span>
+            <template v-if="!show">
+               <v-select :value="zhihuan.f_blowgas" close-on-select :value-single="true"
+                         :options='blowgas' placeholder='请选择' :disabled="!zhihuan"
+                         v-on:change="blowgaschange">
+               </v-select>
+            </template>
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">热水器品牌</label>
+            <span v-if="show">{{zhihuan.f_waterbrand}}</span>
+            <input type="text" class="form-control"  v-model='zhihuan.f_waterbrand' :disabled="!zhihuan" v-if="!show">
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">安装位置</label>
+            <span v-if="show">{{zhihuan.f_position}}</span>
+            <input type="text" class="form-control"  v-model='zhihuan.f_position' :disabled="!zhihuan" v-if="!show">
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">热水器类型</label>
+            <span v-if="show">{{zhihuan.f_watertype}}</span>
+            <template v-if="!show">
+              <v-select :value.sync="zhihuan.f_watertype" close-on-select :value-single="true"
+                        :options='watertype' placeholder='请选择' :disabled="!zhihuan"
+                        v-on:change="watertypechange">
+              </v-select>
+            </template>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>是否装排烟管</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_exhaustpipe}}</span>
+              <input class="magic-radio" type="radio" name='yanguan' value="是" id="paiyanyes-radio"
+                     v-model="zhihuan.f_exhaustpipe" :disabled="!zhihuan" v-if="!show">
+              <label for="paiyanyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='yanguan' value="否" id="paiyanno-radio"
+                     v-model="zhihuan.f_exhaustpipe" :disabled="!zhihuan" v-if="!show">
+              <label for="paiyanno-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>排烟管是否规范</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_exhaustpipesafe}}</span>
+              <input class="magic-radio" type="radio" name='guifan' value="是" id="guifanyes-radio"
+                     v-model="zhihuan.f_exhaustpipesafe" :disabled="!zhihuan" v-if="!show">
+              <label for="guifanyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='guifan' value="否" id="guifanno-radio"
+                     v-model="zhihuan.f_exhaustpipesafe" :disabled="!zhihuan" v-if="!show">
+              <label for="guifanno-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>是否有整改项</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_ifzhenggai}}</span>
+              <input class="magic-radio" type="radio" name='zhenggai' value="是" id="zhenggaiyes-radio"
+                     v-model="zhihuan.f_ifzhenggai" :disabled="!zhihuan" v-if="!show">
+              <label for="zhenggaiyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='zhenggai' value="否" id="zhenggaino-radio"
+                     v-model="zhihuan.f_ifzhenggai" :disabled="!zhihuan" v-if="!show">
+              <label for="zhenggaino-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6   form-input-group" style="padding-top:4px;padding-bottom:4px;">
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <label class="lb-left text-justify">
+                <nobr>是否私自埋管</nobr>
+              </label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <span v-if="show">{{zhihuan.f_ifmaiguan}}</span>
+              <input class="magic-radio" type="radio" name='mailei' value="是" id="maileiyes-radio"
+                     v-model="zhihuan.f_ifmaiguan" :disabled="!zhihuan" v-if="!show">
+              <label for="maileiyes-radio" v-if="!show">是</label>
+            </div>
+            <div class="col-sm-4 col-xs-4 col-md-4">
+              <input class="magic-radio" type="radio" name='mailei' value="否" id="maileino-radio"
+                     v-model="zhihuan.f_ifmaiguan" :disabled="!zhihuan" v-if="!show">
+              <label for="maileino-radio" v-if="!show">否</label>
+            </div>
+          </div>
+          <div class="{{shuclass}}">
+            <label class="text-justify lb-left">埋管检测情况</label>
+            <span v-if="show">{{zhihuan.f_mgjiance}}</span>
+            <input type="text" class="form-control"  v-model='zhihuan.f_mgjiance' :disabled="!zhihuan" v-if="!show">
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6  form-input-group" >
+            <label class="lb-left text-justify">备注</label>
+            <span v-if="show">{{zhihuan.f_remarks}}</span>
+            <textarea name="name" rows="2" class="form-control ver-textarea" v-model="zhihuan.f_remarks" :disabled="!zhihuan" v-if="!show"></textarea>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import * as Util from '../Util'
+
+export default {
+  title: '置换通气',
+  props: {
+    model: {
+      type: Object
+    },
+    show:{
+      type:Boolean,
+      default:false
+    },
+    shutype:'heng'
+  },
+  data () {
+    return {
+      remarks: {
+        f_content: '',
+        f_project: '备注'},
+      gasBrand: this.$appdata.getParam('燃具品牌'),
+      blowgas: [{label: '无漏气', value: '无漏气'}, {label: '漏气', value: '漏气'}],
+      waterbrand: this.$appdata.getParam('热水器品牌'),
+      watertype: this.$appdata.getParam('热水器类型'),
+      fushe: this.$appdata.getParam('管线敷设'),
+      installtype: this.$appdata.getParam('燃气具安装方式'),
+      shuclass:'col-xs-12 col-sm-6 col-md-6 form-input-group'
+    }
+  },
+  methods: {
+    fushechange(val){
+      if(val == undefined || val == ''){
+        return
+      }
+      this.zhihuan.f_fushe = val
+    },
+    installchange(val){
+      if(val == undefined || val == ''){
+        return
+      }
+      this.zhihuan.f_installtype = val
+    },
+    blowgaschange(val){
+      if(val == undefined || val == ''){
+        return
+      }
+      this.zhihuan.f_blowgas = val
+    },
+    watertypechange(val){
+      if(val == undefined || val == ''){
+        return
+      }
+      this.zhihuan.f_watertype = val
+    },
+    mute () {
+      HostApp.mute()
+    },
+    // 增加或者取消某种类型维修单
+    switchDetails (detailsType, event) {
+      if (event.srcElement.checked) {
+        this.model.servicerepair.push({
+          f_type: detailsType,
+          details: [],
+          f_repair_date: Util.getNowDate()
+        })
+      } else {
+        if(this.model.servicerepair.length>0){
+          let pos = this.model.servicerepair.findIndex((value) => {
+            return  value.f_details_type === detailsType})
+          this.model.servicerepair.splice(pos, 1)
+        }
+      }
+    }
+    },
+  watch: {
+    'shutype'(val){
+      if(val == 'shu'){
+        this.shuclass = 'col-xs-12 col-sm-12 col-md-12 form-input-group '
+      }
+    }
+  },
+  computed: {
+    zhihuan () {
+      if (this.model && this.model.servicerepair.length > 0) {
+        let result = this.model.servicerepair.find((row) => {
+          return row.f_type === '置换通气'
+        })
+        return result
+      }
+      return null
+    }
+  }
+}
+</script>