Fenpanel.vue

<template>
  <div class="eibs-tab">                 
    <el-form class="m-table-search-form" :rules="rules" ref="FenpanelForm" label-position="right" label-width="110px" size="small" :model="model">
                                    
        <c-col :span="12">
						<el-form-item label="日期"  style="width: 100%">
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.bcrinc.begdat" style="width: 100%" placeholder="请选择起始日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
							<c-col :span="2" style="text-align: center">
								<label style="display: inline-block; width: 100%">-</label>
							</c-col>
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.bcrinc.enddat" style="width: 100%" placeholder="请选择截止日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
						</el-form-item>
			</c-col>

        <c-col :span="12">
        <el-form-item label="报表类型" prop="bcrinc.fenhsort">
          <c-select v-model="model.bcrinc.fenhsort" style="width:100%" dbCode="fenhst" placeholder="" >
          </c-select>
        </el-form-item>
       </c-col>

        <c-col :span="12" style="text-align: right">
          <!-- <el-button size="small" @click="handleReset">重置</el-button> -->
          <el-button type="primary" icon="el-icon-export" size="small" @click="UsrXexportExcel()">导出报表
          </el-button>
        </c-col>

      <c-col :span="24">
        <el-form-item label="">
        </el-form-item>
       </c-col>

    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">  
      <c-col :span="24" class="custom-box-wrap">
				<div style="width: calc(100% - 135px);">
					<el-form-item label="交易列表：" >
					</el-form-item>
				</div>
        	<div style="width: 115px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-checkbox  @change="SearchCodall()" false-label="" true-label="X" v-model="model.bcrinc.checkoffrm">ALL
					</c-checkbox>
				</div>
			        <!-- <c-col :span="20">
          <el-form-item label="交易分类" prop="bcrinc.jyfl">
          <c-select v-model="model.bcrinc.jyfl" style="width:100%" dbCode="" placeholder="" >
          </c-select>
        </el-form-item>
				      </c-col> -->
			</c-col>

       <c-col :span="24">
        <el-table id='infgidSpTableRef' :data="model.bcrinc.frmtableData" height="600px" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="Description" prop="txt" align="left">
          </el-table-column>
          <el-table-column label="交易代码" prop="cod" width="150" align="left">
          </el-table-column>
          <el-table-column label="选择标识" prop="idxcod" width="120" align="left">
            <template slot-scope="scope">
						<el-checkbox v-model="scope.row.idxcod" true-label="X" false-label="" ></el-checkbox>
					</template>
          </el-table-column>
        </el-table>
      </c-col>
    </c-col>

    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
        <c-col :span="24" class="custom-box-wrap">
				<div style="width: calc(100% - 135px);">
					<el-form-item label="柜员列表：" >
					</el-form-item>
				</div>
				<div style="width: 115px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-checkbox  @change="SearchUsrallX()" false-labXel="" true-label="X" v-model="model.bcrinc.checkofusrX">ALL
					</c-checkbox>
				</div>
			</c-col>

      <c-col :span="24">
        <el-table id='infgidSpTableRef' :data="model.bcrinc.usrXtableData" height="500px" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="柜员名称" prop="nam" align="left">
          </el-table-column>
          <el-table-column label="EXTKEY" prop="extkey"  align="left">
          </el-table-column>
          <el-table-column label="选择标识" prop="idx"  align="left">
            <template slot-scope="scope">
						<el-checkbox v-model="scope.row.idx" true-label="X" false-label="" ></el-checkbox>
					</template>
          </el-table-column>
        </el-table>
      </c-col>
    </c-col>

    </el-form>
     </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Check from "../model/check";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Check],
  data() {
    return {
    };
  },
  computed: {

  },
  methods: {
  },
  mounted() {
    this.frmSearch();
    this.usrSearchX();
  },
  created: function() {}
};
</script>
<style scoped lang="less">

  ::v-deep  .cell {
   display: flex;
   justify-content: center;
 }
</style>