safecheck-client 4.0.2-62 → 4.0.2-64

package/src/components/android/week/CheckResultSimple.vue

@@ -1,251 +1,258 @@
-<template>
-  <div class="select-overspread repair-bg auto" style="padding-bottom:5px;">
-    <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="row auto" style="padding: 0">
-            <div class="col-xs-12 col-sm-12 col-md-12 mg8"  v-show="row.isshow" v-for="(idxs,row) in 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}}</label>
-              <label v-if="row.type == 'radio'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}</label>
-              <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}</label>
-              <label v-if="row.type == 'picture' || row.type == 'checkbox'" v-show="row.isshow" class="textlabel">{{row.f_item_name}}</label>
-              <div style="clear: both" v-if="row.type == 'picture'" class="form-group col-sm-12" >
-                <div slot="modal-body" class="modal-body">
-                  <div class="auto" :class="style__">
-                    <div class="panel" style="padding: 10px 10px 5px 10px;">
-                      <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                        <div class="row" style="height: 240px;overflow: scroll;top: 1px" >
-                          <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px" v-for="(index,img) in row.images">
-                            <img-self v-if="row.state === '未检'" :src="img.f_path" :alt="row.f_item_name" :width="140" :height="170"></img-self>
-                            <img-self v-if="row.state === '已检'" :src="'/rs/image/file/'+img.filename" :alt="row.f_item_name" :width="140" :height="170"></img-self>
-                            <img v-if="!row.readonly" src="../../../assets/删除.png" @click="delfile(img.f_path,index,idxs)" style="width: 15px;margin-top: -80px" alt="">
-                          </div>
-                        </div>
-                        <div class="row text-right div-photo">
-                          <button v-if="!row.readonly" type="button" name="button" class="btn btn-photo" @click="takePic(row.f_item_name,idxs)">拍照</button>
-                        </div>
-                      </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>
-              <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"
-                            :disabled-days-of-Week="[]"
-                            :format="'yyyy-MM-dd HH:mm:ss'"
-                            readonly
-                >
-                </datepicker>
-              </div>
-              <div style="float: left;width:60%" class="form-group" v-if="row.type == 'number'" v-show="row.isshow">
-                <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value"  onkeyup="value=value.replace(/[^\d\.-]/g,'')" :readonly="row.readonly">
-              </div>
-              <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="row.readonly"
-                         @change="changse"
-                         @click="transelation(idxs)"
-                         :multiple="row.multiple"
-                         :value-single="!row.multiple"
-                         :close-on-select="!row.multiple" clear-button></v-select>
-              <div style="float: left;width: 30%" class="form-group" v-if="row.type == 'radio'">
-                <div  class="col-xs-6 col-sm-6 col-md-6" v-for="item in row.options">
-                  <input type="radio" :name="row.f_item_name"  :value="item.value"  :disabled="row.readonly" v-model="row.f_item_value" >
-                  <span>{{item.label}}</span>
-                </div>
-              </div>
-              <div v-if="row.type == 'checkbox'" class="col-xs-12 col-sm-12 col-md-12" style="white-space: nowrap" >
-                <div style="float: left" v-for="item in row.options">
-                  <input type="checkbox" :name="row.f_item_name" :value="item.value" :disabled="row.readonly" v-model="row.f_item_value">
-                  <span>{{item.label}}</span>
-                </div>
-              </div>
-
-             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import * as Util from '../../Util'
-
-export default {
-  title: '周检列表信息',
-  data() {
-    return {
-      selectindex: null
-    }
-  },
-  props: ['itemname','items'],
-  ready() {
-  },
-  methods: {
-    delfile(fileName, index,idxs) {
-      this.items[idxs].images.splice(index, 1)
-      HostApp.delfile(fileName)
-    },
-    cameraCallBack(fileName,idxs) {
-      let path = fileName
-      HostApp.__this__.items[idxs].images.push({
-        f_path: path
-      })
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    takePic(title, idxs) {
-      HostApp.__callback__ = this.cameraCallBack
-      HostApp.__this__ = this
-      let fileName = Util.guid() + '-' + '.jpg'
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__( "%s","'+ idxs + '");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-        }
-      })
-    },
-    changse(val){
-      if(val == undefined){
-        return
-      }
-      if(this.selectindex != null) {
-        if(this.items[this.selectindex].type == 'selector'){
-          this.items[this.selectindex].f_item_value = val
-        }
-      }
-    },
-    transelation(val){
-      this.selectindex = val
-    },
-  },
-  computed:{
-  },
-  watch: {
-    'itemname'(){
-      for (let item in this.items) {
-        if (this.items[item].type === 'selector') {
-          if (this.items[item].state === '未检'){
-            let page = [
-              {
-                label: "请选择",
-                value: ''
-              }
-            ]
-
-            for (let i in this.items[item].options) {
-              if (Util.isEmpty(this.items[item].f_item_value) && this.items[item].options[i].isdefault){
-                this.$set(`items[${item}].f_item_value`, this.items[item].options[i].data)
-                this.items[item].f_item_value = this.items[item].options[i].data
-              }
-              page.push({
-                label: this.items[item].options[i].data,
-                value: this.items[item].options[i].data
-              })
-            }
-            this.items[item].options =  page
-            this.$set(`items[${item}].options`, page)
-          }
-          this.$set(`items[${item}].selected`, this.items[item].f_item_value)
-        } else if (this.items[item].type === 'radio' || this.items[item].type === 'checkbox') {
-          if (this.items[item].state === '未检'){
-            let page = []
-            for (let i in this.items[item].options) {
-              page.push({
-                label: this.items[item].options[i].data,
-                value: this.items[item].options[i].data
-              })
-              if (Util.isEmpty(this.items[item].f_item_value) && this.items[item].options[i].isdefault){
-                this.$set(`items[${item}].f_item_value`, this.items[item].options[i].data)
-                this.items[item].f_item_value = this.items[item].options[i].data
-              }
-            }
-            this.items[item].options =  page
-            this.$set(`items[${item}].options`, page)
-          }
-        }
-      }
-    }
-  },
-}
-</script>
-<style lang="less" scoped>
-.class-erro {
-  color: #a94442;
-}
-.fivelabel{
-  border: none;
-  float: left;
-  width: 35%;
-  margin-bottom: 3px;
-  text-align: left;
-  word-wrap: break-word;
-  white-space: normal;
-}
-.radiolabel{
-  border: none;
-  float: left;
-  width: 65%;
-  margin-bottom: 3px;
-  text-align: left;
-  word-wrap: break-word;
-  white-space: normal;
-}
-
-.textlabel {
-  border: none;
-  width: 100%;
-  margin-bottom: 3px;
-  text-align: left;
-  word-wrap: break-word;
-  white-space: normal;
-}
-.textlabel1 {
-  border: none;
-  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;
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-}
-.panel-self{
-  border-radius: 5px;
-  border:1px solid #c5e1f7;
-}
-.btn-photo{
-  border: 0;
-  border-radius: 7px;
-  background-color: #7dc1f4;
-  font: 15px PingFang-SC-Bold;
-  height: 20%;
-}
-</style>
-
+<template>
+  <div class="select-overspread repair-bg auto simple">
+    <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="row auto" style="padding: 0">
+            <div class="col-xs-12 col-sm-12 col-md-12 mg8"  v-show="row.isshow" v-for="(idxs,row) in 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}}</label>
+              <label v-if="row.type == 'radio'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}</label>
+              <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}</label>
+              <label v-if="row.type == 'picture' || row.type == 'checkbox'" v-show="row.isshow" class="textlabel">{{row.f_item_name}}</label>
+              <div style="clear: both" v-if="row.type == 'picture'" class="form-group col-sm-12" >
+                <div slot="modal-body" class="modal-body">
+                  <div class="auto" :class="style__">
+                    <div class="panel" style="padding: 10px 10px 5px 10px;">
+                      <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                        <div class="row" style="height: 240px;overflow: scroll;top: 1px" >
+                          <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px" v-for="(index,img) in row.images">
+                            <img-self v-if="row.state === '未检'" :src="img.f_path" :alt="row.f_item_name" :width="140" :height="170"></img-self>
+                            <img-self v-if="row.state === '已检'" :src="`${url}/rs/image/file/`+img.filename" :alt="row.f_item_name" :width="140" :height="170"></img-self>
+                            <img v-if="!row.readonly" src="../../../assets/删除.png" @click="delfile(img.f_path,index,idxs)" style="width: 15px;margin-top: -80px" alt="">
+                          </div>
+                        </div>
+                        <div class="row text-right div-photo">
+                          <button v-if="!row.readonly" type="button" name="button" class="btn btn-photo" @click="takePic(row.f_item_name,idxs)">拍照</button>
+                        </div>
+                      </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>
+              <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"
+                            :disabled-days-of-Week="[]"
+                            :format="'yyyy-MM-dd HH:mm:ss'"
+                            readonly
+                >
+                </datepicker>
+              </div>
+              <div style="float: left;width:60%" class="form-group" v-if="row.type == 'number'" v-show="row.isshow">
+                <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value"  onkeyup="value=value.replace(/[^\d\.-]/g,'')" :readonly="row.readonly">
+              </div>
+              <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="row.readonly"
+                         @change="changse"
+                         @click="transelation(idxs)"
+                         :multiple="row.multiple"
+                         :value-single="!row.multiple"
+                         :close-on-select="!row.multiple" clear-button></v-select>
+              <div style="float: left;width: 30%" class="form-group" v-if="row.type == 'radio'">
+                <div  class="col-xs-6 col-sm-6 col-md-6" v-for="item in row.options">
+                  <input type="radio" :name="row.f_item_name"  :value="item.value"  :disabled="row.readonly" v-model="row.f_item_value" >
+                  <span>{{item.label}}</span>
+                </div>
+              </div>
+              <div v-if="row.type == 'checkbox'" class="col-xs-12 col-sm-12 col-md-12" style="white-space: nowrap" >
+                <div style="float: left" v-for="item in row.options">
+                  <input type="checkbox" :name="row.f_item_name" :value="item.value" :disabled="row.readonly" v-model="row.f_item_value">
+                  <span>{{item.label}}</span>
+                </div>
+              </div>
+
+             </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import * as Util from '../../Util'
+
+export default {
+  title: '周检列表信息',
+  data() {
+    return {
+      selectindex: null,
+      url: this.$androidUtil.getProxyUrl()
+    }
+  },
+  props: ['itemname','items'],
+  ready() {
+  },
+  methods: {
+    delfile(fileName, index,idxs) {
+      this.items[idxs].images.splice(index, 1)
+      HostApp.delfile(fileName)
+    },
+    cameraCallBack(fileName,idxs) {
+      let path = fileName
+      HostApp.__this__.items[idxs].images.push({
+        f_path: path
+      })
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    takePic(title, idxs) {
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      let fileName = Util.guid() + '-' + '.jpg'
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__( "%s","'+ idxs + '");',
+          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+        }
+      })
+    },
+    changse(val){
+      if(val == undefined){
+        return
+      }
+      if(this.selectindex != null) {
+        if(this.items[this.selectindex].type == 'selector'){
+          this.items[this.selectindex].f_item_value = val
+        }
+      }
+    },
+    transelation(val){
+      this.selectindex = val
+    },
+  },
+  computed:{
+  },
+  watch: {
+    'itemname'(){
+      for (let item in this.items) {
+        if (this.items[item].type === 'selector') {
+          if (this.items[item].state === '未检'){
+            let page = [
+              {
+                label: "请选择",
+                value: ''
+              }
+            ]
+
+            for (let i in this.items[item].options) {
+              if (Util.isEmpty(this.items[item].f_item_value) && this.items[item].options[i].isdefault){
+                this.$set(`items[${item}].f_item_value`, this.items[item].options[i].data)
+                this.items[item].f_item_value = this.items[item].options[i].data
+              }
+              page.push({
+                label: this.items[item].options[i].data,
+                value: this.items[item].options[i].data
+              })
+            }
+            this.items[item].options =  page
+            this.$set(`items[${item}].options`, page)
+          }
+          this.$set(`items[${item}].selected`, this.items[item].f_item_value)
+        } else if (this.items[item].type === 'radio' || this.items[item].type === 'checkbox') {
+          if (this.items[item].state === '未检'){
+            let page = []
+            for (let i in this.items[item].options) {
+              page.push({
+                label: this.items[item].options[i].data,
+                value: this.items[item].options[i].data
+              })
+              if (Util.isEmpty(this.items[item].f_item_value) && this.items[item].options[i].isdefault){
+                this.$set(`items[${item}].f_item_value`, this.items[item].options[i].data)
+                this.items[item].f_item_value = this.items[item].options[i].data
+              }
+            }
+            this.items[item].options =  page
+            this.$set(`items[${item}].options`, page)
+          }
+        }
+      }
+    }
+  },
+}
+</script>
+<style lang="less" scoped>
+.simple {
+  padding: 10px 10px 5px 10px;
+  margin-bottom: 0;
+  background-color: #fff;
+  border: 1px solid transparent;
+}
+.class-erro {
+  color: #a94442;
+}
+.fivelabel{
+  border: none;
+  float: left;
+  width: 35%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+.radiolabel{
+  border: none;
+  float: left;
+  width: 65%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.textlabel {
+  border: none;
+  width: 100%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+.textlabel1 {
+  border: none;
+  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;
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+.panel-self{
+  border-radius: 5px;
+  border:1px solid #c5e1f7;
+}
+.btn-photo{
+  border: 0;
+  border-radius: 7px;
+  background-color: #7dc1f4;
+  font: 15px PingFang-SC-Bold;
+  height: 20%;
+}
+</style>
+