搭建页面

src/App.vue

@@ -1,5 +1,8 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
-</template>
+</template>
+<style>
+
+</style>

src/api/basicTable/category.js

@@ -0,0 +1,17 @@
+import axios from "@/config/axios"
+
+export function add(params){
+    return axios.post('/category/add',params)
+}
+export function getList(params){
+    return axios.get('/category/index',{params})
+}
+export function edit(params){
+    return axios.put('/category/edit',params)
+}
+export function del(params){
+    return axios.delete('/category/delete',params)
+}
+export function getDetail(index){
+    return axios.get("/category/info"+index)
+}

src/api/basicTable/conventionl.js

@@ -0,0 +1,4 @@
+import axios from "@/config/axios"
+export function getList(params){
+    return axios.get("/quota/index",{params})
+}

src/config/axios.js

@@ -45,3 +45,5 @@ axios.interceptors.response.use((res) => {
 }, (error) => {
     return Promise.reject(error);
 });
+
+export default axios

src/styles/global.css

@@ -1,7 +1,4 @@
-/* 内容盒子内边距 */
-.content-box{
-    padding:20px;
-}
+
 
 /* 操作行上下边距 */
 .operating{

src/views/assessingTarget/basicTarget.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="basic-target content-box">
+    <tab />
+    <search :type="1" />
+  </div>
+</template>
+
+<script>
+import tab from "./tab"
+import search from "./search"
+export default {
+  components:{
+    tab,
+    search,
+  }
+}
+</script>
+
+<style>
+
+</style>

src/views/assessingTarget/constraint.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="constraint content-box"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/assessingTarget/reward.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="reward content-box"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/assessingTarget/search.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="search">
     <el-form :inline="true" :model="searchParams" size="small">
+      <template v-if="type==1||type==2">
         <el-form-item label="一级指标：">
           <el-select filterable clearable>
             <el-option></el-option>
@@ -11,9 +12,22 @@
             <el-option></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="考核内容：">
+      </template>
+      <template v-if="type==3">
+        <el-form-item label="考核指标：">
+          <el-select filterable clearable>
+            <el-option></el-option>
+          </el-select>
+        </el-form-item>
+      </template>
+      <el-form-item label="考核内容：">
+        <el-input placeholder="请输入"></el-input>
+      </el-form-item>
+      <template v-if="type==3">
+        <el-form-item label="牵头单位：">
           <el-input placeholder="请输入"></el-input>
         </el-form-item>
+      </template>
       <el-form-item label="牵头部门：">
         <el-select filterabel clearable>
           <el-option></el-option>
@@ -32,7 +46,22 @@
 </template>
 
 <script>
-export default {};
+export default {
+  props:{
+    searchParams:{
+      type:Object,
+      default(){
+        return {}
+      }
+    },
+    type:{
+      type:Number,
+      default(){
+        return 1
+      }
+    }
+  }
+};
 </script>
 
 <style>

src/views/assessingTarget/tab.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="tab">
+    <el-radio-group v-model="type" style="margin-bottom: 30px" size="medium">
+      <el-radio-button label="all">全部任务</el-radio-button>
+      <el-radio-button label="mine">部门任务</el-radio-button>
+    </el-radio-group>
+  </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            type:"all"
+        }
+    }
+};
+</script>
+
+<style scoped>
+.el-radio-button, /deep/ .el-radio-button__inner{
+    height:45px;
+    width:120px;
+    line-height:23px;
+    font-size:16px;
+}
+</style>

src/views/assessingTarget/taskTable.vue

@@ -0,0 +1,95 @@
+<template>
+  <div class="task-table">
+    <el-table :data="dataList" border highlight-current-row>
+      <el-table-column type="index" label="序号"> </el-table-column>
+      <template v-if="type == 1 || type == 2">
+        <el-table-column
+          label="一级指标"
+          min-width="150"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="二级指标"
+          min-width="150"
+          align="center"
+        ></el-table-column>
+      </template>
+      <el-table-column
+        label="考核指标"
+        min-width="150"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="考核内容和计分细则"
+        min-width="200"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        v-if="type == 1"
+        label="分值"
+        min-width="60"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        v-if="type == 2"
+        label="封顶分值"
+        min-width="60"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        v-if="type == 1 || type == 3"
+        label="预计扣分"
+        min-width="60"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        v-if="type == 2"
+        label="预计加分"
+        min-width="60"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="区牵头单位"
+        min-width="80"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="牵头部门"
+        min-width="80"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="责任领导"
+        min-width="80"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="备注"
+        align="cener"
+        min-width="150"
+      ></el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    dataList: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    type: {
+      type: Number,
+      default() {
+        return 1;
+      },
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/basicTable/category.vue

@@ -1,31 +1,67 @@
 <template>
-  <div class="category content-box">
-    <search :search-params="searchParams" />
-    <div class="operating">
-      <el-button size="small" type="warning">新增</el-button>
-      <el-button size="small" type="default">批量删除</el-button>
-      <el-button size="small" type="default">批量导入</el-button>
-    </div>
-    <el-table highlight-current-row :data="dataList" border>
-      <el-table-column
-        type="selection"
-        width="50"
-        align="center"
-      ></el-table-column>
-      <el-table-column type="index" width="50" align="center" label="序号"></el-table-column>
-      <el-table-column label="考核年度" min-width="80" align="center"></el-table-column>
-      <el-table-column label="表编号" min-width="80" align="center"></el-table-column>
-      <el-table-column label="表格名称" min-width="100" align="center"></el-table-column>
-      <el-table-column label="备注" min-width="100" align="center"></el-table-column>
-      <el-table-column label="创建时间" min-width="100" align="center"></el-table-column>
-      <el-table-column label="创建人" min-width="80" align="center"></el-table-column>
-      <el-table-column label="操作" min-width="150" align="center"></el-table-column>
-    </el-table>
+  <div class="category ele-body">
+    <el-card shadow="never">
+      <search :search-params="searchParams" />
+      <div class="operating">
+        <el-button size="small" type="warning" @click="add">新增</el-button>
+        <el-button size="small" type="default">批量删除</el-button>
+        <el-button size="small" type="default">批量导入</el-button>
+      </div>
+      <el-table highlight-current-row :data="dataList" border height="calc(100vh - 215px)">
+        <el-table-column
+          type="selection"
+          width="50"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          type="index"
+          width="50"
+          align="center"
+          label="序号"
+        ></el-table-column>
+        <el-table-column
+          label="考核年度"
+          min-width="80"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="表编号"
+          min-width="80"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="表格名称"
+          min-width="100"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="备注"
+          min-width="100"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="创建时间"
+          min-width="100"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="创建人"
+          min-width="80"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="操作"
+          min-width="150"
+          align="center"
+        ></el-table-column>
+      </el-table>
+    </el-card>
   </div>
 </template>
 
 <script>
 import search from "./search";
+import api from "@/api/basicTable/category";
 export default {
   components: {
     search,
@@ -36,6 +72,12 @@ export default {
       dataList: [],
     };
   },
+  created() {
+    api.getList();
+  },
+  methods: {
+    add() {},
+  },
 };
 </script>
 

src/views/summary/basicTarget.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="basic-target content-box"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/summary/constraint.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="constraint content-box"></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/summary/department.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="department content-box">
+    <div class="line"></div>
+    <el-table :data="dataList" highlight-current-row border>
+      <el-table-column type="index" label="序号"></el-table-column>
+      <el-table-column
+        label="部门名称"
+        align="center"
+        min-width="120"
+      ></el-table-column>
+      <el-table-column label="基础目标" align="center" min-width="240">
+        <el-table-column
+          label="牵头参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="牵头得分"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="配合参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="配合得分"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column label="重点专项激励" align="center" min-width="240">
+        <el-table-column
+          label="牵头参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="牵头得分"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="配合参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-tabel-column
+          label="配合得分"
+          align="center"
+          min-width="60"
+        ></el-tabel-column>
+      </el-table-column>
+      <el-table-column label="刚性约束考核" align="center" min-width="240">
+        <el-table-column
+          label="牵头参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="牵头得分"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-table-column
+          label="配合参与"
+          align="center"
+          min-width="60"
+        ></el-table-column>
+        <el-tabel-column
+          label="配合得分"
+          align="center"
+          min-width="60"
+        ></el-tabel-column>
+      </el-table-column>
+      <el-table-column label="部门总得分" min-width="100" align="center"></el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+.line {
+  margin: 20px 0;
+  border-bottom: 1px solid rgb(207, 207, 207);
+}
+</style>

src/views/summary/reward.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="reward content-box">
+    <el-table :data="dataList" style="width:500px;">
+      <el-table-column label="测试">
+        <template slot-scope="{row}">
+          <el-input type="textarea" resize="none" v-model="row.name"></el-input>
+        <!-- <span>{{row.name}}</span> -->
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  data(){
+    return {
+      dataList:[
+        {name:"zhou"}
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>