safecheck-client 3.0.35-5 → 3.0.35-6

package/src/components/android/NavBottom.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="no-close" id="app-nav-bottom-template">
-    <tabset v-ref:tabs :close="false">
-      <tab header="<button type='button' name='button' class='nav-img-btn img-ajzt'>基本状态</button>">
-        <phone-state ro='inspect'></phone-state>
-      </tab>
-      <tab header="<button type='button' name='button' class='nav-img-btn img-ajjh'>安检计划</button>">
-        <check-page></check-page>
-      </tab>
-      <tab header="<button type='button' name='button' class='nav-img-btn img-xtsz'>系统设置</button>">
-        <system-setting></system-setting>
-      </tab>
-      <tab header="<button type='button' name='button' class='nav-img-btn img-tzgg'>通知公告</button>">
-        <check-notice></check-notice>
-      </tab>
-    <!--  <tab header="<button type='button' name='button' class='nav-img-btn img-txl'>通讯录</button>">
-        <phone-book></phone-book>
-      </tab>-->
-    </tabset>
-  </div>
-</template>
-
-<script scoped>
-export default {
-  title: '底部导航'
-}
-</script>
-<style>
-/* 底部按钮样式，重复四次 */
-  .nav-img-btn {
-    background: #FFF;
-    border: none;
-    width: 100%;
-    height: 100%;
-    background: #ECECEC;
-    outline: none;
-    padding-bottom: 10px;
-  }
-  li.active .nav-img-btn{
-    color: #72BE40;
-  }
-  /*安检员状态*/
-    .img-ajzt::before {
-      content: '';
-      display: block;
-      background-image: url('../../assets/手机状态.png');
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 35%;
-      height: 40px;
-    }
-    li.active .img-ajzt::before {
-      background-size: 40%;
-      background-image: url('../../assets/手机状态-hover.png');
-    }
-    /*安检计划*/
-    .img-ajjh::before {
-      content: '';
-      display: block;
-      background-image: url('../../assets/安检计划.png');
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 35%;
-      height: 40px;
-    }
-    li.active .img-ajjh::before {
-      background-size: 40%;
-      background-image: url('../../assets/安检计划-hover.png');
-    }
-    /*系统设置*/
-    .img-xtsz::before {
-      content: '';
-      display: block;
-      background-image: url('../../assets/系统设置.png');
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 35%;
-      height: 40px;
-    }
-    li.active .img-xtsz::before {
-      background-size: 40%;
-      background-image: url('../../assets/系统设置-hover.png');
-    }
-    /*通知公告*/
-    .img-tzgg::before {
-      content: '';
-      display: block;
-      background-image: url('../../assets/通知公告.png');
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 35%;
-      height: 40px;
-    }
-    li.active .img-tzgg::before {
-      background-size: 40%;
-      background-image: url('../../assets/通知公告-hover.png');
-    }
-    /*通讯录*/
-    .img-txl::before {
-      content: '';
-      display: block;
-      background-image: url('../../assets/通讯录.png');
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 35%;
-      height: 40px;
-    }
-    li.active .img-txl::before {
-      background-size: 40%;
-      background-image: url('../../assets/通讯录-hover.png');
-    }
-  /********************底部样式************************/
-  #app-nav-bottom-template .tab-content {
-    display: flex;
-    flex-direction: column;
-  }
-  #app-nav-bottom-template .tab-content > .tab-pane {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    height: 100%;
-    overflow-x: hidden;
-  }
-  #app-nav-bottom-template .nav-tabs {
-    height: 70px;
-  }
-  #app-nav-bottom-template .nav-tabs a {
-    padding: 0px;
-  }
-  #app-nav-bottom-template h1 {
-    color: #FFF;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    margin: 0;
-  }
-  #app-nav-bottom-template > .flex {
-    flex-direction: column-reverse;
-  }
-  #app-nav-bottom-template ul[role=tablist] {
-    background: #ECECEC;
-    display: flex;
-  }
-  #app-nav-bottom-template ul[role=tablist] > li {
-    flex: 1;
-    margin-bottom: 0px;
-    overflow: hidden;
-  }
-  #app-nav-bottom-template ul[role=tablist] > li > a {
-    border-bottom: none;
-    margin: 0px;
-  }
-  #app-nav-bottom-template .tab-content > .tab-pane {
-    padding-top: 0px;
-  }
-</style>
+<template>
+  <div class="no-close" id="app-nav-bottom-template">
+    <tabset v-ref:tabs :close="false">
+      <tab header="<button type='button' name='button' class='nav-img-btn img-ajzt'>基本状态</button>">
+        <phone-state ro='inspect'></phone-state>
+      </tab>
+      <tab header="<button type='button' name='button' class='nav-img-btn img-ajjh'>安检计划</button>">
+        <check-page></check-page>
+      </tab>
+      <tab header="<button type='button' name='button' class='nav-img-btn img-xtsz'>系统设置</button>">
+        <system-setting></system-setting>
+      </tab>
+      <tab header="<button type='button' name='button' class='nav-img-btn img-tzgg'>通知公告</button>">
+        <check-notice></check-notice>
+      </tab>
+    <!--  <tab header="<button type='button' name='button' class='nav-img-btn img-txl'>通讯录</button>">
+        <phone-book></phone-book>
+      </tab>-->
+    </tabset>
+  </div>
+</template>
+
+<script scoped>
+export default {
+  title: '底部导航'
+}
+</script>
+<style>
+/* 底部按钮样式，重复四次 */
+  .nav-img-btn {
+    background: #FFF;
+    border: none;
+    width: 100%;
+    height: 100%;
+    background: #ECECEC;
+    outline: none;
+    padding-bottom: 10px;
+  }
+  li.active .nav-img-btn{
+    color: #72BE40;
+  }
+  /*安检员状态*/
+    .img-ajzt::before {
+      content: '';
+      display: block;
+      background-image: url('../../assets/手机状态.png');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 35%;
+      height: 40px;
+    }
+    li.active .img-ajzt::before {
+      background-size: 40%;
+      background-image: url('../../assets/手机状态-hover.png');
+    }
+    /*安检计划*/
+    .img-ajjh::before {
+      content: '';
+      display: block;
+      background-image: url('../../assets/安检计划.png');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 35%;
+      height: 40px;
+    }
+    li.active .img-ajjh::before {
+      background-size: 40%;
+      background-image: url('../../assets/安检计划-hover.png');
+    }
+    /*系统设置*/
+    .img-xtsz::before {
+      content: '';
+      display: block;
+      background-image: url('../../assets/系统设置.png');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 35%;
+      height: 40px;
+    }
+    li.active .img-xtsz::before {
+      background-size: 40%;
+      background-image: url('../../assets/系统设置-hover.png');
+    }
+    /*通知公告*/
+    .img-tzgg::before {
+      content: '';
+      display: block;
+      background-image: url('../../assets/通知公告.png');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 35%;
+      height: 40px;
+    }
+    li.active .img-tzgg::before {
+      background-size: 40%;
+      background-image: url('../../assets/通知公告-hover.png');
+    }
+    /*通讯录*/
+    .img-txl::before {
+      content: '';
+      display: block;
+      background-image: url('../../assets/通讯录.png');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 35%;
+      height: 40px;
+    }
+    li.active .img-txl::before {
+      background-size: 40%;
+      background-image: url('../../assets/通讯录-hover.png');
+    }
+  /********************底部样式************************/
+  #app-nav-bottom-template .tab-content {
+    display: flex;
+    flex-direction: column;
+  }
+  #app-nav-bottom-template .tab-content > .tab-pane {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    height: 100%;
+    overflow-x: hidden;
+  }
+  #app-nav-bottom-template .nav-tabs {
+    height: 70px;
+  }
+  #app-nav-bottom-template .nav-tabs a {
+    padding: 0px;
+  }
+  #app-nav-bottom-template h1 {
+    color: #FFF;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    margin: 0;
+  }
+  #app-nav-bottom-template > .flex {
+    flex-direction: column-reverse;
+  }
+  #app-nav-bottom-template ul[role=tablist] {
+    background: #ECECEC;
+    display: flex;
+  }
+  #app-nav-bottom-template ul[role=tablist] > li {
+    flex: 1;
+    margin-bottom: 0px;
+    overflow: hidden;
+  }
+  #app-nav-bottom-template ul[role=tablist] > li > a {
+    border-bottom: none;
+    margin: 0px;
+  }
+  #app-nav-bottom-template .tab-content > .tab-pane {
+    padding-top: 0px;
+  }
+</style>

package/src/components/android/PaperAlarm.vue

@@ -1,85 +1,85 @@
-<template>
-  <div>
-    <form :class="paper.style__">
-      <div class="form-group">
-        <label class="col-sm-12 control-label">报警器使用</label>
-        <div class="col-sm-12">
-          <radio-group :value.sync="piece.f_alarm_inuse" type="success" buttons="false">
-            <radio value="未使用">未使用</radio>
-            <radio value="使用">使用</radio>
-          </radio-group>
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-12 control-label">报警器类型</label>
-        <div class="col-sm-12">
-          <radio-group :value.sync="piece.f_mechanic" type="success" buttons="false">
-            <radio value="电磁">电磁</radio>
-            <radio value="机械">机械</radio>
-          </radio-group>
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-12 control-label">品牌：</label>
-        <div class="col-sm-12">
-          <input type="text" class="form-control" v-model="piece.f_brand" maxlength="20">
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-12 control-label">型号：</label>
-        <div class="col-sm-12">
-          <input type="text" class="form-control" maxlength="10" v-model="piece.f_model">
-        </div>
-      </div>
-    </form>
-    <a href="#" class="btn btn-primary" @click="goBackValidation">确定</a>
-    <div style="height:50px;"></div>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-import * as Util from '../Util'
-import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
-import Radio from 'vue-client/src/vue-strap/src/radioBtn'
-
-export default {
-  title: '报警器',
-  data() {
-    return {
-      paper: this.$parent.$parent.data,
-      f_brand: '',
-      brands: Util.choices(this.$parent.$parent.role, '报警器品牌')
-    }
-  },
-  props: ['idx'],
-  components: {
-    RadioGroup,
-    Radio
-  },
-  ready() {
-    this.$set('piece', this.paper.f_alarms[this.idx])
-    this.$watch('piece.f_alarm_inuse', function(val) {
-      if(val == '未使用') {
-        this.$set('piece.f_brand', null)
-        this.$set('piece.f_mechanic', null)
-        this.$set('piece.f_model', null)
-      }
-    })
-    // 处理品牌
-    if(!this.piece.f_brand) {
-        this.$set('piece.f_brand', null)
-    } else {
-      this.f_brand = [this.piece.f_brand]
-    }
-    this.$watch('f_brand', function (val) {
-        this.piece.f_brand = val[0]
-    })
-  },
-  methods: {
-    goBackValidation() {
-      this.$goto('paper-device', {}, 'paper-router')
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <form :class="paper.style__">
+      <div class="form-group">
+        <label class="col-sm-12 control-label">报警器使用</label>
+        <div class="col-sm-12">
+          <radio-group :value.sync="piece.f_alarm_inuse" type="success" buttons="false">
+            <radio value="未使用">未使用</radio>
+            <radio value="使用">使用</radio>
+          </radio-group>
+        </div>
+      </div>
+      <div class="form-group">
+        <label class="col-sm-12 control-label">报警器类型</label>
+        <div class="col-sm-12">
+          <radio-group :value.sync="piece.f_mechanic" type="success" buttons="false">
+            <radio value="电磁">电磁</radio>
+            <radio value="机械">机械</radio>
+          </radio-group>
+        </div>
+      </div>
+      <div class="form-group">
+        <label class="col-sm-12 control-label">品牌：</label>
+        <div class="col-sm-12">
+          <input type="text" class="form-control" v-model="piece.f_brand" maxlength="20">
+        </div>
+      </div>
+      <div class="form-group">
+        <label class="col-sm-12 control-label">型号：</label>
+        <div class="col-sm-12">
+          <input type="text" class="form-control" maxlength="10" v-model="piece.f_model">
+        </div>
+      </div>
+    </form>
+    <a href="#" class="btn btn-primary" @click="goBackValidation">确定</a>
+    <div style="height:50px;"></div>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import * as Util from '../Util'
+import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
+import Radio from 'vue-client/src/vue-strap/src/radioBtn'
+
+export default {
+  title: '报警器',
+  data() {
+    return {
+      paper: this.$parent.$parent.data,
+      f_brand: '',
+      brands: Util.choices(this.$parent.$parent.role, '报警器品牌')
+    }
+  },
+  props: ['idx'],
+  components: {
+    RadioGroup,
+    Radio
+  },
+  ready() {
+    this.$set('piece', this.paper.f_alarms[this.idx])
+    this.$watch('piece.f_alarm_inuse', function(val) {
+      if(val == '未使用') {
+        this.$set('piece.f_brand', null)
+        this.$set('piece.f_mechanic', null)
+        this.$set('piece.f_model', null)
+      }
+    })
+    // 处理品牌
+    if(!this.piece.f_brand) {
+        this.$set('piece.f_brand', null)
+    } else {
+      this.f_brand = [this.piece.f_brand]
+    }
+    this.$watch('f_brand', function (val) {
+        this.piece.f_brand = val[0]
+    })
+  },
+  methods: {
+    goBackValidation() {
+      this.$goto('paper-device', {}, 'paper-router')
+    }
+  }
+}
+</script>