作品标签

components/child_page/admin_category_add.vue

@@ -0,0 +1,89 @@
+<template>
+  <div>
+      <el-drawer
+        title="编辑标签"
+        size="500px"
+        :append-to-body="false"
+        :destroy-on-close="true"
+        :visible="true"
+        :modal="false"
+        :modal-append-to-body="false"
+        :before-close="handleClose"
+        :wrapperClosable="false"
+        ref="drawer_close">
+        <el-form  style="padding-top: 20px;padding-right: 20px;" label-width="100px" v-loading="loading" class="qs-form-add">
+          <el-form-item label="名称">
+            <el-input v-model="ruleForm.name"></el-input>
+          </el-form-item>
+          <el-form-item label="副标题">
+            <el-input v-model="ruleForm.sub_title"></el-input>
+          </el-form-item>
+          <el-form-item label="排序">
+            <el-input v-model="ruleForm.order"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="save()">保存</el-button>
+          </el-form-item>
+        </el-form>
+      </el-drawer>
+      <div class="ccf_modal"></div>
+    </div>
+</template>
+<script>
+  export default {
+    props: {
+      point: {
+        type: Number,
+        default: 0
+      },
+      value: {
+        type: Number,
+        default: 0
+      },
+      back:{
+        type:Object
+      }
+    },
+    async mounted() {
+      await this.getInfo();
+    },
+    data() {
+      return {
+        loading:true,
+        ruleForm:{
+
+        },
+      }
+    },
+    methods: {
+      handleClose: function () {
+        this.back.child_page.type = "";
+      },
+      async getInfo() {
+        if(!this.value)
+        {
+          this.loading = false;
+          return ;
+        }
+        this.loading = true;
+        let res = await this.$post("/uapi/admin/pub/admin_category/info",{id:this.value});
+        if (res.status == 1) {
+          this.ruleForm=res.data;
+        }
+        this.loading = false;
+      },
+      async save() {
+        let data=this.ruleForm;
+        data.id=this.value;
+        this.loading = true;
+        let res = await this.$post("/uapi/admin/pub/admin_category/save",this.ruleForm);
+        if (res.status == 1) {
+          this.$message.success("保存成功");
+          this.back.child_page.type = "";
+          this.back.getList();
+        }
+        this.loading = false;
+      },
+    }
+  }
+</script>

components/list/admin_category.vue

@@ -0,0 +1,85 @@
+<template>
+  <div v-loading="loading">
+    <el-form class="search" label-width="90px" inline>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item>
+            <el-button size="small" @click="show_child_page('admin_category_add',{})" type="primary">添加标签</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table
+      :data="list"
+      style="width: 100%">
+      <el-table-column prop="name" label="标签名称"></el-table-column>
+      <el-table-column prop="sub_title" label="副标题"></el-table-column>
+      <el-table-column prop="order" label="排序"></el-table-column>
+      <el-table-column fixed="right" width="100px" prop="act" label="操作">
+        <template  slot-scope="scope">
+          <el-button type="primary"  size="mini" @click="show_child_page('admin_category_add',{id:scope.row.id})">编辑标签</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      style="margin-top: 10px"
+      layout="total,prev, pager, next"
+      :current-page="search.page"
+      @current-change="page_event"
+      :page-size="search.pagesize"
+      :total="search.total">
+    </el-pagination>
+
+    <admin_category_add v-if="child_page.type=='admin_category_add'" :point="value" v-model="child_page.obj.id" :back="this"></admin_category_add>
+  </div>
+</template>
+
+<script>
+  import admin_category_add from '@/components/child_page/admin_category_add';
+  export default {
+    props: {
+      value: {},
+    },
+    components: {admin_category_add},
+    data() {
+      return {
+        loading:true,
+        list: [],
+        child_page:{
+          type:"",
+          obj:{}
+        },
+        search:{
+          pagesize: 20,
+        },
+      }
+    },
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      show_child_page(type,obj)
+      {
+        this.child_page.type=type;
+        this.child_page.obj=obj;
+      },
+      page_event(page) {
+        this.search.page = page;
+        this.getList();
+      },
+      async getList() {
+        this.loading = true;
+        let data=this.search;
+        data.point=this.value-20;
+        let res = await this.$post("/uapi/admin/pub/admin_category/list",data);
+        if (res.status == 1) {
+          this.list = res.data.list;
+          this.search.total=res.data.total;
+        }
+        this.loading = false;
+      },
+    }
+  }
+</script>