|  | @@ -0,0 +1,460 @@
 | 
	
		
			
				|  |  | +<template>
 | 
	
		
			
				|  |  | +  <basic-container>
 | 
	
		
			
				|  |  | +    <avue-crud :option="option"
 | 
	
		
			
				|  |  | +               :table-loading="loading"
 | 
	
		
			
				|  |  | +               :data="data"
 | 
	
		
			
				|  |  | +               :page.sync="page"
 | 
	
		
			
				|  |  | +               :permission="permissionList"
 | 
	
		
			
				|  |  | +               :before-open="beforeOpen"
 | 
	
		
			
				|  |  | +               v-model="form"
 | 
	
		
			
				|  |  | +               ref="crud"
 | 
	
		
			
				|  |  | +               @row-update="rowUpdate"
 | 
	
		
			
				|  |  | +               @row-save="rowSave"
 | 
	
		
			
				|  |  | +               @row-del="rowDel"
 | 
	
		
			
				|  |  | +               @search-change="searchChange"
 | 
	
		
			
				|  |  | +               @search-reset="searchReset"
 | 
	
		
			
				|  |  | +               @selection-change="selectionChange"
 | 
	
		
			
				|  |  | +               @current-change="currentChange"
 | 
	
		
			
				|  |  | +               @size-change="sizeChange"
 | 
	
		
			
				|  |  | +               @refresh-change="refreshChange"
 | 
	
		
			
				|  |  | +               @on-load="onLoad">
 | 
	
		
			
				|  |  | +      <template slot="menuLeft">
 | 
	
		
			
				|  |  | +        <el-button type="danger"
 | 
	
		
			
				|  |  | +                   size="small"
 | 
	
		
			
				|  |  | +                   icon="el-icon-delete"
 | 
	
		
			
				|  |  | +                   plain
 | 
	
		
			
				|  |  | +                   @click="handleDelete">删 除
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </template>
 | 
	
		
			
				|  |  | +    </avue-crud>
 | 
	
		
			
				|  |  | +  </basic-container>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +  import {bcntrtypesList, bcntrtypesDetail, bcntrtypesSubmit, bcntrtypesRemove} from "@/api/iosBasicData/bcntrtypes";
 | 
	
		
			
				|  |  | +  import {mapGetters} from "vuex";
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +  export default {
 | 
	
		
			
				|  |  | +    data() {
 | 
	
		
			
				|  |  | +      return {
 | 
	
		
			
				|  |  | +        form: {},
 | 
	
		
			
				|  |  | +        query: {},
 | 
	
		
			
				|  |  | +        loading: true,
 | 
	
		
			
				|  |  | +        page: {
 | 
	
		
			
				|  |  | +          pageSize: 10,
 | 
	
		
			
				|  |  | +          currentPage: 1,
 | 
	
		
			
				|  |  | +          total: 0
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        selectionList: [],
 | 
	
		
			
				|  |  | +        option: {
 | 
	
		
			
				|  |  | +          height:'auto',
 | 
	
		
			
				|  |  | +          calcHeight: 30,
 | 
	
		
			
				|  |  | +          tip: false,
 | 
	
		
			
				|  |  | +          searchShow: true,
 | 
	
		
			
				|  |  | +          searchMenuSpan: 6,
 | 
	
		
			
				|  |  | +          border: true,
 | 
	
		
			
				|  |  | +          index: true,
 | 
	
		
			
				|  |  | +          viewBtn: true,
 | 
	
		
			
				|  |  | +          selection: true,
 | 
	
		
			
				|  |  | +          dialogClickModal: false,
 | 
	
		
			
				|  |  | +          column: [
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "主键",
 | 
	
		
			
				|  |  | +              prop: "id",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入主键",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "创建人 Id",
 | 
	
		
			
				|  |  | +              prop: "createUser",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入创建人 Id",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "创建人",
 | 
	
		
			
				|  |  | +              prop: "createUserName",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入创建人",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "创建部门 Id",
 | 
	
		
			
				|  |  | +              prop: "createDept",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入创建部门 Id",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "创建部门",
 | 
	
		
			
				|  |  | +              prop: "createDeptName",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入创建部门",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "创建时间",
 | 
	
		
			
				|  |  | +              prop: "createTime",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入创建时间",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "修改人 Id",
 | 
	
		
			
				|  |  | +              prop: "updateUser",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入修改人 Id",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "修改人",
 | 
	
		
			
				|  |  | +              prop: "updateUserName",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入修改人",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "修改时间",
 | 
	
		
			
				|  |  | +              prop: "updateTime",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入修改时间",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "箱型 ISO 代码,20GP,40HC etc.",
 | 
	
		
			
				|  |  | +              prop: "code",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入箱型 ISO 代码,20GP,40HC etc.",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "箱型 95 码,22G1, 45R1 etc.",
 | 
	
		
			
				|  |  | +              prop: "code95",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入箱型 95 码,22G1, 45R1 etc.",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "海关代码",
 | 
	
		
			
				|  |  | +              prop: "customsCode",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入海关代码",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "箱型 GP, HC, COLOAD etc.",
 | 
	
		
			
				|  |  | +              prop: "cntrType",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入箱型 GP, HC, COLOAD etc.",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "尺码 V20, V40, COLOAD etc.",
 | 
	
		
			
				|  |  | +              prop: "cntrSize",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入尺码 V20, V40, COLOAD etc.",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "中文名称",
 | 
	
		
			
				|  |  | +              prop: "cnName",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入中文名称",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "英文名称",
 | 
	
		
			
				|  |  | +              prop: "enName",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入英文名称",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "皮重 KGS",
 | 
	
		
			
				|  |  | +              prop: "tareWeight",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入皮重 KGS",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "净重,即货重 KGS",
 | 
	
		
			
				|  |  | +              prop: "netWeight",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入净重,即货重 KGS",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "毛重,即最大总重 KGS",
 | 
	
		
			
				|  |  | +              prop: "grossWeight",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入毛重,即最大总重 KGS",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "体积 CBM",
 | 
	
		
			
				|  |  | +              prop: "volume",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入体积 CBM",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "TEU",
 | 
	
		
			
				|  |  | +              prop: "teu",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入TEU",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "是否普柜",
 | 
	
		
			
				|  |  | +              prop: "isGeneral",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入是否普柜",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "是否冻柜",
 | 
	
		
			
				|  |  | +              prop: "isReefer",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入是否冻柜",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "是否危柜",
 | 
	
		
			
				|  |  | +              prop: "isDanger",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入是否危柜",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "JSON 对象数组,用于不查询的扩展数据",
 | 
	
		
			
				|  |  | +              prop: "extendedData",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入JSON 对象数组,用于不查询的扩展数据, 例如:[{name: key1, value: value1}]",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "版本",
 | 
	
		
			
				|  |  | +              prop: "version",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入版本",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "状态(0 正常 1停用)",
 | 
	
		
			
				|  |  | +              prop: "status",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入状态(0 正常 1停用)",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "是否已删除(0 否 1是)",
 | 
	
		
			
				|  |  | +              prop: "isDeleted",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入是否已删除(0 否 1是)",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "备注",
 | 
	
		
			
				|  |  | +              prop: "remarks",
 | 
	
		
			
				|  |  | +              rules: [{
 | 
	
		
			
				|  |  | +                required: true,
 | 
	
		
			
				|  |  | +                message: "请输入备注",
 | 
	
		
			
				|  |  | +                trigger: "blur"
 | 
	
		
			
				|  |  | +              }]
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +          ]
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        data: []
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    computed: {
 | 
	
		
			
				|  |  | +      ...mapGetters(["permission"]),
 | 
	
		
			
				|  |  | +      permissionList() {
 | 
	
		
			
				|  |  | +        return {
 | 
	
		
			
				|  |  | +          addBtn: this.vaildData(this.permission.bcntrtypes_add, false),
 | 
	
		
			
				|  |  | +          viewBtn: this.vaildData(this.permission.bcntrtypes_view, false),
 | 
	
		
			
				|  |  | +          delBtn: this.vaildData(this.permission.bcntrtypes_delete, false),
 | 
	
		
			
				|  |  | +          editBtn: this.vaildData(this.permission.bcntrtypes_edit, false)
 | 
	
		
			
				|  |  | +        };
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      ids() {
 | 
	
		
			
				|  |  | +        let ids = [];
 | 
	
		
			
				|  |  | +        this.selectionList.forEach(ele => {
 | 
	
		
			
				|  |  | +          ids.push(ele.id);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +        return ids.join(",");
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    methods: {
 | 
	
		
			
				|  |  | +      rowSave(row, done, loading) {
 | 
	
		
			
				|  |  | +        bcntrtypesSubmit(row).then(() => {
 | 
	
		
			
				|  |  | +          this.onLoad(this.page);
 | 
	
		
			
				|  |  | +          this.$message({
 | 
	
		
			
				|  |  | +            type: "success",
 | 
	
		
			
				|  |  | +            message: "操作成功!"
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +          done();
 | 
	
		
			
				|  |  | +        }, error => {
 | 
	
		
			
				|  |  | +          loading();
 | 
	
		
			
				|  |  | +          window.console.log(error);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      rowUpdate(row, index, done, loading) {
 | 
	
		
			
				|  |  | +        bcntrtypesSubmit(row).then(() => {
 | 
	
		
			
				|  |  | +          this.onLoad(this.page);
 | 
	
		
			
				|  |  | +          this.$message({
 | 
	
		
			
				|  |  | +            type: "success",
 | 
	
		
			
				|  |  | +            message: "操作成功!"
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +          done();
 | 
	
		
			
				|  |  | +        }, error => {
 | 
	
		
			
				|  |  | +          loading();
 | 
	
		
			
				|  |  | +          console.log(error);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      rowDel(row) {
 | 
	
		
			
				|  |  | +        this.$confirm("确定将选择数据删除?", {
 | 
	
		
			
				|  |  | +          confirmButtonText: "确定",
 | 
	
		
			
				|  |  | +          cancelButtonText: "取消",
 | 
	
		
			
				|  |  | +          type: "warning"
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  | +          .then(() => {
 | 
	
		
			
				|  |  | +            return bcntrtypesRemove(row.id);
 | 
	
		
			
				|  |  | +          })
 | 
	
		
			
				|  |  | +          .then(() => {
 | 
	
		
			
				|  |  | +            this.onLoad(this.page);
 | 
	
		
			
				|  |  | +            this.$message({
 | 
	
		
			
				|  |  | +              type: "success",
 | 
	
		
			
				|  |  | +              message: "操作成功!"
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      handleDelete() {
 | 
	
		
			
				|  |  | +        if (this.selectionList.length === 0) {
 | 
	
		
			
				|  |  | +          this.$message.warning("请选择至少一条数据");
 | 
	
		
			
				|  |  | +          return;
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        this.$confirm("确定将选择数据删除?", {
 | 
	
		
			
				|  |  | +          confirmButtonText: "确定",
 | 
	
		
			
				|  |  | +          cancelButtonText: "取消",
 | 
	
		
			
				|  |  | +          type: "warning"
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  | +          .then(() => {
 | 
	
		
			
				|  |  | +            return bcntrtypesRemove(this.ids);
 | 
	
		
			
				|  |  | +          })
 | 
	
		
			
				|  |  | +          .then(() => {
 | 
	
		
			
				|  |  | +            this.onLoad(this.page);
 | 
	
		
			
				|  |  | +            this.$message({
 | 
	
		
			
				|  |  | +              type: "success",
 | 
	
		
			
				|  |  | +              message: "操作成功!"
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            this.$refs.crud.toggleSelection();
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      beforeOpen(done, type) {
 | 
	
		
			
				|  |  | +        if (["edit", "view"].includes(type)) {
 | 
	
		
			
				|  |  | +         bcntrtypesDetail(this.form.id).then(res => {
 | 
	
		
			
				|  |  | +            this.form = res.data.data;
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        done();
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      searchReset() {
 | 
	
		
			
				|  |  | +        this.query = {};
 | 
	
		
			
				|  |  | +        this.onLoad(this.page);
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      searchChange(params, done) {
 | 
	
		
			
				|  |  | +        this.query = params;
 | 
	
		
			
				|  |  | +        this.page.currentPage = 1;
 | 
	
		
			
				|  |  | +        this.onLoad(this.page, params);
 | 
	
		
			
				|  |  | +        done();
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      selectionChange(list) {
 | 
	
		
			
				|  |  | +        this.selectionList = list;
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      selectionClear() {
 | 
	
		
			
				|  |  | +        this.selectionList = [];
 | 
	
		
			
				|  |  | +        this.$refs.crud.toggleSelection();
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      currentChange(currentPage){
 | 
	
		
			
				|  |  | +        this.page.currentPage = currentPage;
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      sizeChange(pageSize){
 | 
	
		
			
				|  |  | +        this.page.pageSize = pageSize;
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      refreshChange() {
 | 
	
		
			
				|  |  | +        this.onLoad(this.page, this.query);
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      onLoad(page, params = {}) {
 | 
	
		
			
				|  |  | +        this.loading = true;
 | 
	
		
			
				|  |  | +        bcntrtypesList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
 | 
	
		
			
				|  |  | +          const data = res.data.data;
 | 
	
		
			
				|  |  | +          this.page.total = data.total;
 | 
	
		
			
				|  |  | +          this.data = data.records;
 | 
	
		
			
				|  |  | +          this.loading = false;
 | 
	
		
			
				|  |  | +          this.selectionClear();
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<style>
 | 
	
		
			
				|  |  | +</style>
 |