train-center/src/views/subject/detail.vue

<template>
  <div id="detail">
    <detail-frame :title="mainTitle" returns="./index">
      <data-form :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew"> </data-form>
    </detail-frame>
  </div>
</template>

<script>
import detailFrame from '@frame/layout/admin/detail-frame';
import dataForm from '@frame/components/form';
export default {
  metaInfo: { title: '科目详情页' },
  name: 'detail',
  props: {},
  components: {
    detailFrame,
    dataForm,
  },
  data: () => ({
    fields: [
      { label: '科目名称', required: true, model: 'name' },
      { label: '名称代码', required: true, model: 'code' },
    ],
    rules: {
      name: [{ required: true, message: '请输入科目代码' }],
      code: [{ required: true, message: '请输入科目名称' }],
    },
  }),
  created() {},
  computed: {
    isNew() {
      return this.$route.query.id ? false : true;
    },
    mainTitle() {
      let meta = this.$route.meta;
      let main = meta.title || '';
      let sub = meta.sub || '';
      return `${main}${sub}`;
    },
    keyWord() {
      let meta = this.$route.meta;
      let main = meta.title || '';
      return main;
    },
  },
  methods: {
    async handleSave({ isNew, data }) {
      console.log(isNew);
      console.log(data);
    },
  },
};
</script>

<style lang="less" scoped></style>