zrlibs
2025-03-20 b0478092cb738ea038216c347835a14da3768baf
src/views/examples/master-slave.vue
@@ -13,53 +13,53 @@
              <Row>
                <Col span="6">
                  <FormItem label="仓库编码:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.code" size="small"></Input>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem label="仓库名称:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.name" size="small"></Input>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem label="仓库负责人:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.leader" size="small"></Input>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem label="仓库电话:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.tel" size="small"></Input>
                  </FormItem>
                </Col>
              </Row>
              <Row>
                <Col span="6">
                  <FormItem label="上级仓库编码:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.topCode" size="small"></Input>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem label="地址:">
                    <Input v-model="topForm.WH_Code" size="small"></Input>
                    <Input v-model="topForm.address" size="small"></Input>
                  </FormItem>
                </Col>
                <Col span="4">
                  <FormItem :label-width="34">
                    <Checkbox v-model="topForm.WH_Code" size="small"
                    <Checkbox v-model="topForm.isThisLevel" size="small"
                      >是否本级</Checkbox
                    >
                  </FormItem>
                </Col>
                <Col span="4">
                  <FormItem :label-width="34">
                    <Checkbox v-model="topForm.WH_Code" size="small"
                    <Checkbox v-model="topForm.isEscorw" size="small"
                      >是否代管</Checkbox
                    >
                  </FormItem>
                </Col>
                <Col span="4">
                  <FormItem :label-width="34">
                    <Checkbox v-model="topForm.WH_Code" size="small"
                    <Checkbox v-model="topForm.isEnable" size="small"
                      >是否启用</Checkbox
                    >
                  </FormItem>
@@ -68,7 +68,9 @@
            </Form>
          </div>
          <div class="buttons">
            <Button type="warning" size="small">清空查询</Button>
            <Button type="warning" size="small" @click="onClearClick"
              >清空查询</Button
            >
          </div>
          <DataTable
            :tableHeight="tableTopHeight"
@@ -115,14 +117,22 @@
  data() {
    return {
      // 分隔比例
      split: 0.6,
      split: 0.8,
      // 主表参数定义
      topColumns: [],
      topData: [],
      tableTopHeight: 0,
      tableBottomHeight: 0,
      topForm: {
        WH_Code: "",
        code: "",
        name: "",
        leader: "",
        tel: "",
        topCode: "",
        address: "",
        isThisLevel: false,
        isEscorw: false,
        isEnable: false,
      },
      topPage: 1,
      topLimit: 30,
@@ -278,7 +288,7 @@
    // 从表测试数据列表
    fakeBottomDataList(topDataId) {
      return new Promise((resolve) => {
        let total = Math.floor(Math.random() * 10);
        let total = Math.floor(Math.random() * 10 + 1);
        let fakeList = [];
        for (let i = 0; i < total; i++) {
          let row = {
@@ -428,6 +438,20 @@
      this.topPage = page;
      this.loadTopData();
    },
    onClearClick() {
      this.reset();
    },
    reset() {
      this.topForm.code = "";
      this.topForm.name = "";
      this.topForm.leader = "";
      this.topForm.tel = "";
      this.topForm.topCode = "";
      this.topForm.address = "";
      this.topForm.isThisLevel = false;
      this.topForm.isEscorw = false;
      this.topForm.isEnable = false;
    },
  },
  async mounted() {
    await this.loadTopColumns();