safecheck-client 3.0.30-gongyi → 3.0.33-gongyi

package/src/components/defect/ImgButton.vue

@@ -1,118 +1,118 @@
-<template>
-    <div>
-<!--        <img :src="src" :alt="alt" @click="open()" :width="width" :height="height" title="点击查看图片" :id="'vc-imgself-img-'+attach">-->
-        <button :src="src" :alt="alt" @click="open()" title="点击查看图片" :width="width" :height="height" class="button_new-1 button_spacing" :id="'vc-imgself-img-'+attach">{{value}}</button>
-        <div class="full-img" v-if="show" >
-            <img :src="src" alt="" class="img-state" :alt="alt || ''">
-            <div class="btns">
-                <button type="button" name="button" class="btn btn-primary" @click="enlarge()" :id="'vc-imgself-enlarge-'+attach">放大</button>
-                <button type="button" name="button" class="btn btn-primary" @click="reduce()" :id="'vc-imgself-reduce-'+attach">缩小</button>
-                <button type="button" name="button" class="btn btn-primary" @click="leftRevolve()" :id="'vc-imgself-leftRevolve-'+attach">向左旋转</button>
-                <button type="button" name="button" class="btn btn-primary" @click="rightRevolve()" :id="'vc-imgself-rightRevolve-'+attach">向右旋转</button>
-                <button type="button" name="button" class="btn btn-primary" @click="close()" :id="'vc-imgself-close-'+attach">关闭</button>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-  import $ from 'jquery'
-
-  export default {
-    // props: ['src', 'width', 'height', 'alt'],
-    props: {
-      src: {
-        type: String
-      },
-      width: {
-        default: 60
-      },
-      height: {
-        default: 60
-      },
-      alt: {
-        default: '图片加载失败'
-      },
-      attach: {
-        type: String,
-        default: 'name'
-      },
-      value: {
-        type: String,
-        default: '查看图片'
-      }
-    },
-    data () {
-      return {
-        show: false,
-        deg: 0,
-        power: 1
-      }
-    },
-    methods: {
-      open () {
-
-        this.deg = 0
-        this.power = 0.25
-        this.show = true
-      },
-      close () {
-        this.show = false
-      },
-      enlarge () {
-        console.log('放大')
-        this.power = 2*this.power
-        this.imgState()
-      },
-      reduce () {
-        console.log('缩小')
-        this.power = 0.5*this.power
-        this.imgState()
-      },
-      leftRevolve () {
-        console.log('左旋转')
-        this.deg -= 90
-        this.imgState()
-      },
-      rightRevolve () {
-        console.log('右旋转')
-        this.deg += 90
-        this.imgState()
-      },
-      imgState () {
-        console.log('调取总函数')
-        $('.img-state').css({
-          'transform': 'rotate(' + this.deg + 'deg) scale(' + this.power + ' ,' + this.power + ')'
-        })
-      }
-    }
-  }
-</script>
-<style media="screen">
-    .full-img {
-        position: fixed;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        z-index: 20;
-        background: rgba(0,0,0,0.8);
-        display: flex;
-        overflow: auto;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        color: #fff;
-    }
-    .btns {
-        position: fixed;
-        bottom: 100px;
-        height: auto;
-    }
-    .btns button {
-        margin-right: 20px;
-    }
-    .img-state {
-    transform: rotate(0deg) scale(0.25 ,0.25)
-    }
-</style>
+<template>
+    <div>
+<!--        <img :src="src" :alt="alt" @click="open()" :width="width" :height="height" title="点击查看图片" :id="'vc-imgself-img-'+attach">-->
+        <button :src="src" :alt="alt" @click="open()" title="点击查看图片" :width="width" :height="height" class="button_new-1 button_spacing" :id="'vc-imgself-img-'+attach">{{value}}</button>
+        <div class="full-img" v-if="show" >
+            <img :src="src" alt="" class="img-state" :alt="alt || ''">
+            <div class="btns">
+                <button type="button" name="button" class="btn btn-primary" @click="enlarge()" :id="'vc-imgself-enlarge-'+attach">放大</button>
+                <button type="button" name="button" class="btn btn-primary" @click="reduce()" :id="'vc-imgself-reduce-'+attach">缩小</button>
+                <button type="button" name="button" class="btn btn-primary" @click="leftRevolve()" :id="'vc-imgself-leftRevolve-'+attach">向左旋转</button>
+                <button type="button" name="button" class="btn btn-primary" @click="rightRevolve()" :id="'vc-imgself-rightRevolve-'+attach">向右旋转</button>
+                <button type="button" name="button" class="btn btn-primary" @click="close()" :id="'vc-imgself-close-'+attach">关闭</button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+  import $ from 'jquery'
+
+  export default {
+    // props: ['src', 'width', 'height', 'alt'],
+    props: {
+      src: {
+        type: String
+      },
+      width: {
+        default: 60
+      },
+      height: {
+        default: 60
+      },
+      alt: {
+        default: '图片加载失败'
+      },
+      attach: {
+        type: String,
+        default: 'name'
+      },
+      value: {
+        type: String,
+        default: '查看图片'
+      }
+    },
+    data () {
+      return {
+        show: false,
+        deg: 0,
+        power: 1
+      }
+    },
+    methods: {
+      open () {
+
+        this.deg = 0
+        this.power = 0.25
+        this.show = true
+      },
+      close () {
+        this.show = false
+      },
+      enlarge () {
+        console.log('放大')
+        this.power = 2*this.power
+        this.imgState()
+      },
+      reduce () {
+        console.log('缩小')
+        this.power = 0.5*this.power
+        this.imgState()
+      },
+      leftRevolve () {
+        console.log('左旋转')
+        this.deg -= 90
+        this.imgState()
+      },
+      rightRevolve () {
+        console.log('右旋转')
+        this.deg += 90
+        this.imgState()
+      },
+      imgState () {
+        console.log('调取总函数')
+        $('.img-state').css({
+          'transform': 'rotate(' + this.deg + 'deg) scale(' + this.power + ' ,' + this.power + ')'
+        })
+      }
+    }
+  }
+</script>
+<style media="screen">
+    .full-img {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 20;
+        background: rgba(0,0,0,0.8);
+        display: flex;
+        overflow: auto;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        color: #fff;
+    }
+    .btns {
+        position: fixed;
+        bottom: 100px;
+        height: auto;
+    }
+    .btns button {
+        margin-right: 20px;
+    }
+    .img-state {
+    transform: rotate(0deg) scale(0.25 ,0.25)
+    }
+</style>

package/src/components/defect/ImgsButton.vue

@@ -1,62 +1,62 @@
-<template>
-    <div>
-<!--        <img :src="src" :alt="alt" @click="open()" :width="width" :height="height" title="点击查看图片" :id="'vc-imgself-img-'+attach">-->
-        <button :src="srcs" :alt="alt" @click="open()" title="点击查看图片" :width="width" :height="height" class="button_new-1 button_spacing" >{{value}}</button>
-        <imageview :middleImgWidth="400" :src="srcs" :show="show" :linenumber="linenumber" @clone_f="close" :alt="alt"></imageview>
-    </div>
-</template>
-<script>
-  import $ from 'jquery'
-  import imageview from './ImageViewer'
-
-  export default {
-    props: {
-      /**
-       * 格式：[{url: 'rs/image/file/' +  row.f_p3_path},{url: 'rs/image/file/' +  row.f_p3_path},{url: 'rs/image/file/' +  row.f_p3_path}]
-       */
-      srcs: {
-        type: Array,
-        default: ()=>[]
-      },
-      width: {
-        default: 60
-      },
-      height: {
-        default: 60
-      },
-      alt: {
-        default: '图片加载失败'
-      },
-      value: {
-        type: String,
-        default: '查看图片'
-      }
-    },
-    components:{
-      imageview
-    },
-    data () {
-      return {
-        linenumber: 1,
-        show: false,
-      }
-    },
-    methods: {
-      open () {
-        this.show = true
-      },
-      close () {
-        this.show = false
-      }
-    },
-    watch: {
-      'srcs' (val) {
-        console.log('照片URL+++++》》》', this.srcs)
-        if (this.srcs.length > 0) {
-          this.linenumber = Math.ceil(this.srcs.length / 3)
-          console.log('行数--linenumber', this.linenumber)
-        }
-      }
-    }
-  }
-</script>
+<template>
+    <div>
+<!--        <img :src="src" :alt="alt" @click="open()" :width="width" :height="height" title="点击查看图片" :id="'vc-imgself-img-'+attach">-->
+        <button :src="srcs" :alt="alt" @click="open()" title="点击查看图片" :width="width" :height="height" class="button_new-1 button_spacing" >{{value}}</button>
+        <imageview :middleImgWidth="400" :src="srcs" :show="show" :linenumber="linenumber" @clone_f="close" :alt="alt"></imageview>
+    </div>
+</template>
+<script>
+  import $ from 'jquery'
+  import imageview from './ImageViewer'
+
+  export default {
+    props: {
+      /**
+       * 格式：[{url: 'rs/image/file/' +  row.f_p3_path},{url: 'rs/image/file/' +  row.f_p3_path},{url: 'rs/image/file/' +  row.f_p3_path}]
+       */
+      srcs: {
+        type: Array,
+        default: ()=>[]
+      },
+      width: {
+        default: 60
+      },
+      height: {
+        default: 60
+      },
+      alt: {
+        default: '图片加载失败'
+      },
+      value: {
+        type: String,
+        default: '查看图片'
+      }
+    },
+    components:{
+      imageview
+    },
+    data () {
+      return {
+        linenumber: 1,
+        show: false,
+      }
+    },
+    methods: {
+      open () {
+        this.show = true
+      },
+      close () {
+        this.show = false
+      }
+    },
+    watch: {
+      'srcs' (val) {
+        console.log('照片URL+++++》》》', this.srcs)
+        if (this.srcs.length > 0) {
+          this.linenumber = Math.ceil(this.srcs.length / 3)
+          console.log('行数--linenumber', this.linenumber)
+        }
+      }
+    }
+  }
+</script>

package/src/components/defects/AddDefectModal.vue

@@ -1,120 +1,120 @@
-<template>
-  <modal :show.sync="$parent.showModal" v-ref:modal>
-    <div slot="modal-header" class="modal-header">
-      <h4 class="modal-title">
-        添加隐患
-      </h4>
-    </div>
-
-    <div slot="modal-body" class="modal-body">
-      <div class="row auto">
-        <validator name='v'>
-
-      <div class="form-group">
-      <label for="f_defect" class=" col-sm-3 control-label">隐患:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_defect" placeholder='隐患' v-validate:f_defect='{ required: true }'>
-      </div>
-
-      <label for="f_defect_level"  class="col-sm-3 control-label">隐患级别:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_defect_level" placeholder='例如：A1' v-validate:f_defect_level='{ required: true }'>
-      </div>
-
-    <div class="form-group">
-      <label for="f_defect_field"  class=" col-sm-3 control-label">隐患字段:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_defect_field" placeholder='例如：f_defect_field' v-validate:f_defect_field='{ required: true }'>
-      </div>
-
-      <label for="f_defect_path" class="col-sm-3 control-label">隐患照片路径字段:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_defect_path" placeholder='例如：f_defect_path' v-validate:f_defect_path='{ required: true }'>
-      </div>
-
-    </div>
-    <div class="form-group">
-      <label  class=" col-sm-3 control-label">设备类别:</label>
-      <div class="col-sm-3">
-        <v-select id="f_state" :value.sync="model.f_device_type"
-                  :options='devices'
-                  close-on-select clear-button></v-select>
-      </div>
-
-      <label  class="col-sm-3 control-label">设备:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_device_id" placeholder='设备' >
-      </div>
-
-    </div>
-    <div class="form-group">
-      <label  for="f_remark" class=" col-sm-3 control-label">备注:</label>
-      <div class="col-sm-3">
-        <input class="form-control" type="text" v-model="model.f_remark" placeholder='备注'>
-      </div>
-    </div>
-        </validator>
-      </div>
-    </div>
-    <div slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-primary" @click="addDefect" >保存</button>
-      <button type="button" class="btn btn-default" @click="$parent.undo()">取消</button>
-    </div>
-  </modal>
-</template>
-
-<script>
-  import Vue from 'vue'
-
-
-  export default {
-    title: '添加隐患信息',
-    props:['showModal'],
-    data() {
-      return {
-        model:{},
-        devices:[]
-      }
-    },
-    methods: {
-      addDefect() {
-        let errorring = true
-        if(this.model.f_defect_field)
-          if(this.model.f_defect_field.endsWith("_path")){
-            errorring = false
-            alert("隐患字段不能以 _path结尾")
-          }
-          if(errorring) {
-            if (this.model.f_defect_path) {
-              if (!this.model.f_defect_path.endsWith("_path")) {
-                errorring = false
-                alert("图片路径字段必须以 _path结尾")
-              }
-            }
-          }
-          if(errorring) {
-            this.$resetpost(`rs/logic/添加总隐患信息`,
-              {data: this.model},
-              {resolveMsg: null, rejectMsg: null}).then(
-              (response) => {
-                window.alert('添加隐患信息成功')
-              }
-            ).catch(
-              (response) => {
-                window.alert('添加隐患信息失败')
-              }
-            )
-          }
-        this.$parent.undo()
-      },
-    },
-    ready(){
-      let that = this
-      this.$resetpost("rs/logic/获取安检设备",{condition: '1 =1'}).then((respanse) => {
-        respanse.data.data.forEach((item)=>{
-          that.devices.push({label:item.f_device_name,value:item.f_device_name})
-        })
-    })
-  }
-  }
-</script>
+<template>
+  <modal :show.sync="$parent.showModal" v-ref:modal>
+    <div slot="modal-header" class="modal-header">
+      <h4 class="modal-title">
+        添加隐患
+      </h4>
+    </div>
+
+    <div slot="modal-body" class="modal-body">
+      <div class="row auto">
+        <validator name='v'>
+
+      <div class="form-group">
+      <label for="f_defect" class=" col-sm-3 control-label">隐患:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_defect" placeholder='隐患' v-validate:f_defect='{ required: true }'>
+      </div>
+
+      <label for="f_defect_level"  class="col-sm-3 control-label">隐患级别:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_defect_level" placeholder='例如：A1' v-validate:f_defect_level='{ required: true }'>
+      </div>
+
+    <div class="form-group">
+      <label for="f_defect_field"  class=" col-sm-3 control-label">隐患字段:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_defect_field" placeholder='例如：f_defect_field' v-validate:f_defect_field='{ required: true }'>
+      </div>
+
+      <label for="f_defect_path" class="col-sm-3 control-label">隐患照片路径字段:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_defect_path" placeholder='例如：f_defect_path' v-validate:f_defect_path='{ required: true }'>
+      </div>
+
+    </div>
+    <div class="form-group">
+      <label  class=" col-sm-3 control-label">设备类别:</label>
+      <div class="col-sm-3">
+        <v-select id="f_state" :value.sync="model.f_device_type"
+                  :options='devices'
+                  close-on-select clear-button></v-select>
+      </div>
+
+      <label  class="col-sm-3 control-label">设备:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_device_id" placeholder='设备' >
+      </div>
+
+    </div>
+    <div class="form-group">
+      <label  for="f_remark" class=" col-sm-3 control-label">备注:</label>
+      <div class="col-sm-3">
+        <input class="form-control" type="text" v-model="model.f_remark" placeholder='备注'>
+      </div>
+    </div>
+        </validator>
+      </div>
+    </div>
+    <div slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-primary" @click="addDefect" >保存</button>
+      <button type="button" class="btn btn-default" @click="$parent.undo()">取消</button>
+    </div>
+  </modal>
+</template>
+
+<script>
+  import Vue from 'vue'
+
+
+  export default {
+    title: '添加隐患信息',
+    props:['showModal'],
+    data() {
+      return {
+        model:{},
+        devices:[]
+      }
+    },
+    methods: {
+      addDefect() {
+        let errorring = true
+        if(this.model.f_defect_field)
+          if(this.model.f_defect_field.endsWith("_path")){
+            errorring = false
+            alert("隐患字段不能以 _path结尾")
+          }
+          if(errorring) {
+            if (this.model.f_defect_path) {
+              if (!this.model.f_defect_path.endsWith("_path")) {
+                errorring = false
+                alert("图片路径字段必须以 _path结尾")
+              }
+            }
+          }
+          if(errorring) {
+            this.$resetpost(`rs/logic/添加总隐患信息`,
+              {data: this.model},
+              {resolveMsg: null, rejectMsg: null}).then(
+              (response) => {
+                window.alert('添加隐患信息成功')
+              }
+            ).catch(
+              (response) => {
+                window.alert('添加隐患信息失败')
+              }
+            )
+          }
+        this.$parent.undo()
+      },
+    },
+    ready(){
+      let that = this
+      this.$resetpost("rs/logic/获取安检设备",{condition: '1 =1'}).then((respanse) => {
+        respanse.data.data.forEach((item)=>{
+          that.devices.push({label:item.f_device_name,value:item.f_device_name})
+        })
+    })
+  }
+  }
+</script>