safecheck-client 4.0.0-1 → 4.0.0-100

package/src/filiale/jinhong/pc/CheckBookList.vue

@@ -0,0 +1,388 @@
+<template>
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.search' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row" v-show="!$parent.$parent.$parent.showItemAll">
+            <div :class="$parent.$parent.style2" style="margin: 0px">
+              <role-selector-safe-dep
+                role-name="安检员"
+                role-lable="安&nbsp;检&nbsp;员&nbsp;"
+                @re-res="$parent.$parent.getRes"
+                @alluser="$parent.$parent.getchecker"
+                :value.sync="model.f_checker_id"
+                v-model="model.f_checker_id"
+                :value-multiple="true"
+                condition=" f_checker_name in {}">
+                >
+              </role-selector-safe-dep>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">安检册名称</label>
+              <v-select :value.sync="model.f_check_book_id" v-model='model.f_check_book_id'
+                        :value-single="true" style="width: 60%"
+                        class="select_list select"
+                        :options='$parent.$parent.checkBooks' placeholder='安检册名称'
+                        close-on-select
+                        condition="tcb.id ='{}'"></v-select>
+            </div>
+            <!--            <div :class="$parent.$parent.style">-->
+            <!--              <label class="font_normal_body">表册类型</label>-->
+            <!--              <v-select :value.sync="model.f_check_book_type" v-model='model.f_check_book_type'-->
+            <!--                        :value-single="true" style="width: 60%"-->
+            <!--                        class="select_list select"-->
+            <!--                        :options='$parent.$parent.bookTypes' placeholder='表册类型'-->
+            <!--                        close-on-select-->
+            <!--                        condition="tcb.f_check_book_type ='{}'"></v-select>-->
+            <!--            </div>-->
+            <!--            <div :class="$parent.$parent.style">-->
+            <!--              <label class="font_normal_body">用户类型</label>-->
+            <!--              <v-select :value.sync="model.f_user_type" v-model='model.f_user_type'-->
+            <!--                        :value-single="true" style="width: 60%"-->
+            <!--                        class="select_list select"-->
+            <!--                        :options='$parent.$parent.userTypes' placeholder='用户类型'-->
+            <!--                        close-on-select-->
+            <!--                        condition="tcb.f_user_type ='{}'"></v-select>-->
+            <!--            </div>-->
+            <div :class="$parent.$parent.style" style="width: auto;margin-top:8px;float: right">
+              <button type="button" class="button_search button_spacing" @click="search()">查询</button>
+              <button type="button" class="button_new button_spacing" @click="$parent.$parent.add()">新增安检册</button>
+              <button type="button" class="button_new button_spacing" @click="$parent.$parent.showModal = true">安检册用户管理</button>
+              <div style="float: right" class="button_spacing"
+                   v-show="$parent.$parent.$parent.showItem ||$parent.$parent.$parent.showItemUser"
+                   :class="{'button_shrink_left':$parent.$parent.$parent.showItemAll,'button_shrink_right':!$parent.$parent.$parent.showItemAll}"
+                   @click="($parent.$parent.$parent.showItem =false) || ($parent.$parent.$parent.showItemUser =false)"></div>
+            </div>
+
+
+          </div>
+
+
+          <div class="row" v-show="$parent.$parent.$parent.showItemAll">
+            <div :class="$parent.$parent.style2" style="margin: 0px">
+              <role-selector-safe-dep
+                role-name="安检员"
+                role-lable="安&nbsp;检&nbsp;员&nbsp;"
+                @re-res="$parent.$parent.getRes"
+                @alluser="$parent.$parent.getchecker"
+                :value.sync="model.f_checker_id"
+                v-model="model.f_checker_id"
+                :value-multiple="true"
+                condition=" f_checker_name in {}">
+              </role-selector-safe-dep>
+            </div>
+
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">安检册名</label>
+              <v-select :value.sync="model.f_check_book_id" v-model='model.f_check_book_id'
+                        :value-single="true" style="width: 60%"
+                        class="select_list select"
+                        :options='$parent.$parent.checkBooks' placeholder='安检册名称'
+                        close-on-select
+                        condition="tcb.id ='{}'"></v-select>
+            </div>
+            <div :class="$parent.$parent.style" style="width: auto;margin-top:8px;float: right">
+              <button type="button" class="button_search button_spacing" @click="search()">查询</button>
+              <button type="button" class="button_new button_spacing" @click="$parent.$parent.add()">新增安检册</button>
+              <button type="button" class="button_new button_spacing" @click="$parent.$parent.showModal = true">安检册用户管理</button>
+              <div style="float: right" class="button_spacing"
+                   v-show="$parent.$parent.$parent.showItem ||$parent.$parent.$parent.showItemUser"
+                   :class="{'button_shrink_left':$parent.$parent.$parent.showItemAll,'button_shrink_right':!$parent.$parent.$parent.showItemAll}"
+                   @click="($parent.$parent.$parent.showItem =false) || ($parent.$parent.$parent.showItemUser =false)"></div>
+              <!--              <div style="float: right" class="button_spacing"-->
+              <!--                   :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"-->
+              <!--                   @click="$parent.$parent.hidden()">-->
+              <!--              </div>-->
+            </div>
+
+          </div>
+
+        </div>
+      </criteria>
+      <data-grid :model="model" partial="list" class="list_area table_sy" v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th>
+              <nobr>所属安检员</nobr>
+            </th>
+            <th>
+              <nobr>安检册名称</nobr>
+            </th>
+            <!--            <th>-->
+            <!--              <nobr>安检册类型</nobr>-->
+            <!--            </th>-->
+            <th>
+              <nobr>用户类型</nobr>
+            </th>
+            <th>
+              <nobr>创建日期</nobr>
+            </th>
+            <th>
+              <nobr>创建人</nobr>
+            </th>
+            <th>
+              <nobr>用户数量</nobr>
+            </th>
+            <th>
+              <nobr>已下发</nobr>
+            </th>
+            <th>
+              <nobr>未下发</nobr>
+            </th>
+<!--            <th>
+              <nobr>已检</nobr>
+            </th>
+            <th>
+              <nobr>未检</nobr>
+            </th>-->
+            <!--            <th v-show="$parent.$parent.$parent.showCaoZuo">-->
+            <!--              <nobr>操作</nobr>-->
+            <!--            </th>-->
+          </tr>
+        </template>
+        <template partial='body'>
+          <td  style="text-align: center;">{{ row.f_checker_name }}</td>
+          <td  style="text-align: center;">{{ row.f_check_book_name }}</td>
+          <!--          <td  style="text-align: center;">{{ row.f_check_book_type }}</td>-->
+          <td  style="text-align: center;">{{ row.f_user_type }}</td>
+          <td  style="text-align: center;">{{ row.f_create_date }}</td>
+          <td  style="text-align: center;">{{ row.f_create_person }}</td>
+          <td  style="text-align: center;"><button @click.stop="$parent.$parent.$parent.details(row)" class="btn btn-link"><b>{{row.num}}</b></button></td>
+          <td  style="text-align: center;">{{ row.xiafa }}</td>
+          <td  style="text-align: center;">{{ row.f_user_type =='民用'?row.num-row.xiafa:row.num4-row.xiafa }}</td>
+<!--          <td  style="text-align: center;">{{ row.yijian }}</td>
+          <td  style="text-align: center;">{{ row.weijian }}</td>-->
+          <!--          <td  v-show="row.f_check_book_type!='小区'" style="text-align: center;"><button class="button_spacing button_search-1" @click.stop='$parent.$parent.$parent.send(row)'>下发</button></td>-->
+        </template>
+      </data-grid>
+    </criteria-paged>
+    <modal :show.sync="showModal" :backdrop="false" id="checkbookEntryShow">
+      <article slot="modal-body" class="modal-body">
+        <check-book-entry v-if="showModal" @select-changed="selectedEntry" :showtype="showtype"></check-book-entry>
+      </article>
+      <footer slot="modal-footer">
+      </footer>
+
+    </modal>
+    <modal :show.sync="showSendModal" :backdrop="false" width="90%" height="90%">
+      <article slot="modal-body" class="modal-body" style="height: 80vh">
+        <check-book-search-user-list  v-if="showSendModal" :row="checkBookRow" :bookrow="checkBookRow" :needprops="needprops":userlogin="userlogin"></check-book-search-user-list>
+      </article>
+      <footer slot="modal-footer">
+      </footer>
+
+    </modal>
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import bus from '../../../bus'
+export default {
+  title: '用户安检情况',
+  data () {
+    return {
+      checker_name:'',
+      showSendModal:false,
+      searchData: {
+        condition: '1=1'
+      },
+      showCaoZuo:false,
+      userlogin:{
+        id:this.$login.f.id,
+        name:this.$login.f.name,
+        orgid:this.$login.f.orgid,
+        orgstr:this.$login.f.orgs,
+      },
+      checkBooks:[],
+      bookTypes: [{label: '全部', value: ''}, {label: '用户', value: '用户'}, {label: '小区', value: '小区'}],
+      userTypes: [{label: '全部', value: ''}, {label: '民用', value: '民用'}, {label: '非民用', value: '非民用'}],
+      aroundUnit: [{label: '年', value: '年'}, {label: '月', value: '月'}, {label: '日', value: '日'}],
+      showModal:false,
+      excelHeaders: {
+
+        'f_userinfo_code': '用户编号',
+        'f_user_name': '用户名称',
+        'f_user_phone': '用户电话',
+        'f_meternumber': '用户表号',
+        'f_user_type': '用户类型',
+        'f_last_checker': '安检员',
+        'f_residential_area': '小区名称',
+        'f_address': '地址',
+        'f_last_check_date': '安检日期',
+        'f_last_check_state': '安检状态',
+        'f_last_check_result': '安检结果'
+      },
+      model: new PagedList('api/af-safecheck/sql/QueryCheckBook', 20),
+      checkBookRow:{},
+      checkBook :{
+        f_check_book_name: '',
+        f_run_date: '',
+        f_around_time: '',
+        f_around_unit: '',
+        f_create_date: '',
+        f_create_person: '',
+        f_orgid: '',
+        f_checker_name: ''
+      }
+    }
+  },
+  props: {
+    style: {
+      type: String,
+      default: 'col-sm-2 form-group'
+    },
+    style2: {
+      type: String,
+      default: 'col-sm-4 form-group'
+    },
+    needprops:{
+      type: Object,
+      default:{}
+    },
+    showtype:{
+      type: String
+    }
+  },
+  ready () {
+    bus.$on('fresh-main',()=>{
+      console.log("进入方法")
+      this.$refs.paged.$refs.criteria.search()
+    })
+    this.freshCheckBook()
+  },
+  beforeDestroy() {
+    //tag
+    bus.$off('fresh-main')
+  },
+  methods: {
+    getchecker(val){
+      this.$refs.paged.$refs.criteria.model.f_checker_id = ''
+      if(val && val.length > 0){
+        this.checker_name = ''
+        val.forEach(user => {
+          this.checker_name += `'${user.name}',`
+        })
+        this.checker_name = this.checker_name.slice(0,this.checker_name.length-1)
+      }else{
+        this.checker_name = ''
+      }
+    },
+
+    send(row){
+      console.log("  ",row)
+      this.checkBookRow = row
+      this.showSendModal = true
+    },
+    freshCheckBook () {
+      this.checkBooks = []
+      new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy?pageNo=1&pageSize=9999999`, {
+        data: {
+          items: 'id,f_check_book_name',
+          tablename: 't_check_book',
+          condition: this.$refs.paged.$refs.criteria.model.f_orgid?`f_orgid in ${this.$refs.paged.$refs.criteria.model.f_orgid} and f_user_type ='${this.showtype}' `:`f_user_type ='${this.showtype}'`,
+          orderitem: 'id desc'
+        }
+      }, {resolveMsg: null, rejectMsg: null}).then(res => {
+        this.checkBooks.push({label: '全部', value: ''})
+        res.data.forEach(ress => {
+          this.checkBooks.push({
+            label: ress.f_check_book_name,
+            value: ress.id
+          })
+        })
+      })
+    },
+    selectedEntry(){
+      console.log("666666666666666666")
+    },
+    details(row){
+      this.$emit('showdetails' ,row)
+    },
+    add(){
+      this.$emit('addbook')
+    },
+    ok (){
+      //tag
+      let http = new HttpResetClass()
+      http.load('POST', 'api/af-safecheck/logic/safeEntity', {data:{tableName:'t_check_book',entityData:this.checkBook}},
+        {resolveMsg: '更新安检册信息成功', rejectMsg: '保存安检册信息成功'}).then(res=>{
+        if (res.data.code===200){
+          this.$showMessage('修改成功')
+          this.showModal = false
+          this.checkBook= {}
+        }
+      })
+    },
+    cancel () {
+      this.showModal = false
+      this.checkBook= {}
+    },
+    updateCheckBook(val){
+      this.checkBook=val
+      this.showModal = true
+    },
+    search (args) {
+      // //tag
+      // //tag
+      if(this.checker_name){
+        args.condition += ` and f_checker_name in (${this.checker_name}) `
+      }
+      this.$parent.showItem = false
+      this.$parent.showItemUser = false
+      args.condition += ` and f_orgid in ('${this.$login.f.orgid}')`
+      args.condition += ` and tcb.f_user_type ='${this.showtype}' `
+      return this.model.search(args.condition, args.model)
+    },
+    getRes (obj) {
+      // this.model.f_filialeids = this.$login.convertToIn(obj.resids)
+    },
+    async deleteCheckBook (val) {
+      try {
+        //tag
+        let http = new HttpResetClass()
+        let upAddress = `update t_user_address set f_check_book_id = null where f_check_book_id = '${val.id}'`
+        let delCheckBook= `delete from t_check_book where id ='${val.id}'`
+        await http.load('POST', 'api/af-safecheck/logic/runSQL', {data: {sql: upAddress}},
+          {resolveMsg: null, rejectMsg: '删除安检册失败'})
+        await http.load('POST', 'api/af-safecheck/logic/runSQL', {data: {sql: delCheckBook}},
+          {resolveMsg: null, rejectMsg: '删除安检册失败'})
+        this.$showMessage('删除成功')
+        this.$refs.paged.$refs.criteria.search()
+      }catch (e) {
+        this.$showMessage('删除失败',e)
+      }
+    }
+  },
+
+  watch: {
+    'model.rows'(val){
+      console.log("997997",val)
+      this.showCaoZuo = val.filter(item=>item.f_check_book_type!='小区').length>0
+    }
+  },
+  computed: {
+    selected () {
+      return this.$refs.paged.$refs.grid.selected
+    }
+  }
+}
+</script>
+<style scoped>
+.newcolor {
+  color: red;
+}
+
+.table th {
+  background-color: #f2f6fa;
+  color: black;
+}
+</style>
+<style lang="less">
+#checkbookEntryShow {
+  .modal-dialog {
+    width: 80%;
+  }
+}
+</style>