|
|
@@ -6,7 +6,7 @@
|
|
|
<el-col :span="8">
|
|
|
<div class="searchBox">
|
|
|
<div class="searchTitle">栏目名称：</div>
|
|
|
- <el-input placeholder="请输入栏目名称" autocomplete="off" v-model="getApiData.name"/>
|
|
|
+ <el-input placeholder="请输入栏目名称" autocomplete="off" v-model="getApiData.name" />
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!-- <el-col :span="8">
|
|
|
@@ -29,14 +29,14 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-button @click="clearSearchList">重置</el-button>
|
|
|
- <el-button type="primary" style="margin-right:20px" @click="getData('search')">搜索</el-button>
|
|
|
+ <el-button type="primary" style="margin-right:20px" @click="getData('search')">搜索</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--搜索功能 end------------------------------------------------------------>
|
|
|
|
|
|
<!--表格内容 start------------------------------------------------------------>
|
|
|
<div class="layerBox">
|
|
|
- <tableTitle :name="tableDivTitle"/>
|
|
|
+ <tableTitle :name="tableDivTitle" />
|
|
|
<el-row>
|
|
|
<template>
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
@@ -45,20 +45,22 @@
|
|
|
<!-- <el-table-column prop="department_name" label="行政职能部门"></el-table-column>
|
|
|
<el-table-column prop="city_name" label="行政区划"></el-table-column> --> 父级栏目
|
|
|
<!-- <el-table-column prop="sort" label="权重"></el-table-column> -->
|
|
|
- <el-table-column label="父级栏目">
|
|
|
+ <el-table-column label="父级栏目">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
- {{scope.row.parent_name?scope.row.parent_name:"---"}}
|
|
|
+ {{ scope.row.parent_name ? scope.row.parent_name : "---" }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="created_at" label="创建时间"></el-table-column>
|
|
|
<el-table-column prop="updated_at" label="修改时间"></el-table-column>
|
|
|
- <el-table-column fixed="right" label="操作" width="200" header-align="center">
|
|
|
+ <el-table-column fixed="right" label="操作" width="200" header-align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="listBtnBox">
|
|
|
- <div class="listDeleteBtn" @click="deleteData(scope.row.id, tableData)"><i class="el-icon-delete"></i>删除</div>
|
|
|
- <div class="listEditBtn" @click="getDataMain(scope.row.id, tableData)"><i class="el-icon-edit-outline"></i>编辑</div>
|
|
|
+ <div class="listDeleteBtn" @click="deleteData(scope.row.id, tableData)"><i
|
|
|
+ class="el-icon-delete"></i>删除</div>
|
|
|
+ <div class="listEditBtn" @click="getDataMain(scope.row.id, tableData)"><i
|
|
|
+ class="el-icon-edit-outline"></i>编辑</div>
|
|
|
</div>
|
|
|
<!-- <el-button @click.native.prevent="deleteData(scope.row.id, tableData)" type="text" size="small">删除</el-button>
|
|
|
<el-button @click.native.prevent="getDataMain(scope.row.id, tableData)" type="text" size="small">编辑</el-button> -->
|
|
|
@@ -72,7 +74,9 @@
|
|
|
<div class="alignBox">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-pagination :current-page="getApiData.page" @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-size="10" layout="total, prev, pager, next, jumper" :total="allCount"></el-pagination>
|
|
|
+ <el-pagination :current-page="getApiData.page" @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange" :page-size="10" layout="total, prev, pager, next, jumper"
|
|
|
+ :total="allCount"></el-pagination>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
@@ -80,14 +84,15 @@
|
|
|
<!--表格内容 end------------------------------------------------------------>
|
|
|
|
|
|
<!--弹出框 start------------------------------------------------------------>
|
|
|
- <el-dialog :title="editId ? '编辑栏目名称' : '添加栏目名称'" :visible.sync="windowStatus" :close-on-click-modal="false" @close="clearToServe(2)">
|
|
|
+ <el-dialog :title="editId ? '编辑栏目名称' : '添加栏目名称'" :visible.sync="windowStatus" :close-on-click-modal="false"
|
|
|
+ @close="clearToServe(2)">
|
|
|
<el-form :model="form" ref="form" :rules="formRules" autocomplete="off" label-position="left">
|
|
|
<div class="formDiv">
|
|
|
<el-form-item label="栏目名称：" :label-width="formLabelWidth" prop="name" class="custom-align-right">
|
|
|
<el-input v-model="form.name" autocomplete="off" placeholder="请输入栏目名称"></el-input>
|
|
|
<el-checkbox v-model="show_url" @change="ifUrl">引用外链</el-checkbox>
|
|
|
</el-form-item>
|
|
|
- <div v-if="show_url==1">
|
|
|
+ <div v-if="show_url == 1">
|
|
|
<el-form-item label="外链地址：" :label-width="formLabelWidth" prop="web_url" class="custom-align-right">
|
|
|
<el-input v-model="form.web_url" autocomplete="off" placeholder="请输入外链地址"></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -96,7 +101,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="栏目关键词：" :label-width="formLabelWidth" prop="seo_keywords" class="custom-align-right">
|
|
|
<!-- <el-input v-model="form.seo_keywords" autocomplete="off" placeholder="请输入栏目关键词"></el-input> -->
|
|
|
- <inputTag :initialTags="tags" @tags-updated="updateTags"/>
|
|
|
+ <inputTag :initialTags="tags" @tags-updated="updateTags" />
|
|
|
</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" placeholder="请输入栏目描述"></el-input>
|
|
|
@@ -105,22 +110,24 @@
|
|
|
<el-input v-model="form.sort" autocomplete="off" placeholder="请输入排序"></el-input>
|
|
|
</el-form-item> -->
|
|
|
</div>
|
|
|
- <div v-if="show_url==0">
|
|
|
+ <div v-if="show_url == 0">
|
|
|
<!-- <el-form-item label="关联职能部门：" :label-width="formLabelWidth" prop="department_arr_id" class="custom-align-right"> -->
|
|
|
- <!-- <el-cascader :key="departmentKey" v-model="form.department_arr_id" placeholder="选择要绑定的职能部门" :props="departmentData" filterable clearable></el-cascader> -->
|
|
|
- <!-- <el-cascader :key="departmentKey" :props="{value:'id',label:'name',children:'children'}" :options="allDepartment" v-model="form.department_arr_id" :show-all-levels="false" filterable />
|
|
|
+ <!-- <el-cascader :key="departmentKey" v-model="form.department_arr_id" placeholder="选择要绑定的职能部门" :props="departmentData" filterable clearable></el-cascader> -->
|
|
|
+ <!-- <el-cascader :key="departmentKey" :props="{value:'id',label:'name',children:'children'}" :options="allDepartment" v-model="form.department_arr_id" :show-all-levels="false" filterable />
|
|
|
</el-form-item> -->
|
|
|
<!-- <el-form-item label="关联行政区划：" :label-width="formLabelWidth" prop="city_arr_id" class="custom-align-right">
|
|
|
<el-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="选择要绑定行政区划" :props="cityData" filterable clearable></el-cascader>
|
|
|
</el-form-item> -->
|
|
|
<el-form-item label="父级栏目：" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
- <el-cascader :key="parentKey" v-model="form.pid_arr" placeholder="请选择要绑定的父级栏目" :props="parentData" filterable clearable></el-cascader>
|
|
|
+ <el-cascader :key="parentKey" v-model="form.pid_arr" placeholder="请选择要绑定的父级栏目" :props="parentData"
|
|
|
+ filterable clearable></el-cascader>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="栏目标题：" :label-width="formLabelWidth" prop="seo_title" class="custom-align-right">
|
|
|
<template #label>
|
|
|
<span class="askBox">
|
|
|
栏目标题：
|
|
|
- <el-tooltip class="item" effect="dark" content="栏目标题，如：三农市场网_农资产品商城_网站列表_全国信息一体化网络平台_项目大全。" placement="top">
|
|
|
+ <el-tooltip class="item" effect="dark" content="栏目标题，如：三农市场网_农资产品商城_网站列表_全国信息一体化网络平台_项目大全。"
|
|
|
+ placement="top">
|
|
|
<i class="el-icon-question"></i>
|
|
|
</el-tooltip>
|
|
|
</span>
|
|
|
@@ -137,7 +144,7 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
<!-- <el-input v-model="form.seo_keywords" autocomplete="off" placeholder="请输入栏目关键词"></el-input> -->
|
|
|
- <inputTag :initialTags="tags" @tags-updated="updateTags"/>
|
|
|
+ <inputTag :initialTags="tags" @tags-updated="updateTags" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="栏目描述：" :label-width="formLabelWidth" prop="seo_description" class="custom-align-right">
|
|
|
<template #label>
|
|
|
@@ -148,7 +155,8 @@
|
|
|
</el-tooltip>
|
|
|
</span>
|
|
|
</template>
|
|
|
- <el-input type="textarea" v-model="form.seo_description" class="custom-textarea" placeholder="请输入栏目描述"></el-input>
|
|
|
+ <el-input type="textarea" v-model="form.seo_description" class="custom-textarea"
|
|
|
+ placeholder="请输入栏目描述"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="排序：" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
<el-input v-model="form.sort" autocomplete="off" placeholder="请输入排序"></el-input>
|
|
|
@@ -158,7 +166,7 @@
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="closeWindow">取 消</el-button>
|
|
|
- <el-button type="primary" @click="editToServe" v-if="editBtn==true">确定</el-button>
|
|
|
+ <el-button type="primary" @click="editToServe" v-if="editBtn == true">确定</el-button>
|
|
|
<el-button type="primary" @click="addToServe" v-else>提交</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -182,7 +190,7 @@ export default {
|
|
|
data() {
|
|
|
//0.全局操作 start ------------------------------------------------------------>
|
|
|
//表单验证
|
|
|
- const validateEmpty = (rule,value,callback) => {
|
|
|
+ const validateEmpty = (rule, value, callback) => {
|
|
|
if (value.length == 0) {
|
|
|
callback(new Error('该项不能为空！'))
|
|
|
} else {
|
|
|
@@ -203,35 +211,35 @@ export default {
|
|
|
// callback()
|
|
|
// }
|
|
|
// }
|
|
|
- const validatePid = (rule,value,callback) => {
|
|
|
+ const validatePid = (rule, value, callback) => {
|
|
|
if (value.length === 0) {
|
|
|
- callback(new Error('请选择父级栏目！'))
|
|
|
+ callback(new Error('请选择父级栏目！'))
|
|
|
} else {
|
|
|
- callback()
|
|
|
+ callback()
|
|
|
}
|
|
|
}
|
|
|
let self = this;
|
|
|
//0.全局操作 end ------------------------------------------------------------>
|
|
|
return {
|
|
|
- tags:[],
|
|
|
+ tags: [],
|
|
|
//1.列表和分页相关 start ------------------------------------------------------------>
|
|
|
- tableDivTitle:"栏目名称列表",
|
|
|
- tableData:[],//内容
|
|
|
- allCount:0,//总条数
|
|
|
- editId:0,//要修改的网站id
|
|
|
- getApiData:{
|
|
|
- name:"",//栏目池名称查询
|
|
|
+ tableDivTitle: "栏目名称列表",
|
|
|
+ tableData: [],//内容
|
|
|
+ allCount: 0,//总条数
|
|
|
+ editId: 0,//要修改的网站id
|
|
|
+ getApiData: {
|
|
|
+ name: "",//栏目池名称查询
|
|
|
// department_id:[],//行政职能部门id
|
|
|
// city_id:[],//行政区划
|
|
|
- page:1,//当前是第几页
|
|
|
- pageSize:10,//一共多少条
|
|
|
+ page: 1,//当前是第几页
|
|
|
+ pageSize: 10,//一共多少条
|
|
|
},
|
|
|
- allDepartment:[],//所有职能
|
|
|
+ allDepartment: [],//所有职能
|
|
|
//列表和分页相关 end ------------------------------------------------------------>
|
|
|
|
|
|
//2.搜索相关 start ------------------------------------------------------------>
|
|
|
//行政职能部门
|
|
|
- searchDepartmentKey:0, //列表缓存key
|
|
|
+ searchDepartmentKey: 0, //列表缓存key
|
|
|
// searchDepartmentData: {
|
|
|
// checkStrictly: true,
|
|
|
// lazy: true,
|
|
|
@@ -259,11 +267,11 @@ export default {
|
|
|
// }
|
|
|
// },
|
|
|
//获取城市列表
|
|
|
- searchCascaderKey:0, //列表缓存key
|
|
|
+ searchCascaderKey: 0, //列表缓存key
|
|
|
searchCityData: {
|
|
|
checkStrictly: true,
|
|
|
lazy: true,
|
|
|
- async lazyLoad (node, resolve) {
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
const { level, data } = node;
|
|
|
if (data && data.children && data.children.length !== 0) {
|
|
|
return resolve(node)
|
|
|
@@ -271,9 +279,9 @@ export default {
|
|
|
console.log(level)
|
|
|
let parentId = level == 0 ? 0 : data.value
|
|
|
let parames = {
|
|
|
- 'pid':parentId
|
|
|
+ 'pid': parentId
|
|
|
}
|
|
|
- self.$store.dispatch('pool/getcityList',parames).then(res=> {
|
|
|
+ self.$store.dispatch('pool/getcityList', parames).then(res => {
|
|
|
if (res.data) {
|
|
|
const nodes = res.data.map(item => ({
|
|
|
value: item.id,
|
|
|
@@ -289,45 +297,45 @@ export default {
|
|
|
//搜索相关 end ------------------------------------------------------------>
|
|
|
|
|
|
//3.弹出框设置 start ------------------------------------------------------------>
|
|
|
- windowStatus:false, //显示弹出框
|
|
|
+ windowStatus: false, //显示弹出框
|
|
|
formLabelWidth: '140px',
|
|
|
- show_url:false, //是否显示外链输入框
|
|
|
- editBtn:false,//当显示编辑按钮的时候，就不显示提交
|
|
|
+ show_url: false, //是否显示外链输入框
|
|
|
+ editBtn: false,//当显示编辑按钮的时候，就不显示提交
|
|
|
//弹出框设置 end ------------------------------------------------------------>
|
|
|
|
|
|
//4.弹出框中的表单设置 start ------------------------------------------------------------>
|
|
|
//4.1表单收集的数据
|
|
|
form: {
|
|
|
name: '',//栏目池名称
|
|
|
- is_url:0,//是否为外链，0=否 1=是
|
|
|
- web_url:"",//外链地址
|
|
|
+ is_url: 0,//是否为外链，0=否 1=是
|
|
|
+ web_url: "",//外链地址
|
|
|
// department_arr_id:[],//职能部门
|
|
|
// city_arr_id:[],//行政区划
|
|
|
- sort:0,//排序
|
|
|
+ sort: 0,//排序
|
|
|
//pid:2,
|
|
|
- seo_title:"",//标题
|
|
|
- seo_keywords:"",//关键词
|
|
|
- seo_description:"",//描述
|
|
|
- pid_arr:[]//父级栏目
|
|
|
+ seo_title: "",//标题
|
|
|
+ seo_keywords: "",//关键词
|
|
|
+ seo_description: "",//描述
|
|
|
+ pid_arr: []//父级栏目
|
|
|
},
|
|
|
//4.2表单验证规则
|
|
|
formRules: {
|
|
|
//网站名称不能为空
|
|
|
- name:[{required:true,trigger:'blur',validator:validateEmpty}],//栏目池名称不能为空
|
|
|
- web_url:[{required:true,trigger:'blur',validator:validateEmpty}],//外链地址不能为空
|
|
|
+ name: [{ required: true, trigger: 'blur', validator: validateEmpty }],//栏目池名称不能为空
|
|
|
+ web_url: [{ required: true, trigger: 'blur', validator: validateEmpty }],//外链地址不能为空
|
|
|
// department_arr_id: [{type:'array',required:true,trigger:'change',message:'请选择职能部门！',validator:validateDepartment}],
|
|
|
// city_arr_id: [{type:'array',required:true,trigger:'change',message:'请选择行政区划！',validator:validateCity}],
|
|
|
// pid_arr: [{type:'array',required:true,trigger:'change',message:'请选择父级栏目！',validator:validatePid}],
|
|
|
- seo_title:[{required:true,trigger:'blur',validator:validateEmpty}],//标题不能为空
|
|
|
- seo_keywords:[{required:true,trigger:'blur',validator:validateEmpty}],//关键词不能为空
|
|
|
- seo_description:[{required:true,trigger:'blur',validator:validateEmpty}],//描述不能为空
|
|
|
+ seo_title: [{ required: true, trigger: 'blur', validator: validateEmpty }],//标题不能为空
|
|
|
+ seo_keywords: [{ required: true, trigger: 'blur', validator: validateEmpty }],//关键词不能为空
|
|
|
+ seo_description: [{ required: true, trigger: 'blur', validator: validateEmpty }],//描述不能为空
|
|
|
},
|
|
|
//获取城市列表
|
|
|
- cascaderKey:0,//弹窗用的key
|
|
|
+ cascaderKey: 0,//弹窗用的key
|
|
|
cityData: {
|
|
|
checkStrictly: true,
|
|
|
lazy: true,
|
|
|
- async lazyLoad (node, resolve) {
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
const { level, data } = node;
|
|
|
if (data && data.children && data.children.length !== 0) {
|
|
|
return resolve(node)
|
|
|
@@ -335,9 +343,9 @@ export default {
|
|
|
console.log(level)
|
|
|
let parentId = level == 0 ? 0 : data.value
|
|
|
let parames = {
|
|
|
- 'pid':parentId
|
|
|
+ 'pid': parentId
|
|
|
}
|
|
|
- self.$store.dispatch('pool/getcityList',parames).then(res=> {
|
|
|
+ self.$store.dispatch('pool/getcityList', parames).then(res => {
|
|
|
if (res.data) {
|
|
|
const nodes = res.data.map(item => ({
|
|
|
value: item.id,
|
|
|
@@ -351,7 +359,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//获取职能部门
|
|
|
- departmentKey:0,//弹窗用的key
|
|
|
+ departmentKey: 0,//弹窗用的key
|
|
|
// departmentData: {
|
|
|
// checkStrictly: true,//父级不可选
|
|
|
// lazy: true,
|
|
|
@@ -378,11 +386,11 @@ export default {
|
|
|
// })
|
|
|
// }
|
|
|
// },
|
|
|
- parentKey:0,//获取父级栏目
|
|
|
+ parentKey: 0,//获取父级栏目
|
|
|
parentData: {
|
|
|
checkStrictly: true,
|
|
|
lazy: true,
|
|
|
- async lazyLoad (node, resolve) {
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
const { level, data } = node;
|
|
|
if (data && data.children && data.children.length !== 0) {
|
|
|
return resolve(node)
|
|
|
@@ -390,9 +398,9 @@ export default {
|
|
|
console.log(level)
|
|
|
let parentId = level == 0 ? 0 : data.value
|
|
|
let parames = {
|
|
|
- 'pid':parentId
|
|
|
+ 'pid': parentId
|
|
|
}
|
|
|
- self.$store.dispatch('pool/categoryList',parames).then(res=> {
|
|
|
+ self.$store.dispatch('pool/categoryList', parames).then(res => {
|
|
|
if (res.data) {
|
|
|
const nodes = res.data.map(item => ({
|
|
|
value: item.id,
|
|
|
@@ -411,7 +419,7 @@ export default {
|
|
|
methods: {
|
|
|
//1.列表和分页相关 start ------------------------------------------------------------>
|
|
|
//1.1 开始请求列表信息方法
|
|
|
- getData(type){
|
|
|
+ getData(type) {
|
|
|
//搜索条件
|
|
|
// if(this.getApiData.department_id.length>0){
|
|
|
// //网系只提交最后一个
|
|
|
@@ -422,10 +430,10 @@ export default {
|
|
|
// this.getApiData.city_id = this.getApiData.city_id[this.getApiData.city_id.length - 1];
|
|
|
// }
|
|
|
//如果是搜索，重新加载第一页
|
|
|
- if(type=="search"){
|
|
|
+ if (type == "search") {
|
|
|
this.getApiData.page = 1;
|
|
|
}
|
|
|
- this.$store.dispatch('pool/getCategoryList',this.getApiData).then(res=> {
|
|
|
+ this.$store.dispatch('pool/getCategoryList', this.getApiData).then(res => {
|
|
|
this.tableData = res.data.rows; //��与内容
|
|
|
this.allCount = res.data.count; //给与总条数
|
|
|
}).catch(() => {
|
|
|
@@ -436,20 +444,20 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
//1.2 删除内容
|
|
|
- deleteData(id){
|
|
|
+ deleteData(id) {
|
|
|
this.$confirm('删除后，该条信息及其绑定关系全部删除，确定吗', '提示', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
|
console.log("当前删除：" + id)
|
|
|
- this.$store.dispatch('pool/delCategory',{id:id}).then(res=> {
|
|
|
- if(res.code==200){
|
|
|
+ this.$store.dispatch('pool/delCategory', { id: id }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
this.$message({
|
|
|
type: 'success',
|
|
|
message: '删除成功!'
|
|
|
});
|
|
|
- }else if(res.code==0){
|
|
|
+ } else if (res.code == 0) {
|
|
|
this.$message({
|
|
|
type: 'warning',
|
|
|
message: res.message
|
|
|
@@ -480,7 +488,7 @@ export default {
|
|
|
this.getData();
|
|
|
},
|
|
|
//1.5 重置按钮
|
|
|
- clearSearchList(){
|
|
|
+ clearSearchList() {
|
|
|
this.tableData = [];
|
|
|
this.getApiData.name = "";
|
|
|
// this.getApiData.department_id = [];
|
|
|
@@ -490,8 +498,8 @@ export default {
|
|
|
this.getData();
|
|
|
},
|
|
|
//1.6 获取所有职能
|
|
|
- getAllDepartment(){
|
|
|
- this.$store.dispatch('cms/getAllDepartment').then(res=> {
|
|
|
+ getAllDepartment() {
|
|
|
+ this.$store.dispatch('cms/getAllDepartment').then(res => {
|
|
|
console.log(res)
|
|
|
this.allDepartment = res.data;
|
|
|
})
|
|
|
@@ -505,25 +513,27 @@ export default {
|
|
|
this.windowStatus = true;
|
|
|
},
|
|
|
//2.1.1 添加栏目池
|
|
|
- addCategoryList(){
|
|
|
+ addCategoryList() {
|
|
|
+ this.show_url = false;
|
|
|
+ // this.form.is_url = 0;
|
|
|
this.editId = 0;
|
|
|
this.editBtn = false;
|
|
|
this.tags = []
|
|
|
this.openWindow();
|
|
|
},
|
|
|
//2.2 关闭弹出框
|
|
|
- closeWindow(){
|
|
|
+ closeWindow() {
|
|
|
this.windowStatus = false;
|
|
|
this.clearToServe(2);
|
|
|
},
|
|
|
//2.3 清理弹出框
|
|
|
- clearToServe(type){
|
|
|
- if(type==1){ //type1 使用了外部链接
|
|
|
+ clearToServe(type) {
|
|
|
+ if (type == 1) { //type1 使用了外部链接
|
|
|
// this.form.department_arr_id = [];
|
|
|
// this.form.city_arr_id = [];
|
|
|
this.form.pid_arr = [];
|
|
|
}
|
|
|
- if(type==2){ //type2 全部清理
|
|
|
+ if (type == 2) { //type2 全部清理
|
|
|
this.form.name = "";
|
|
|
this.form.is_url = 0;
|
|
|
this.form.web_url = "";
|
|
|
@@ -543,27 +553,27 @@ export default {
|
|
|
//弹出框设置 end ------------------------------------------------------------>
|
|
|
|
|
|
//3.添加栏目池 start ------------------------------------------------------------>
|
|
|
- ifUrl(value){
|
|
|
+ ifUrl(value) {
|
|
|
console.log(value)
|
|
|
- if(value == true){
|
|
|
+ if (value == true) {
|
|
|
this.form.is_url = 1
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.form.is_url = 0
|
|
|
}
|
|
|
this.$refs.form.clearValidate();
|
|
|
},
|
|
|
- addToServe(){
|
|
|
+ addToServe() {
|
|
|
//先判断是否使用了外链
|
|
|
- if(this.show_url == true){
|
|
|
+ if (this.show_url == true) {
|
|
|
this.clearToServe(1)
|
|
|
}
|
|
|
//判断有没有添加父级栏目
|
|
|
- if(this.form.pid_arr.length==0){
|
|
|
+ if (this.form.pid_arr.length == 0) {
|
|
|
this.form.pid_arr = [0];
|
|
|
}
|
|
|
this.$refs.form.validate(valid => {
|
|
|
if (valid) {
|
|
|
- this.$store.dispatch('pool/addCategory',this.form).then(res=> {
|
|
|
+ this.$store.dispatch('pool/addCategory', this.form).then(res => {
|
|
|
//汇报结果
|
|
|
this.$message({
|
|
|
type: 'success',
|
|
|
@@ -585,7 +595,7 @@ export default {
|
|
|
//添加栏目池 end ------------------------------------------------------------>
|
|
|
|
|
|
//编辑栏目池 start ------------------------------------------------------------>
|
|
|
- getDataMain(id){
|
|
|
+ getDataMain(id) {
|
|
|
//先清空窗口
|
|
|
this.clearToServe(2)
|
|
|
//打开输入窗口
|
|
|
@@ -594,7 +604,7 @@ export default {
|
|
|
this.editId = id;
|
|
|
|
|
|
//获取网站详情
|
|
|
- this.$store.dispatch('pool/getCategoryInfo',{id:id}).then(res=> {
|
|
|
+ this.$store.dispatch('pool/getCategoryInfo', { id: id }).then(res => {
|
|
|
//清除错误状态
|
|
|
//this.$refs.form.clearValidate();
|
|
|
console.log(res)
|
|
|
@@ -602,12 +612,11 @@ export default {
|
|
|
this.form.name = res.data.name;
|
|
|
|
|
|
//回显示是否使用外链
|
|
|
- if(res.data.is_url==1){
|
|
|
+ if (res.data.is_url == 1) {
|
|
|
this.show_url = true;
|
|
|
- }else if(res.data.is_url==0||res.data.is_url==null){
|
|
|
+ } else if (res.data.is_url == 0 || res.data.is_url == null) {
|
|
|
this.show_url = false;
|
|
|
}
|
|
|
-
|
|
|
// console.log(res.data.is_url)
|
|
|
this.form.is_url = res.data.is_url;
|
|
|
|
|
|
@@ -633,7 +642,7 @@ export default {
|
|
|
//回显栏目池标题，描述，关键词
|
|
|
this.form.seo_title = res.data.seo_title;
|
|
|
this.form.seo_keywords = res.data.seo_keywords;
|
|
|
- this.tags = res.data.seo_keywords?res.data.seo_keywords.split(','):[];
|
|
|
+ this.tags = res.data.seo_keywords ? res.data.seo_keywords.split(',') : [];
|
|
|
this.form.seo_description = res.data.seo_description;
|
|
|
|
|
|
//回显排序
|
|
|
@@ -664,7 +673,7 @@ export default {
|
|
|
// }
|
|
|
// },
|
|
|
//修改表单
|
|
|
- editToServe(){
|
|
|
+ editToServe() {
|
|
|
//防止提交[1,1]这种重复的数据
|
|
|
// if (this.form.department_arr_id.length > 1) {
|
|
|
// const lastIndex = this.form.department_arr_id.length - 1;
|
|
|
@@ -676,7 +685,7 @@ export default {
|
|
|
this.$refs.form.validate(valid => {
|
|
|
if (valid) {
|
|
|
//提交表单
|
|
|
- this.$store.dispatch('pool/updateCategory',this.form).then(res=> {
|
|
|
+ this.$store.dispatch('pool/updateCategory', this.form).then(res => {
|
|
|
//汇报结果
|
|
|
this.$message({
|
|
|
type: 'success',
|
|
|
@@ -697,13 +706,13 @@ export default {
|
|
|
},
|
|
|
//关键词
|
|
|
updateTags(newTags) {
|
|
|
- // this.foem.seo_keywords = newTags;
|
|
|
- this.tags = newTags;
|
|
|
- this.form.seo_keywords = newTags.join(',');
|
|
|
+ // this.foem.seo_keywords = newTags;
|
|
|
+ this.tags = newTags;
|
|
|
+ this.form.seo_keywords = newTags.join(',');
|
|
|
},
|
|
|
//编辑栏目池 end ------------------------------------------------------------>
|
|
|
},
|
|
|
- mounted(){
|
|
|
+ mounted() {
|
|
|
//1.获得初始数据
|
|
|
this.getData();
|
|
|
//2.获取所有网系
|
|
|
@@ -716,16 +725,19 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
- //表单微调 start------------------------------------------------------------>*/
|
|
|
- ::v-deep .custom-form-item > .el-form-item__label {
|
|
|
- line-height: 140px !important;
|
|
|
- }
|
|
|
- ::v-deep .custom-textarea .el-textarea__inner {
|
|
|
- resize: none; /* 禁止用���拖拽调整大小 */
|
|
|
- }
|
|
|
- ::v-deep .custom-align-right .el-form-item__label {
|
|
|
- text-align: right; /* 设置标签文字右对齐 */
|
|
|
- }
|
|
|
- //表单微调 end------------------------------------------------------------>*/
|
|
|
-</style>
|
|
|
+//表单微调 start------------------------------------------------------------>*/
|
|
|
+::v-deep .custom-form-item>.el-form-item__label {
|
|
|
+ line-height: 140px !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .custom-textarea .el-textarea__inner {
|
|
|
+ resize: none;
|
|
|
+ /* 禁止用���拖拽调整大小 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .custom-align-right .el-form-item__label {
|
|
|
+ text-align: right;
|
|
|
+ /* 设置标签文字右对齐 */
|
|
|
+}
|
|
|
|
|
|
+//表单微调 end------------------------------------------------------------>*/</style>
|
rkljw
