更新

src/layout/government/messageDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="messageDetail">
-    <el-row>
+    <el-row v-if="loading">
       <el-col :span="24">
         <el-col :span="24" class="topBtn">
           <el-button type="primary" size="mini" @click="returnBtn()">返回</el-button>
@@ -10,19 +10,22 @@
         <el-col :span="24" class="messgae">
           <el-form ref="form" :model="form" label-width="80px">
             <el-form-item label="信息标题">
-              <el-input v-model="form.title"></el-input>
+              <el-input v-model="form.title" placeholder="请输入信息标题"></el-input>
             </el-form-item>
             <el-form-item label="来源">
-              <el-input v-model="form.orgin"></el-input>
+              <el-input v-model="form.orgin" placeholder="请输入信息来源"></el-input>
             </el-form-item>
-            <el-form-item label="正文">
-              <el-input v-model="form.content"></el-input>
-            </el-form-item>
-            <el-form-item label="所属栏目">
+            <el-form-item label="所属栏目" placeholder="请选择所属栏目">
               <el-select v-model="form.column_id" filterable @change="selectChild">
                 <el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
               </el-select>
             </el-form-item>
+            <el-form-item label="信息图片" prop="picture">
+              <upload :limit="1" :data="form.picture" type="picture" :url="'/files/links/upload'" @upload="uploadSuccess"></upload>
+            </el-form-item>
+            <el-form-item label="信息内容">
+              <wang-editor v-model="form.content" placeholder="请输入信息内容"></wang-editor>
+            </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="onSubmit()">提交</el-button>
             </el-form-item>
@@ -34,13 +37,19 @@
 </template>
 
 <script>
+import WangEditor from '@/components/wang-editor.vue';
+import upload from '@/components/upload.vue';
 export default {
   name: 'messageDetail',
   props: {
     form: null,
     columnList: null,
+    loading: null,
+  },
+  components: {
+    WangEditor,
+    upload,
   },
-  components: {},
   data: () => ({}),
   created() {},
   computed: {},
@@ -59,6 +68,9 @@ export default {
       }
       this.$forceUpdate();
     },
+    uploadSuccess({ type, data }) {
+      this.$set(this.form, `${type}`, data.uri);
+    },
   },
 };
 </script>

src/views/government/messageInfoDetail.vue

@@ -5,7 +5,7 @@
         <topInfo :topTitle="topTitle"></topInfo>
       </el-col>
       <el-col :span="24" class="main">
-        <message :form="form" :columnList="columnList" @submitDate="onSubmit"></message>
+        <message :form="form" :columnList="columnList" @submitDate="onSubmit" :loading="loading"></message>
       </el-col>
     </el-row>
   </div>
@@ -28,6 +28,7 @@ export default {
     topTitle: '添加信息',
     form: {},
     columnList: [],
+    loading: true,
   }),
   created() {
     this.search();
@@ -47,9 +48,11 @@ export default {
     ...mapNews(['fetch', 'create', 'update']),
     ...mapColumn({ queryList: 'query' }),
     async search() {
+      this.loading = false;
       if (this.$route.query.id) {
         const res = await this.fetch(this.id);
         this.$set(this, `form`, res.data);
+        this.loading = true;
       }
     },
     async onSubmit(form) {