telephone-clients 3.0.104-54 → 3.0.104-56

package/src/filiale/tongchuan/pc/visitPlanManage.vue

@@ -1,599 +1,599 @@
-<template>
-    <work-busy :is-busy="isSend"></work-busy>
-    <div class="binary" style="background-color: #e8f4ff">
-      <!--左侧安检计划列表******************************************************-->
-      <div class="binary-left flex flex-column" style="width: 16%">
-        <div style="height: 9%">
-          <div class="row auto">
-            <img style="width: 20px;margin: 0 5px" src="../../../assets/searchhover.png" @click="showUserCondition()"/>
-            <v-select :width="'80%'"
-                      class="select select_list"
-                      :search="false"
-                      :value.sync="currentorder"
-                      v-model="currentorder"
-                      @change="loadCheckPlan"
-                      :options='opt'
-                      close-on-select value-single >
-            </v-select>
-          </div>
-<!--          <div class="row auto safe-div-p"><span style="margin-right: 5px" @click="delCheckPlan()" style="cursor:default">删除</span></div>-->
-        </div>
-        <div class="leftplan-center safe_plan_list">
-          <div class="row safe-leftplan safe_list_li" :class="{'safe-selectplan':selectPlan.id==row.id}" v-for="row in visitplan.list.data" @click="selectPlanChange(row)">
-            <table style="width:100%;table-layout:fixed" >
-              <tr class="safe-planfont">
-<!--                <td rowspan="4"><input type="checkbox" style="pointer-events:auto"  onClick="event.cancelBubble = true" :checked="checkplan.check.isChecked(row.f_check_item_id)"  @change="checkplan.check.setCheckes(row.id)"/></td>-->
-                <td colspan="6" class="safe_p">{{row.f_plan_name}}</td>
-                <td colspan="2" style="text-align: center"><img width="20px" style="pointer-events:auto" onClick="event.cancelBubble = true" @click="showUpPlans(row)" src="../../../assets/edit.png"/></td>
-              </tr>
-              <tr class="safe-bodyfont" style="color:#4792de">
-                <td colspan="6">{{row.f_receiver}}</td>
-              </tr>
-              <tr class="safe-bodyfont" style="color:#4792de">
-                <td colspan="12">{{row.f_effective_start_time.substring(0,10)}} - {{row.f_effective_end_time.substring(0,10)}}</td>
-              </tr>
-<!--              <tr class="safe-bodyfont" style="color:#4792de">-->
-<!--                <td colspan="12">{{row.f_effective_start_time.substring(0,10)}} - {{row.f_effective_end_time.substring(0,10)}}</td>-->
-<!--              </tr>-->
-              <tr class="safe-bodyfont">
-<!--                <td colspan="12">{{row.f_remark}}</td>-->
-                <td colspan="2">总 :</td>
-                <td colspan="2">{{row.plan_count}}</td>
-              </tr>
-              <tr class="safe-bodyfont">
-                <td colspan="4">未回访 :</td>
-                <td colspan="4">{{row.unvisited}}</td>
-                <td colspan="4">已回访 :</td>
-                <td colspan="4">{{row.visited}}</td>
-              </tr>
-            </table>
-          </div>
-        </div>
-        <div style="height: 11%">
-          <div class="row auto leftplan-center" style="padding: 8px">
-            <div class="col-sm-6" style="">
-              <span>共{{visitplan.list.count}}条</span>
-            </div>
-            <div class="col-sm-6" style="text-align: end">
-              <span @click="loadMore('visitplan')"><img src="../../../assets/doubledown.png"/>&ensp;更多</span>
-            </div>
-          </div>
-          <div class="row auto" style="padding: 10px;text-align: center">
-            <img src="../../../assets/addnew.png" @click="showcCreatePlan()"/>
-          </div>
-        </div>
-      </div>
-      <!--右侧列表**************************************************************************-->
-      <div class="binary-right" style="width: 84%;overflow: auto">
-        <div style="height: 5%">
-          <div class="col-sm-4">
-            <label class="font_normal_body">公&emsp;&emsp;司</label>
-            <right-tree-safe :islist="false" :width="'60%'" @re-res="getRes"></right-tree-safe>
-          </div>
-        </div>
-        <div style="height: 95%">
-          <div style="height: 50%" class="leftplan-center">
-            <visit-plan-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:item></visit-plan-list>
-          </div>
-          <div style="height: 50%">
-            <visit-service-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:user></visit-service-list>
-          </div>
-        </div>
-      </div>
-      <modal :show.sync="showCondtion" v-ref:modal :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-6" >
-              <label class="font_normal_body">计划名称:</label>
-              <input type="text" class="input_search" v-model="planCondition.f_plan_name"
-                     @change="setProperty('visitplan','f_plan_name',planCondition.f_plan_name)"
-                     style="width: 60%" placeholder="计划名称" />
-            </div>
-            <div class="form-group col-sm-6" >
-            <label class="font_normal_body">执&ensp;行&ensp;者:</label>
-            <v-select
-              class="select select_list"
-              :value.sync="planCondition.visiter"
-              v-model="planCondition.visiter"
-              :options='getConList("visiters")'
-              @change="setProperty('visitplan','f_receiver_id',planCondition.visiter.id)"
-              placeholder='请选择'
-              close-on-select
-              value-single
-            >
-            </v-select>
-          </div>
-<!--            <div class="form-group col-sm-6" >-->
-<!--              <label class="font_normal_body">有效开始:</label>-->
-<!--              <datepicker-->
-<!--                placeholder='执行有效时间'-->
-<!--                style="width:60%"-->
-<!--                :format="'yyyy-MM-dd HH:mm:ss'"-->
-<!--                :value.sync="planCondition.f_effective_start_time"-->
-<!--                v-model="planCondition.f_effective_start_time">-->
-<!--              </datepicker>-->
-<!--            </div>-->
-<!--            <div class="form-group col-sm-6" >-->
-<!--              <label class="font_normal_body">有效截至:</label>-->
-<!--              <datepicker-->
-<!--                placeholder='执行有效时间'-->
-<!--                style="width:60%"-->
-<!--                :format="'yyyy-MM-dd HH:mm:ss'"-->
-<!--                :value.sync="planCondition.f_effective_end_time"-->
-<!--                v-model="planCondition.f_effective_end_time">-->
-<!--              </datepicker>-->
-<!--            </div>-->
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer" style="text-align: center">
-          <button class="button_search" @click="loadCheckPlan" style="margin-right: 15px">查询</button>
-          <button class="button_search" @click="cancel">取消</button>
-        </div>
-      </modal>
-      <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">执&ensp;行&ensp;人:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="createPlan.visiter"
-                v-model="createPlan.visiter"
-                :options='visiters'
-                placeholder='请选择'
-                close-on-select
-                value-single
-                v-on:change="getvisiter"
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" >
-              <label class="font_normal_body">有效起始:</label>
-              <datepicker
-                placeholder='有效起始时间'
-                style="width:60%"
-                :format="'yyyy-MM-dd HH:mm:ss'"
-                :value.sync="createPlan.f_effective_start_time"
-                v-model="createPlan.f_effective_start_time">
-              </datepicker>
-            </div>
-            <div class="form-group col-sm-4" >
-              <label class="font_normal_body">有效结束:</label>
-              <datepicker
-                placeholder='有效结束时间'
-                style="width:60%"
-                :format="'yyyy-MM-dd HH:mm:ss'"
-                :value.sync="createPlan.f_effective_end_time"
-                v-model="createPlan.f_effective_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="cancel">取消</button>
-        </div>
-      </modal>
-      <modal :show.sync="showUpPlan" v-ref:modal2 :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="upCheckPlan.f_plan_name"
-                     style="width: 60%"  />
-            </div>
-
-            <div class="form-group col-sm-4">
-              <label class="font_normal_body">执&ensp;行&ensp;者:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="upCheckPlan.visiter"
-                v-model="upCheckPlan.visiter"
-                :options='visiters'
-                close-on-select
-                value-single
-                v-on:change="upgetvisiter"
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" >
-              <label class="font_normal_body">有效起始:</label>
-              <datepicker
-                placeholder='有效起始时间'
-                style="width:60%"
-                :format="'yyyy-MM-dd HH:mm:ss'"
-                :value.sync="upCheckPlan.f_effective_start_time"
-                v-model="upCheckPlan.f_effective_start_time">
-              </datepicker>
-            </div>
-            <div class="form-group col-sm-4" >
-            <label class="font_normal_body">有效截至:</label>
-            <datepicker
-              placeholder='有效结束时间'
-              style="width:60%"
-              :format="'yyyy-MM-dd HH:mm:ss'"
-              :value.sync="upCheckPlan.f_effective_end_time"
-              v-model="upCheckPlan.f_effective_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="upPlan()">保存修改</button>
-          <button class="button_search" @click="cancel">取消</button>
-        </div>
-      </modal>
-    </div>
-</template>
-
-<script>
-    import {SearchList,HttpResetClass, PagedList} from "vue-client";
-    import Vue from "vue";
-    import * as Util from '../../../components/Util'
-
-    export default {
-        name: "PlanManage",
-        title: '计划管理',
-        data() {
-          return {
-            opt:[{label:"按时间降序",value:"按时间降序"},{label:"按时间升序",value:"按时间升序"}],
-            currentorder:'按时间降序',
-            visitplan : new SearchList(true),
-            selectPlan:{id:''},
-            upCheckPlan:{
-              f_plan_name:'',
-              f_receiver:'',
-              f_receiver_id:'',
-              f_remark:'',
-              f_effective_start_time:'',
-              f_effective_end_time:'',
-              visiter:''
-            },
-            isSend:false,
-            createPlan:{
-              f_plan_name:'',
-              f_receiver:'',
-              f_receiver_id:'',
-              f_operator:this.$login.f.name,
-              f_created_date:'',
-              f_filialeid:this.$login.f.orgid,
-              f_subcompany:this.$login.f.orgs,
-              f_remark:null,
-              f_effective_start_time:'',
-              f_effective_end_time:'',
-              visiter:''
-            },
-            planCondition:{
-              f_receiver_id:'',
-              f_plan_name:''
-            },
-            showCondtion:false,
-            showCreatePlan:false,
-            showUpPlan:false,
-            visiters:[],
-            checkertCon:[],
-            userlogin:{
-              id:this.$login.f.id,
-              name:this.$login.f.name,
-              orgid:this.$login.f.orgid,
-              orgstr:this.$login.f.orgs,
-            }
-          }
-        },
-      ready(){
-        this.searchVisiter(this.userlogin.id)
-        // await this.loadpage()
-      },
-      computed: {
-        },
-      methods:{
-        upgetvisiter(val){
-          if(val){
-            this.upCheckPlan.f_receiver = val.name
-            this.upCheckPlan.f_receiver_id = val.id
-          }
-        },
-        getvisiter(val){
-          if(val){
-            this.createPlan.f_receiver = val.name
-            this.createPlan.f_receiver_id = val.id
-          }
-
-        },
-        async loadpage(){
-          await this.loadCheckPlan()
-          await this.searchChecker(this.userlogin.id)
-        },
-        getRes(obj) {
-          console.log("----obj"+JSON.stringify(obj.resids))
-          console.log(obj)
-          if(obj.resids.length>0 && obj.resids[0]!=this.userlogin.orgid && obj.resids[0]){
-            this.userlogin.orgid=obj.resids[0]
-            this.userlogin.orgstr=obj.res[0]
-            if(this.$refs.item && this.$refs.user){
-              this.loadpage()
-              this.selectPlan={id:""}
-              this.$refs.item.model.rows=[]
-              this.$refs.user.model.rows=[]
-              this.$refs.user.loadpage()
-            }
-          }
-        },
-        getConList(field){
-          return [{label:'全部',value:''}, ...this[field]]
-        },
-        selectPlanChange(plan){
-          this.selectPlan=plan
-          //this.upCheckPlan=plan
-        },
-        showUserCondition(){
-          this.showCondtion=true
-        },
-        showcCreatePlan(){
-          this.showCreatePlan=true
-        },
-        cancel(){
-          this.showCondtion=false
-          this.showCreatePlan=false
-          this.showUpPlan=false
-        },
-        //新建计划
-        async addNewPlan() {
-          this.createPlan.f_create_time=Util.toStandardTimeString()
-          await new HttpResetClass().load('POST',"/rs/logic/createVisitPlan", {"data": this.createPlan},{resolveMsg : '新建计划成功！', rejectMsg : '新建计划失败！'})
-          this.createPlan={
-              f_plan_name:'',
-              f_receiver:'',
-              f_receiver_id:'',
-              f_operator:this.userlogin.name,
-              f_created_date:'',
-              f_filialeid:this.userlogin.orgid,
-              f_subcompany:this.userlogin.orgstr,
-              f_remark:null,
-              f_effective_start_time:'',
-              f_effective_end_time:''
-          }
-          await this.loadCheckPlan()
-          this.isSend=false
-        },
-        //查询客服
-        async searchVisiter(id){
-          let res=await new HttpResetClass().load('POST', '/rs/search', {
-            source: 'tool.getChildrenOfResName($客服$)',
-            userid: id
-          }, {resolveMsg: null, rejectMsg: null})
-          this.visiters=[]
-          res.data.forEach((resRow) => {
-            if(resRow.orgid==this.userlogin.orgid){
-              var oned = {id:resRow.id,name:resRow.name}
-              this.visiters.push({label:resRow.name,value:oned})
-            }
-          })
-        },
-        //设置属性值
-        setProperty(modulename, property, value) {
-          console.log(modulename+"新添--"+property+"--"+value)
-          if(value=='全部'){
-            this[modulename].search.setField(property, '')
-          }else{
-            this[modulename].search.setField(property, value)
-          }
-        },
-        //按条件查询所有安检计划
-        async loadCheckPlan() {
-          this.isSend=true
-          let fieldValue=''
-          switch(this.currentorder){
-            case "按时间降序":
-              fieldValue='f_created_date desc'
-              break
-            case "按时间升序":
-              fieldValue='f_created_date'
-              break
-          }
-          this.cancel()
-          await this.visitplan.searchList("/rs/sql/getvisitplan",
-            {"f_plan_name": "f_plan_name like '%{}%'",
-              "f_receiver_id":"f_receiver_id={}"
-            },
-            {orderitem:fieldValue,
-              f_filialeids:"('"+this.userlogin.orgid+"')"
-            }
-          )
-
-          this.isSend=false
-        },
-        //加载更多数据
-        async loadMore(modelname) {
-          this.isSend=true
-          await this[modelname].list.loadMore()
-          this.isSend=false
-        },
-        showUpPlans(row){
-          this.upCheckPlan.id=row.id
-          this.upCheckPlan.f_plan_name=row.f_plan_name
-          this.upCheckPlan.f_receiver_id=row.f_receiver_id
-          this.upCheckPlan.f_receiver=row.f_receiver
-          this.upCheckPlan.visiter={id:row.f_receiver_id,name:row.f_receiver}
-          this.upCheckPlan.f_effective_start_time=row.f_effective_start_time
-          this.upCheckPlan.f_effective_end_time=row.f_effective_end_time
-          this.showUpPlan=true
-        },
-        async upPlan(){
-          this.isSend=true
-          let res=await new HttpResetClass().load("POST", "/rs/logic/UpdateVisitPlan", {
-            data:{
-              f_plan_name:this.upCheckPlan.f_plan_name,
-              f_receiver_id:this.upCheckPlan.f_receiver_id,
-              f_receiver:this.upCheckPlan.f_receiver,
-              f_effective_start_time:this.upCheckPlan.f_effective_start_time,
-              f_effective_end_time:this.upCheckPlan.f_effective_end_time,
-              f_plan_id:this.upCheckPlan.id
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          if(res.data.code==200){
-            this.$showMessage("修改成功！")
-            this.cancel()
-            await this.loadCheckPlan()
-          }else{
-            this.$showMessage("修改失败！")
-          }
-          this.isSend=false
-        },
-        //下发安检计划
-        async sendCheckPlan(f){
-          if(this.checkplan.check.checkes.length<1){
-            this.$showMessage("请选择要下发的安检计划")
-            return
-          }
-          this.isSend=true
-          let res=await new HttpResetClass().load("POST", "/rs/logic/NewBespeakCheckPlan", {
-            data:{
-              f_issued:'是',
-              f_issue_time:Util.toStandardTimeString(),
-              f_send_operator:this.userlogin.name,
-              param:this.checkplan.check.checkes,
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          if(res.data.code==200){
-            //Vue.showMessage("下发成功！其中有"+res.data.repet+"个计划己经是下发状态")
-            this.$showMessage("下发成功！")
-          }else{
-            this.$showMessage("下发失败！")
-          }
-          await this.loadCheckPlan()
-          this.isSend=false
-        },
-        //删除安检计划
-        async delCheckPlan(f){
-          if(this.checkplan.check.checkes.length<1){
-            this.$showMessage("请选择要删除的安检计划")
-            return
-          }
-          this.isSend=true
-          let res=await new HttpResetClass().load("POST", "/rs/logic/deleteCheckPlan", {
-            data:{
-              f_operator:this.userlogin.orgstr,//global.login.name,
-              condition:"",
-              switchCheckAll:true,
-              checkAll:false,
-              param:this.checkplan.check.checkes,
-              columnName: "f_plan_id"
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          console.log(JSON.stringify(res))
-          if(res.data.code==200){
-            this.$showMessage("删除成功！")
-          }else{
-            this.$showMessage("删除失败！")
-          }
-          if(this.checkplan.check.checkes.indexOf(this.selectPlan.id)!= -1){
-            this.selectPlan={id:''}
-            console.log("包含了清空selectplan")
-          }
-          await this.loadCheckPlan()
-          this.isSend=false
-        },
-        async refresh(){
-          this.$refs.item.$refs.paged.$refs.criteria.search()
-          this.$refs.user.$refs.paged.$refs.criteria.search()
-          await this.loadCheckPlan()
-        },
-        async refreshPlan(){
-          this.$refs.item.$refs.paged.$refs.criteria.search()
-          await this.loadCheckPlan()
-        }
-      }
-    }
-</script>
-
-<style scoped>
-.safe-planfont{
-  font-family: MicrosoftYaHei;
-  font-size: 15px;
-  font-weight: normal;
-  font-stretch: normal;
-  letter-spacing: 2px;
-  color: #333333;
-  line-height: 25px;
-}
-  .safe-bodyfont{
-    font-family: MicrosoftYaHei;
-    font-size: 14px;
-    font-weight: normal;
-    font-stretch: normal;
-    letter-spacing: 0px;
-    color: #999999;
-    line-height: 30px;
-  }
-  .safe-leftplan{
-    height:auto;
-    border-bottom:1px solid #ececec;
-    padding: 10px 5px
-  }
-  .leftplan-center{
-    border-top:1px solid #ececec;
-    border-bottom:1px solid #ececec;
-  }
-  .safe_p{
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .safe-div-p{
-    color: #4792de;
-    text-align: end;
-    padding: 8px 15px;
-  }
-  .safe_list_li:hover{
-    background-color: rgb(245,246,247);
-  }
-  .safe-selectplan{
-    pointer-events: none;
-    background-color: rgb(216,234,251);
-  }
-  .safe_plan_list{
-    height: 80%;
-    overflow: scroll;
-  }
-
-</style>
-<style>
-  .safe_plan_list::-webkit-scrollbar{
-    background-color: #F5F5F5;
-  }
-
-  /*定义滚动条轨道 内阴影+圆角*/
-  .safe_plan_list::-webkit-scrollbar-track{
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-    border-radius: 10px;
-    background-color: #F5F5F5;
-  }
-
-  /*定义滑块 内阴影+圆角*/
-  .safe_plan_list::-webkit-scrollbar-thumb{
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
-    background-color: #F5F5F5;
-  }
-</style>
+<template>
+    <work-busy :is-busy="isSend"></work-busy>
+    <div class="binary" style="background-color: #e8f4ff">
+      <!--左侧安检计划列表******************************************************-->
+      <div class="binary-left flex flex-column" style="width: 16%">
+        <div style="height: 9%">
+          <div class="row auto">
+            <img style="width: 20px;margin: 0 5px" src="../../../assets/searchhover.png" @click="showUserCondition()"/>
+            <v-select :width="'80%'"
+                      class="select select_list"
+                      :search="false"
+                      :value.sync="currentorder"
+                      v-model="currentorder"
+                      @change="loadCheckPlan"
+                      :options='opt'
+                      close-on-select value-single >
+            </v-select>
+          </div>
+<!--          <div class="row auto safe-div-p"><span style="margin-right: 5px" @click="delCheckPlan()" style="cursor:default">删除</span></div>-->
+        </div>
+        <div class="leftplan-center safe_plan_list">
+          <div class="row safe-leftplan safe_list_li" :class="{'safe-selectplan':selectPlan.id==row.id}" v-for="row in visitplan.list.data" @click="selectPlanChange(row)">
+            <table style="width:100%;table-layout:fixed" >
+              <tr class="safe-planfont">
+<!--                <td rowspan="4"><input type="checkbox" style="pointer-events:auto"  onClick="event.cancelBubble = true" :checked="checkplan.check.isChecked(row.f_check_item_id)"  @change="checkplan.check.setCheckes(row.id)"/></td>-->
+                <td colspan="6" class="safe_p">{{row.f_plan_name}}</td>
+                <td colspan="2" style="text-align: center"><img width="20px" style="pointer-events:auto" onClick="event.cancelBubble = true" @click="showUpPlans(row)" src="../../../assets/edit.png"/></td>
+              </tr>
+              <tr class="safe-bodyfont" style="color:#4792de">
+                <td colspan="6">{{row.f_receiver}}</td>
+              </tr>
+              <tr class="safe-bodyfont" style="color:#4792de">
+                <td colspan="12">{{row.f_effective_start_time.substring(0,10)}} - {{row.f_effective_end_time.substring(0,10)}}</td>
+              </tr>
+<!--              <tr class="safe-bodyfont" style="color:#4792de">-->
+<!--                <td colspan="12">{{row.f_effective_start_time.substring(0,10)}} - {{row.f_effective_end_time.substring(0,10)}}</td>-->
+<!--              </tr>-->
+              <tr class="safe-bodyfont">
+<!--                <td colspan="12">{{row.f_remark}}</td>-->
+                <td colspan="2">总 :</td>
+                <td colspan="2">{{row.plan_count}}</td>
+              </tr>
+              <tr class="safe-bodyfont">
+                <td colspan="4">未回访 :</td>
+                <td colspan="4">{{row.unvisited}}</td>
+                <td colspan="4">已回访 :</td>
+                <td colspan="4">{{row.visited}}</td>
+              </tr>
+            </table>
+          </div>
+        </div>
+        <div style="height: 11%">
+          <div class="row auto leftplan-center" style="padding: 8px">
+            <div class="col-sm-6" style="">
+              <span>共{{visitplan.list.count}}条</span>
+            </div>
+            <div class="col-sm-6" style="text-align: end">
+              <span @click="loadMore('visitplan')"><img src="../../../assets/doubledown.png"/>&ensp;更多</span>
+            </div>
+          </div>
+          <div class="row auto" style="padding: 10px;text-align: center">
+            <img src="../../../assets/addnew.png" @click="showcCreatePlan()"/>
+          </div>
+        </div>
+      </div>
+      <!--右侧列表**************************************************************************-->
+      <div class="binary-right" style="width: 84%;overflow: auto">
+        <div style="height: 5%">
+          <div class="col-sm-4">
+            <label class="font_normal_body">公&emsp;&emsp;司</label>
+            <right-tree-safe :islist="false" :width="'60%'" @re-res="getRes"></right-tree-safe>
+          </div>
+        </div>
+        <div style="height: 95%">
+          <div style="height: 50%" class="leftplan-center">
+            <visit-plan-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:item></visit-plan-list>
+          </div>
+          <div style="height: 50%">
+            <visit-service-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:user></visit-service-list>
+          </div>
+        </div>
+      </div>
+      <modal :show.sync="showCondtion" v-ref:modal :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-6" >
+              <label class="font_normal_body">计划名称:</label>
+              <input type="text" class="input_search" v-model="planCondition.f_plan_name"
+                     @change="setProperty('visitplan','f_plan_name',planCondition.f_plan_name)"
+                     style="width: 60%" placeholder="计划名称" />
+            </div>
+            <div class="form-group col-sm-6" >
+            <label class="font_normal_body">执&ensp;行&ensp;者:</label>
+            <v-select
+              class="select select_list"
+              :value.sync="planCondition.visiter"
+              v-model="planCondition.visiter"
+              :options='getConList("visiters")'
+              @change="setProperty('visitplan','f_receiver_id',planCondition.visiter.id)"
+              placeholder='请选择'
+              close-on-select
+              value-single
+            >
+            </v-select>
+          </div>
+<!--            <div class="form-group col-sm-6" >-->
+<!--              <label class="font_normal_body">有效开始:</label>-->
+<!--              <datepicker-->
+<!--                placeholder='执行有效时间'-->
+<!--                style="width:60%"-->
+<!--                :format="'yyyy-MM-dd HH:mm:ss'"-->
+<!--                :value.sync="planCondition.f_effective_start_time"-->
+<!--                v-model="planCondition.f_effective_start_time">-->
+<!--              </datepicker>-->
+<!--            </div>-->
+<!--            <div class="form-group col-sm-6" >-->
+<!--              <label class="font_normal_body">有效截至:</label>-->
+<!--              <datepicker-->
+<!--                placeholder='执行有效时间'-->
+<!--                style="width:60%"-->
+<!--                :format="'yyyy-MM-dd HH:mm:ss'"-->
+<!--                :value.sync="planCondition.f_effective_end_time"-->
+<!--                v-model="planCondition.f_effective_end_time">-->
+<!--              </datepicker>-->
+<!--            </div>-->
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer" style="text-align: center">
+          <button class="button_search" @click="loadCheckPlan" style="margin-right: 15px">查询</button>
+          <button class="button_search" @click="cancel">取消</button>
+        </div>
+      </modal>
+      <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">执&ensp;行&ensp;人:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="createPlan.visiter"
+                v-model="createPlan.visiter"
+                :options='visiters'
+                placeholder='请选择'
+                close-on-select
+                value-single
+                v-on:change="getvisiter"
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">有效起始:</label>
+              <datepicker
+                placeholder='有效起始时间'
+                style="width:60%"
+                :format="'yyyy-MM-dd HH:mm:ss'"
+                :value.sync="createPlan.f_effective_start_time"
+                v-model="createPlan.f_effective_start_time">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">有效结束:</label>
+              <datepicker
+                placeholder='有效结束时间'
+                style="width:60%"
+                :format="'yyyy-MM-dd HH:mm:ss'"
+                :value.sync="createPlan.f_effective_end_time"
+                v-model="createPlan.f_effective_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="cancel">取消</button>
+        </div>
+      </modal>
+      <modal :show.sync="showUpPlan" v-ref:modal2 :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="upCheckPlan.f_plan_name"
+                     style="width: 60%"  />
+            </div>
+
+            <div class="form-group col-sm-4">
+              <label class="font_normal_body">执&ensp;行&ensp;者:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="upCheckPlan.visiter"
+                v-model="upCheckPlan.visiter"
+                :options='visiters'
+                close-on-select
+                value-single
+                v-on:change="upgetvisiter"
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">有效起始:</label>
+              <datepicker
+                placeholder='有效起始时间'
+                style="width:60%"
+                :format="'yyyy-MM-dd HH:mm:ss'"
+                :value.sync="upCheckPlan.f_effective_start_time"
+                v-model="upCheckPlan.f_effective_start_time">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-4" >
+            <label class="font_normal_body">有效截至:</label>
+            <datepicker
+              placeholder='有效结束时间'
+              style="width:60%"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              :value.sync="upCheckPlan.f_effective_end_time"
+              v-model="upCheckPlan.f_effective_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="upPlan()">保存修改</button>
+          <button class="button_search" @click="cancel">取消</button>
+        </div>
+      </modal>
+    </div>
+</template>
+
+<script>
+    import {SearchList,HttpResetClass, PagedList} from "vue-client";
+    import Vue from "vue";
+    import * as Util from '../../../components/Util'
+
+    export default {
+        name: "PlanManage",
+        title: '计划管理',
+        data() {
+          return {
+            opt:[{label:"按时间降序",value:"按时间降序"},{label:"按时间升序",value:"按时间升序"}],
+            currentorder:'按时间降序',
+            visitplan : new SearchList(true),
+            selectPlan:{id:''},
+            upCheckPlan:{
+              f_plan_name:'',
+              f_receiver:'',
+              f_receiver_id:'',
+              f_remark:'',
+              f_effective_start_time:'',
+              f_effective_end_time:'',
+              visiter:''
+            },
+            isSend:false,
+            createPlan:{
+              f_plan_name:'',
+              f_receiver:'',
+              f_receiver_id:'',
+              f_operator:this.$login.f.name,
+              f_created_date:'',
+              f_filialeid:this.$login.f.orgid,
+              f_subcompany:this.$login.f.orgs,
+              f_remark:null,
+              f_effective_start_time:'',
+              f_effective_end_time:'',
+              visiter:''
+            },
+            planCondition:{
+              f_receiver_id:'',
+              f_plan_name:''
+            },
+            showCondtion:false,
+            showCreatePlan:false,
+            showUpPlan:false,
+            visiters:[],
+            checkertCon:[],
+            userlogin:{
+              id:this.$login.f.id,
+              name:this.$login.f.name,
+              orgid:this.$login.f.orgid,
+              orgstr:this.$login.f.orgs,
+            }
+          }
+        },
+      ready(){
+        this.searchVisiter(this.userlogin.id)
+        // await this.loadpage()
+      },
+      computed: {
+        },
+      methods:{
+        upgetvisiter(val){
+          if(val){
+            this.upCheckPlan.f_receiver = val.name
+            this.upCheckPlan.f_receiver_id = val.id
+          }
+        },
+        getvisiter(val){
+          if(val){
+            this.createPlan.f_receiver = val.name
+            this.createPlan.f_receiver_id = val.id
+          }
+
+        },
+        async loadpage(){
+          await this.loadCheckPlan()
+          await this.searchChecker(this.userlogin.id)
+        },
+        getRes(obj) {
+          console.log("----obj"+JSON.stringify(obj.resids))
+          console.log(obj)
+          if(obj.resids.length>0 && obj.resids[0]!=this.userlogin.orgid && obj.resids[0]){
+            this.userlogin.orgid=obj.resids[0]
+            this.userlogin.orgstr=obj.res[0]
+            if(this.$refs.item && this.$refs.user){
+              this.loadpage()
+              this.selectPlan={id:""}
+              this.$refs.item.model.rows=[]
+              this.$refs.user.model.rows=[]
+              this.$refs.user.loadpage()
+            }
+          }
+        },
+        getConList(field){
+          return [{label:'全部',value:''}, ...this[field]]
+        },
+        selectPlanChange(plan){
+          this.selectPlan=plan
+          //this.upCheckPlan=plan
+        },
+        showUserCondition(){
+          this.showCondtion=true
+        },
+        showcCreatePlan(){
+          this.showCreatePlan=true
+        },
+        cancel(){
+          this.showCondtion=false
+          this.showCreatePlan=false
+          this.showUpPlan=false
+        },
+        //新建计划
+        async addNewPlan() {
+          this.createPlan.f_create_time=Util.toStandardTimeString()
+          await new HttpResetClass().load('POST',"/rs/logic/createVisitPlan", {"data": this.createPlan},{resolveMsg : '新建计划成功！', rejectMsg : '新建计划失败！'})
+          this.createPlan={
+              f_plan_name:'',
+              f_receiver:'',
+              f_receiver_id:'',
+              f_operator:this.userlogin.name,
+              f_created_date:'',
+              f_filialeid:this.userlogin.orgid,
+              f_subcompany:this.userlogin.orgstr,
+              f_remark:null,
+              f_effective_start_time:'',
+              f_effective_end_time:''
+          }
+          await this.loadCheckPlan()
+          this.isSend=false
+        },
+        //查询客服
+        async searchVisiter(id){
+          let res=await new HttpResetClass().load('POST', '/rs/search', {
+            source: 'tool.getChildrenOfResName($客服$)',
+            userid: id
+          }, {resolveMsg: null, rejectMsg: null})
+          this.visiters=[]
+          res.data.forEach((resRow) => {
+            if(resRow.orgid==this.userlogin.orgid){
+              var oned = {id:resRow.id,name:resRow.name}
+              this.visiters.push({label:resRow.name,value:oned})
+            }
+          })
+        },
+        //设置属性值
+        setProperty(modulename, property, value) {
+          console.log(modulename+"新添--"+property+"--"+value)
+          if(value=='全部'){
+            this[modulename].search.setField(property, '')
+          }else{
+            this[modulename].search.setField(property, value)
+          }
+        },
+        //按条件查询所有安检计划
+        async loadCheckPlan() {
+          this.isSend=true
+          let fieldValue=''
+          switch(this.currentorder){
+            case "按时间降序":
+              fieldValue='f_created_date desc'
+              break
+            case "按时间升序":
+              fieldValue='f_created_date'
+              break
+          }
+          this.cancel()
+          await this.visitplan.searchList("/rs/sql/getvisitplan",
+            {"f_plan_name": "f_plan_name like '%{}%'",
+              "f_receiver_id":"f_receiver_id={}"
+            },
+            {orderitem:fieldValue,
+              f_filialeids:"('"+this.userlogin.orgid+"')"
+            }
+          )
+
+          this.isSend=false
+        },
+        //加载更多数据
+        async loadMore(modelname) {
+          this.isSend=true
+          await this[modelname].list.loadMore()
+          this.isSend=false
+        },
+        showUpPlans(row){
+          this.upCheckPlan.id=row.id
+          this.upCheckPlan.f_plan_name=row.f_plan_name
+          this.upCheckPlan.f_receiver_id=row.f_receiver_id
+          this.upCheckPlan.f_receiver=row.f_receiver
+          this.upCheckPlan.visiter={id:row.f_receiver_id,name:row.f_receiver}
+          this.upCheckPlan.f_effective_start_time=row.f_effective_start_time
+          this.upCheckPlan.f_effective_end_time=row.f_effective_end_time
+          this.showUpPlan=true
+        },
+        async upPlan(){
+          this.isSend=true
+          let res=await new HttpResetClass().load("POST", "/rs/logic/UpdateVisitPlan", {
+            data:{
+              f_plan_name:this.upCheckPlan.f_plan_name,
+              f_receiver_id:this.upCheckPlan.f_receiver_id,
+              f_receiver:this.upCheckPlan.f_receiver,
+              f_effective_start_time:this.upCheckPlan.f_effective_start_time,
+              f_effective_end_time:this.upCheckPlan.f_effective_end_time,
+              f_plan_id:this.upCheckPlan.id
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          if(res.data.code==200){
+            this.$showMessage("修改成功！")
+            this.cancel()
+            await this.loadCheckPlan()
+          }else{
+            this.$showMessage("修改失败！")
+          }
+          this.isSend=false
+        },
+        //下发安检计划
+        async sendCheckPlan(f){
+          if(this.checkplan.check.checkes.length<1){
+            this.$showMessage("请选择要下发的安检计划")
+            return
+          }
+          this.isSend=true
+          let res=await new HttpResetClass().load("POST", "/rs/logic/NewBespeakCheckPlan", {
+            data:{
+              f_issued:'是',
+              f_issue_time:Util.toStandardTimeString(),
+              f_send_operator:this.userlogin.name,
+              param:this.checkplan.check.checkes,
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          if(res.data.code==200){
+            //Vue.showMessage("下发成功！其中有"+res.data.repet+"个计划己经是下发状态")
+            this.$showMessage("下发成功！")
+          }else{
+            this.$showMessage("下发失败！")
+          }
+          await this.loadCheckPlan()
+          this.isSend=false
+        },
+        //删除安检计划
+        async delCheckPlan(f){
+          if(this.checkplan.check.checkes.length<1){
+            this.$showMessage("请选择要删除的安检计划")
+            return
+          }
+          this.isSend=true
+          let res=await new HttpResetClass().load("POST", "/rs/logic/deleteCheckPlan", {
+            data:{
+              f_operator:this.userlogin.orgstr,//global.login.name,
+              condition:"",
+              switchCheckAll:true,
+              checkAll:false,
+              param:this.checkplan.check.checkes,
+              columnName: "f_plan_id"
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          console.log(JSON.stringify(res))
+          if(res.data.code==200){
+            this.$showMessage("删除成功！")
+          }else{
+            this.$showMessage("删除失败！")
+          }
+          if(this.checkplan.check.checkes.indexOf(this.selectPlan.id)!= -1){
+            this.selectPlan={id:''}
+            console.log("包含了清空selectplan")
+          }
+          await this.loadCheckPlan()
+          this.isSend=false
+        },
+        async refresh(){
+          this.$refs.item.$refs.paged.$refs.criteria.search()
+          this.$refs.user.$refs.paged.$refs.criteria.search()
+          await this.loadCheckPlan()
+        },
+        async refreshPlan(){
+          this.$refs.item.$refs.paged.$refs.criteria.search()
+          await this.loadCheckPlan()
+        }
+      }
+    }
+</script>
+
+<style scoped>
+.safe-planfont{
+  font-family: MicrosoftYaHei;
+  font-size: 15px;
+  font-weight: normal;
+  font-stretch: normal;
+  letter-spacing: 2px;
+  color: #333333;
+  line-height: 25px;
+}
+  .safe-bodyfont{
+    font-family: MicrosoftYaHei;
+    font-size: 14px;
+    font-weight: normal;
+    font-stretch: normal;
+    letter-spacing: 0px;
+    color: #999999;
+    line-height: 30px;
+  }
+  .safe-leftplan{
+    height:auto;
+    border-bottom:1px solid #ececec;
+    padding: 10px 5px
+  }
+  .leftplan-center{
+    border-top:1px solid #ececec;
+    border-bottom:1px solid #ececec;
+  }
+  .safe_p{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .safe-div-p{
+    color: #4792de;
+    text-align: end;
+    padding: 8px 15px;
+  }
+  .safe_list_li:hover{
+    background-color: rgb(245,246,247);
+  }
+  .safe-selectplan{
+    pointer-events: none;
+    background-color: rgb(216,234,251);
+  }
+  .safe_plan_list{
+    height: 80%;
+    overflow: scroll;
+  }
+
+</style>
+<style>
+  .safe_plan_list::-webkit-scrollbar{
+    background-color: #F5F5F5;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  .safe_plan_list::-webkit-scrollbar-track{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滑块 内阴影+圆角*/
+  .safe_plan_list::-webkit-scrollbar-thumb{
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #F5F5F5;
+  }
+</style>