更新科目详情页面

src/views/subject/detail.vue

@@ -1,18 +1,44 @@
 <template>
   <div id="detail">
-    <p>detail</p>
+    <detail-frame title="科目详情页" 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: {},
-  data: () => ({}),
+  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: {},
-  methods: {},
+  computed: {
+    isNew() {
+      return this.$route.query.id ? false : true;
+    },
+  },
+  methods: {
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
 };
 </script>
 

src/views/work/detail.vue

@@ -107,8 +107,6 @@ export default {
       { label: '状态', required: true, model: 'state', type: `select` },
       { label: '作业代码', required: true, model: 'optionid' },
       { label: '标题', required: true, model: 'title' },
-
-      { label: 'openid', required: true, model: 'openid' },
       { label: '题型', required: true, model: 'type', type: 'wenjian', custom: true },
     ],
     rules: {