修改前端-

src/views/website/WebsiteList.vue

@@ -206,7 +206,8 @@
                 </el-tooltip>
               </span>
             </template>
-            <el-input v-model="form.keywords" autocomplete="off"  placeholder="请输入网站关键词"></el-input>
+            <!-- <el-input v-model="form.keywords" autocomplete="off"  placeholder="请输入网站关键词"></el-input> -->
+            <inputTag  :initialTags="tags" @tags-updated="updateTags"/> 
           </el-form-item>
           <el-form-item label="网站描述：" :label-width="formLabelWidth" prop="description" class="custom-align-right">
             <template #label>
@@ -219,6 +220,17 @@
             </template>
             <el-input type="textarea" v-model="form.description" class="custom-textarea" placeholder="请输入网站描述"></el-input>
           </el-form-item>
+          <el-form-item label="网站后缀：" :label-width="formLabelWidth" prop="suffix" class="custom-align-right">
+            <template #label>
+              <span class="askBox">
+                网站后缀：
+                <el-tooltip class="item" effect="dark" content="网站后缀，如：全国政务信息一体化应用平台" placement="top">
+                  <i class="el-icon-question"></i>
+                </el-tooltip>
+              </span>
+            </template>
+            <el-input type="textarea" v-model="form.suffix" class="custom-textarea" placeholder="请输入网站后缀"></el-input>
+          </el-form-item>
           <!-- <el-form-item label="模板：" :label-width="formLabelWidth" class="custom-align-right" prop="template_id">
             <div class="webSiteTemplate" @click="getTemplateList">
               <div class="webSiteTemplateImg">
@@ -256,11 +268,12 @@ import CityCascader from './components/CityCascader';
 import tableTitle from './components/tableTitle';
 //引入公用样式
 import '@/styles/global.less';
-
+import InputTag from '@/components/InputTag'
 export default {
   components: {
     CityCascader, //城市级联选择器
     tableTitle,//表格标题
+    InputTag
   },
   data() {
     //0.全局操作 start ------------------------------------------------------------>
@@ -289,6 +302,7 @@ export default {
     let self = this;
     //0.全局操�� end ------------------------------------------------------------>
     return {
+      tags: [],
       //1.列表和分页相关 start ------------------------------------------------------------>
       tableDivTitle:"网站列表",
       tableData:[],//内容
@@ -327,6 +341,7 @@ export default {
         title:"",//需要提交的网站标题
         keywords:"",//需要提交的网站标题
         description:"",//需要提交的网站描述
+        suffix:"",//需要提交的网站后缀
         //template_id:""//选择的网站皮肤
       },
       //3.2 表单验证规则
@@ -347,6 +362,7 @@ export default {
         description:[{required:true,trigger:'blur',validator:validateEmpty}],
         logo:[{required:true,trigger:'blur',validator:validateEmpty}],
         logoUrl:[{required:true,trigger:'blur',validator:validateEmpty}],
+        suffix:[{required:true,trigger:'blur',validator:validateEmpty}],
         //template_id:[{required:true,trigger:'blur',validator:validateEmpty}],
       },
       //3.3 通过api获的的数据 弹窗
@@ -784,7 +800,9 @@ export default {
         console.log(res.data.title,res.data.keywords,res.data.description)
         this.form.title = res.data.title;
         this.form.keywords = res.data.keywords;
+        this.tags = res.data.keywords?res.data.keywords.split(','):[];
         this.form.description = res.data.description;
+        this.form.suffix = res.data.suffix;
         //回显模板信息
         // this.form.template_id = res.data.template_id;
         // this.TemplateName = res.data.template_name;
@@ -844,7 +862,12 @@ export default {
         path: '/templateBase', 
         query: {id:id} 
       });
-    } 
+    } ,
+    updateTags(newTags) {
+            // this.foem.seo_keywords = newTags;
+            this.tags = newTags;
+            this.form.keywords = newTags.join(',');
+    },
     //编辑旧网站 end ------------------------------------------------------------>
   },
   mounted(){

src/views/website/editNavigation.vue

@@ -92,6 +92,11 @@
               <el-input v-model="form.seo_title" autocomplete="off"></el-input>
             </div>
           </el-form-item>
+          <el-form-item label="排序：" :label-width="formLabelWidth" prop="sort" class="custom-align-right">
+            <div class="formLabelFloatBox">
+              <el-input v-model="form.sort" autocomplete="off" ></el-input>
+            </div>
+          </el-form-item>
           <el-form-item label="栏目关键词：" :label-width="formLabelWidth" prop="seo_keywords" class="custom-align-right">
             <div class="formLabelFloatBox">
               <inputTag  :initialTags="tags" @tags-updated="updateTags"/> 
@@ -99,14 +104,10 @@
               <!-- <el-input v-model="form.seo_keywords" autocomplete="off"></el-input> -->
             </div>
           </el-form-item>
+          
           <el-form-item label="栏目描述：" :label-width="formLabelWidth" prop="seo_description" class="custom-align-right">
             <el-input type="textarea" v-model="form.seo_description" class="custom-textarea"></el-input>
           </el-form-item>
-          <el-form-item label="排序：" :label-width="formLabelWidth" prop="sort" class="custom-align-right">
-            <div class="formLabelFloatBox">
-              <el-input v-model="form.sort" autocomplete="off" ></el-input>
-            </div>
-          </el-form-item>
         </div>
       </el-form>
       <div slot="footer" class="dialog-footer">

src/views/website/websiteColumn.vue

@@ -92,7 +92,12 @@
               clearable
               filterable
               :change-on-select="true"
+              collapse-tags
               >
+              <template slot-scope="{ node, data }">
+                <span>{{ data.name }}</span>
+                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+              </template>
             </el-cascader>
           </el-form-item>
 
@@ -179,7 +184,8 @@ export default {
       props: { 
         multiple: true,
         label:"name",
-        value:"id"
+        value:"id",
+        expandTrigger: 'hover'
        },
        categoryList: []
     }