safecheck-client 3.0.30-9 → 3.0.30-90

package/src/filiale/bayan/android/Edit.vue

@@ -0,0 +1,132 @@
+<template>
+  <div>
+    <button @click="handleClick">渲染</button>
+    <button @click="savePaper">保存</button>
+    <iframe v-if="showSketchPage" :src="sketchPageSrc" id="aaaa2" style="width: 100%; height: 500px;"></iframe>
+  </div>
+</template>
+
+<script>
+import HttpResetClass from "vue-client/src/plugins/HttpResetClass";
+
+export default {
+  title: 'App',
+  data() {
+    return {
+      inputText: '',
+      showSketchPage: false,
+      sketchPageSrc: '/sketch',
+      sketchId: '',
+      title: '',
+      paperMessage: ''
+    };
+  },
+  props: {
+    row: ''
+  },
+  async ready() {
+    if (this.row) {
+      await new HttpResetClass().load('POST', 'rs/sql/tel_singleTable_OrderBy', {
+        data: {
+          items: 'blob', tablename: 't_blob_sketch', condition: `id  = '${this.row}'`, orderitem: 'id'
+        }
+      }).then(res => {
+        if (res.data.length === 0) {
+          this.handleClick()
+          return
+        }
+        try {
+          let hex = Buffer.from(res.data[0].blob, 'hex').toString('utf8');
+          if (!hex.includes('{')) {
+            this.inputText = Buffer.from(hex, 'hex').toString('utf8');
+          } else {
+            this.inputText = hex;
+          }
+        } catch (e) {
+          this.$showMessage('网络异常请联系管理员')
+        }
+        this.handleClick()
+      })
+    }
+  },
+  methods: {
+    handleClick() {
+      this.showSketchPage = true;
+      this.$nextTick(() => {
+        const sketchIframe = document.getElementById('aaaa2');
+
+        window.addEventListener('message', (event) => {
+          if (JSON.parse(event.data.param).gadgets.length > 0) {
+            this.paperMessage = event.data.param;
+          }
+        });
+
+        sketchIframe.contentWindow.postMessage(this.inputText, '*');
+      })
+    },
+    savePaper() {
+      if (!this.paperMessage) {
+        this.$showMessage('请先点击左上角保存图标')
+        return
+      }
+      let param = JSON.parse(this.paperMessage)
+      if (!param.title) {
+        this.$showMessage('请填写示意图标题')
+        return
+      }
+      let gadgets = param.gadgets
+      if (gadgets.length > 0) {
+        var jsonString = JSON.stringify(param);
+        var reqdata = {
+          blob: Buffer.from(jsonString, 'utf8').toString('hex'),
+          orgid: this.$login.f.orgid,
+          orgname: this.$login.f.orgs,
+          title: param.title,
+          f_userinfo_id: this.row
+        }
+        new HttpResetClass().load('POST', 'rs/logic/savePaperEdit', {data: reqdata}).then(res => {
+          if (res.data.code === 200) {
+            this.$showMessage('保存成功')
+          } else {
+            this.$showMessage('保存失败')
+          }
+        })
+      }
+    },
+    hexToBytes(hex) {
+      for (var bytes = [], c = 0; c < hex.length; c += 2)
+        bytes.push(parseInt(hex.substring(c, 2), 16));
+      return new Uint8Array(bytes);
+    },
+    decodeHexStringToJSON(hexString) {
+      // 去除前缀 "0x"
+      var cleanHexString = hexString.slice(2);
+
+      // 将十六进制字符串转换为字节数组
+      var byteArray = this.hexToBytes(cleanHexString);
+
+      // 创建 Blob 对象
+      var blob = new Blob([byteArray], {type: 'application/json'});
+
+      // 读取 Blob 为文本
+      return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+        reader.onerror = function () {
+          reject(reader.error);
+        };
+        reader.readAsText(blob, 'UTF-8');
+      });
+    }
+  },
+  // beforeDestroy() {
+  //   this.savePaper()
+  // }
+}
+</script>
+
+<style>
+/* 这里可以添加样式 */
+</style>

package/src/filiale/bayan/android/SafecheckOrderV.vue

@@ -144,7 +144,7 @@
 
   export default {
     title: '安检单',
-    props: ['f_plan_id', 'item', 'role','parentPage','source'],
+    props: ['f_plan_id', 'item', 'role','parentPage','source','openpaper'],
     // props: ['f_plan_id', 'role'],
     data() {
       return {
@@ -2480,7 +2480,7 @@
           tittle:'安检详情',
           safe:true
         }
-        this.$goto('safecheck-userinfo', {userinfo:this.data}, 'repair')
+        this.$goto('safecheck-userinfo', {userinfo:this.data,openpaper:this.openpaper}, 'repair')
       }
     },
     watch: {

package/src/filiale/bayan/android/SafecheckUserInfo.vue

@@ -14,6 +14,8 @@
                     @click="history('维修记录')">维修记录</label>
             <label  style="color: #00b3ee;text-decoration:none;"
                     @click="history('其他收费')">其他收费</label>
+            <label  style="color: #00b3ee;text-decoration:none;" v-if="openpaper"
+                    @click="openPaper(userinfo.f_userinfoid)">图纸编辑</label>
           </p>
         </div>
         <div class="col-xs-12" style="padding: 2px 0">
@@ -271,7 +273,7 @@
 
   export default {
     title: 'SafecheckUserInfo',
-    props: ['userinfo'],
+    props: ['userinfo','openpaper'],
     data () {
       return this.$parent.$parent.data
     },
@@ -308,6 +310,9 @@
       this.safecheckStateReady()
     },
     methods: {
+      openPaper(userinfo_id){
+        this.$parent.$parent.$goto('edit', {row:userinfo_id})
+      },
       history(val) {
         this.$dispatch('gotoson', {
           _this: this.$parent.$parent,

package/src/filiale/bayan/android.js

@@ -9,7 +9,8 @@ let specialComp = {
   'safecheck-devices': (resolve) => { require(['./android/SafecheckDevices'], resolve) },
   'PhoneUpUserinfo': (resolve) => { require(['./android/PhoneUpUserinfo'], resolve) },
   'safecheck-userinfo': (resolve) => { require(['./android/SafecheckUserInfo'], resolve) },
-  'safecheck-order-v': (resolve) => { require(['./android/SafecheckOrderV'], resolve) }
+  'safecheck-order-v': (resolve) => { require(['./android/SafecheckOrderV'], resolve) },
+  'edit': (resolve) => { require(['./android/Edit'], resolve) }
 }
 
 exports.specialComp = specialComp

package/src/filiale/fugou/android/AddPlanItem.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="auto">
+    <criteria-paged :model="model"  v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户编号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font"
+                       v-model=model.f_userinfo_code condition="f_userinfo_code = '{}'" placeholder="请输入用户编号" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">表 &nbsp;&nbsp; &nbsp;&nbsp; 号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font"
+                       v-model=model.f_meternumber condition="f_meternumber = '{}'" style="width: 70%" placeholder="请输入表号" />
+                <button type="button" name="button" class="btn btn-primary" style="width: 25%" @click="$parent.$parent.scan">扫码</button>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户名称：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font" v-model="model.f_username" placeholder="请输入用户名称（可模糊查询）">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/用户类型.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户类型：</label>
+              </div>
+              <div class="col-xs-8" >
+                <v-select :value.sync="$parent.$parent.model.f_user_type" class="input-font"
+                          :options='$parent.$parent.user_types' placeholder='请选择用户类型' :value-single="true"
+                          v-model="$parent.$parent.model.f_user_type" close-on-select clear-button></v-select>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">片区筛选：</label>
+              </div>
+              <div class="col-xs-8" >
+                <v-select :value.sync="model.f_community_name" class="input-font"
+                          :options='$parent.$parent.community' placeholder='请选择用户片区' :value-single="true"
+                          condition="tcm.f_community_name like '%{}%'"
+                          v-model="model.f_community_name" close-on-select clear-button></v-select>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">小区名称：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_districtname" placeholder="请输入用户小区（可模糊查询）">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_building" placeholder="请输入用户楼号">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;元：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_unit" placeholder="请输入用户单元">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户地址：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_address" placeholder="请输入用户地址（可模糊查询）">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">表&nbsp;&nbsp;封&nbsp;&nbsp;号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_metertitles" placeholder="请输入表封号" condition="uf.f_metertitles='{}'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">电&nbsp;&nbsp;话&nbsp;&nbsp;号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_user_phone" placeholder="请输入电话号" condition="ui.f_user_phone like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">卡&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font" v-model="model.f_card_id" placeholder="请输入卡号" condition="uf.f_card_id like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">抄&nbsp;&nbsp;表&nbsp;&nbsp;册：</label>
+              </div>
+              <div class="col-xs-8" >
+                <v-select class="input-font"
+                          placeholder='请选择抄表册'
+                          :value.sync="model.f_meter_book_num"
+                          v-model="model.f_meter_book_num"
+                          :options='$parent.$parent.cbc'
+                          condition="uf.f_meter_book_num='{}'"
+                          close-on-select clear-button></v-select>
+              </div>
+            </div>
+            <div class="row text-center" style="margin-top: 20px;">
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search">查询</button>
+            </div>
+            <div style="height:30px;"></div>
+          </form>
+        </div>
+      </criteria>
+
+      <list :model="model" partial='list'>
+        <div partial>
+          <div @click="$parent.$parent.$parent.inspect(row)" class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self">
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户编号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_userinfo_code }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户名称</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_name }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">表号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_meternumber }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户类型</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_type }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户电话</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_phone2 ? row.f_user_phone2 : row.f_user_phone }}</p>
+                </div>
+
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">小区名称</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_residential_area }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户地址</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_address }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">最后安检日期</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_last_check_date }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">最后安检状态</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_last_check_state }}</p>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass, PagedList} from 'vue-client'
+  import Vue from 'vue'
+  import * as Util from '../../../components/Util'
+
+  export default {
+    title: '安检员B',
+    data () {
+      let model = new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/提取用户档案`, 20, { groupitem: '""', orderitem: '"f_residential_area,CAST(build as int),f_unit,CAST(floor1 as int),f_room"',f_check_type:'this.f_check_type[0]',
+        f_user_name:'this.model.f_username',myCycle: 'this.myCycle',fyCycle: 'this.fyCycle', f_user_type:'this.f_user_type',f_sign: 'this.f_sign[0]', f_residential_area:'this.model.f_districtname', f_address:'this.model.f_address',f_user_state: 'this.f_user_state[0]',f_orgids:'this.f_orgids',f_unit:'this.model.f_unit',f_building:'this.model.f_building',f_filialeid:'this.f_filialeid'})
+      model.f_sign = ['']
+      model.f_user_type = ''
+      model.f_user_state =['']
+      model.f_check_type =['']
+      model.myCycle = 0
+      model.fyCycle = 0
+      model.f_community_name = ''
+      model.f_filialeid = Vue.user.orgid
+      //model.f_filialeid = 287
+      return {
+        model: model,
+        cbc:[],
+        showModal:false,
+        signs: [
+          {label:'请选择录入状态', value:''},
+          {label:'录入', value:'1'},
+          {label:'非录入', value:'0'},
+        ],
+        ischecks: [
+        ],
+        user_types: [
+          {label: '请选择用户类型', value: ''},
+          {label: '民用', value: '民用'},
+          {label: '非民用', value: '非民用'},
+        ],
+        f_user_states: [
+          {label:'请选择档案状态', value:''},
+          {label:'正常', value:'正常'},
+          {label:'点火', value:'点火'},
+        ],
+        f_check_types: [
+          {label:'请选择安检类型', value:''},
+          {label:'应检', value:'应检'},
+          {label:'超期', value:'超期'},
+        ],
+        community:[]
+      }
+    },
+    ready () {
+      this.getCommunity()
+    },
+    computed: {
+      reload(){
+        this.$refs.paged.loadPage(this.$refs.paged.model.pageIndex)
+      },
+      selected () {
+        return this.$refs.paged.$refs.grid.selected
+      }
+    },
+    methods:{
+      async getCommunity(){
+        let http = new HttpResetClass()
+        await http.load('POST','rs/sql/tel_singleTable_OrderBy', {data: {
+            items: '*',
+            tablename: 't_community',
+            condition: '1=1',
+            orderitem: 'id'
+          }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          for (let i = 0; i < res.data.length; i++) {
+            this.community.push({
+              label:res.data[i].f_community_name,
+              value:res.data[i].f_community_name
+            })
+          }
+          console.log(this.community)
+        })
+      },
+      scan(){
+        HostApp.__this__=this,
+          HostApp.scanCode({callback:"javascript:HostApp.__this__.getCode();"})
+      },
+      getCode(){
+        var datapa = HostApp.getCode().data;
+        //tag
+        this.$refs.paged.$refs.cri.model.f_meternumber=datapa
+      },
+      getCheckTime(){
+        //tag
+        new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,{data: {
+            items: 'f_circle,f_start_time',
+            tablename: 't_safe_circle',
+            condition: `f_filialeid  = '${Vue.user.orgid}'`,
+            orderitem: 'id'
+          }}).then(res=>{
+          let  nocheck=''
+          let  ischeck=''
+          if (res.data[0]){
+            if (res.data[0].f_circle=='1'){
+              nocheck=`(ua.f_last_check_date<'${res.data[0].f_start_time}' or ua.f_last_check_date is null)`
+              ischeck=`ua.f_last_check_date>'${res.data[0].f_start_time}'`
+
+            }else{
+              let addtime= (Util.toStandardTimeString().substring(0,4)-res.data[0].f_start_time.substring(0,4))%res.data[0].f_circle
+              let time =(Util.toStandardTimeString().substring(0,4)-addtime)+'-01-01 00:00:00'
+              nocheck=`(ua.f_last_check_date<'${time}' or ua.f_last_check_date is null)`
+              ischeck=`ua.f_last_check_date>'${time}'`
+            }
+            this.ischecks=[
+              {label: '全部', value: ''},
+              {label: '已检', value: ischeck },
+              {label: '未检', value: nocheck},
+            ]
+          }else{
+            this.$showMessage("未配置安检周期")
+          }
+        })
+
+      },
+      inspect (info){
+        if(info.f_last_check_date){
+          this.$showMessage("该用户最后一次安检时间为 "+info.f_last_check_date+" 是否继续对该用户进行安检",['confirm', 'cancel']).then((butt)=>{
+            if(butt=="confirm"){
+              info.id = ''
+              info.f_state = '未检'
+              info.f_no_checkplan = '无计划安检'
+              this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/查询计划项表信息`,{data:{f_userid:info.f_userinfo_id}}).then((response)=>{
+                info['f_plan_meters'] = response.data
+                var pardate = {
+                  _this:this,
+                  tittle:'安检详情',
+                  safe:true
+                }
+                this.$dispatch('gotoson',pardate)
+                this.$goto('safecheck-order-v', {item: info, role: 'inspect',parentPage:'AddPlanItem'}, 'self', this.reload)
+
+              })
+            }
+          })
+        }else{
+          info.id = ''
+          info.f_state = '未检'
+          info.f_no_checkplan = '无计划安检'
+          //tag
+          this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/查询计划项表信息`,{data:{f_userid:info.f_userinfo_id}}).then((response)=>{
+            info['f_plan_meters'] = response.data
+            var pardate = {
+              _this:this,
+              tittle:'安检详情',
+              safe:true
+            }
+            this.$dispatch('gotoson',pardate)
+            this.$goto('safecheck-order-v', {item: info, role: 'inspect',parentPage:'AddPlanItem'}, 'self', this.reload)
+
+          })
+        }
+      },
+      Mreadibook(){
+        this.cbc=[]
+        let http = new HttpResetClass()
+        http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/getMeterBooksData`,
+          {data: {f_orgid: "('"+Vue.user.orgid+"')"}},
+          {resolveMsg: null, rejectMsg: '获取失败！！！'}).then((getMeterReadingBooks)=>{
+          this.cbc = [{label: '全部', value: ''}]
+          getMeterReadingBooks.data.meterbooks.forEach((res) => {
+            this.cbc.push({label: res.f_book_name, value: res.id})
+          })
+        })
+      }
+    }
+  }
+</script>
+<style scoped>
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .app-text {
+    font-size: 12px;
+  }
+  .panel-self{
+    border-radius: 10px;
+    border:1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+  .yybtn-color{
+    border-radius: 4px ;
+    border: 1px solid #499EDF;
+  }
+  .qxbtn-color{
+    background-color: #FFFFFF;
+    border-radius: 4px ;
+    border: 1px solid #499EDF;
+  }
+</style>

package/src/filiale/fugou/android.js

@@ -0,0 +1,10 @@
+// 分公司特殊组件页面注册
+import Vue from "vue";
+
+// 手机特殊目录注册到该文件中
+let specialComp = {
+  'add-plan-item': (resolve) => { require(['./android/AddPlanItem'], resolve) }
+}
+
+exports.specialComp = specialComp
+

package/src/filiale/fugou/pc/DefectMainNew.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="unit" class="flex-row" :class="{'binary':showItem}">
+    <div :class="{'basic-main':!showItem,'binary-left':showItem}">
+      <defect-paper-new @select-changed="selected" :style="style" :style2="style2" v-ref:check></defect-paper-new>
+    </div>
+    <div class="binary-right" v-show="showItem">
+      <div class="flex">
+        <defect-list-new v-if='$refs.check && $refs.check.selected' :check='$refs.check.selected'
+                     v-ref:detail></defect-list-new>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import DefectPaperNew from './DefectPaperNew'
+import DefectListNew from '../../../components/DefectDealMain/DefectListNew'
+
+export default {
+  title: '隐患查看',
+  props: ['f'],
+  components: {DefectPaperNew, DefectListNew},
+  data() {
+    return {
+      showItem: false,
+      style: 'col-sm-2 form-group',
+      style2: 'col-sm-4 form-group'
+    }
+  },
+  methods: {
+    selected(row) {
+      this.showItem = true
+    }
+  },
+  watch: {
+    'showItem'(val) {
+      //tag
+      //tag
+      if (val) {
+        this.style = 'col-sm-3 form-group'
+        this.style2 = 'col-sm-6 form-group'
+      } else {
+        this.style = 'col-sm-2 form-group'
+        this.style2 = 'col-sm-4 form-group'
+      }
+    }
+  }
+}
+</script>
+<style>
+.form-input-group label {
+  text-align: right;
+  width: auto;
+}
+
+.datapanel {
+  color: #333;
+  background-color: white;
+  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+  padding: 5px 7px 5px 7px;
+  border-radius: 10px;
+}
+</style>