<template>
  <div>
    <el-form-item label="Vue页面路径">
      <el-input
        v-model="optionModel.componentPath"
        placeholder="如 @base/views/user/form/view/list 或 /user/form/view/list"
      ></el-input>
    </el-form-item>
    <el-form-item label="页面高度">
      <el-input
        v-model="optionModel.componentHeight"
        placeholder="如 500px，留空则自适应"
      ></el-input>
    </el-form-item>
    <el-form-item label="页面传参" label-width="150px">
      <a
        href="javascript:void(0);"
        class="a-link link-oneLind"
        @click="editEventHandler('componentConfig', params)"
      >
        <span>{{ optionModel.componentConfig }}</span>
        <i class="el-icon-edit"></i>
      </a>
    </el-form-item>
  </div>
</template>

<script>
import i18n from "../../../../utils/i18n";
import eventMixin from "../event-handler/eventMixin";

export default {
  name: "vue-page-editor",
  mixins: [i18n, eventMixin],
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
  data() {
    return {
      params: ["dataId", "formCode"],
    };
  },
};
</script>

<style scoped></style>
