9/28

src/api/typemanage.js

@@ -0,0 +1,72 @@
+import request from '@/utils/request'
+const typemanage = '/enterprise/category'
+
+export function TypeManage(data) {
+  return request({
+    url: `/gateway${typemanage}/queryCategory`,
+    method: 'post',
+    data: {
+      param: {
+        name: data.name,
+        pageNum: data.pageNum,
+        pageSize: data.pageSize,
+        type: data.type
+      }
+    }
+  })
+}
+
+export function addCategory(data) {
+  console.log(data)
+  return request({
+    url: `/gateway${typemanage}/addCategory`,
+    method: 'post',
+    data: {
+      param: {
+        name: data.name,
+        type: data.type
+      }
+    }
+  })
+}
+
+export function CategoryDetail(data) {
+  return request({
+    url: `/gateway${typemanage}/queryCategory`,
+    method: 'post',
+    data: {
+      param: {
+        name: data.name,
+        pageNum: data.pageNum,
+        pageSize: data.pageSize,
+        type: data.type
+      }
+    }
+  })
+}
+
+export function CategoryDelete(id) {
+  return request({
+    url: `/gateway${typemanage}/deleteCategory`,
+    method: 'post',
+    data: {
+      param: {
+        id: id
+      }
+    }
+  })
+}
+
+export function CategoryUpdate(data) {
+  return request({
+    url: `/gateway${typemanage}/updateCategory`,
+    method: 'post',
+    data: {
+      param: {
+        id: data.id,
+        name: data.name,
+        type: data.type
+      }
+    }
+  })
+}

src/views/firstPages/typemanage.vue

@@ -1,18 +1,239 @@
 <template>
   <div class="dashboard-container">
-    类型管理页
+    <!-- 类型管理页 -->
+    <!-- 头部搜索添加 -->
+
+    <div class="filter-container">
+      <el-input
+        v-model="data.name"
+        placeholder="名字"
+        class="filter-item"
+        style="width: 190px;margin-left:10px"
+        clearable
+      />
+      <el-select
+        v-model="data.type"
+        placeholder="类型"
+        clearable
+        class="filter-item"
+        style="width: 190px;margin-left:10px"
+        value="1"
+      >
+        <el-option label="项目类别" value="0" />
+        <el-option label="产业类别 " value="1" />
+      </el-select>
+      <el-button
+        class="filter-item"
+        style="margin-left: 10px;"
+        type="primary"
+        icon="el-icon-search"
+        @click="Search"
+      >搜索</el-button>
+      <el-button
+        class="filter-item"
+        style="margin-left: 10px;"
+        type="primary"
+        icon="el-icon-edit"
+        @click="AddCategory"
+      >添加</el-button>
+    </div>
+    <!-- 类型列表 -->
+    <el-table
+      v-loading="listLoading"
+      :data="typemanage"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+    >
+      <el-table-column label="名字" prop="id" align="center" width="500">
+        <template slot-scope="{row}">
+          <span>{{ row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="产业类型" prop="title" align="center" width="500">
+        <template slot-scope="{row}">
+          <span>{{ row.type }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">修改</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row.id)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 修改界面 -->
+    <el-dialog title="修改" :visible.sync="dialogFormVisible1">
+      <el-form ref="dataForm" :model="temp" label-position="left" label-width="70px" style="width: 400px; margin-left:50px;">
+
+        <el-form-item label="名字" prop="name" style="width: 180%">
+          <el-input v-model="temp.name" />
+        </el-form-item>
+
+        <el-form-item label="类型">
+          <el-select
+            v-model="temp.type"
+            placeholder="请选类型"
+            style="width: 400px;"
+          >
+            <el-option label="项目类别" value="0" />
+            <el-option label="产业类别 " value="1" />
+          </el-select>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible1 = false">
+          取消
+        </el-button>
+        <el-button type="primary" @click="Commitupdate(temp.id)">
+          提交
+        </el-button>
+      </div>
+    </el-dialog>
+    <!-- 添加表格 -->
+    <el-dialog title="添加表格" :visible.sync="dialogFormVisible">
+      <el-form
+        ref="dataForm"
+        :model="addCategory"
+        label-position="left"
+        label-width="70px"
+        style="width: 400px; margin-left:50px;"
+      >
+        <el-form-item label="名字" prop="name" style="width: 100%">
+          <el-input v-model="addCategory.name" clearable />
+        </el-form-item>
+        <el-form-item label="类型">
+          <el-select
+            v-model="addCategory.type"
+            placeholder="请选类型"
+            style="width: 400px;"
+          >
+            <el-option label="项目类别" value="0" />
+            <el-option label="产业类别 " value="1" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="CommitAdd">提 交</el-button>
+      </div>
+    </el-dialog>
+    <pagination v-show="total>0" :total="total" :page.sync="data.pageNum" :limit.sync="data.pageSize" @pagination="getList" />
   </div>
 </template>
-
 <script>
 import { mapGetters } from 'vuex'
-
+import * as api from '@/api/typemanage'
+import Pagination from '@/components/Pagination' // secondary package based on el-pagination
 export default {
   name: 'Typemanage',
+  components: { Pagination },
+  data() {
+    return {
+      dialogFormVisible: false,
+      dialogFormVisible1: false,
+      form: {
+        name: '',
+        region: ''
+      },
+      total: 0,
+      listLoading: true,
+      typemanage: [],
+      data: {
+        name: '',
+        pageNum: 1,
+        pageSize: 20,
+        type: ''
+      },
+      temp: {},
+      addCategory: {
+        name: '',
+        type: ''
+      },
+      updateCategory: {
+        name: '',
+        type: ''
+      },
+      formLabelWidth: '120px',
+      policyStatus: '类型',
+      status: { 类型一: 0, 类型二: 1 }
+    }
+  },
   computed: {
-    ...mapGetters([
+    ...mapGetters(['name'])
-      'name'
+  },
-    ])
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      const that = this
+      that.listLoading = true
+      await api.TypeManage(that.data).then((res) => {
+        that.typemanage = res.list
+        that.total = res.total - 0
+
+        setTimeout(() => {
+          that.listLoading = false
+        }, 1000)
+      })
+    },
+    async Search() {
+      const that = this
+      that.listLoading = true
+      await api.CategoryDetail(that.data).then((res) => {
+        that.typemanage = res.list
+        that.total = res.total - 0
+        that.listLoading = false
+      })
+    },
+    handleUpdate(row) {
+      const that = this
+      that.temp = Object.assign({}, row)
+      that.dialogFormVisible1 = true
+      console.log(that.temp)
+    },
+    async handleDelete(id) {
+      const that = this
+      await api.CategoryDelete(id).then((res) => {
+        that.getList()
+      })
+    },
+    AddCategory() {
+      const that = this
+      for (const key in that.addCategory) {
+        that.addCategory[key] = ''
+      }
+      that.dialogFormVisible = true
+    },
+    async CommitAdd() {
+      const that = this
+      for (const key in that.addCategory) {
+        if (that.addCategory[key] === '') {
+          alert(key + '不能为空')
+          return
+        }
+      }
+      await api.addCategory(that.addCategory).then((res) => {
+        that.dialogFormVisible = false
+        that.getList()
+      })
+    },
+    async Commitupdate() {
+      const that = this
+      for (const key in that.temp) {
+        if (that.temp[key] === '') {
+          alert(key + '不能为空')
+          return
+        }
+      }
+      await api.CategoryUpdate(that.temp).then((res) => {
+        that.dialogFormVisible1 = false
+        that.getList()
+      })
+    }
   }
 }
 </script>