safecheck-client 4.0.0-9 → 4.0.0-91

package/src/components/pc/CheckBookUser.vue

@@ -4,97 +4,329 @@
       <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
         <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
           <div class="row">
-            <div class="form-group col-sm-3" >
+            <div class="form-group col-sm-3">
               <label class="font_normal_body">客户编号</label>
-              <input type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" placeholder='客户编号'
+              <input type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code"
+                     placeholder='客户编号'
                      condition="f_userinfo_code = '{}'" @keyup.enter="search()">
             </div>
-            <div class="form-group col-sm-2 button-range" >
-              <button class="button_search" style="margin-right: 10px"  @click="search()" v-el:cba>查询</button>
+            <div class="form-group col-sm-2 button-range">
+              <button class="button_search" style="margin-right: 10px" @click="search()" v-el:cba>查询</button>
+              <button class="button_search" style="margin-right: 10px"  @click="$parent.$parent.createAndSend()">下发</button>
+            </div>
+            <div class="form-group col-sm-2 button-range">
+              <button class="button_search" style="margin-right: 10px" @click="$parent.$parent.delOfCheckBook()" v-el:cba>移出</button>
 
             </div>
           </div>
         </div>
       </criteria>
-      <data-grid :model="model" class="table_sy"  partial='list' v-ref:grid >
-        <template partial='head' >
+      <data-grid :model="model" class="table_sy" partial='list' 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><input type="checkbox" v-model="$parent.$parent.$parent.bookAll"></input>全选</nobr>
+            </th>
+            <th>
+              <nobr>序号</nobr>
+            </th>
+            <th>
+              <nobr>用户编号</nobr>
+            </th>
+            <th>
+              <nobr>用户姓名</nobr>
+            </th>
+            <th>
+              <nobr>用户电话</nobr>
+            </th>
+            <th>
+              <nobr>用户地址</nobr>
+            </th>
 
           </tr>
         </template>
-        <template partial='body' >
-          <tr >
-            <td style="text-align:center;">{{$index+1}}</td>
-             <td style="text-align:center">{{row.f_userinfo_code}}</td>
-            <td style="text-align:center">{{row.f_user_name}}</td>
-            <td style="text-align:center">{{row.f_user_phone}}</td>
-            <td style="text-align:center">{{row.f_address}}</td>
+        <template partial='body'>
+          <tr>
+            <td style="text-align: center">
+              <nobr><input type="checkbox" :checked="$parent.$parent.$parent.checkModel(row)"
+                           @change="$parent.$parent.$parent.checkChange(row, $event)"></input>
+              </nobr>
+            </td>
+            <td style="text-align:center;">{{ $index + 1 }}</td>
+            <td style="text-align:center">{{ row.f_userinfo_code }}</td>
+            <td style="text-align:center">{{ row.f_user_name }}</td>
+            <td style="text-align:center">{{ row.f_user_phone }}</td>
+            <td style="text-align:center">{{ row.f_address }}</td>
           </tr>
         </template>
         <template partial='foot'></template>
       </data-grid>
     </criteria-paged>
+    <modal :show.sync="showCreatePlan" v-ref:modal1 :width="'50%'" :backdrop="false">
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          新建计划
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div class="row">
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">计划名称:</label>
+            <input type="text" class="input_search" v-model="createPlan.f_plan_name"
+                   style="width: 60%" placeholder="请选择" />
+          </div>
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">计划年份:</label>
+            <v-select
+              class="select select_list"
+              :value.sync="createPlan.f_plan_year"
+              v-model="createPlan.f_plan_year"
+              :search="false"
+              :options='yearList'
+              close-on-select
+              value-single
+            >
+            </v-select>
+          </div>
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">计划月份:</label>
+            <v-select
+              class="select select_list"
+              :value.sync="createPlan.f_plan_month"
+              v-model="createPlan.f_plan_month"
+              :search="false"
+              :options='monthList'
+              close-on-select
+              value-single>
+            </v-select>
+          </div>
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">是否共享:</label>
+            <v-select
+              class="select select_list"
+              :search="false"
+              :value.sync="createPlan.isShare"
+              v-model="createPlan.isShare"
+              :options='isAndNot'
+              placeholder='请选择'
+              close-on-select
+              value-single
+            >
+            </v-select>
+          </div>
+          <div class="form-group col-sm-4" v-show="createPlan.isShare=='否'">
+            <label class="font_normal_body">安&ensp;检&ensp;员:</label>
+            <v-select
+              class="select select_list"
+              :value.sync="createPlan.checker"
+              v-model="createPlan.checker"
+              :options='checker'
+              close-on-select
+              value-single
+            >
+            </v-select>
+          </div>
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">计划开始:</label>
+            <datepicker
+              placeholder='请选择'
+              style="width:60%"
+              :disabled-days-of-week="[]"
+              :format="'yyyy-MM-dd'"
+              :show-rest-button="reset"
+              :value.sync="createPlan.f_start_time"
+              v-model="createPlan.f_start_time">
+            </datepicker>
+          </div>
+          <div class="form-group col-sm-4" >
+            <label class="font_normal_body">计划结束:</label>
+            <datepicker
+              placeholder='请选择'
+              style="width:60%"
+              :disabled-days-of-week="[]"
+              :format="'yyyy-MM-dd'"
+              :show-rest-button="reset"
+              :value.sync="createPlan.f_end_time"
+              v-model="createPlan.f_end_time">
+            </datepicker>
+          </div>
+        </div>
+      </div>
+      <div slot="modal-footer" class="modal-footer" style="text-align: center">
+        <button class="button_search" style="margin-right: 15px" @click="addNewPlan()">创建计划</button>
+        <button class="button_search" @click="cancelCreatePlan">取消</button>
+      </div>
+    </modal>
   </div>
 </template>
 
 <script>
-import {PagedList} from 'vue-client'
+import {HttpResetClass, PagedList} from 'vue-client'
+import Vue from 'vue'
+import * as Util from '../../components/Util'
 
 export default {
   title: '安检记录列表',
   props: ['row'],
-  data () {
+  data() {
     return {
+      createPlan:{
+        f_safecheck_type:"年度普检",
+        checker:{},
+        isShare:"否",
+        f_usertype:"",
+        f_issued:'是',
+        f_end_time:Util.toStandardDateString().replace(new Date().getFullYear().toString(),(new Date().getFullYear()+1).toString()),
+        f_start_time:Util.toStandardDateString(),
+        f_plan_month:(new Date().getMonth()+1).toString(),
+        f_plan_year:new Date().getFullYear().toString(),
+        f_plan_name:""
+      },
+      checker:[],
+      isAndNot:[{label:'是',value:'是'},{label:'否',value:'否'}],
+      yearList:[{label:"2020",value:"2020"},{label:"2021",value:"2021"},{label:"2022",value:"2022"},{label:"2023",value:"2023"},{label:"2024",value:"2024"},{label:"2025",value:"2025"},{label:"2026",value:"2026"},{label:"2027",value:"2027"},{label:"2028",value:"2028"},{label:"2029",value:"2029"},{label:"2030",value:"2030"}],
+      monthList:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3"},{label:"4",value:"4"},{label:"5",value:"5"},{label:"6",value:"6"},{label:"7",value:"7"},{label:"8",value:"8"},{label:"9",value:"9"},{label:"10",value:"10"},{label:"11",value:"11"},{label:"12",value:"12"}],
       rowdata: this.row,
-      model: new PagedList('api/af-safecheck/sql/getUserByCheckBook', 50)
+      bookAll: false,
+      bookList:[],
+      showCreatePlan: false,
+      model: new PagedList('api/af-safecheck/sql/safe_singleTable_OrderBy', 50,
+        {
+          items: '"ua.id,ua.f_address,tui.f_userinfo_code,tui.f_user_name,tui.f_user_phone,tui.f_userinfo_id"',
+          tablename: '"t_user_address ua left join t_userinfo tui on ua.f_userinfo_id = tui.f_userinfo_id"',
+          orderitem: '"ua.id desc"'
+        }
+      )
     }
   },
-  ready(){
-    if(this.row){
-      let condition=''
-      if(this.row.f_check_book_type1=='小区'){
-        this.model.url = 'api/af-safecheck/sql/getUserByCheckBook'
-        condition  = `ta.f_check_book_id =${this.row.f_check_book_id} and ta.id=${this.row.id}`
-      }else{
-        this.model.url = 'api/af-safecheck/sql/getUserByCheckBookCompany'
-        condition  = `tc.f_check_book_id =${this.row.f_check_book_id} and tc.id=${this.row.id}`
-      }
+  ready() {
+    if (this.row) {
+      let condition = ''
+      condition = `ua.f_check_book_id =${this.row.id}`
       this.model.search(condition)
       //只显示用户页面
-      this.row.f_check_book_type='用户'
+      this.row.f_check_book_type = '用户'
     }
+    this.searchChecker()
   },
   watch: {
-    'row' (val) {
+    'row'(val) {
       if (val) {
         this.rowdata = val
-        let condition=''
-        if(this.row.f_check_book_type1=='小区'){
-          condition  = `ta.f_check_book_id =${val.f_check_book_id} and ta.id=${val.id}`
-        }else{
-          condition  = `tc.f_check_book_id =${val.f_check_book_id} and tc.id=${val.id}`
-        }
+        let condition = ''
+        condition = `ua.f_check_book_id =${val.id} `
         this.model.search(condition)
       }
     }
   },
   methods: {
-    selfSearch (args) {
-      if (this.rowdata.id) {
-        if(this.rowdata.f_check_book_type1=='小区'){
-          args.condition += `and ta.f_check_book_id =${this.rowdata.f_check_book_id} and ta.id=${this.rowdata.id}`
+    async searchChecker(){
+      console.log(this.$login.f.orgid)
+      let res=await new HttpResetClass().load('POST', '/rs/search', {
+        data:{
+          source: `root.getResourceById($${this.$login.f.orgid}$,$organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1)`,
+          userid: this.$login.f.id
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      res.data.forEach((resRow) => {
+        this.checker.push({label:resRow.name,value:resRow})
+      })
+    },
+    async addNewPlan(){
+      this.createPlan.f_plan_type='预约计划'
+      this.createPlan.f_subcompany=this.$login.f.orgstr
+      this.createPlan.f_filialeid=this.$login.f.orgid
+      this.createPlan.f_create_operator=this.$login.f.name
+      this.createPlan.f_create_time=Util.toStandardTimeString()
+      this.createPlan.f_book_id = this.row.id
+      console.log(this.createPlan)
+      const addPlan = {
+        f_operator:this.$login.f.name,
+        f_filialeid:this.$login.f.orgid,
+        f_subscribe_date:'',
+        condition:this.model.condition,
+        switchCheckAll:true,
+        checkAll:this.bookAll,
+        param:this.bookList,
+        columnName: "ua.id"
+      }
+      if(this.createPlan.isShare=="是"){
+        this.createPlan.f_checker_id=null
+        this.createPlan.f_checker=null
+      }else{
+        this.createPlan.f_checker_id=this.createPlan.checker.id
+        this.createPlan.f_checker=this.createPlan.checker.name
+      }
+      new HttpResetClass().load("POST",'/api/af-safecheck/logic/createAndAddPlan',{createPlan:this.createPlan,addPlan}).then(res=>{
+        if(res.data.code==200){
+          this.$showMessage("计划下发成功！"+(res.data.result.length>0?"有"+res.data.result.length+"条用户地址已经存在于其他计划中":""))
+          this.cancelCreatePlan()
         }else{
-          args.condition += `and tc.f_check_book_id =${this.rowdata.f_check_book_id} and tc.id=${this.rowdata.id}`
+          this.$showMessage("计划下发失败！")
         }
+      })
+    },
+    createAndSend(){
+      if(this.model.rows.length==0){
+        Vue.showMessage("未检测到列表中有用户！")
+        return
+      }
+      if(!this.bookAll && this.bookList.length==0){
+        Vue.showMessage("请先勾选你要添入到上方计划中的用户！")
+        return
+      }
+      this.showCreatePlan = true
+    },
+    cancelCreatePlan(){
+      this.showCreatePlan = false
+    },
+    selfSearch(args) {
+      if (this.rowdata.id) {
+        args.condition += `and ua.f_check_book_id =${this.rowdata.id}`
         this.model.search(args.condition)
       } else {
         this.$showMessage('请选择片区')
       }
+    },
+    checkModel (row) {
+      if (this.bookAll) {
+        return true
+      } else {
+        return this.bookList.findIndex(res => res === row.id) !== -1;
+      }
+    },
+    checkChange (row, e) {
+      if (e.target.checked) {
+        this.bookList.push(row.id)
+      } else {
+        this.bookList.splice(this.bookList.findIndex(res => res === row.id), 1)
+      }
+    },
+    delOfCheckBook(){
+      try {
+        let upAddress = `update t_user_address set f_check_book_id = null where 1 = 2 `
+        if (this.bookAll){
+          upAddress = `update t_user_address set f_check_book_id = null where f_check_book_id = '${this.row.id}'`
+        }else if (this.bookList.length > 0){
+          let codes = this.bookList.map( item => { return `'${item}'` } ).join()
+          upAddress = `update t_user_address set f_check_book_id = null where id in (${codes})`
+        }
+        this.$showMessage('确认移出安检册', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let http = new HttpResetClass()
+            http.load('POST', 'api/af-safecheck/logic/runSQL', {data: {sql: upAddress}},
+              {resolveMsg: null, rejectMsg: '移出安检册失败'}).then(resp=>{
+              this.$showMessage('移出成功')
+              this.$refs.paged.$refs.criteria.search()
+            }).catch(error=>{
+              this.$showMessage('移出失败',error)
+
+            })
+          }
+        })
+      }catch (e) {
+        this.$showMessage('移出失败',e)
+      }
     }
   }
 }

package/src/components/pc/DefectDeal.vue

@@ -49,7 +49,7 @@
               </div>
               <div class="col-sm-4 form-group" style="margin: 0" v-show="$parent.$parent.criteriaShow">
                 <role-selector-safe
-                  role-name="新安检员"
+                  role-name="安检员"
                   role-lable="安&nbsp;检&nbsp;员&nbsp;"
                   :value.sync="model.f_checker_id"
                   v-model="model.f_checker_id"

package/src/components/pc/NewCheckpaper.vue

@@ -141,7 +141,7 @@ div {
               <tr>
                 <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">入户状态:</td>
                 <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_entry_status }}</td>
-                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">燃气使用:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用气状态:</td>
                 <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_usegas }}</td>
               </tr>
               <tr>
@@ -543,7 +543,7 @@ div {
                       paperdata.f_entry_status
                     }}
                   </td>
-                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">燃气使用:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用气状态:</td>
                   <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_usegas }}</td>
                 </tr>
                 <tr>
@@ -959,7 +959,7 @@ let asyncReady = async function (self) {
 }
 export default {
   title: '安检单',
-  props: ['f_plan_id', 'item', 'role'],
+  props: ['f_plan_id', 'item', 'role','gotoitem'],
   data() {
     return {
       f_user_path:'',
@@ -1132,7 +1132,7 @@ export default {
       }).then((res) => {
         if (res.data.code == 200) {
           this.loading = false;
-          this.$back()
+          this.$emit('showback')
         }
       })
     },
@@ -1159,7 +1159,7 @@ export default {
           this.loading = false;
           this.message = '';
           this.showModel = false;
-          this.$back()
+          this.$emit('showback')
         }
       })
     },
@@ -1351,9 +1351,11 @@ export default {
       }
       //tag
       //tag)
-      if (!this.item.f_safecheck_type && Vue.config.safecheck.SafecheckType) {
+      if (!this.item.f_safecheck_type && Vue.config.safecheck.SafecheckType && Vue.config.safecheck.SafecheckType['年度普检']) {
         this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType['年度普检'][this.item.f_check_type]])
-      } else if (Vue.config.safecheck.SafecheckType){
+      }else if (!this.item.f_safecheck_type && Vue.config.safecheck.SafecheckType && Vue.config.safecheck.SafecheckType['年度安检']){
+        this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType['年度安检'][this.item.f_check_type]])
+      }else if (Vue.config.safecheck.SafecheckType && Vue.config.safecheck[Vue.config.safecheck.SafecheckType[this.item.f_safecheck_type]]){
         this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType[this.item.f_safecheck_type][this.item.f_check_type]])
       }else {
         if(this.item.f_check_type == '民用'){
@@ -1512,16 +1514,20 @@ export default {
     back() {
       if (this.role == 'inspect') {
         if (!this.isStrat) {
-          this.$back()
+          this.$emit('showback')
           return
         } else {
           this.savePaper(true).then(() => {
-            this.$back()
+            this.$emit('showback')
             this.isStrat = false
           })
         }
       } else {
-        this.$back()
+        if(this.gotoitem){
+          this.$back()
+          return
+        }
+        this.$emit('showback')
       }
     },
     checkIsStart() {

package/src/components/pc/NewCheckpaperTemp.vue

@@ -572,7 +572,7 @@
         }).then((res) => {
           if (res.data.code == 200) {
             this.loading = false;
-            this.$back()
+            this.$emit('showback')
           }
         })
       },
@@ -599,7 +599,7 @@
             this.loading = false;
             this.message = '';
             this.showModel = false;
-            this.$back()
+            this.$emit('showback')
           }
         })
       },
@@ -938,16 +938,16 @@
       back() {
         if (this.role == 'inspect') {
           if (!this.isStrat) {
-            this.$back()
+            this.$emit('showback')
             return
           } else {
             this.savePaper(true).then(() => {
-              this.$back()
+              this.$emit('showback')
               this.isStrat = false
             })
           }
         } else {
-          this.$back()
+          this.$emit('showback')
         }
       },
       checkIsStart() {

package/src/components/pc/PaperDefectMain.vue

@@ -642,6 +642,7 @@
           f_outlets: this.$login.f.deps,
           f_remarks: this.selectData.f_remarks,
           f_repairtype: this.selectData.f_repairtype,
+          dispatchType: this.selectData.dispatchType,
           toRepair: toRepair,
           activity:act
         }

package/src/components/pc/RoleSelectorDep.vue

@@ -127,11 +127,12 @@
         if (resids.length > 0 && typeof resids[0] == "object") {
           resids = resids[0]
         }
+        this.allUsers = []
+        this.users = []
         if (resids[0]) {
           this.source = `root.getResourceById($${resids[0]}$,$department$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$).indexOf($${this.roleName}$) != -1)`
           await this.search()
         }
-        this.users = []
         this.allUsers.forEach(user => {
             this.users.push({label: user.name, value: user.name})
         })

package/src/components/phonestate/MonthlyTraffic.vue

@@ -1,66 +1,66 @@
-<template>
-  <div>
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='search'>
-        <div novalidate class="form-inline auto" partial>
-          <div class="form-group">
-            <label class="col-sm-12 control-label">选择年月：</label>
-            <div class="col-sm-12">
-              <datepicker placeholder="请选择年月"
-                :value.sync="$parent.$parent.model.f_ym"
-                :disabled-days-of-Week="[]"
-                :format="'yyyy-MM'">
-              </datepicker>
-              <button class="btn btn-default" @click="search()">查询</button>
-              <div class="form-group">
-                部门:
-                <chooser :userid.sync='$parent.$parent.f.id' resource-type="organization" :width='200' :select-data.sync='$parent.$parent.model.chosenOrg'></chooser>
-              </div>
-              {{$parent.$parent.model.chosenOrg.fullname}}
-            </div>
-          </div>
-        </div>
-      </criteria>
-      <data-grid :model="model" partial='list' v-ref:grid>
-        <template partial='head'>
-          <tr>
-            <th>手机使用者</th>
-            <th>流量Mb</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <td v-on:click.stop.prevent='$parent.$parent.$parent.dailyTraffic(row)'>{{row.f_user_name}}&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-option-horizontal"></span></td>
-          <td>{{row.f_traffic}}</td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-
-<script>
-import { PagedList } from 'vue-client'
-import * as Util from '../Util'
-
-export default {
-  title: '月流量统计',
-  props: ['f'],
-  data () {
-    let model = new PagedList('rs/rcq/月度流量统计', 20, {f_loggedOnUserId: 'this.f_loggedOnUserId', f_loggedOnOrgId: 'this.chosenOrg.id', f_ym: 'this.f_ym'})
-    model.f_ym = Util.toStandardYearMonth()
-    model.chosenOrg = {id:0}
-    return {
-      model: model,
-    }
-  },
-  methods: {
-    dailyTraffic (row) {
-      this.$goto('daily-traffic', {f_userinfoid: row.f_userinfoid, f_user_name: row.f_user_name, f_ym: this.model.f_ym}, 'self')
-    }
-  },
-  ready () {
-    this.model.f_loggedOnUserId = this.f.id
-    this.model.chosenOrg.id = this.f.parent.id
-    this.model.search()
-  }
-}
-</script>
+<template>
+  <div>
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search'>
+        <div novalidate class="form-inline auto" partial>
+          <div class="form-group">
+            <label class="col-sm-12 control-label">选择年月：</label>
+            <div class="col-sm-12">
+              <datepicker placeholder="请选择年月"
+                :value.sync="$parent.$parent.model.f_ym"
+                :disabled-days-of-Week="[]"
+                :format="'yyyy-MM'">
+              </datepicker>
+              <button class="btn btn-default" @click="search()">查询</button>
+              <div class="form-group">
+                部门:
+                <chooser :userid.sync='$parent.$parent.f.id' resource-type="organization" :width='200' :select-data.sync='$parent.$parent.model.chosenOrg'></chooser>
+              </div>
+              {{$parent.$parent.model.chosenOrg.fullname}}
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th>手机使用者</th>
+            <th>流量Mb</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td v-on:click.stop.prevent='$parent.$parent.$parent.dailyTraffic(row)'>{{row.f_user_name}}&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-option-horizontal"></span></td>
+          <td>{{row.f_traffic}}</td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+import * as Util from '../Util'
+
+export default {
+  title: '月流量统计',
+  props: ['f'],
+  data () {
+    let model = new PagedList('rs/rcq/月度流量统计', 20, {f_loggedOnUserId: 'this.f_loggedOnUserId', f_loggedOnOrgId: 'this.chosenOrg.id', f_ym: 'this.f_ym'})
+    model.f_ym = Util.toStandardYearMonth()
+    model.chosenOrg = {id:0}
+    return {
+      model: model,
+    }
+  },
+  methods: {
+    dailyTraffic (row) {
+      this.$goto('daily-traffic', {f_userinfoid: row.f_userinfoid, f_user_name: row.f_user_name, f_ym: this.model.f_ym}, 'self')
+    }
+  },
+  ready () {
+    this.model.f_loggedOnUserId = this.f.id
+    this.model.chosenOrg.id = this.f.parent.id
+    this.model.search()
+  }
+}
+</script>