| | |
| | | <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> |
| | |
| | | </Form> |
| | | </div> |
| | | <div class="buttons"> |
| | | <Button type="warning" size="small">清空查询</Button> |
| | | <Button type="warning" size="small" @click="onClearClick" |
| | | >清空查询</Button |
| | | > |
| | | </div> |
| | | <DataTable |
| | | :tableHeight="tableTopHeight" |
| | |
| | | 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, |
| | |
| | | // 从表测试数据列表 |
| | | 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 = { |
| | |
| | | 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(); |