<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <el-form-item
        :label="`${argadr.title}参考号`"
        :prop="`${argadr.grp}.${argadr.rol}.pts.ref`"
      >
        <c-input
          v-model="model[argadr.grp][argadr.rol].pts.ref"
          :placeholder="'请输入' + argadr.title + '参考号'"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="18">
      <el-form-item
        label="Extkey"
        :prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
      >
        <c-input
          v-model="model[argadr.grp][argadr.rol].pts.extkey"
          :placeholder="'请输入' + argadr.title + 'Extkey'"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="6">
      <el-form-item label="" label-width="15px">
        <c-button
          size="small"
          type="primary;width:10%"
          @click="onSeainf(`${argadr.grp}.${argadr.rol}.pts.extkey`)"
          >i</c-button
        >
        <c-button size="small" type="primary" @click="onAplpDet">
          Details
        </c-button>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item
        label="名称"
        :prop="`${argadr.grp}.${argadr.rol}.pts.namelc`"
      >
        <c-input
          v-model="model[argadr.grp][argadr.rol].pts.namelc"
          :placeholder="'请输入' + argadr.title + '名称'"
          :disabled="disabled"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item
        label="地址"
        :prop="`${argadr.grp}.${argadr.rol}.pts.adrelc`"
      >
        <c-input
          v-model="model[argadr.grp][argadr.rol].pts.adrelc"
          :placeholder="'请输入' + argadr.title + '地址'"
          :disabled="disabled"
        ></c-input>
      </el-form-item>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
// 机构信息模块
export default {
  inject: ["root"],
  mixins: [CommonProcess],

  props: {
    model: {
      type: Object,
      default: undefined,
    },
    argadr: {
      type: Object,
      required: true,
      default: function () {
        return {
          title: "", //角色名称
          rol: "", //角色
          grp: "", //所属模块
        };
      },
    },
    disabled: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      data: [],
    };
  },
  watch: {},
  methods: {
    onSeainf(data) {
      this.$emit("onSeainf", data);
    },

    onAplpDet() {
      this.$emit("onAplpDet");
    },
  },
  created: function () {},
};
</script>
<style>
</style>