letopn

src/App.vue

@@ -31,4 +31,18 @@ export default {
 .el-input__count{
   right: 1px !important;
 }
+
+.el-button--primary{
+  margin-left: 10px;
+}
+
+.el-form-item--small{
+  margin-right: 30px;
+}
+
+.clear-margin{
+  margin-left: 0px !important;
+  width: 40% !important;
+}
+
 </style>

src/views/Public/Ptap.vue

+<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>