boss/pages/main/index/special_list.vue

<template>
  <div>

    <el-button type="primary" @click="$router.push({path:'/main/special_add', query:{id:0}})" style="margin-top: 15px;margin-right: 30px;float: left">添加专题</el-button>
    <el-button type="primary" @click="special_list_seo_dialog_show" style="margin-top: 15px;margin-right: 30px;float: left">专题列表SEO配置</el-button>
    <div style="clear: both;"></div>
    <div style="margin-bottom: 15px"></div>
    <div>
      <el-table :data="list" border style="width: 100%" >
        <el-table-column prop="title" label="标题"></el-table-column>
        <el-table-column prop="order" label="排序" ></el-table-column>
        <el-table-column prop="status" label="状态" >
          <template slot-scope="scope">
            <span v-if="scope.row.status == 1">已启用</span>
            <span v-if="scope.row.status == 2" style="color:red">已禁用</span>
          </template>
        </el-table-column>
        <el-table-column prop="addtime" label="添加时间" ></el-table-column>
        <el-table-column prop="ctrontorl" label="操作" width="320px">
          <template slot-scope="scope">
            <el-button type="text" @click="del(scope.row.id)">删除</el-button>
            <el-button type="text" @click="$router.push({path:'/main/special_add', query:{id:scope.row.id}})">编辑</el-button>
            <el-button type="text" v-if="scope.row.status == 1" @click="status(scope.row.id,2)">下架</el-button>
            <el-button type="text" v-if="scope.row.status == 2" @click="status(scope.row.id,1)">上架</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>


    <el-dialog title="列表SEO配置" :visible.sync="special_list_seo_dialog" width="500px">
      <el-form :model="special_list_seo"  label-width="70px">
        <el-form-item label="标题">
          <el-input v-model="special_list_seo.seo_title" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="关键字">
          <el-input v-model="special_list_seo.seo_keywords" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="描述">
          <el-input v-model="special_list_seo.seo_desc" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="medium" @click="special_list_seo_dialog = false">取消</el-button>
        <el-button size="medium" type="primary" @click="set_config">确定</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script src="./js/special_list.js"></script>