<template>
  <div class="eContainer">
    <c-page title="infpty">
      <el-form
        ref="modelForm"
        label-width="120px"
        size="small"
        label-position="right"
        :model="model"
        :rules="rules"
        :validate-on-rule-change="false"
      >
        <c-tabs v-model="tabVal" ref="elment" type="card">
          <el-tab-pane label="客户信息" name="pty">
            <c-content>
              <m-pty-info :model="model"/>
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="详细地址" name="adr">
            <c-content>
              <m-adr-list :model="model"/>
            </c-content>
          </el-tab-pane>
        </c-tabs>
      </el-form>
      <div style="text-align: center;">
        <c-button type="primary">保 存</c-button>
      </div>
    </c-page>
  </div>
</template>

<script>
import Pty, { Pattern } from "./Pty.js";
import PtyInfo from "./PtyInfo.vue";
import AdrList from "./AdrList.vue";

import { queryDetailById } from "~/service/test";

export default {
  name: "Pty",
  components: {
    "m-pty-info": PtyInfo,
    "m-adr-list": AdrList,
  },
  data() {
    return {
      model: new Pty().data,
      tabVal: "pty",
      rules: Pattern
    };
  },
  created() {
    const inr = this.$route.params.inr
    queryDetailById(inr).then(res => {
      this.model = res
    })
  },
  methods: {},
};
</script>

<style>
</style>