Browse Source

增加文章类型字典与类型选择与地址输入

zhy 1 week ago
parent
commit
fa35eba6b0
2 changed files with 21 additions and 5 deletions
  1. 4 0
      src/store/index.js
  2. 17 5
      src/views/wokes/content/content.vue

+ 4 - 0
src/store/index.js

@@ -32,6 +32,10 @@ export default new Vuex.Store({
         // { value: '3', title: '父级' }
       ],
       columns: [],
+      contentType: [
+        { value: 0, title: '文章' },
+        { value: 1, title: '链接' }
+      ],
       result: [
         { value: '成功', title: '成功' },
         { value: '失败', title: '失败' }

+ 17 - 5
src/views/wokes/content/content.vue

@@ -63,6 +63,15 @@
                 :label="item.name"
                 :value="item.code">
               </el-option>
+            </el-select>
+             <!-- 类型选择 -->
+             <el-select multiple v-if="item.name == 'contentType'" v-model="form[item.name]" placeholder="请选择文章类型">
+              <el-option
+                v-for="item in contentType"
+                :key="item._id"
+                :label="item.title"
+                :value="item.value">
+              </el-option>
             </el-select>
             <!-- 附件上传 -->
             <el-upload
@@ -81,7 +90,8 @@
               <el-button size="small" type="primary">点击上传</el-button>
             </el-upload>
             <!-- 富文本 -->
-            <editor-bar v-if="item.name == 'content'" v-model="form[item.name]" :isClear="isClear"></editor-bar>
+            <editor-bar v-if="item.name == 'content' && form.contentType == 0" v-model="form[item.name]" :isClear="isClear"></editor-bar>
+            <el-input v-if="item.name == 'content' && form.contentType != 0"  v-model="form.href" placeholder="请输入跳转地址"></el-input>
           </template>
           <template v-slot:end="{ form, item }">
             <el-form-item :label="item.title" v-if="item.name == 'term' && form.menus == '4'" :prop="item.name">
@@ -131,6 +141,7 @@ export default {
         { name: 'term', title: '文章期目', slots: 'end' },
         { name: 'sort', title: '排序', placeholder: '请输入数字 0 - 100' },
         { name: 'annex', title: '附件', slots: 'field' },
+        { name: 'contentType', title: '文章类型', formatter: 'contentType' },
         { name: 'content', title: '内容', slots: 'field' }
       ],
       rules: {
@@ -149,9 +160,9 @@ export default {
         thumbnail: [
           { required: true, message: '请上传缩略图', trigger: 'blur' }
         ],
-        content: [
-          { required: true, message: '请输入内容', trigger: 'blur' }
-        ],
+        // content: [
+        //   { required: true, message: '请输入内容', trigger: 'blur' }
+        // ],
         term: [
           { required: true, message: '请输入期目', trigger: 'blur' }
         ]
@@ -179,7 +190,8 @@ export default {
     // 添加
     async addcontent () {
       this.is_data = {
-        menus: this.data.code
+        menus: this.data.code,
+        contentType: 0
       }
       this.visible = true
     },