safecheck-client 4.0.1-86 → 4.0.1-89

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

@@ -1,927 +1,927 @@
-<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="../../../../static/images/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="refresh()" style="cursor:default">测试</span>--><span style="margin-right: 5px" @click="delCheckPlan()" style="cursor:default" v-if="isdelete">删除</span> <span @click="sendCheckPlan()" 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 checkplan.list.data" @click="selectPlanChange(row)">
-            <table style="width:100%;table-layout:fixed" >
-              <tr class="safe-planfont">
-                <td rowspan="6"><input type="checkbox" style="pointer-events:auto" v-show="row.plan_count==0 || row.f_issued=='未下发'"  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="../../../../static/images/edit.png"/></td>
-              </tr>
-              <tr class="safe-bodyfont" style="color:#4792de">
-                <td colspan="6">{{row.f_issued}}</td>
-                <td colspan="2" class="safe_p">{{row.f_checker?row.f_checker:'共享'}}</td>
-              </tr>
-              <tr class="safe-bodyfont">
-                <td colspan="4">{{row.f_plan_year}}-{{row.f_plan_month}}</td>
-                <td colspan="2">总 :</td>
-                <td colspan="2">{{row.plan_count}}</td>
-              </tr>
-              <tr class="safe-bodyfont">
-                <td colspan="2">未检 :</td>
-                <td colspan="2">{{row.unchecked}}</td>
-                <td colspan="2">已检 :</td>
-                <td colspan="2">{{row.checked}}</td>
-              </tr>
-              <tr class="safe-bodyfont" v-if="row.f_create_time">
-                <td colspan="3">创建时间 :</td>
-                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_create_time">{{row.f_create_time}}</td>
-              </tr>
-<!--              <tr class="safe-bodyfont" v-if="row.f_safecheck_type">-->
-<!--                <td colspan="3">安检类型 :</td>-->
-<!--                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_safecheck_type">{{row.f_safecheck_type}}</td>-->
-<!--              </tr>-->
-              <tr class="safe-bodyfont">
-                <td colspan="3">计划备注 :</td>
-                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_remark">{{row.f_remark}}</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>共{{checkplan.list.count}}条</span>
-            </div>
-            <div class="col-sm-6" style="text-align: end">
-              <span @click="loadMore('checkplan')"><img src="../../../../static/images/doubledown.png"/>&ensp;更多</span>
-            </div>
-          </div>
-          <div class="row auto" style="padding: 10px;text-align: center">
-            <img src="../../../../static/images/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">
-            <check-plan-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:item></check-plan-list>
-          </div>
-          <div style="height: 50%">
-            <check-user-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:user></check-user-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-4" >
-              <label class="font_normal_body">计划名称:</label>
-              <input type="text" class="input_search" v-model="planCondition.f_plan_name"  @change="setProperty('checkplan','f_plan_name',planCondition.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="planCondition.f_plan_year"
-                v-model="planCondition.f_plan_year"
-                @change="setProperty('checkplan','f_plan_year',planCondition.f_plan_year)"
-                :search="false"
-                :options='getConList("yearList")'
-                placeholder='请选择'
-                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="planCondition.f_plan_month"
-                v-model="planCondition.f_plan_month"
-                @change="setProperty('checkplan','f_plan_month',planCondition.f_plan_month)"
-                :search="false"
-                :options='getConList("monthList")'
-                placeholder='请选择'
-                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="planCondition.isShare"
-                v-model="planCondition.isShare"
-                @change="setProperty('checkplan','isAndNot',planCondition.isShare)"
-                :options='getConList("conIsAndNot")'
-                :search="false"
-                placeholder='请选择'
-                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="planCondition.issued"
-                v-model="planCondition.issued"
-                :options='getConList("isAndNot")'
-                @change="setProperty('checkplan','issude',planCondition.issued)"
-                placeholder='请选择'
-                :search="false"
-                close-on-select
-                value-single
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" >
-            <label class="font_normal_body">安&ensp;检&ensp;员:</label>
-            <v-select
-              class="select select_list"
-              :value.sync="planCondition.f_checker"
-              v-model="planCondition.f_checker"
-              @change="setProperty('checkplan','checkerid',planCondition.f_checker.id)"
-              :options='getConList("checker")'
-              placeholder='请选择'
-              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="planCondition.f_safecheck_type"
-                v-model="planCondition.f_safecheck_type"
-                @change="setProperty('checkplan','safechecktype',planCondition.f_safecheck_type)"
-                :options='getConList("safechecktype")'
-                placeholder='请选择'
-                :search="false"
-                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="planCondition.f_department_name"
-                v-model="planCondition.f_department_name"
-                @change="setProperty('checkplan','f_department_name',planCondition.f_department_name)"
-                :options='getConList("departmentname")'
-                placeholder='请选择'
-                close-on-select
-                value-single
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" >
-              <label class="font_normal_body">创&ensp;建&ensp;人:</label>
-              <input type="text" class="input_search" v-model="planCondition.f_create_operator"  @change="setProperty('checkplan','f_create_operator',planCondition.f_create_operator)"
-                     style="width: 60%" placeholder="创建人" />
-            </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">计划年份:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="createPlan.f_plan_year"
-                v-model="createPlan.f_plan_year"
-                :search="false"
-                :options='yearList'
-                placeholder='请选择'
-                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'
-                placeholder='请选择'
-                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=='是' && ismulchecker">
-              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="createPlan.checkers"
-                v-model="createPlan.checkers"
-                :options='checker'
-                placeholder='请选择'
-                :multiple="true"
-              >
-              </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'
-                placeholder='请选择'
-                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_safecheck_type"
-                v-model="createPlan.f_safecheck_type"
-                :search="false"
-                :options='ntoway'
-                placeholder='请选择'
-                close-on-select
-                value-single
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-12" >
-              <label class="font_normal_body">计划备注:</label>
-              <input type="text" class="input_search" v-model="createPlan.f_remark"
-                     style="width: 60%" placeholder="请输入备注" />
-            </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">计划年份:</label>
-           <v-select
-                class="select select_list"
-                :value.sync="upCheckPlan.f_plan_year"
-                v-model="upCheckPlan.f_plan_year"
-                :search="false"
-                :value="upCheckPlan.f_plan_year"
-                :options='yearList'
-                :disabled="true"
-                close-on-select
-                value-single>
-
-
-              </v-select>
-<!--              <datepicker
-                placeholder='请选择'
-                style="width:60%"
-                :disabled-days-of-week="[]"
-                :format="'yyyy'"
-                :show-rest-button="reset"
-                :value.sync="upCheckPlan.f_plan_year"
-                v-model="upCheckPlan.f_plan_year">
-              </datepicker>-->
-            </div>
-            <div class="form-group col-sm-4" >
-              <label class="font_normal_body">计划月份:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="upCheckPlan.f_plan_month"
-                v-model="upCheckPlan.f_plan_month"
-                :disabled="true"
-                :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="upCheckPlan.isShare"
-                v-model="upCheckPlan.isShare"
-                :options='isAndNot'
-                placeholder='请选择'
-                :disabled="true"
-                close-on-select
-                value-single
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" v-show="upCheckPlan.isShare=='是' && ismulchecker">
-              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="upCheckPlan.checkers"
-                v-model="upCheckPlan.checkers"
-                :options='checker'
-                placeholder='请选择'
-                :multiple="true"
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-4" v-show="upCheckPlan.isShare=='否'">
-              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
-              <v-select
-                class="select select_list"
-                :value.sync="upCheckPlan.checker"
-                v-model="upCheckPlan.checker"
-                :options='checker'
-                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="upCheckPlan.f_safecheck_type"
-                v-model="upCheckPlan.f_safecheck_type"
-                :options='ntoway'
-                close-on-select
-                :disabled="true"
-                value-single
-              >
-              </v-select>
-            </div>
-            <div class="form-group col-sm-12" >
-              <label class="font_normal_body">计划备注:</label>
-              <input type="text" class="input_search" v-model="upCheckPlan.f_remark"
-                     style="width: 60%" placeholder="请输入备注" />
-            </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 * as Util from "../../../components/Util";
-    import Vue from "vue";
-    import AppData from "../../../../src/stores/AppData";
-
-    export default {
-        name: "PlanManage",
-        title: '计划管理',
-        data() {
-          return {
-            ismulchecker:this.$appdata.getSingleValue('计划安检员多选')?true:false,
-            a:'1',
-            opt:[{label:"按时间降序",value:"按时间降序"},{label:"按时间升序",value:"按时间升序"}],
-            currentorder:'按时间降序',
-            isdelete:this.$login.r ? this.$login.r.includes("安检计划删除"):false,
-            checkplan : new SearchList(true),
-            selectPlan:{id:''},
-            upCheckPlan:{
-              f_plan_name:'',
-              f_safecheck_type:'',
-              f_plan_year:'',
-              f_plan_month:'',
-              f_checker_id:'',
-              isShare:'',
-              f_checker:'',
-              f_checkerstr:'',
-              checker:{},
-              checkers:[],
-              f_remark:''
-            },
-            isSend:false,
-            createPlan:{
-              f_plan_name:'',
-              f_plan_year:'',
-              f_plan_month:'',
-              isShare:'否',
-              f_issued:'否',
-              f_checker_id:null,
-              checker:{},
-              checkers:[],
-              f_checker:null,
-              f_checkerstr:null,
-              f_safecheck_type:'',
-              f_remark:''
-            },
-            planCondition:{},
-            showCondtion:false,
-            showCreatePlan:false,
-            showUpPlan:false,
-            isAndNot:[{label:'是',value:'是'},{label:'否',value:'否'}],
-            conIsAndNot:[{label:'是',value:'is null'},{label:'否',value:'is not null'}],
-            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}],
-            safechecktype:[{label:'年度普检',value:'年度普检'}],
-            departmentname:this.$appdata.getParam('安检部门'),
-            checker:[],
-            checkertCon:[],
-            userlogin:{
-              id:this.$login.f.id,
-              name:this.$login.f.name,
-              orgid:this.$login.f.orgid,
-              orgstr:this.$login.f.orgs,
-            }
-            //需要测试直接把下面放开即可
-            /*userlogin:{
-              id:'141701',
-              name:'hwq',
-              orgid:'35526',
-              orgstr:'西华县天然气有限公司'
-            }*/
-          }
-        },
-      async ready(){
-        document.addEventListener('keydown', this.handleEnter, true);
-        await this.loadpage()
-        if (!this.userlogin.orgid){
-          if (this.$login.f.f_orgids){
-            this.userlogin.orgid = this.$login.f.f_orgids.endsWith('.')?this.$login.f.f_orgids.substring(0,this.$login.f.f_orgids.length-1):this.$login.f.f_orgids
-          }else {
-            this.userlogin.orgid = ''
-          }
-        }
-      },
-   computed: {
-        ntoway() {
-         /*/!* return AppData.getParam('安检类型')*!/*/
-          return this.$appdata.getParam('安检类型')
-        }
-        },
-      methods:{
-        handleEnter(e) {
-          if (e.key === 'Enter') {
-            this.$refs.user.$refs.paged.$refs.criteria.search()
-          }
-        },
-      /*  ntoway() {
-          /!* return AppData.getParam('安检类型')*!/
-          return Vue.$appdata.getParam('安检类型')
-        },*/
-        async loadpage(){
-          //await this.checkplan.searchList("/api/af-safecheck/sql/预约计划下发", {},{groupitem:"",f_filialeids:"('"+this.userlogin.orgid+"')",orderitem:"f_create_time desc"})
-          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
-          this.createPlan.f_plan_year=new Date().getFullYear()
-          this.createPlan.f_safecheck_type='年度普检'
-        },
-        cancel(){
-          this.showCondtion=false
-          this.showCreatePlan=false
-          this.showUpPlan=false
-        },
-        //新建计划
-        async addNewPlan() {
-          if(!this.validationCreatePlan()){
-            return
-          }
-          this.isSend=true
-          let res=await new HttpResetClass().load("POST","/api/af-safecheck/sql/getCheckplan", {data: {condition:"f_plan_name='"+this.createPlan.f_plan_name+"'",sortfield:'f_create_time desc'}})
-          console.log("结果-"+res.data.length)
-          if(res.data.length>0){
-            Vue.showMessage("计划名称不能重复！")
-            this.isSend=false
-            return
-          }
-          if(this.createPlan.isShare=="是"){
-              if(this.ismulchecker && this.createPlan.checkers.length > 0){
-                this.createPlan.checkers.forEach((value) => {
-                  this.createPlan.f_checkerstr += `${value.name},`
-                })
-                this.createPlan.f_checkerstr = this.createPlan.f_checkerstr.slice(0, -1)
-              }
-            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
-          }
-          console.log("this.createPlan.f_checker:"+this.createPlan.f_checker)
-          this.createPlan.f_plan_type='预约计划'
-          this.createPlan.f_subcompany=this.userlogin.orgstr
-          this.createPlan.f_filialeid=this.userlogin.orgid
-          this.createPlan.f_create_operator=this.userlogin.name
-          this.createPlan.f_create_time=Util.toStandardTimeString()
-          await new HttpResetClass().load('POST',"/api/af-safecheck/logic/createCheckPlan", {"data": this.createPlan},{resolveMsg : '新建计划成功！', rejectMsg : '新建计划失败！'})
-          //await this.loadCheckPlan('',()=>{})
-          this.createPlan={
-            f_plan_name:'',
-              f_plan_year:'',
-              f_plan_month:'',
-              isShare:'否',
-              f_issued:'否',
-              f_checker_id:null,
-              checker:{},
-              checkers:[],
-              f_checker:null,
-              f_checkerstr:null,
-              f_safecheck_type:'',
-              f_create_operator:''
-          }
-          await this.loadCheckPlan()
-          this.isSend=false
-
-        },
-        validationCreatePlan(){
-          if(!this.createPlan.f_plan_name){
-            Vue.showMessage("请输入安检计划名称！")
-            return false
-          }
-          if(!this.createPlan.f_plan_year){
-            Vue.showMessage("请选择安检年份！")
-            return false
-          }
-          if(!this.createPlan.f_plan_month){
-            Vue.showMessage("请选择安检月份！")
-            return false
-          }
-          if(this.createPlan.isShare=="否"){
-            if(JSON.stringify(this.createPlan.checker)=='{}'){
-              Vue.showMessage("请选择安检人员！")
-              return false
-            }
-          }else{
-            this.createPlan.f_checker=''
-          }
-          if(!this.createPlan.f_safecheck_type){
-            Vue.showMessage("请选择安检类型！")
-            return false
-          }
-          return true
-        },
-        //查询安检员selectChanged
-        async searchChecker(){
-          console.log(this.$login.f.orgid)
-          debugger
-          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})
-          })
-        },
-        //设置属性值
-        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
-          this.checkplan.check.checkescheckes=[]
-          let fieldValue=''
-          switch(this.currentorder){
-            case "按时间降序":
-              fieldValue='f_create_time desc'
-              break
-            case "按时间升序":
-              fieldValue='f_create_time'
-              break
-          }
-          console.log("--------fieldValue"+fieldValue)
-          this.cancel()
-          await this.checkplan.searchList("/api/af-safecheck/sql/预约计划下发",
-            {"f_plan_name": "f_plan_name like '%{}%'",
-              "f_plan_year":"f_plan_year={}",
-              "f_plan_month":"f_plan_month={}",
-              "checkerid":"f_checker_id='{}'",
-              "isAndNot":"f_checker {}",
-              "safechecktype":"f_safecheck_type='{}'",
-              "issude":"f_issued = '{}'",
-              "f_create_operator": "f_create_operator like '%{}%'",
-              "f_department_name": "f_department_name = '{}'",
-            },
-            {orderitem:fieldValue,
-              f_filialeids:"('"+this.userlogin.orgid+"')",
-              groupitem:""
-            }
-          )
-
-          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_safecheck_type=row.f_safecheck_type
-          this.upCheckPlan.f_plan_name=row.f_plan_name
-          this.upCheckPlan.f_plan_year=row.f_plan_year
-          this.upCheckPlan.f_plan_month=row.f_plan_month
-          this.upCheckPlan.f_checker_id=row.f_checker_id?row.f_checker_id:null
-          this.upCheckPlan.f_checker=row.f_checker?row.f_checker:null
-          this.upCheckPlan.isShare=row.f_checker_id?'否':'是'
-          this.upCheckPlan.f_issued=row.f_issued
-          this.upCheckPlan.f_remark=row.f_remark
-          this.upCheckPlan.checker={id:row.f_checker_id,name:row.f_checker}
-          this.showUpPlan=true
-        },
-        async upPlan(){
-          if(!this.upCheckPlan.f_plan_name){
-            Vue.showMessage("请输入安检计划名称！")
-            return false
-          }
-          if(!this.upCheckPlan.f_plan_year){
-            Vue.showMessage("请选择安检年份！")
-            return false
-          }
-          if(!this.upCheckPlan.f_plan_month){
-            Vue.showMessage("请选择安检月份！")
-            return false
-          }
-          console.log(this.upCheckPlan)
-
-          if(this.upCheckPlan.isShare=="是"){
-            if(this.ismulchecker && this.upCheckPlan.checkers.length > 0){
-              this.upCheckPlan.checkers.forEach((value) => {
-                this.upCheckPlan.f_checkerstr += `${value.name},`
-              })
-              this.upCheckPlan.f_checkerstr = this.upCheckPlan.f_checkerstr.slice(0, -1)
-            }
-            this.upCheckPlan.f_checker_id=null
-            this.upCheckPlan.f_checker=null
-          }else{
-            this.upCheckPlan.f_checker_id=this.upCheckPlan.checker.id
-            this.upCheckPlan.f_checker=this.upCheckPlan.checker.name
-          }
-          this.isSend=true
-          let res=await new HttpResetClass().load("POST", "/api/af-safecheck/logic/updateCheckPlan", {
-            data:{
-              checkers:this.createPlan.checkers,
-              f_checkerstr:this.createPlan.f_checkerstr,
-              f_checker:this.upCheckPlan.f_checker,
-              f_safecheck_type:this.upCheckPlan.f_safecheck_type,
-              f_checker_id:this.upCheckPlan.f_checker_id,
-              f_plan_name:this.upCheckPlan.f_plan_name,
-              f_plan_year:this.upCheckPlan.f_plan_year,
-              f_plan_month:this.upCheckPlan.f_plan_month,
-              f_plan_id:this.upCheckPlan.id,
-              issued:'否',
-              f_remark:this.upCheckPlan.f_remark,
-            }
-          }, {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", "/api/af-safecheck/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", "/api/af-safecheck/logic/deleteCheckPlan", {
-            data:{
-              f_operator:this.userlogin.name,//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="../../../../static/images/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="refresh()" style="cursor:default">测试</span>--><span style="margin-right: 5px" @click="delCheckPlan()" style="cursor:default" v-if="isdelete">删除</span> <span @click="sendCheckPlan()" 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 checkplan.list.data" @click="selectPlanChange(row)">
+            <table style="width:100%;table-layout:fixed" >
+              <tr class="safe-planfont">
+                <td rowspan="6"><input type="checkbox" style="pointer-events:auto" v-show="row.plan_count==0 || row.f_issued=='未下发'"  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="../../../../static/images/edit.png"/></td>
+              </tr>
+              <tr class="safe-bodyfont" style="color:#4792de">
+                <td colspan="6">{{row.f_issued}}</td>
+                <td colspan="2" class="safe_p">{{row.f_checker?row.f_checker:'共享'}}</td>
+              </tr>
+              <tr class="safe-bodyfont">
+                <td colspan="4">{{row.f_plan_year}}-{{row.f_plan_month}}</td>
+                <td colspan="2">总 :</td>
+                <td colspan="2">{{row.plan_count}}</td>
+              </tr>
+              <tr class="safe-bodyfont">
+                <td colspan="2">未检 :</td>
+                <td colspan="2">{{row.unchecked}}</td>
+                <td colspan="2">已检 :</td>
+                <td colspan="2">{{row.checked}}</td>
+              </tr>
+              <tr class="safe-bodyfont" v-if="row.f_create_time">
+                <td colspan="3">创建时间 :</td>
+                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_create_time">{{row.f_create_time}}</td>
+              </tr>
+<!--              <tr class="safe-bodyfont" v-if="row.f_safecheck_type">-->
+<!--                <td colspan="3">安检类型 :</td>-->
+<!--                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_safecheck_type">{{row.f_safecheck_type}}</td>-->
+<!--              </tr>-->
+              <tr class="safe-bodyfont">
+                <td colspan="3">计划备注 :</td>
+                <td colspan="5" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" :title="row.f_remark">{{row.f_remark}}</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>共{{checkplan.list.count}}条</span>
+            </div>
+            <div class="col-sm-6" style="text-align: end">
+              <span @click="loadMore('checkplan')"><img src="../../../../static/images/doubledown.png"/>&ensp;更多</span>
+            </div>
+          </div>
+          <div class="row auto" style="padding: 10px;text-align: center">
+            <img src="../../../../static/images/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">
+            <check-plan-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:item></check-plan-list>
+          </div>
+          <div style="height: 50%">
+            <check-user-list :selectplan="selectPlan" :userlogin="userlogin" v-ref:user></check-user-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-4" >
+              <label class="font_normal_body">计划名称:</label>
+              <input type="text" class="input_search" v-model="planCondition.f_plan_name"  @change="setProperty('checkplan','f_plan_name',planCondition.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="planCondition.f_plan_year"
+                v-model="planCondition.f_plan_year"
+                @change="setProperty('checkplan','f_plan_year',planCondition.f_plan_year)"
+                :search="false"
+                :options='getConList("yearList")'
+                placeholder='请选择'
+                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="planCondition.f_plan_month"
+                v-model="planCondition.f_plan_month"
+                @change="setProperty('checkplan','f_plan_month',planCondition.f_plan_month)"
+                :search="false"
+                :options='getConList("monthList")'
+                placeholder='请选择'
+                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="planCondition.isShare"
+                v-model="planCondition.isShare"
+                @change="setProperty('checkplan','isAndNot',planCondition.isShare)"
+                :options='getConList("conIsAndNot")'
+                :search="false"
+                placeholder='请选择'
+                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="planCondition.issued"
+                v-model="planCondition.issued"
+                :options='getConList("isAndNot")'
+                @change="setProperty('checkplan','issude',planCondition.issued)"
+                placeholder='请选择'
+                :search="false"
+                close-on-select
+                value-single
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" >
+            <label class="font_normal_body">安&ensp;检&ensp;员:</label>
+            <v-select
+              class="select select_list"
+              :value.sync="planCondition.f_checker"
+              v-model="planCondition.f_checker"
+              @change="setProperty('checkplan','checkerid',planCondition.f_checker.id)"
+              :options='getConList("checker")'
+              placeholder='请选择'
+              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="planCondition.f_safecheck_type"
+                v-model="planCondition.f_safecheck_type"
+                @change="setProperty('checkplan','safechecktype',planCondition.f_safecheck_type)"
+                :options='getConList("safechecktype")'
+                placeholder='请选择'
+                :search="false"
+                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="planCondition.f_department_name"
+                v-model="planCondition.f_department_name"
+                @change="setProperty('checkplan','f_department_name',planCondition.f_department_name)"
+                :options='getConList("departmentname")'
+                placeholder='请选择'
+                close-on-select
+                value-single
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">创&ensp;建&ensp;人:</label>
+              <input type="text" class="input_search" v-model="planCondition.f_create_operator"  @change="setProperty('checkplan','f_create_operator',planCondition.f_create_operator)"
+                     style="width: 60%" placeholder="创建人" />
+            </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">计划年份:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="createPlan.f_plan_year"
+                v-model="createPlan.f_plan_year"
+                :search="false"
+                :options='yearList'
+                placeholder='请选择'
+                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'
+                placeholder='请选择'
+                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=='是' && ismulchecker">
+              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="createPlan.checkers"
+                v-model="createPlan.checkers"
+                :options='checker'
+                placeholder='请选择'
+                :multiple="true"
+              >
+              </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'
+                placeholder='请选择'
+                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_safecheck_type"
+                v-model="createPlan.f_safecheck_type"
+                :search="false"
+                :options='ntoway'
+                placeholder='请选择'
+                close-on-select
+                value-single
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-12" >
+              <label class="font_normal_body">计划备注:</label>
+              <input type="text" class="input_search" v-model="createPlan.f_remark"
+                     style="width: 60%" placeholder="请输入备注" />
+            </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">计划年份:</label>
+           <v-select
+                class="select select_list"
+                :value.sync="upCheckPlan.f_plan_year"
+                v-model="upCheckPlan.f_plan_year"
+                :search="false"
+                :value="upCheckPlan.f_plan_year"
+                :options='yearList'
+                :disabled="true"
+                close-on-select
+                value-single>
+
+
+              </v-select>
+<!--              <datepicker
+                placeholder='请选择'
+                style="width:60%"
+                :disabled-days-of-week="[]"
+                :format="'yyyy'"
+                :show-rest-button="reset"
+                :value.sync="upCheckPlan.f_plan_year"
+                v-model="upCheckPlan.f_plan_year">
+              </datepicker>-->
+            </div>
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">计划月份:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="upCheckPlan.f_plan_month"
+                v-model="upCheckPlan.f_plan_month"
+                :disabled="true"
+                :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="upCheckPlan.isShare"
+                v-model="upCheckPlan.isShare"
+                :options='isAndNot'
+                placeholder='请选择'
+                :disabled="true"
+                close-on-select
+                value-single
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" v-show="upCheckPlan.isShare=='是' && ismulchecker">
+              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="upCheckPlan.checkers"
+                v-model="upCheckPlan.checkers"
+                :options='checker'
+                placeholder='请选择'
+                :multiple="true"
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-4" v-show="upCheckPlan.isShare=='否'">
+              <label class="font_normal_body">安&ensp;检&ensp;员:</label>
+              <v-select
+                class="select select_list"
+                :value.sync="upCheckPlan.checker"
+                v-model="upCheckPlan.checker"
+                :options='checker'
+                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="upCheckPlan.f_safecheck_type"
+                v-model="upCheckPlan.f_safecheck_type"
+                :options='ntoway'
+                close-on-select
+                :disabled="true"
+                value-single
+              >
+              </v-select>
+            </div>
+            <div class="form-group col-sm-12" >
+              <label class="font_normal_body">计划备注:</label>
+              <input type="text" class="input_search" v-model="upCheckPlan.f_remark"
+                     style="width: 60%" placeholder="请输入备注" />
+            </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 * as Util from "../../../components/Util";
+    import Vue from "vue";
+    import AppData from "../../../../src/stores/AppData";
+
+    export default {
+        name: "PlanManage",
+        title: '计划管理',
+        data() {
+          return {
+            ismulchecker:this.$appdata.getSingleValue('计划安检员多选')?true:false,
+            a:'1',
+            opt:[{label:"按时间降序",value:"按时间降序"},{label:"按时间升序",value:"按时间升序"}],
+            currentorder:'按时间降序',
+            isdelete:this.$login.r ? this.$login.r.includes("安检计划删除"):false,
+            checkplan : new SearchList(true),
+            selectPlan:{id:''},
+            upCheckPlan:{
+              f_plan_name:'',
+              f_safecheck_type:'',
+              f_plan_year:'',
+              f_plan_month:'',
+              f_checker_id:'',
+              isShare:'',
+              f_checker:'',
+              f_checkerstr:'',
+              checker:{},
+              checkers:[],
+              f_remark:''
+            },
+            isSend:false,
+            createPlan:{
+              f_plan_name:'',
+              f_plan_year:'',
+              f_plan_month:'',
+              isShare:'否',
+              f_issued:'否',
+              f_checker_id:null,
+              checker:{},
+              checkers:[],
+              f_checker:null,
+              f_checkerstr:null,
+              f_safecheck_type:'',
+              f_remark:''
+            },
+            planCondition:{},
+            showCondtion:false,
+            showCreatePlan:false,
+            showUpPlan:false,
+            isAndNot:[{label:'是',value:'是'},{label:'否',value:'否'}],
+            conIsAndNot:[{label:'是',value:'is null'},{label:'否',value:'is not null'}],
+            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}],
+            safechecktype:[{label:'年度普检',value:'年度普检'}],
+            departmentname:this.$appdata.getParam('安检部门'),
+            checker:[],
+            checkertCon:[],
+            userlogin:{
+              id:this.$login.f.id,
+              name:this.$login.f.name,
+              orgid:this.$login.f.orgid,
+              orgstr:this.$login.f.orgs,
+            }
+            //需要测试直接把下面放开即可
+            /*userlogin:{
+              id:'141701',
+              name:'hwq',
+              orgid:'35526',
+              orgstr:'西华县天然气有限公司'
+            }*/
+          }
+        },
+      async ready(){
+        document.addEventListener('keydown', this.handleEnter, true);
+        await this.loadpage()
+        if (!this.userlogin.orgid){
+          if (this.$login.f.f_orgids){
+            this.userlogin.orgid = this.$login.f.f_orgids.endsWith('.')?this.$login.f.f_orgids.substring(0,this.$login.f.f_orgids.length-1):this.$login.f.f_orgids
+          }else {
+            this.userlogin.orgid = ''
+          }
+        }
+      },
+   computed: {
+        ntoway() {
+         /*/!* return AppData.getParam('安检类型')*!/*/
+          return this.$appdata.getParam('安检类型')
+        }
+        },
+      methods:{
+        handleEnter(e) {
+          if (e.key === 'Enter') {
+            this.$refs.user.$refs.paged.$refs.criteria.search()
+          }
+        },
+      /*  ntoway() {
+          /!* return AppData.getParam('安检类型')*!/
+          return Vue.$appdata.getParam('安检类型')
+        },*/
+        async loadpage(){
+          //await this.checkplan.searchList("/api/af-safecheck/sql/预约计划下发", {},{groupitem:"",f_filialeids:"('"+this.userlogin.orgid+"')",orderitem:"f_create_time desc"})
+          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
+          this.createPlan.f_plan_year=new Date().getFullYear()
+          this.createPlan.f_safecheck_type='年度普检'
+        },
+        cancel(){
+          this.showCondtion=false
+          this.showCreatePlan=false
+          this.showUpPlan=false
+        },
+        //新建计划
+        async addNewPlan() {
+          if(!this.validationCreatePlan()){
+            return
+          }
+          this.isSend=true
+          let res=await new HttpResetClass().load("POST","/api/af-safecheck/sql/getCheckplan", {data: {condition:"f_plan_name='"+this.createPlan.f_plan_name+"'",sortfield:'f_create_time desc'}})
+          console.log("结果-"+res.data.length)
+          if(res.data.length>0){
+            Vue.showMessage("计划名称不能重复！")
+            this.isSend=false
+            return
+          }
+          if(this.createPlan.isShare=="是"){
+              if(this.ismulchecker && this.createPlan.checkers.length > 0){
+                this.createPlan.checkers.forEach((value) => {
+                  this.createPlan.f_checkerstr += `${value.name},`
+                })
+                this.createPlan.f_checkerstr = this.createPlan.f_checkerstr.slice(0, -1)
+              }
+            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
+          }
+          console.log("this.createPlan.f_checker:"+this.createPlan.f_checker)
+          this.createPlan.f_plan_type='预约计划'
+          this.createPlan.f_subcompany=this.userlogin.orgstr
+          this.createPlan.f_filialeid=this.userlogin.orgid
+          this.createPlan.f_create_operator=this.userlogin.name
+          this.createPlan.f_create_time=Util.toStandardTimeString()
+          await new HttpResetClass().load('POST',"/api/af-safecheck/logic/createCheckPlan", {"data": this.createPlan},{resolveMsg : '新建计划成功！', rejectMsg : '新建计划失败！'})
+          //await this.loadCheckPlan('',()=>{})
+          this.createPlan={
+            f_plan_name:'',
+              f_plan_year:'',
+              f_plan_month:'',
+              isShare:'否',
+              f_issued:'否',
+              f_checker_id:null,
+              checker:{},
+              checkers:[],
+              f_checker:null,
+              f_checkerstr:null,
+              f_safecheck_type:'',
+              f_create_operator:''
+          }
+          await this.loadCheckPlan()
+          this.isSend=false
+
+        },
+        validationCreatePlan(){
+          if(!this.createPlan.f_plan_name){
+            Vue.showMessage("请输入安检计划名称！")
+            return false
+          }
+          if(!this.createPlan.f_plan_year){
+            Vue.showMessage("请选择安检年份！")
+            return false
+          }
+          if(!this.createPlan.f_plan_month){
+            Vue.showMessage("请选择安检月份！")
+            return false
+          }
+          if(this.createPlan.isShare=="否"){
+            if(JSON.stringify(this.createPlan.checker)=='{}'){
+              Vue.showMessage("请选择安检人员！")
+              return false
+            }
+          }else{
+            this.createPlan.f_checker=''
+          }
+          if(!this.createPlan.f_safecheck_type){
+            Vue.showMessage("请选择安检类型！")
+            return false
+          }
+          return true
+        },
+        //查询安检员selectChanged
+        async searchChecker(){
+          console.log(this.$login.f.orgid)
+          debugger
+          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})
+          })
+        },
+        //设置属性值
+        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
+          this.checkplan.check.checkescheckes=[]
+          let fieldValue=''
+          switch(this.currentorder){
+            case "按时间降序":
+              fieldValue='f_create_time desc'
+              break
+            case "按时间升序":
+              fieldValue='f_create_time'
+              break
+          }
+          console.log("--------fieldValue"+fieldValue)
+          this.cancel()
+          await this.checkplan.searchList("/api/af-safecheck/sql/预约计划下发",
+            {"f_plan_name": "f_plan_name like '%{}%'",
+              "f_plan_year":"f_plan_year={}",
+              "f_plan_month":"f_plan_month={}",
+              "checkerid":"f_checker_id='{}'",
+              "isAndNot":"f_checker {}",
+              "safechecktype":"f_safecheck_type='{}'",
+              "issude":"f_issued = '{}'",
+              "f_create_operator": "f_create_operator like '%{}%'",
+              "f_department_name": "f_department_name = '{}'",
+            },
+            {orderitem:fieldValue,
+              f_filialeids:"('"+this.userlogin.orgid+"')",
+              groupitem:""
+            }
+          )
+
+          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_safecheck_type=row.f_safecheck_type
+          this.upCheckPlan.f_plan_name=row.f_plan_name
+          this.upCheckPlan.f_plan_year=row.f_plan_year
+          this.upCheckPlan.f_plan_month=row.f_plan_month
+          this.upCheckPlan.f_checker_id=row.f_checker_id?row.f_checker_id:null
+          this.upCheckPlan.f_checker=row.f_checker?row.f_checker:null
+          this.upCheckPlan.isShare=row.f_checker_id?'否':'是'
+          this.upCheckPlan.f_issued=row.f_issued
+          this.upCheckPlan.f_remark=row.f_remark
+          this.upCheckPlan.checker={id:row.f_checker_id,name:row.f_checker}
+          this.showUpPlan=true
+        },
+        async upPlan(){
+          if(!this.upCheckPlan.f_plan_name){
+            Vue.showMessage("请输入安检计划名称！")
+            return false
+          }
+          if(!this.upCheckPlan.f_plan_year){
+            Vue.showMessage("请选择安检年份！")
+            return false
+          }
+          if(!this.upCheckPlan.f_plan_month){
+            Vue.showMessage("请选择安检月份！")
+            return false
+          }
+          console.log(this.upCheckPlan)
+
+          if(this.upCheckPlan.isShare=="是"){
+            if(this.ismulchecker && this.upCheckPlan.checkers.length > 0){
+              this.upCheckPlan.checkers.forEach((value) => {
+                this.upCheckPlan.f_checkerstr += `${value.name},`
+              })
+              this.upCheckPlan.f_checkerstr = this.upCheckPlan.f_checkerstr.slice(0, -1)
+            }
+            this.upCheckPlan.f_checker_id=null
+            this.upCheckPlan.f_checker=null
+          }else{
+            this.upCheckPlan.f_checker_id=this.upCheckPlan.checker.id
+            this.upCheckPlan.f_checker=this.upCheckPlan.checker.name
+          }
+          this.isSend=true
+          let res=await new HttpResetClass().load("POST", "/api/af-safecheck/logic/updateCheckPlan", {
+            data:{
+              checkers:this.createPlan.checkers,
+              f_checkerstr:this.createPlan.f_checkerstr,
+              f_checker:this.upCheckPlan.f_checker,
+              f_safecheck_type:this.upCheckPlan.f_safecheck_type,
+              f_checker_id:this.upCheckPlan.f_checker_id,
+              f_plan_name:this.upCheckPlan.f_plan_name,
+              f_plan_year:this.upCheckPlan.f_plan_year,
+              f_plan_month:this.upCheckPlan.f_plan_month,
+              f_plan_id:this.upCheckPlan.id,
+              issued:'否',
+              f_remark:this.upCheckPlan.f_remark,
+            }
+          }, {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", "/api/af-safecheck/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", "/api/af-safecheck/logic/deleteCheckPlan", {
+            data:{
+              f_operator:this.userlogin.name,//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>