Inftrnps.vue 5.04 KB
<template>
	<div class="eibs-tab">
				<c-row>
					<c-col :span="24">
             <c-col :span="8">
               <el-form-item label="机构" prop="branchinr" style="width: 100%">
                      <c-select v-model="model.branchinr" style="width: 100%" placeholder="请选择机构">
                         <el-option v-for="item in bchtypList" :key="item.inr" :value="item.inr" :label="item.bchname">
                          </el-option>
                    </c-select>
                  </el-form-item>
              </c-col>
               <c-col :span="8">
                <el-form-item label="创建时间" style="width: 100%" prop="inidatfro">
                  <c-col :span="11">
                    <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.inidatfro" style="width: 100%" placeholder="请选择开始时间">
                    </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"  value-format="yyyy-MM-dd" v-model="model.inidattil" style="width: 100%" placeholder="请选择结束时间">
                    </c-date-picker>
                  </c-col>
                </el-form-item>
              </c-col>
              <c-col :span="8">
               <el-form-item label="操作柜员" prop="operatorId" style="width: 100%">
                      <c-select v-model="model.operatorId" style="width: 100%" placeholder="请选择操作柜员">
                         <el-option v-for="item in usrs" :key="item.extkey" :value="item.extkey" :label="item.nam + '-' + item.extkey">
                          </el-option>
                    </c-select>
                  </el-form-item>
              </c-col>
             
					</c-col>
				</c-row>
            
        <c-row>
          <span style="float: right">
            <el-button size="small" @click="handleReset">重置</el-button>
            <el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch()">查询
            </el-button>
          </span>
        </c-row>
	
		<el-row>
			<c-col :span="24">
				<el-table
					:data="stmData.data"
					style="width:100%"
					size="small"
				>
					<el-table-column
						v-for="(item, key) in stmData.columns"
						:key="key"
						:label="item.label"
            :width="item.width"
						:prop="item.prop"
						show-overflow-tooltip
					><template slot-scope="scope">
								<div v-if="item.prop ==='branchinr'">{{getCodelabel(scope.row[item.prop])}}</div>
								<div v-else>{{scope.row[item.prop]}}</div>
							</template>
          </el-table-column>
          <el-table-column fixed="right" prop="operationTime" label="操作时间" width="280px">
					</el-table-column>
				</el-table>
				<el-pagination
					:current-page.sync="pagination.pageIndex"
					:page-sizes="[10, 20, 50, 100, 500]"
					:page-size="pagination.pageSize"
					layout="total, sizes, prev, pager, next, jumper"
					:total="pagination.total"
					@size-change="handleSizeChange"
					@current-change="handleCurrentChange"
				></el-pagination>
			</c-col>
		</el-row>
	
	</div>
</template>
  <script>
import event from "../event";
import moment from 'moment'
export default {
  inject: ["root"],
  props: ["codes", "model"],
  mixins: [event],
  components: {
  },
  data() {
    return {
      usrs: [],
      loadingFlag: true,
      total: 0,
      currentPage: 1,
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5,
      tableList: [],
      inputValue: "",
      tableColumn:[
				{ label: "序号", prop: "index" },
				{ label: "交易代码", prop: "cod" },
				{ label: "交易名称", prop: "txt"}
			],//交易代码模态框--end
      initdialog: false,
      transactionStatus: {
        busiNo: "",
        modTimes: 0,
        postCount: 0,
        accCount: 0,
        earnCount: 0,
        earnAmt: 0
      },
      stmData: {
        columns: [
          { label: "机构", prop: "branchinr",width:"170px" },
          { label: "变更内容", prop: "modifyContent" ,width:"650px"},
          { label: "操作柜员", prop: "operatorName",width:"200px" },
        ],
        data: []
      },
      maxHeight: 0,
      pagination: {
        pageIndex: 1,
        pageSize: 10,
        total: 0
      },
      relrowDisabled: true,
      bchtypList:[],
      userList:[],
			Trnp0Visible: false,
			// 手工分配相关
			multipleSelection: [],
			isShowManualAssign: false
    };
  },
  methods: {
    
  },
  mounted() {
    this.queryUsrByBch();
    this.getBranchList();
    this.handleSearch();
  },
  computed: {
    reload() {
      return this.$store.state.Status.loading.freshReview;
		},
	
  },
  watch: {
    reload(val) {
      if (val) {
        this.handleSearch();
      }
    }
  }
};
</script>
<style scoped lang="less">
::v-deep .el-dialog__body {
	height: calc(100% - 32px)
}
::v-deep .el-button--small.el-button--text {
	margin-left: 0;
	padding: 0px 10px!important;
}
</style>