绘制第二段审批

src/views/second/coordinationManage/applyCooperation/basicTarget.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="basic-target" v-loading="loading">
+    <search :type="1" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link
+          @click="edit"
+          icon="el-icon-edit"
+          type="primary"
+          :underline="false"
+          >申请</el-link
+        >
+      </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-dialog
+      title="申请成为配合部门"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <el-form
+        :model="form"
+        label-width="82px"
+        width="400px"
+        :lock-scroll="false"
+        :destroy-on-close="true"
+        @closed="form = {}"
+      >
+        <el-form-item label="申请理由：">
+          <el-input
+            type="textarea"
+            placeholder="请输入申请理由"
+            :rows="5"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form:{}
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit() {
+      this.showEdit = true;
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/applyCooperation/constraint.vue

@@ -0,0 +1,163 @@
+<template>
+  <div class="constraint" v-loading="loading">
+    <search :type="3" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+
+      <el-table-column
+        label="考核指标"
+        min-width="80"
+        align="center"
+        prop="quota"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link
+          @click="edit"
+          icon="el-icon-edit"
+          type="primary"
+          :underline="false"
+          >申请</el-link
+        >
+      </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-dialog
+      title="申请成为配合部门"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <el-form
+        :model="form"
+        label-width="82px"
+        width="400px"
+        :lock-scroll="false"
+        :destroy-on-close="true"
+        @closed="form = {}"
+      >
+        <el-form-item label="申请理由：">
+          <el-input
+            type="textarea"
+            placeholder="请输入申请理由"
+            :rows="5"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 310,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 310 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form:{}
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit() {
+      this.showEdit = true;
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/applyCooperation/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="apply-cooperation ele-body">
+    <el-card shadow="never" element-loading-background="rgba(255, 255, 255, 1)">
+      <tab @update:type="type = $event.type" />
+      <div :is="currentComponent"></div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "../../search"
+import basicTarget from "./basicTarget"
+import reward from "./reward"
+import constraint from "./constraint"
+import tab from "../tab";
+export default {
+  components: {
+    tab,
+    basicTarget,
+    reward,
+    constraint
+  },
+  data(){
+      return {
+          type:1
+      }
+  },
+  computed:{
+      currentComponent(){
+          switch(this.type){
+              case 1:
+                  return "basicTarget";
+              case 2:
+                  return "reward";
+              case 3:
+                  return "constraint";
+          }
+      }
+  },
+
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/applyCooperation/reward.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="reward" v-loading="loading">
+    <search :type="2" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link
+          @click="edit"
+          icon="el-icon-edit"
+          type="primary"
+          :underline="false"
+          >申请</el-link
+        >
+      </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-dialog
+      title="申请成为配合部门"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <el-form
+        :model="form"
+        label-width="82px"
+        width="400px"
+        :lock-scroll="false"
+        :destroy-on-close="true"
+        @closed="form = {}"
+      >
+        <el-form-item label="申请理由：">
+          <el-input
+            type="textarea"
+            placeholder="请输入申请理由"
+            :rows="5"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form:{}
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit() {
+      this.showEdit = true;
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/approvalCooperation/basicTarget.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="basic-target" v-loading="loading">
+    <search :type="1" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link @click="edit(true)" type="primary" :underline="false"
+          >同意</el-link
+        >
+        <el-link @click="edit(false)" type="primary" :underline="false"
+          >不同意</el-link
+        >
+      </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-dialog
+      title="审核配合申请"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <div class="warning">
+        <span
+          class="el-icon-warning-outline"
+          style="color: #f7ac2c; font-size: 25px; margin-right: 20px"
+        ></span>
+        <div class="right">
+          <h5>{{ warning.title }}</h5>
+          <p>{{ warning.info }}</p>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form: {},
+      warning: {
+        title: "确定同意此申请？",
+        info: "点击确定后，该部门将添加至考核任务配合部门中",
+      },
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      if (flag) {
+        this.warning = {
+          title: "确定同意此申请？",
+          info: "点击确定后，该部门将添加至考核任务配合部门中",
+        };
+      } else {
+        this.warning = {
+          title: "确定不同意此申请？",
+          info:
+            "点击确定后，该部门申请将驳回，如需再次添加，则有管理员确认后增加",
+        };
+      }
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/approvalCooperation/constraint.vue

@@ -0,0 +1,190 @@
+<template>
+  <div class="constraint" v-loading="loading">
+    <search :type="3" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="考核指标"
+        min-width="80"
+        align="center"
+        prop="quota"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link @click="edit(true)" type="primary" :underline="false"
+          >同意</el-link
+        >
+        <el-link @click="edit(false)" type="primary" :underline="false"
+          >不同意</el-link
+        >
+      </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-dialog
+      title="审核配合申请"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <div class="warning">
+        <span
+          class="el-icon-warning-outline"
+          style="color: #f7ac2c; font-size: 25px; margin-right: 20px"
+        ></span>
+        <div class="right">
+          <h5>{{ warning.title }}</h5>
+          <p>{{ warning.info }}</p>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 310,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 310 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form: {},
+      warning: {
+        title: "确定同意此申请？",
+        info: "点击确定后，该部门将添加至考核任务配合部门中",
+      },
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      if (flag) {
+        this.warning = {
+          title: "确定同意此申请？",
+          info: "点击确定后，该部门将添加至考核任务配合部门中",
+        };
+      } else {
+        this.warning = {
+          title: "确定不同意此申请？",
+          info:
+            "点击确定后，该部门申请将驳回，如需再次添加，则有管理员确认后增加",
+        };
+      }
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/approvalCooperation/index.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="apply-cooperation ele-body">
+    <el-card shadow="never" element-loading-background="rgba(255, 255, 255, 1)">
+      <tab @update:type="type = $event.type" />
+      <div :is="currentComponent"></div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "../../search"
+import basicTarget from "./basicTarget"
+import reward from "./reward"
+import constraint from "./constraint"
+import tab from "../tab";
+export default {
+  components: {
+    tab,
+    search,
+    basicTarget,
+    reward,
+    constraint
+  },
+  data(){
+      return {
+          type:1
+      }
+  },
+  computed:{
+      currentComponent(){
+          switch(this.type){
+              case 1:
+                  return "basicTarget";
+              case 2:
+                  return "reward";
+              case 3:
+                  return "constraint";
+          }
+      }
+  },
+
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/approvalCooperation/reward.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="reward" v-loading="loading">
+    <search :type="2" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="125" align="center">
+        <el-link @click="edit(true)" type="primary" :underline="false"
+          >同意</el-link
+        >
+        <el-link @click="edit(false)" type="primary" :underline="false"
+          >不同意</el-link
+        >
+      </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-dialog
+      title="审核配合申请"
+      :visible.sync="showEdit"
+      width="400px"
+      custom-class="ele-dialog-form"
+      :lock-scroll="false"
+      :destroy-on-close="true"
+      @closed="form = {}"
+    >
+      <div class="warning">
+        <span
+          class="el-icon-warning-outline"
+          style="color: #f7ac2c; font-size: 25px; margin-right: 20px"
+        ></span>
+        <div class="right">
+          <h5>{{ warning.title }}</h5>
+          <p>{{ warning.info }}</p>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button @click="showEdit = false">取消</el-button>&nbsp;
+        <el-button type="primary" @click="save">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+      form: {},
+      warning: {
+        title: "确定同意此申请？",
+        info: "点击确定后，该部门将添加至考核任务配合部门中",
+      },
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      if (flag) {
+        this.warning = {
+          title: "确定同意此申请？",
+          info: "点击确定后，该部门将添加至考核任务配合部门中",
+        };
+      } else {
+        this.warning = {
+          title: "确定不同意此申请？",
+          info:
+            "点击确定后，该部门申请将驳回，如需再次添加，则有管理员确认后增加",
+        };
+      }
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/cooperateList/basicTarget.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="basic-target" v-loading="loading">
+    <search :type="1" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="85" align="center">
+        
+      </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()"
+    />
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/cooperateList/constraint.vue

@@ -0,0 +1,146 @@
+<template>
+  <div class="constraint" v-loading="loading">
+    <search :type="3" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="考核指标"
+        min-width="80"
+        align="center"
+        prop="quota"
+      ></el-table-column>
+
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="85" align="center">
+        
+      </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()"
+    />
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 310,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 310 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/cooperateList/index.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="apply-cooperation ele-body">
+    <el-card shadow="never" element-loading-background="rgba(255, 255, 255, 1)">
+      <tab @update:type="type = $event.type" />
+      <div :is="currentComponent"></div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import search from "../../search"
+import basicTarget from "./basicTarget"
+import reward from "./reward"
+import constraint from "./constraint"
+import tab from "../tab";
+export default {
+  components: {
+    tab,
+    search,
+    basicTarget,
+    reward,
+    constraint
+  },
+  data(){
+      return {
+          type:1
+      }
+  },
+  computed:{
+      currentComponent(){
+          switch(this.type){
+              case 1:
+                  return "basicTarget";
+              case 2:
+                  return "reward";
+              case 3:
+                  return "constraint";
+          }
+      }
+  },
+
+};
+</script>
+
+<style>
+</style>

src/views/second/coordinationManage/cooperateList/reward.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="reward" v-loading="loading">
+    <search :type="2" />
+    <el-table
+      :data="dataList"
+      border
+      highlight-current-row
+      :height="tableHeight"
+      ref="table"
+    >
+      <el-table-column type="index" label="序号" align="center" width="50">
+      </el-table-column>
+      <el-table-column
+        label="申请部门"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请时间"
+        align="center"
+        min-width="150"
+      ></el-table-column
+      ><el-table-column
+        label="申请理由"
+        align="center"
+        min-width="150"
+      ></el-table-column>
+      <el-table-column
+        label="一级指标"
+        min-width="80"
+        align="center"
+        prop="quota1"
+      ></el-table-column>
+
+      <el-table-column
+        label="二级指标"
+        min-width="80"
+        align="center"
+        prop="quota2"
+      ></el-table-column>
+
+      <el-table-column
+        label="考核内容和计分细则"
+        align="center"
+        min-width="400"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="小条内容"
+        align="center"
+        min-width="150"
+        prop="content"
+      ></el-table-column>
+      <el-table-column
+        label="分值"
+        min-width="60"
+        align="center"
+        prop="points"
+      ></el-table-column>
+
+      <el-table-column
+        label="区牵头单位"
+        min-width="95 "
+        align="center"
+        prop="leaderUnit"
+      ></el-table-column>
+
+      <el-table-column label="牵头部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="配合部门" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.leaderDeptList | formatList }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="责任领导" min-width="80" align="center">
+        <template slot-scope="{ row }">
+          {{ row.leaderPrincipalList | formatList }}
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="85" align="center">
+        
+      </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()"
+    />
+  </div>
+</template>
+
+<script>
+import search from "../../search";
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      dataList: [[]],
+      tableHeight: document.documentElement.clientHeight - 355,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 355 - 45) / 45
+        ),
+      },
+      count: 0,
+      showEdit: false,
+      loading: false,
+    };
+  },
+  methods: {
+    getDataList() {},
+    edit(flag) {
+      this.showEdit = true;
+      
+    },
+    save() {},
+  },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join(",");
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.warning {
+  display: flex;
+  margin-bottom: 20px;
+}
+</style>

src/views/second/coordinationManage/tab.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="tab">
+    <el-radio-group v-model="type" style="margin-bottom: 30px" size="small" @change="changeParams">
+      <el-radio-button :label="1">基础目标</el-radio-button>
+      <el-radio-button :label="2">重点专项</el-radio-button>
+      <el-radio-button :label="3">刚性约束</el-radio-button>
+    </el-radio-group>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      type: 1,
+    };
+  },
+  methods:{
+    changeParams(){
+      this.$emit('update:type',{type:this.type})
+    }
+  }
+};
+</script>
+
+<style scoped>
+.el-radio-button,
+/deep/ .el-radio-button__inner {
+  height: 35px;
+  width: 100px;
+  line-height: 14px;
+  font-size: 14px;
+}
+.el-radio-group{
+  margin-bottom: 10px!important;
+}
+</style>

src/views/second/taskSummary/basicTable.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import search from "./search";
+import search from "../search";
 export default {
   components: {
     search,

src/views/second/taskSummary/constraint.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import search from "./search";
+import search from "../search";
 export default {
   components: {
     search,

src/views/second/taskSummary/reward.vue

@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import search from "./search";
+import search from "../search";
 export default {
   components: {
     search,