<style>
 @import url('../../assets/css/financia/CashierWork.css');
</style>
<template>
    <div class="page_CashierWork">
        <div class="query-box">
           <ul>
               <li>
                    <button class="normalBtn" @click="addShow=true,text=$t('pub.addBtn')" >{{$t('pub.addBtn')}}</button>
                    <el-tooltip class="item" effect="dark" :content="$t('fnc.qhpaiban')" placement="top-end">
                        <i v-if="transitionShow" class="iconfont icon-biaoge" @click="switchMethod(1)"></i>
                        <i v-if="transitionShow2" class="iconfont icon-icon-ssan" @click="switchMethod(2)"></i>
                    </el-tooltip>
               </li>
           </ul>
        </div>
        <div>
            <p class="_cashierWorl_tit">{{$t('tips.accWorkTips')}}</p>
            <div class="cm_content _scrollbar" :class="addShow==true?'_edHeight':''">
                <table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0" v-loading="loading" v-if="transitionShow2">
                    <tr>
                        <th>{{$t('fnc.w_ckmingcheng')}}</th>
                        <th>{{$t('fnc.w_ywrenyuan')}}</th>
                        <th>{{$t('fnc.w_sqzhanghu')}}</th>
                        <th>{{$t('fnc.w_ycldanju')}}</th>
                        <th>{{$t('fnc.w_dcldanju')}}</th>
                        <th>{{$t('system.table_operation')}}</th>
                    </tr>
                    <tr v-for="(item,index) in dataList" :key="index">
                        <td>{{item.Name}}</td>
                        <td>
                            <span v-for="(i,ix) in item.emList">{{i.emName}} <span v-if="ix!=item.emList.length-1">,</span> </span>
                        </td>
                        <td>
                            {{$t('fnc.fkuanzhanghu')}}：
                            <el-popover
                                placement="bottom"
                                popper-class="CashierWork_tripDetails"
                                trigger="click">
                                <div class="">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="popTable">
                                        <tr class="_color_666">
                                            <th>{{$t('fnc.w_zhbieming')}}</th>
                                            <th>{{$t('fnc.shoukuan')}}</th>
                                            <th>{{$t('fnc.zhikuan')}}</th>
                                        </tr>
                                        <tr v-for="(son,sIndex) in shouList" v-loading="shouListLoading">
                                            <td>
                                                <span class="_fangkuang" v-if="son.Is_Public===1">{{$t('fnc.w_gsdgong')}}</span>
                                                <span class="_fangkuang _fangkuang_si" v-if="son.Is_Public===0">{{$t('fnc.w_gsdsi')}}</span>
                                                <span>{{son.Alias}}</span>
                                            </td>
                                            <td><input v-model="son.Is_Income" disabled type="checkbox"></td>
                                            <td><input v-model="son.Is_Outcome" disabled type="checkbox"></td>
                                        </tr>
                                    </table>
                                </div>
                                <span slot="reference" @click="Window_post_GetList(item.ID,1)" class="_underline _color_red">{{item.InCount}}</span>
                            </el-popover>
                            <span>{{$t('fnc.fkzhanghu')}}：
                                <el-popover
                                    placement="bottom"
                                    popper-class="CashierWork_tripDetails"
                                    trigger="click">
                                    <div class="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="popTable">
                                            <tr class="_color_666">
                                                <th>{{$t('fnc.w_zhbieming')}}</th>
                                                <th>{{$t('fnc.shoukuan')}}</th>
                                                <th>{{$t('fnc.zhikuan')}}</th>
                                            </tr>
                                            <tr v-for="(son,sIndex) in shouList" v-loading="shouListLoading">
                                                <td>
                                                    <span class="_fangkuang" v-if="son.Is_Public===1">{{$t('fnc.w_gsdgong')}}</span>
                                                    <span class="_fangkuang _fangkuang_si" v-if="son.Is_Public===0">{{$t('fnc.w_gsdsi')}}</span>
                                                    <span>{{son.Alias}}</span>
                                                </td>
                                                <td><input v-model="son.Is_Income" disabled type="checkbox"></td>
                                                <td><input v-model="son.Is_Outcome" disabled type="checkbox"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <span slot="reference" @click="Window_post_GetList(item.ID,2)" class="_underline _color_blue">{{item.OutCount}}</span>
                                </el-popover>
                            </span>
                        </td>
                        <td>
                            <span class="_underline" @click="goUrl('FinancialDocuments',2)">{{item.DealCount}}</span>
                        </td>
                        <td>
                            <span class="_underline" @click="goUrl('FinancialDocuments',3)">{{item.NoDealCount}}</span>
                        </td>
                        <td>
                            <el-row>
                                <el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')" placement="top-start">
                                    <el-button type="primary" class="iconfont icon-bianji-smal" circle @click="editCurency(item.ID),text=$t('pub.updateMsg')"></el-button>
                                </el-tooltip>
                                <el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')+$t('objFill.v101.FinancialModule.xinyemdk')" placement="top-start">
                                    <el-button type="primary" class="iconfont icon-bianji-smal" circle @click="goUrlCashierWorkAccount('CashierWorkAccount',item.ID),text=$t('pub.updateMsg')"></el-button>
                                </el-tooltip>
                                <el-tooltip class="item" effect="dark" :content="$t('fnc.w_djxinxi')" placement="top-start">
                                    <el-button type="danger" class="iconfont icon-img-rili" circle @click="goUrlDetail('CashierWorkDetail',1,item.Name,item.ID)"></el-button>
                                </el-tooltip>
                                <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
                                    <el-button type="danger" class="iconfont icon-img_delete_small" circle @click="financeinfoRemove(item.ID,item.ID)"></el-button>
                                </el-tooltip>
                            </el-row>
                        </td>
                    </tr>
                </table>
                <div v-if="transitionShow" class="clearfix">
                    <div class="po_content_list_item" v-for="(item,index) in dataList" :key="index">
                        <div class="po_content_list_item_top">
                            <span class="_item_top_name">{{item.Name}}</span>
                            <span class="_item_top_icon">
                                <i class="iconfont icon-rizhi1" @click="goUrlDetail('CashierWorkDetail',1,item.Name,item.ID)"></i>
                                <i class="iconfont icon-bianji-smal" @click="editCurency(item.ID),text=$t('system.table_edit')"></i>
                                <i class="iconfont icon-img_delete_small" @click="financeinfoRemove(item.ID,item.ID)"></i>
                            </span>
                        </div>
                        <div class="po_content_list_item_bottom">
                            <p>
                                <span>{{$t('fnc.w_ywrenyuan')}}</span>
                                <template v-if="item.emList.length>0">
                                    <span v-if="item.emList.length==1">
                                        {{item.emList[0].emName}}
                                    </span>
                                    <div v-else>
                                        <el-popover
                                            placement="bottom"
                                            popper-class="CashierWork_tripDetails"
                                            trigger="click">
                                            <div class="">
                                                <span class="_all_name" v-for="(i,io) in item.emList">{{i.emName}}</span>
                                            </div>
                                            <span slot="reference" @click=""  class="_underline">{{item.emList[0].emName}} {{$t('fnc.w_gong')}}（{{item.emList.length}}）{{$t('hotel.hotel_people')}}</span>
                                        </el-popover>
                                    </div>
                                </template>
                                <template v-else>
                                    <span>{{$t('fnc.no')}}</span>
                                </template>

                            </p>
                            <p>
                                <span>{{$t('fnc.fkuanzhanghu')}}</span>
                                <el-popover
                                    placement="bottom"
                                    popper-class="CashierWork_tripDetails"
                                    trigger="click">
                                    <div class="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="popTable">
                                            <tr class="_color_666">
                                                <th>{{$t('fnc.w_zhbieming')}}</th>
                                                <th>{{$t('fnc.shoukuan')}}</th>
                                                <th>{{$t('fnc.zhikuan')}}</th>
                                            </tr>
                                            <tr v-for="(son,sIndex) in shouList" v-loading="shouListLoading">
                                                <td>
                                                    <span class="_fangkuang" v-if="son.Is_Public===1">{{$t('fnc.w_gsdgong')}}</span>
                                                    <span class="_fangkuang _fangkuang_si" v-if="son.Is_Public===0">{{$t('fnc.w_gsdsi')}}</span>
                                                    <span>{{son.Alias}}</span>
                                                </td>
                                                <td><input v-model="son.Is_Income" disabled type="checkbox"></td>
                                                <td><input v-model="son.Is_Outcome" disabled type="checkbox"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <span slot="reference" @click="Window_post_GetList(item.ID,1)"  class="_underline">{{item.InCount}}</span>
                                </el-popover>
                            </p>
                            <p>
                                <span>{{$t('fnc.fkzhanghu')}}</span>
                                <el-popover
                                    placement="bottom"
                                    popper-class="CashierWork_tripDetails"
                                    trigger="click">
                                    <div class="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="popTable">
                                            <tr class="_color_666">
                                                <th>{{$t('fnc.w_zhbieming')}}</th>
                                                <th>{{$t('fnc.shoukuan')}}</th>
                                                <th>{{$t('fnc.zhikuan')}}</th>
                                            </tr>
                                            <tr v-for="(son,sIndex) in shouList" v-loading="shouListLoading">
                                                <td>
                                                    <span class="_fangkuang" v-if="son.Is_Public===1">{{$t('fnc.w_gsdgong')}}</span>
                                                    <span class="_fangkuang _fangkuang_si" v-if="son.Is_Public===0">{{$t('fnc.w_gsdsi')}}</span>
                                                    <span>{{son.Alias}}</span>
                                                </td>
                                                <td><input v-model="son.Is_Income" disabled type="checkbox"></td>
                                                <td><input v-model="son.Is_Outcome" disabled type="checkbox"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <span slot="reference" @click="Window_post_GetList(item.ID,2)" class="_underline">{{item.OutCount}}</span>
                                </el-popover>
                            </p>
                            <p>
                                <span>{{$t('fnc.w_ycldanju')}}</span>
                                <span class="_underline" @click="goUrl('FinancialDocuments',2)">{{item.DealCount}}</span>
                            </p>
                            <p>
                                <span>{{$t('fnc.w_dcldanju')}}</span>
                                <span class="_underline" @click="goUrl('FinancialDocuments',3)">{{item.NoDealCount}}</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="noData" v-show="noData">
                    {{$t('system.content_noData')}}
                </div>
                <div>
                    <el-pagination
                        background
                        @current-change="handleCurrentChange"
                        :current-page.sync="currentPage"
                        layout="total,prev, pager, next, jumper"
                        :page-size=msg.pageSize
                        :total=total>
                    </el-pagination>
                </div>
            </div>
            <div class="_vMG_edit" :class="addShow==true?'edHeight':''">
                <el-row>
                    <el-col :span="20">
                        <p class="_tit">{{text}}{{$t('fnc.w_chuangkou')}}</p>
                    </el-col>
                    <el-col :span="4" class="_add_saveBtn">
                        <button type="button" class="normalBtn" @click="submitForm('addMsg',1)">{{$t('pub.saveBtn')}}</button>
                        <button class="hollowFixedBtn" type="button" @click="cancelEdit(),resetForm('addMsg'),addShow=false">{{$t('pub.cancelBtn')}}</button>
                    </el-col>
                </el-row>
                <el-form class=" clearfix" :model="addMsg" ref="addMsg" :rules="rules" label-width="100px">
                    <el-row>
                        <el-col :span="4">
                            <el-form-item :label="$t('system.query_airName')+'：'" prop="Name">
                                <el-input v-model="addMsg.Name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10">
                            <el-form-item :label="$t('fnc.w_ywrenyuan')+'：'" prop="listArr">
                                <el-select
                                    v-model="addMsg.listArr"
                                    filterable
                                    remote
                                    multiple
                                    reserve-keyword
                                    :placeholder="$t('pub.pleaseImport')"
                                    :remote-method="remoteMethod"
                                    @change="$forceUpdate()"
                                    @remove-tag="removeTag"
                                    :loading="loading2">
                                    <el-option
                                        v-for="item in searchList"
                                        :key="item.empId"
                                        :label="item.name"
                                        :value="item.empId">
                                        <span style="float: left">{{ item.name }}</span>
                                        <span style="float: right; color: #8492a6; font-size: 13px">{{ item.postName }}</span>
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="_caozuo_btn">
                        <span>{{$t('fnc.w_kscaozuo')}}：</span>
                        <span @click="accType(1)" :class="type==1?'_active':''">{{$t('fnc.w_sygongzhang')}}</span>
                        <span @click="accType(2)" :class="type==2?'_active':''">{{$t('fnc.w_sysizhang')}}</span>
                        <span @click="accType(3)" :class="type==3?'_active':''">{{$t('fnc.w_sypingtai')}}</span>
                        <span @click="accType(4)" :class="type==4?'_active':''">{{$t('fnc.w_syzjinchi')}}</span>
                        <span @click="accType(5)" :class="type==5?'_active':''">{{$t('fnc.w_syyhzhu')}}</span>
                        <span @click="accType(6)" :class="type==6?'_active':''">{{$t('fnc.w_syxjzhanghu')}}</span>
                    </el-row>
                    <el-row class="_row_table">
                        <el-col :span="14">
                            <table class="singeRowTable" cellspacing="0" cellpadding="0" v-loading="loading">
                                <thead>
                                    <tr>
                                        <th>{{$t('fnc.acc')}}</th>
                                        <th width="150px">{{$t('fnc.shoukuan')}} <input type="checkbox" v-model="shouChe" @change="isCheckAll(1)"><span class="_check_all">{{$t('system.table_chekAll')}}</span></th>
                                        <th width="150px">{{$t('fnc.zhikuan')}} <input type="checkbox" v-model="zhiChe" @change="isCheckAll(2)"><span class="_check_all">{{$t('system.table_chekAll')}}</span></th>
                                        <th width="90px">{{$t('system.table_operation')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(item,index) in addMsg.list">
                                        <td>
                                            <span class="_fangkuang" v-if="item.IsPublic===1">{{$t('fnc.w_gsdgong')}}</span>
                                            <span class="_fangkuang _fangkuang_si" v-if="item.IsPublic===0">{{$t('fnc.w_gsdsi')}}</span>
                                            <span class="_accname">{{item.Name}}</span>
                                        </td>
                                        <td width="150px">
                                            <input v-model="item.isInCheckbox"  type="checkbox">
                                        </td>
                                        <td width="150px">
                                            <input v-model="item.isOutCheckbox" type="checkbox">
                                        </td>
                                        <td width="90px">
                                            <el-button type="danger" @click="deleteItem(index)" class="iconfont icon-img_delete_small" circle></el-button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <el-cascader
                                                v-model="selectVal"
                                                :options="AccList"
                                                :show-all-levels="false"
                                                :props="AccListProps"
                                                @change="handleItemChange"
                                                :placeholder="$t('pub.pleaseSel')">
                                            </el-cascader>
                                        </td>
                                        <td width="150px">

                                        </td>
                                        <td width="150px">

                                        </td>
                                        <td width="90px">

                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            msg:{
                pageIndex:1,
                pageSize:15
            },
            addMsg:{
                ID:0,
                Name:'',
                list:[],
                emList:[],
                listArr:[],
                BranchId:-1,
            },
            getAccListMsg:{
                IsPublic:-1,
                BankType:0,
            },
            type:-1,
            addShow:false,
            loading:false,
            loading2:false,
            noData:false,
            zhiChe:false,
            shouChe:false,
            total:0,
            currentPage: 1,
            text:'',
            dataList:[],
            searchList:[],
            AccList:[],
            rules: {//表单必填验证
                Name: [
                    { required: true, message: this.$t('objFill.qingtxckmc'), trigger: 'blur' }
                ],
                listArr: [
                    {type: 'array',  required: true, message: this.$t('rule.qxzywuyuan'), trigger: 'blur' }
                ]
            },
            AccListProps: {
                value:'Num',
                label:'Name',
                children: 'children'
            },
            selectVal:[],
            transitionShow:false,
            transitionShow2:true,
            contenWidth:0,
            contenHeight:0,
            tableSize:0,
            blockSize:0,
            shouList:[],
            shouListLoading:false,
        }
    },created(){
        let allH,allW,cH,cW;
        allH = document.documentElement.clientHeight;
        allW = document.documentElement.clientWidth;
        cW = allW-90;
        cH = allH-187; //255 = 50 40 21 36 40
        this.contenWidth = cW;
        this.contenHeight = cH;
        this.msg.pageSize = parseInt(cH/40)-1;
        this.tableSize = this.msg.pageSize = parseInt(cH/45);
    },methods:{
        switchMethod(t){
            this.msg.pageIndex = 1;
            if(t===1){
                this.transitionShow = false;
                this.transitionShow2 = true;
                this.msg.pageSize = this.tableSize;
                this.getList();
            }else if(t===2){
                this.transitionShow = true;
                this.transitionShow2 = false;
                // 宽 235 高 206
                let cont = parseInt(this.contenWidth/235) * parseInt(this.contenHeight/236);
                this.msg.pageSize = cont;
                this.getList();
            }
        },
        Window_post_GetList(id,type){
            this.shouList = [];
            this.shouListLoading = true;
            let msg = {
                ID:id,
                Direct:type,
            }
            this.apipost('Window_post_GetList',msg,r=>{
                this.shouListLoading = false;
                if(r.data.resultCode==1){
                    this.shouList = r.data.data;
                }else{

                }
            },null)
        },
        goUrl(path,g){
            this.$router.push({name:path,query:{Conditon:g,blank:'y'}})
        },
        goUrlDetail(path,type,name,id){
            this.$router.push({name:path,query:{WindowType:type,name:name,id:id,blank:'y',tab:this.$t('objFill.chunaickxx')}})
        },
        removeTag(id){
            this.addMsg.emList.forEach((x,index)=>{
                if(x.EmId === id){
                    this.addMsg.emList.splice(index,1)
                }
            })
        },
        mergeArray(list3, list1){
            for (var i = 0 ; i < list3.length ; i ++ ){
                for(var j = 0 ; j < list1.length ; j ++ ){
                    if (list3[i].EmId === list1[j].EmId){
                        list3.splice(i,1);
                    }
                }
            }
            for(var i = 0; i <list1.length; i++){
                list3.push(list1[i]);
            }
            return list3;
        },
        addCashierWork(){ // 提交保存
            if(this.addMsg.list.length==0) return this.$message.error(this.$t('objFill.qxzzsygzhanghu'))
            let sub = true;
            for(let i = 0;i<this.addMsg.list.length;i++){
                let x = this.addMsg.list[i];
                if(!x.isInCheckbox&&!x.isOutCheckbox){
                    sub = false;
                    break;
                }else{
                    if(x.isInCheckbox&&x.isOutCheckbox){
                        x.Direct = 3;
                    }else if(x.isInCheckbox){
                        x.Direct = 1;
                    }else if(x.isOutCheckbox){
                        x.Direct = 2;
                    }
                }
            }
            if(!sub) return this.$message.error(this.$t('objFill.qxzchunanailx'))
            let emList = this.addMsg.listArr;
            let arr = [];
            emList.forEach(x=>{
                let obj = {
                    'EmId':x,
                    'ID':0,
                    'WindowId':0
                }
                arr.push(obj);
            });
            let list4 = this.mergeArray(arr,this.addMsg.emList);
            this.addMsg.emList = list4;
            this.apipost('Window_post_Set',this.addMsg,r=>{
                if(r.data.resultCode==1){
                    this.$message.success(r.data.message);
                    this.getList();
                    this.addShow = false;
                    this.cancelEdit();
                }else{
                    this.$message.error(r.data.message);
                }
            },null)
        },
        submitForm(addMsg) {//提交创建、修改表单
            this.$refs[addMsg].validate((valid) => {
                if (valid) {
                    this.addCashierWork();
                } else {
                    return false;
                }
            });
        },
        isCheckAll(t){   //1 shou  2 zhi 全选
            if(t===1){
                if(this.shouChe){
                    this.addMsg.list.forEach(x=>{
                        x.isInCheckbox = true
                    })
                }else{
                    this.addMsg.list.forEach(x=>{
                        x.isInCheckbox = false
                    })
                }
            }else{
                if(this.zhiChe){
                    this.addMsg.list.forEach(x=>{
                        x.isOutCheckbox = true
                    })
                }else{
                    this.addMsg.list.forEach(x=>{
                        x.isOutCheckbox = false
                    })
                }
            }
        },
        deleteItem(i){
            this.addMsg.list.splice(i,1);
        },
        handleItemChange(obj){
            let obj1 = this.AccList[obj[0]],
                obj2 = this.AccList[obj[0]].children[obj[1]],
                obj3 = this.AccList[obj[0]].children[obj[1]].children[obj[2]];
            let addMsgList = {
                ID:0,
                AccountId:obj3.ID,
                Type:obj2.ID,
                AccountType:obj1.ID,
                Direct:0,
                Name:obj3.Name + (obj3.BankNo?obj3.BankNo:''),
                IsPublic:obj1.IsPublic,
                isInCheckbox:obj3.Is_Income?true:false,
                isOutCheckbox:obj3.Is_Outcome?true:false,
                allName:obj3.Name + (obj3.BankNo?obj3.BankNo:''),
            }
            this.addMsg.list.push(addMsgList);
            this.selectVal = [];
        },
        getAccList(){
            this.apipost('BankAccount_post_GetTreeAccountList',this.getAccListMsg,r=>{
                if(r.data.resultCode==1){
                    function addNum (obj) {
                        for (let i = 0; i < obj.length; i++) {
                            obj[i]['Num'] = i;
                            if (obj[i].hasOwnProperty('children')){
                                obj[i].children = addNum(obj[i].children)
                            }
                        }
                        return obj
                    }
                    this.AccList = addNum(r.data.data)
                }else{

                }
            },null)
        },
        accType(t){
            this.selectVal = [];
            if(this.type===t){
                this.type = -1;
                this.getAccListMsg = {
                    IsPublic:-1,
                    BankType:0,
                };
                this.getAccList();
            }else{
                this.type = t;
                let msg = {
                    IsPublic:-1,
                    BankType:0,
                }
                if(t===1){  //  1公 2私
                    msg.IsPublic = 1;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }else if(t===2){
                    msg.IsPublic = 0;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }else if(t===3){
                    msg.BankType = 2;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }else if(t===4){
                    msg.BankType = 4;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }else if(t===5){
                    msg.BankType = 1;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }else if(t===6){
                    msg.BankType = 3;
                    this.getAccListMsg = msg;
                    this.getAccList();
                }
            }
        },
        financeinfoRemove(id,text){  // 删除货币
            this.$confirm(this.$t('tips.qrsc')+text+this.$t('objFill.chunaick'), this.$t('tips.tips'), {
                confirmButtonText: this.$t('pub.sureBtn'),
                cancelButtonText: this.$t('pub.cancelBtn'),
                type: 'warning'
            }).then(() => {
                this.apipost('Window_post_Remove',{ID:id}, res => {
                    if(res.data.resultCode == 1) {
                        this.getList()
                        this.$message.success(res.data.message);
                    } else {
                        this.$message.error(res.data.message);
                    }
                }, err => {})
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: this.$t('OrderList.orderStatus.cancel'),
                });
            });
        },
        handleSelect(item){
            this.addMsg.EmId = item.empId;
        },
        remoteMethod(query) {
            if (query !== ''||this.addShow) {
                this.loading2 = true;
                this.apipost("admin_Get_Chat_All_SelectEmpName",{ EmName:query },res => {
                    if (res.data.resultCode == 1) {
                        this.searchList = res.data.data;
                        this.loading2 = false;
                    }
                },err => {});
            } else {
                this.searchList = [];
                this.loading2 = false;
            }
        },
        getList(){
            this.loading = true;
            this.apipost('Window_post_GetPageList',this.msg, res => {
                    if(res.data.resultCode == 1) {
                        this.dataList = res.data.data.pageData;
                        this.total = res.data.data.count;
                        if(this.total>0){
                            this.noData =false;
                        }else{
                            this.noData =true;
                        }
                    } else {
                        this.$message.error(res.data.message);
                    }
                    this.loading = false;
            }, err => {this.loading = false;})
        },
        goUrlCashierWorkAccount(path,id){
            this.$router.push({name:path,query:{ID:id,blank:'y'}})
        },
        editCurency(id){  //  修改  根据id 获取信息
            this.apipost('Window_post_Get',{ID:id}, res => {
                if(res.data.resultCode == 1) {
                    let data = res.data.data;
                    let arr = [];
                    arr.push(data.AccountType);
                    arr.push(data.Type);
                    arr.push(data.AccountId);
                    data.list.forEach(x=>{
                        if(x.Direct==3){
                            x.isInCheckbox = true;
                            x.isOutCheckbox = true;
                        }else if(x.Direct==1){
                            x.isInCheckbox = true;
                            x.isOutCheckbox = false;
                        }else if(x.Direct==2){
                            x.isInCheckbox = false;
                            x.isOutCheckbox = true;
                        }
                        x.Name = x.Alias;
                        x.IsPublic = x.Is_Public;
                    });
                    this.addMsg = data;
                    this.addMsg.listArr = [];
                    if(data.emList&&data.emList.length>0){
                        data.emList.forEach(x=>{
                            this.remoteMethod(x.emName);
                            this.addMsg.listArr.push(x.EmId)
                        })
                    }
                    this.selectVal = arr;
                    this.addShow = true;
                } else {
                    this.tips(res.data.message,'error');
                }
            }, err => {})
        },
        handleCurrentChange(val) {
            this.msg.pageIndex = val;
            this.getList();
        },
        cancelEdit(){  // 取消修改、新增
            this.addMsg = {
                ID:0,
                Name:'',
                list:[],
                emList:[],
                listArr:[],
                BranchId:-1,
            }
        },
        resetForm(formName) {//弹出框取消 初始化谈框内表单
            this.$refs[formName].resetFields();
        },
    },mounted(){
        this.getList();
        this.getAccList();
    }
}
</script>
