添加文件

src/views/second/taskSummary/basicTable.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="assessing-content ele-body">
+    <el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)">
+    <search :type="1" :search-params="searchParams" />
+    <div class="operating">
+        <el-button size="small" type="primary">导出</el-button>
+    </div>
+    <el-table highlight-current-row :data="dataList" :height="tableHeight" 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="150" align="center"></el-table-column>
+      <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 label="小条内容" min-width="150" align="center"></el-table-column>
+      <el-table-column 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="配合部门" min-width="80" align="center"></el-table-column>
+      <el-table-column label="责任领导" min-width="80" align="center"></el-table-column>
+      <el-table-column
+        label="操作"
+        width="125"
+        align="center"
+        :key="Math.random()"
+      >
+        <template slot-scope="{ row }">
+          <el-link
+            slot="reference"
+            type="primary"
+            :underline="false"
+            @click="edit(row)"
+            >编辑</el-link
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+     <el-pagination
+        :current-page.sync="page.page"
+        :page-size="page.limit"
+        :total="count"
+        :background="true"
+        layout="total, prev, pager, next, jumper"
+        :pager-count="5"
+        class="ele-pagination-circle"
+        :flat="true"
+        @current-change="getDataList()"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "./search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      searchParams: {},
+      dataList: [],
+      loading: false,
+      count: 0,
+      tableHeight: document.documentElement.clientHeight - 305,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 305 - 45) / 45
+        ),
+      },
+    };
+  },
+  created() {
+    this.getDataList();
+  },
+  methods: {
+    getDataList() {},
+    edit(row) {
+
+    }
+  }
+};
+</script>
+
+<style scoped>
+</style>

src/views/second/taskSummary/constraint.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="assessing-content ele-body">
+    <el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)">
+    <search :type="3" :search-params="searchParams" />
+    <div class="operating">
+        <el-button size="small" type="primary">导出</el-button>
+    </div>
+    <el-table highlight-current-row :data="dataList" :height="tableHeight" 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="150" align="center"></el-table-column>
+      <el-table-column label="考核内容和计分细则" min-width="200" align="center"></el-table-column>
+      <el-table-column label="小条内容" min-width="150" align="center"></el-table-column>
+      <el-table-column 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="配合部门" min-width="80" align="center"></el-table-column>
+      <el-table-column label="责任领导" min-width="80" align="center"></el-table-column>
+      <el-table-column
+        label="操作"
+        width="125"
+        align="center"
+        :key="Math.random()"
+      >
+        <template slot-scope="{ row }">
+          <el-link
+            slot="reference"
+            type="primary"
+            :underline="false"
+            @click="edit(row)"
+            >编辑</el-link
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+     <el-pagination
+        :current-page.sync="page.page"
+        :page-size="page.limit"
+        :total="count"
+        :background="true"
+        layout="total, prev, pager, next, jumper"
+        :pager-count="5"
+        class="ele-pagination-circle"
+        :flat="true"
+        @current-change="getDataList()"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "./search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      searchParams: {},
+      dataList: [],
+      loading: false,
+      count: 0,
+      tableHeight: document.documentElement.clientHeight - 305,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 305 - 45) / 45
+        ),
+      },
+    };
+  },
+  created() {
+    this.getDataList();
+  },
+  methods: {
+    getDataList() {},
+    edit(row) {
+
+    }
+  }
+};
+</script>
+
+<style scoped>
+</style>

src/views/second/taskSummary/reward.vue

@@ -0,0 +1,92 @@
+<template>
+  <div class="assessing-content ele-body">
+    <el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)">
+    <search :type="2" :search-params="searchParams" />
+    <div class="operating">
+        <el-button size="small" type="primary">导出</el-button>
+    </div>
+    <el-table highlight-current-row :data="dataList" :height="tableHeight" 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="150" align="center"></el-table-column>
+      <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 label="小条内容" min-width="150" align="center"></el-table-column>
+      <el-table-column 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="配合部门" min-width="80" align="center"></el-table-column>
+      <el-table-column label="责任领导" min-width="80" align="center"></el-table-column>
+      <el-table-column
+        label="操作"
+        width="125"
+        align="center"
+        :key="Math.random()"
+      >
+        <template slot-scope="{ row }">
+          <el-link
+            slot="reference"
+            type="primary"
+            :underline="false"
+            @click="edit(row)"
+            >编辑</el-link
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+     <el-pagination
+        :current-page.sync="page.page"
+        :page-size="page.limit"
+        :total="count"
+        :background="true"
+        layout="total, prev, pager, next, jumper"
+        :pager-count="5"
+        class="ele-pagination-circle"
+        :flat="true"
+        @current-change="getDataList()"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "./search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      searchParams: {},
+      dataList: [],
+      loading: false,
+      count: 0,
+      tableHeight: document.documentElement.clientHeight - 305,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 305 - 45) / 45
+        ),
+      },
+    };
+  },
+  created() {
+    this.getDataList();
+  },
+  methods: {
+    getDataList() {},
+    edit (row) {
+
+    }
+  }
+};
+</script>
+
+<style scoped>
+</style>

src/views/second/taskSummary/search.vue

@@ -0,0 +1,191 @@
+<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
+            v-model="searchParams.quota1"
+            @change="getQuota2List(searchParams.quota1)"
+            placeholder="请选择一级指标"
+          >
+            <el-option
+              v-for="(item, index) of quota1"
+              :key="index"
+              :label="item.quota1"
+              :value="item.quota1"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="二级指标:">
+          <el-select filterable clearable v-model="searchParams.quota2" placeholder="请选择二级指标">
+            <el-option
+              v-for="(item, index) of quota2"
+              :key="index"
+              :label="item.quota2"
+              :value="item.quota2"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </template>
+      <template v-if="type == 3">
+        <el-form-item label="考核指标:">
+          <el-select filterable clearable v-model="searchParams.quota" placeholder="请选择考核目标">
+            <el-option
+              v-for="(item, index) of quota"
+              :key="index"
+              :label="item"
+              :value="item"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </template>
+      <el-form-item label="考核内容:">
+        <el-input
+          placeholder="请输入考核内容"
+          clearable
+          v-model="searchParams.content"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="参与部门:">
+        <treeselect
+          v-model="searchParams.partakeDept"
+          :options="formatDep"
+          placeholder="请选择参与部门"
+          :defaultExpandLevel="1"
+          :normalizer="
+            (d) => {
+              return {
+                id: d.id,
+                label: d.name,
+                children:
+                  d.children && d.children.length > 0 ? d.children : undefined,
+              };
+            }
+          "
+        />
+      </el-form-item>
+      <el-form-item label="牵头部门:">
+        <treeselect
+          v-model="searchParams.leaderDept"
+          :options="formatDep"
+          placeholder="请选择牵头部门"
+          :defaultExpandLevel="1"
+          :normalizer="
+            (d) => {
+              return {
+                id: d.id,
+                label: d.name,
+                children:
+                  d.children && d.children.length > 0 ? d.children : undefined,
+              };
+            }
+          "
+        />
+      </el-form-item>
+      <el-form-item label="配合部门:">
+        <treeselect
+          v-model="searchParams.cooperateDept"
+          :options="formatDep"
+          placeholder="请选择配合部门"
+          :defaultExpandLevel="1"
+          :normalizer="
+            (d) => {
+              return {
+                id: d.id,
+                label: d.name,
+                children:
+                  d.children && d.children.length > 0 ? d.children : undefined,
+              };
+            }
+          "
+        />
+      </el-form-item>
+      <el-button type="primary" size="small" @click="search">查询</el-button>
+      <el-button
+        type="default"
+        size="small"
+        @click="
+          clear();
+          search();
+        "
+        >清空</el-button
+      >
+    </el-form>
+  </div>
+</template>
+
+<script>
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import Treeselect from "@riophae/vue-treeselect"; // 下拉树
+import { mapGetters, mapActions } from "vuex";
+export default {
+  props: {
+    type: {
+      type: Number,
+      default() {
+        return 1;
+      },
+    },
+  },
+  components: {
+    Treeselect,
+  },
+  data() {
+    return {
+      searchParams: {
+        quota1: "",
+        quota2: "",
+        leaderDept: undefined,
+        cooperateDept: undefined,
+        quota: "",
+        content: "",
+        leaderUnit: "",
+      },
+    };
+  },
+  created() {
+    this.getQuota1List(this.type);
+    this.getDepartment(1);
+    this.getQuotaList();
+  },
+  methods: {
+    ...mapActions({
+      getQuota1List: "base/getQuota1List",
+      getQuota2List: "base/getQuota2List",
+      getDepartment: "base/getDepartment",
+      getQuotaList: "base/getQuotaList",
+    }),
+    clear() {
+      this.searchParams = {
+        quota1: "",
+        quota2: "",
+        leaderDept: undefined,
+        cooperateDept: undefined,
+        quota: "",
+        content: "",
+        leaderUnit: "",
+      };
+    },
+    search() {
+      this.$emit("search:task", this.searchParams);
+    },
+  },
+  computed: {
+    ...mapGetters(["quota1", "quota2", "formatDep", "quota"]),
+  },
+  watch: {
+    "searchParams.quota1"(val) {
+      if (!val) {
+        this.$store.commit("base/SET_QUOTAL2", []);
+        this.$set(this.searchParams, "quota2", "");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+
+</style>