日常监督新

client/src/api/task.js

@@ -118,3 +118,374 @@ export function deleteTaskdept(id) {
     method: 'delete'
   })
 }
+
+
+// 集团目标
+export function getPgoalList(query) {
+  return request({
+    url: '/supervision/pgoal/',
+    method: 'get',
+    params: query
+  })
+}
+export function createPgoal(data) {
+  return request({
+    url: '/supervision/pgoal/',
+    method: 'post',
+    data
+  })
+}
+export function getPgoal(id) {
+  return request({
+    url: `/supervision/pgoal/${id}/`,
+    method: 'get'
+  })
+}
+export function updatePgoal(id, data) {
+  return request({
+    url: `/supervision/pgoal/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deletePgoal(id) {
+  return request({
+    url: `/supervision/pgoal/${id}/`,
+    method: 'delete'
+  })
+}
+//部门目标
+export function getPgoalDeptList(query) {
+  return request({
+    url: '/supervision/pgoaldept/',
+    method: 'get',
+    params: query
+  })
+}
+export function createPgoalDept(data) {
+  return request({
+    url: '/supervision/pgoaldept/',
+    method: 'post',
+    data
+  })
+}
+export function getPgoalDept(id) {
+  return request({
+    url: `/supervision/pgoaldept/${id}/`,
+    method: 'get'
+  })
+}
+export function updatePgoalDept(id, data) {
+  return request({
+    url: `/supervision/pgoaldept/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deletePgoalDept(id) {
+  return request({
+    url: `/supervision/pgoaldept/${id}/`,
+    method: 'delete'
+  })
+}
+//任务
+export function getTask2List(query) {
+  return request({
+    url: '/supervision/task2/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function getTask2(id) {
+  return request({
+    url: `/supervision/task2/${id}/`,
+    method: 'get'
+  })
+}
+
+export function createTask2(data) {
+  return request({
+    url: '/supervision/task2/',
+    method: 'post',
+    data
+  })
+}
+export function addDeptsTask2(id,data) {
+  return request({
+    url: `/supervision/task2/${id}/add_depts/`,
+    method: 'post',
+    data
+  })
+}
+
+export function updateTask2(id, data) {
+  return request({
+    url: `/supervision/task2/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function startTask2(id) {
+  return request({
+    url: `/supervision/task2/${id}/start/`,
+    method: 'put'
+  })
+}
+export function closeTask2(id) {
+  return request({
+    url: `/supervision/task2/${id}/close/`,
+    method: 'put'
+  })
+}
+export function deleteTask2(id, data) {
+  return request({
+    url: `/supervision/task2/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//获取该任务下的执行组织
+export function getTask2Do(query) {
+  return request({
+    url: '/supervision/task2do/',
+    method: 'get',
+    params: query
+  })
+}
+//我的任务
+export function getMyTask2Do(query) {
+  return request({
+    url: '/supervision/task2do/my/',
+    method: 'get',
+    params: query
+  })
+}
+
+//pt
+export function getPtList(query) {
+  return request({
+    url: '/supervision/pt/',
+    method: 'get',
+    params: query
+  })
+}
+export function createPt(data) {
+  return request({
+    url: '/supervision/pt/',
+    method: 'post',
+    data
+  })
+}
+export function getPt(id) {
+  return request({
+    url: `/supervision/pt/${id}/`,
+    method: 'get'
+  })
+}
+export function updatePt(id, data) {
+  return request({
+    url: `/supervision/pt/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deletePt(id) {
+  return request({
+    url: `/supervision/pt/${id}/`,
+    method: 'delete'
+  })
+}
+export function impPt(data) {
+  return request({
+    url: '/supervision/pt/imp/',
+    method: 'post',
+    data
+  })
+}
+//rc
+export function getRcList(query) {
+  return request({
+    url: '/supervision/rc/',
+    method: 'get',
+    params: query
+  })
+}
+export function createRc(data) {
+  return request({
+    url: '/supervision/rc/',
+    method: 'post',
+    data
+  })
+}
+export function getRc(id) {
+  return request({
+    url: `/supervision/rc/${id}/`,
+    method: 'get'
+  })
+}
+export function updateRc(id, data) {
+  return request({
+    url: `/supervision/rc/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteRc(id) {
+  return request({
+    url: `/supervision/rc/${id}/`,
+    method: 'delete'
+  })
+}
+export function impRc(data) {
+  return request({
+    url: '/supervision/rc/imp_error/',
+    method: 'post',
+    data
+  })
+}
+export function impOverdue(data) {
+  return request({
+    url: '/supervision/rc/imp_overdue/',
+    method: 'post',
+    data
+  })
+}
+///Risk
+export function getRiskList(query) {
+  return request({
+    url: '/supervision/risk/',
+    method: 'get',
+    params: query
+  })
+}
+export function createRisk(data) {
+  return request({
+    url: '/supervision/risk/',
+    method: 'post',
+    data
+  })
+}
+export function getRisk(id) {
+  return request({
+    url: `/supervision/risk/${id}/`,
+    method: 'get'
+  })
+}
+export function updateRisk(id, data) {
+  return request({
+    url: `/supervision/risk/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteRisk(id) {
+  return request({
+    url: `/supervision/risk/${id}/`,
+    method: 'delete'
+  })
+}
+export function impRisk(data) {
+  return request({
+    url: '/supervision/risk/imp/',
+    method: 'post',
+    data
+  })
+}
+///Complaint
+export function getComplaintList(query) {
+  return request({
+    url: '/supervision/complaint/',
+    method: 'get',
+    params: query
+  })
+}
+export function createComplaint(data) {
+  return request({
+    url: '/supervision/complaint/',
+    method: 'post',
+    data
+  })
+}
+export function getComplaint(id) {
+  return request({
+    url: `/supervision/complaint/${id}/`,
+    method: 'get'
+  })
+}
+export function updateComplaint(id, data) {
+  return request({
+    url: `/supervision/complaint/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteComplaint(id) {
+  return request({
+    url: `/supervision/complaint/${id}/`,
+    method: 'delete'
+  })
+}
+export function impComplaint(data) {
+  return request({
+    url: '/supervision/complaint/imp/',
+    method: 'post',
+    data
+  })
+}
+//Oinspect
+export function getOinspectList(query) {
+  return request({
+    url: '/supervision/oinspect/',
+    method: 'get',
+    params: query
+  })
+}
+export function createOinspect(data) {
+  return request({
+    url: '/supervision/oinspect/',
+    method: 'post',
+    data
+  })
+}
+export function getOinspect(id) {
+  return request({
+    url: `/supervision/oinspect/${id}/`,
+    method: 'get'
+  })
+}
+export function updateOinspect(id, data) {
+  return request({
+    url: `/supervision/oinspect/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteOinspect(id) {
+  return request({
+    url: `/supervision/oinspect/${id}/`,
+    method: 'delete'
+  })
+}
+export function impOinspect(data) {
+  return request({
+    url: '/supervision/oinspect/imp/',
+    method: 'post',
+    data
+  })
+}
+//supervision/task2do/save_num/
+export function saveNum(id,data) {
+  return request({
+    url: `/supervision/task2do/${id}/save_num/`,
+    method: 'put',
+    data
+  })
+}
+export function noNum(id,data) {
+  return request({
+    url: `/supervision/task2do/${id}/no_record/`,
+    method: 'put',
+    data
+  })
+}

client/src/components/Pagination/index.vue

@@ -35,7 +35,7 @@ export default {
     pageSizes: {
       type: Array,
       default() {
-        return [10, 20, 30, 50]
+        return [10, 20, 30, 50,100,200]
       }
     },
     layout: {

client/src/main.js

@@ -10,7 +10,8 @@ import '@/styles/index.scss' // global css
 import App from './App'
 import store from './store'
 import router from './router'
-
+import Print from '@/utils/print'
+Vue.use(Print)
 import '@/icons' // icon
 import '@/permission' // permission control
 /**

client/src/router/index.js

@@ -239,7 +239,55 @@ export const asyncRoutes = [
       },
     ]
   },
-  
+  {
+    path: '/supervisionNew',
+    component: Layout,
+    redirect: '/supervisionNew/task',
+    name: 'supervisionNew',
+    meta: { title: '日常监督(新)', icon: 'table'},
+    alwaysShow: true,
+    children: [
+      {
+        path: 'basicGoal',
+        name: 'basicGoal',
+        component: () => import('@/views/supervisionNew/basicGoal.vue'),
+        meta: { title: '年度基础目标' , perms: ['task2']}
+      },
+      {
+        path: 'task',
+        name: 'Task',
+        component: () => import('@/views/supervisionNew/task.vue'),
+        meta: { title: '报送任务' , perms: ['task2']}
+      },
+      {
+        path: 'myTask',
+        name: 'mytask',
+        component: () => import('@/views/supervisionNew/mytask.vue'),
+        meta: { title: '我的任务'}
+      },
+      {
+        path: 'statistics',
+        name: 'statistics',
+        component: () => import('@/views/supervisionNew/statistics.vue'),
+        meta: { title: '部门报告'},
+        hidden: true
+      },
+      {
+        path: 'mytaskDo',
+        name: 'mytaskDo',
+        component: () => import('@/views/supervisionNew/mytaskDo.vue'),
+        meta: { title: '我的任务执行'},
+        hidden: true
+      },
+      {
+        path: 'task2do/:id',
+        name: 'Task2do',
+        component: () => import('@/views/supervisionNew/taskdo.vue'),
+        meta: { title: '报送任务执行', perms: ['task2do'] },
+        hidden: true
+      },
+    ]
+  },
   {
     path: '/qualityinspect',
     component: Layout,

client/src/utils/print.js

@@ -0,0 +1,172 @@
+// 打印类属性、方法定义
+/* eslint-disable */
+import Vue from 'vue'
+
+const Print = function (dom, options) {
+  if (!(this instanceof Print)) return new Print(dom, options);
+
+  this.options = this.extend({
+    'noPrint': '.no-print'
+  }, options);
+
+  if ((typeof dom) === "string") {
+    this.dom = document.querySelector(dom);
+  } else {
+    this.isDOM(dom)
+    this.dom = this.isDOM(dom) ? dom : dom.$el;
+  }
+
+  this.init();
+};
+Print.prototype = {
+  init: function () {
+    var content = this.getStyle() + this.getHtml();
+    this.writeIframe(content);
+  },
+  extend: function (obj, obj2) {
+    for (var k in obj2) {
+      obj[k] = obj2[k];
+    }
+    return obj;
+  },
+
+  getStyle: function () {
+    var str = "",
+      styles = document.querySelectorAll('style,link');
+    for (var i = 0; i < styles.length; i++) {
+      str += styles[i].outerHTML;
+    }
+    str += "<style>" + (this.options.noPrint ? this.options.noPrint : '.no-print') + "{display:none;}</style>";
+    // 去除height：100%样式，解决分页下，样式混乱问题
+    str += "<style>html,body,div{height: auto!important;}</style>";
+
+    return str;
+  },
+
+  getHtml: function () {
+    var inputs = document.querySelectorAll('input');
+    var textareas = document.querySelectorAll('textarea');
+    var selects = document.querySelectorAll('select');
+    var canvass = document.querySelectorAll('canvas');
+
+    for (var k = 0; k < inputs.length; k++) {
+      if (inputs[k].type == "checkbox" || inputs[k].type == "radio") {
+        if (inputs[k].checked == true) {
+          inputs[k].setAttribute('checked', "checked")
+        } else {
+          inputs[k].removeAttribute('checked')
+        }
+      } else if (inputs[k].type == "text") {
+        inputs[k].setAttribute('value', inputs[k].value)
+      } else {
+        inputs[k].setAttribute('value', inputs[k].value)
+      }
+    }
+
+    for (var k2 = 0; k2 < textareas.length; k2++) {
+      if (textareas[k2].type == 'textarea') {
+        textareas[k2].innerHTML = textareas[k2].value
+      }
+    }
+
+    for (var k3 = 0; k3 < selects.length; k3++) {
+      if (selects[k3].type == 'select-one') {
+        var child = selects[k3].children;
+        for (var i in child) {
+          if (child[i].tagName == 'OPTION') {
+            if (child[i].selected == true) {
+              child[i].setAttribute('selected', "selected")
+            } else {
+              child[i].removeAttribute('selected')
+            }
+          }
+        }
+      }
+    }
+
+    //canvass echars图表转为图片
+    for (var k4 = 0; k4 < canvass.length; k4++) {
+      var imageURL = canvass[k4].toDataURL("image/png");
+      var img = document.createElement("img");
+      img.src = imageURL;
+      img.setAttribute('style', 'max-width: 100%;');
+      img.className = 'isNeedRemove'
+      // canvass[k4].style.display = 'none'
+      // canvass[k4].parentNode.style.width = '100%'
+      // canvass[k4].parentNode.style.textAlign = 'center'
+      canvass[k4].parentNode.insertBefore(img,canvass[k4].nextElementSibling);
+    }
+
+    // 包裹要打印的元素
+    // fix: https://github.com/xyl66/vuePlugs_printjs/issues/36
+    // return this.wrapperRefDom(this.dom).outerHTML;
+    return this.dom.outerHTML;
+  },
+  // 向父级元素循环，包裹当前需要打印的元素
+  // 防止根级别开头的 css 选择器不生效
+  wrapperRefDom: function (refDom) {
+    let prevDom = null
+    let currDom = refDom
+    while (currDom && currDom.tagName.toLowerCase() !== 'body') {
+      if (prevDom) {
+        let element = currDom.cloneNode(false)
+        element.appendChild(prevDom)
+        prevDom = element
+      } else {
+        prevDom = currDom.cloneNode(true)
+      }
+
+      currDom = currDom.parentElement
+    }
+
+    return currDom.tagName.toLowerCase() === 'body' ? currDom : prevDom
+  },
+
+  writeIframe: function (content) {
+    var w, doc, iframe = document.createElement('iframe'),
+      f = document.body.appendChild(iframe);
+    iframe.id = "myIframe";
+    //iframe.style = "position:absolute;width:0;height:0;top:-10px;left:-10px;";
+    iframe.setAttribute('style', 'position:absolute;width:0;height:0;top:-10px;left:-10px;');
+    w = f.contentWindow || f.contentDocument;
+    doc = f.contentDocument || f.contentWindow.document;
+    doc.open();
+    doc.write(content);
+    doc.close();
+    var _this = this
+    iframe.onload = function(){
+      _this.toPrint(w);
+      setTimeout(function () {
+        document.body.removeChild(iframe)
+      }, 100)
+    }
+  },
+
+  toPrint: function (frameWindow) {
+    try {
+      setTimeout(function () {
+        frameWindow.focus();
+        try {
+          if (!frameWindow.document.execCommand('print', false, null)) {
+            frameWindow.print();
+          }
+        } catch (e) {
+          frameWindow.print();
+        }
+        frameWindow.close();
+      }, 10);
+    } catch (err) {
+      console.log('err', err);
+    }
+  },
+  isDOM: (typeof HTMLElement === 'object') ?
+    function (obj) {
+      return obj instanceof HTMLElement;
+    } :
+    function (obj) {
+      return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string';
+    }
+};
+export default (app) => {
+  Vue.prototype.$PRINT = Print;
+}

client/src/views/supervisionNew/basicGoal.vue

@@ -0,0 +1,372 @@
+<template>
+    <div class="app-container">
+        <el-card>
+            <div>
+                <el-button 
+                    type="primary" 
+                    icon="el-icon-plus" 
+                    @click="handleCreate"
+                >创建目标</el-button>
+            </div>
+        </el-card>
+        <el-card style="margin-top: 10px">
+            <el-table
+            v-loading="listLoading"
+                :data="dataList.results"
+                border
+                fit
+                stripe
+                highlight-current-row
+                max-height="600"
+            >
+                <el-table-column type="index" width="50" />
+                <el-table-column label="年份" prop="year"></el-table-column>
+                <el-table-column label="重大质量事故(件)" prop="pgoal_1"></el-table-column>
+                <el-table-column label="报告/证书合格率(%)" prop="pgoal_2"></el-table-column>
+                <el-table-column label="报告/证书及时率(%)" prop="pgoal_3"></el-table-column>
+                <el-table-column label="能力验证满意率(%)" prop="pgoal_4"></el-table-column>
+                <el-table-column label="客户投诉处理满意率(%)" prop="pgoal_5"></el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作"
+                    width="220px"
+                >
+                    <template slot-scope="scope">
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        @click="handleEdit(scope)"
+                        >编辑</el-link>
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        type="danger"
+                        @click="handleDelete(scope)"
+                        >删除</el-link>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination
+                v-show="dataList.count > 0"
+                :total="dataList.count"
+                :page.sync="listQuery.page"
+                :limit.sync="listQuery.page_size"
+                @pagination="getList"
+            />
+        </el-card>
+        <el-dialog
+            :visible.sync="dialogVisible"
+            :title="dialogType === 'edit' ? '编辑目标' : '新增目标'"
+        >
+            <el-form
+            ref="Form"
+            :model="form"
+            label-width="160px"
+            label-position="right"
+            :rules="rule1"
+            >
+                <el-form-item label="年份" prop="year">
+                    <el-date-picker
+                        v-model="form.year"
+                        type="year"
+                        placeholder="选择年"
+                        value-format="yyyy"
+                        style="width:90%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="重大质量事故" prop="pgoal_1">
+                    <el-input v-model="form.pgoal_1" type="number" style="width:90%"/>
+                    <span>件</span>
+                </el-form-item>
+                <el-form-item label="模板文件" prop="template" v-if="dialogVisible">
+                    <el-upload
+                        ref="upload1"
+                        :action="upUrl"
+                        :on-preview="handlePreview"
+                        :on-success="handleUpSuccess1"
+                        :on-remove="handleRemove1"
+                        :headers="upHeaders"
+                        :file-list="fileList1"
+                        :limit="1"
+                        accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                        <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                </el-form-item>
+                <el-form-item label="报告/证书合格率" prop="pgoal_2">
+                    <el-input v-model="form.pgoal_2" type="number" style="width:90%"/>
+                    <span>%</span>
+                </el-form-item>
+                <el-form-item label="模板文件" prop="template" v-if="dialogVisible">
+                    <el-upload
+                        ref="upload1"
+                        :action="upUrl"
+                        :on-preview="handlePreview"
+                        :on-success="handleUpSuccess2"
+                        :on-remove="handleRemove2"
+                        :headers="upHeaders"
+                        :file-list="fileList2"
+                        :limit="1"
+                        accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                        <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                </el-form-item>
+                <el-form-item label="报告/证书及时率" prop="pgoal_3">
+                    <el-input v-model="form.pgoal_3" type="number" style="width:90%"/>
+                    <span>%</span>
+                </el-form-item>
+                <el-form-item label="模板文件" prop="template" v-if="dialogVisible">
+                    <el-upload
+                        ref="upload1"
+                        :action="upUrl"
+                        :on-preview="handlePreview"
+                        :on-success="handleUpSuccess3"
+                        :on-remove="handleRemove3"
+                        :headers="upHeaders"
+                        :file-list="fileList3"
+                        :limit="1"
+                        accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                        <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                </el-form-item>
+                <el-form-item label="能力验证满意率" prop="pgoal_4">
+                    <el-input v-model="form.pgoal_4" type="number" style="width:90%"/>
+                    <span>%</span>
+                </el-form-item>
+                <el-form-item label="模板文件" prop="template" v-if="dialogVisible">
+                    <el-upload
+                        ref="upload1"
+                        :action="upUrl"
+                        :on-preview="handlePreview"
+                        :on-success="handleUpSuccess4"
+                        :on-remove="handleRemove4"
+                        :headers="upHeaders"
+                        :file-list="fileList4"
+                        :limit="1"
+                        accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                        <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                </el-form-item>
+                <el-form-item label="客户投诉处理满意率" prop="pgoal_5">
+                    <el-input v-model="form.pgoal_5" type="number" style="width:90%"/>
+                    <span>%</span>
+                </el-form-item>
+                <el-form-item label="模板文件" prop="template" v-if="dialogVisible">
+                    <el-upload
+                        ref="upload1"
+                        :action="upUrl"
+                        :on-preview="handlePreview"
+                        :on-success="handleUpSuccess5"
+                        :on-remove="handleRemove5"
+                        :headers="upHeaders"
+                        :file-list="fileList5"
+                        :limit="1"
+                        accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                        <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="confirm('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+        
+    </div>
+</template>
+
+<script>
+    import { getPgoalList,createPgoal,updatePgoal,deletePgoal } from "@/api/task";
+    import checkPermission from "@/utils/permission";
+    import Pagination from "@/components/Pagination"; 
+    import { upUrl, upHeaders } from "@/api/file";
+    const defaultForm = {
+        year: "",
+        pgoal_1: null,
+        pgoal_2: null,
+        pgoal_3: null,
+        pgoal_4: null,
+        pgoal_5: null,
+        pgoal_1_file: null,
+        pgoal_2_file: null,
+        pgoal_3_file: null,
+        pgoal_4_file: null,
+        pgoal_4_file: null,
+    };
+    export default {
+        components:{Pagination},
+        data(){
+            return{
+                upHeaders: upHeaders(),
+                upUrl: upUrl(),
+                fileList1:[],
+                fileList2:[],
+                fileList3:[],
+                fileList4:[],
+                fileList5:[],
+                dialogType:"new",
+                form: defaultForm,
+                listLoading:false,
+                dialogVisible:false,
+                dataList:{
+                    results:[],
+                    count:0,
+                },
+                listQuery:{
+                    page: 1,
+                    search:'',
+                    page_size: 20,
+                },
+                rule1: {
+                    year: [{ required: true, message: "请选择", trigger: "blur" }],
+                    pgoal_1: [{ required: true, message: "请填写", trigger: "blur" }],
+                    pgoal_2: [{ required: true, message: "请填写", trigger: "blur" }],
+                    pgoal_3: [{ required: true, message: "请填写", trigger: "blur" }],
+                    pgoal_4: [{ required: true, message: "请填写", trigger: "blur" }],
+                    pgoal_5: [{ required: true, message: "请填写", trigger: "blur" }],
+                },
+            };
+        },
+        mounted(){
+            this.getList();
+        },
+        methods:{
+            handlePreview(file) {
+            if ("url" in file) {
+                window.open(file.url);
+            } else {
+                window.open(file.response.data.path);
+            }
+            },
+            handleUpSuccess1(res, file, filelist) {
+                this.form.pgoal_1_file = res.data.id;
+                debugger;
+                console.log(this.form)
+            },
+            handleUpSuccess2(res, file, filelist) {
+                this.form.pgoal_2_file = res.data.id;
+            },
+            handleUpSuccess3(res, file, filelist) {
+                this.form.pgoal_3_file = res.data.id;
+            },
+            handleUpSuccess4(res, file, filelist) {
+                this.form.pgoal_4_file = res.data.id;
+            },
+            handleUpSuccess5(res, file, filelist) {
+                this.form.pgoal_5_file = res.data.id;
+            },
+            handleRemove1(file, filelist){
+                this.form.pgoal_1_file = null;
+            },
+            handleRemove2(file, filelist){
+                this.form.pgoal_2_file = null;
+            },
+            handleRemove3(file, filelist){
+                this.form.pgoal_3_file = null;
+            },
+            handleRemove4(file, filelist){
+                this.form.pgoal_4_file = null;
+            },
+            handleRemove5(file, filelist){
+                this.form.pgoal_5_file = null;
+            },
+            checkPermission,
+            getList(){
+                this.listLoading = true;
+                getPgoalList(this.listQuery).then((response) => {
+                    if (response.data) {
+                    this.dataList = response.data;
+                    }
+                    this.listLoading = false;
+                });
+            },
+            handleCreate() {
+                this.form = Object.assign({}, defaultForm);
+                this.dialogType = "new";
+                this.dialogVisible = true;
+                this.$nextTick(() => {
+                    this.$refs["Form"].clearValidate();
+                });
+            },
+            handleEdit(scope) {
+                this.form = Object.assign({}, scope.row); // copy obj
+                this.form.year = ''+this.form.year;
+                this.fileList1=[{
+                    name:this.form.pgoal_1_file_.name,
+                    url: this.form.pgoal_1_file_.path,
+                }];
+                this.fileList2=[{
+                    name:this.form.pgoal_2_file_.name,
+                    url: this.form.pgoal_2_file_.path,
+                }];
+                this.fileList3=[{
+                    name:this.form.pgoal_3_file_.name,
+                    url: this.form.pgoal_3_file_.path,
+                }];
+                this.fileList4=[{
+                    name:this.form.pgoal_4_file_.name,
+                    url: this.form.pgoal_4_file_.path,
+                }];
+                this.fileList5=[{
+                    name:this.form.pgoal_5_file_.name,
+                    url: this.form.pgoal_5_file_.path,
+                }];
+                this.dialogType = "edit";
+                this.dialogVisible = true;
+                this.$nextTick(() => {
+                    this.$refs["Form"].clearValidate();
+                });
+            },
+            handleDelete(scope) {
+                this.$confirm("确认删除?该操作将删除该任务所有报送记录!", "警告", {
+                    confirmButtonText: "确认",
+                    cancelButtonText: "取消",
+                    type: "error",
+                }).then(async () => {
+                    await deletePgoal(scope.row.id);
+                    this.getList();
+                    this.$message.success("成功");
+                    })
+                    .catch((err) => {
+                    console.error(err);
+                });
+            },
+            confirm(form) {
+                debugger;
+                console.log(this.form)
+                this.$refs[form].validate((valid) => {
+                    if (valid) {
+                        const isEdit = this.dialogType === "edit";
+                        if (isEdit) {
+                            updatePgoal(this.task.id, this.form).then((res) => {
+                            if (res.code >= 200) {
+                                debugger;
+                                this.getList();
+                                this.dialogVisible = false; 
+                                this.$message.success("成功");
+                            }
+                            });
+                        } else {
+                            createPgoal(this.form).then((res) => {
+                            if (res.code >= 200) {
+                                debugger;
+                                this.getList();
+                                this.dialogVisible = false;
+                                this.$message.success("成功");
+                            }
+                            });
+                        }
+                    } else {
+                        return false;
+                    }
+                });
+            },
+        },
+    };
+</script>
+
+<style>
+</style>

client/src/views/supervisionNew/basicGoalDept.vue

@@ -0,0 +1,136 @@
+<template>
+    <div class="app-container">
+        <el-card>
+            <div>
+                <el-date-picker
+                    v-model="listQuery.search"
+                    type="year"
+                    placeholder="选择年"
+                    value-format="yyyy"
+                    style="width:300px"
+                >
+                </el-date-picker>
+                <!-- <el-select
+                    v-model="listQuery.cycle"
+                    placeholder="类型"
+                    clearable
+                    style="width: 300px"
+                    @change="handleFilter"
+                >
+                    <el-option label="目标定制" value="10"/>
+                    <el-option label="日常监督" value="20"/>
+                </el-select> -->
+                <el-button
+                    class="filter-item"
+                    type="primary"
+                    icon="el-icon-search"
+                    @click="handleFilter"
+                >搜索</el-button>
+                <el-button
+                    class="filter-item"
+                    type="primary"
+                    icon="el-icon-refresh-left"
+                    @click="resetFilter"
+                >重置</el-button>
+            </div>
+        </el-card>
+        <el-card style="margin-top: 10px">
+            <el-table
+            v-loading="listLoading"
+                :data="dataList.results"
+                border
+                fit
+                stripe
+                highlight-current-row
+                max-height="600"
+            >
+                <el-table-column type="index" width="50" />
+                <el-table-column label="年份" prop="year"></el-table-column>
+                <el-table-column label="重大质量事故(件)" prop="pgoal_1">
+                    <template slot-scope="scope">
+                        基础:{{ scope.row.goal_value_a }}目标:{{ scope.row.goal_value_b }}
+                    </template>
+                   
+                </el-table-column>
+                <el-table-column label="报告/证书合格率(%)" prop="pgoal_2"></el-table-column>
+                <el-table-column label="报告/证书及时率(%)" prop="pgoal_3"></el-table-column>
+                <el-table-column label="能力验证满意率(%)" prop="pgoal_4"></el-table-column>
+                <el-table-column label="客户投诉处理满意率(%)" prop="pgoal_5"></el-table-column>
+                <!-- <el-table-column
+                    align="center"
+                    label="操作"
+                    width="220px"
+                >
+                    <template slot-scope="scope">
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        type="danger"
+                        @click="handleDelete(scope)"
+                        >删除</el-link>
+                    </template>
+                </el-table-column> -->
+            </el-table>
+            <pagination
+                v-show="dataList.count > 0"
+                :total="dataList.count"
+                :page.sync="listQuery.page"
+                :limit.sync="listQuery.page_size"
+                @pagination="getList"
+            />
+        </el-card>
+    </div>
+</template>
+
+<script>
+    import { getPgoalDeptList } from "@/api/task";
+    import checkPermission from "@/utils/permission";
+    import Pagination from "@/components/Pagination"; 
+    import { upUrl, upHeaders } from "@/api/file";
+  
+    export default {
+        components:{Pagination},
+        data(){
+            return{
+                dataList:{
+                    results:[],
+                    count:0,
+                },
+                listQuery:{
+                    page: 1,
+                    search:'',
+                    cycle:10,
+                    page_size: 20,
+                },
+                
+            };
+        },
+        mounted(){
+            this.getList();
+        },
+        methods:{
+            checkPermission,
+            getList(){
+                let that = this;
+                that.listLoading = true;
+                getPgoalDeptList(that.listQuery).then((response) => {
+                    if (response.data) {
+                        that.dataList = response.data;
+                    }
+                    that.listLoading = false;
+                });
+            },
+            resetFilter(){
+                this.listQuery.search = '';
+                this.getList();
+            },
+            handleFilter(){
+                this.getList();
+            },
+           
+           
+        },
+    };
+</script>
+
+<style>
+</style>

client/src/views/supervisionNew/complaint_form.vue

@@ -0,0 +1,148 @@
+<template>
+    <div class="">
+        <el-dialog
+            :title="titleOption[type]"
+            :visible.sync="dialogVisible"
+            @closed="$emit('closed')"
+        >
+            <el-form
+              ref="dialogForm"
+              :model="form"
+              label-width="100px"
+              label-position="right"
+              :rules="rules"
+            >
+                <el-form-item label="投诉人" >
+                    <el-input v-model="form.complainant"></el-input>
+                </el-form-item>
+                <el-form-item label="投诉内容" >
+                    <el-input v-model="form.content"></el-input>
+                </el-form-item>
+                <el-form-item label="投诉日期">
+                    <el-date-picker
+                        v-model="form.date_occurrence"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="反馈日期" >
+                    <el-date-picker
+                        v-model="form.date_feedback"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="是否满意" >
+                    <el-switch
+                        v-model="form.is_satisfied"
+                        active-text="满意"
+                        inactive-text="不满意">
+                    </el-switch>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="isSaveing" @click="onSubmit('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import {createComplaint,updateComplaint} from "@/api/task";
+  export default {
+    emits: ["onSubmit", "onCancel"],
+    data() {
+      return {
+        form:{
+            complainant: "",
+            content: "",
+            date_occurrence:"",
+            date_feedback: "",
+            is_satisfied: true,
+            task2do: 0
+        },
+        titleOption: {
+            add: "新增客户投诉",
+            edit: "客户投诉编辑",
+        },
+        isSaveing:false,
+        dialogVisible:false,
+        rules: {
+        number: [{ required: true, message: "请填入" }],
+        vchannel: [{ required: true, message: "请选择视频" }],
+      },
+      }
+    },
+    methods: {
+        //显示
+        open(type = "add",task2do) {
+            this.type = type;
+            if(task2do){
+                this.form.task2do = task2do;
+            }
+            this.dialogVisible = true;
+            return this;
+        },
+        //表单注入数据
+        setData(data) {
+            Object.assign(this.form, data);
+            debugger;
+            console.log(this.form);
+        },
+        onSubmit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                this.isSaveing = true;
+                try {
+                    var res;
+                    if (this.type == "add") {
+                        createComplaint(this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    } else if (this.type == "edit") {
+                        createComplaint(this.form.id,this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }
+                    return res;
+                } catch (err) {
+                    //可以处理校验错误
+                    this.isSaveing = false;
+                    return err;
+                }
+                }
+            });
+        },
+        onCancel() {
+            this.$emit("closed");
+        }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .line{
+    text-align: center;
+  }
+  </style>
+  
+  

client/src/views/supervisionNew/mytaskDo.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="app-container">
+    <el-card>
+           日常监督填报 
+    </el-card>
+    <el-row :gutter="10">
+      <el-col :span="12">
+        <el-card style="margin-top:6px">
+          已发放报告
+          <el-input></el-input>
+        </el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card style="margin-top:6px">
+          应发放报告
+          <el-input></el-input>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-row :gutter="10">
+      <el-col :span="8">
+        <el-card class="task task-item" shadow="hover" style="padding:10px;box-sizing: border-box;">
+          <div slot="header" style="display:flex">
+            <span class="cardTitle">不准确报告</span>
+            <el-button type="primary" icon="el-icon-plus"  @click="addFiles()">添加</el-button>
+          </div>
+          <div slot="header" style="display: flex;justify-content: space-between;">
+            <!-- <div>
+              <span>总数：</span>
+              <el-input style="width:100px;"> </el-input>
+            </div> -->
+            
+            
+          </div>
+          <el-table></el-table>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card title="超期报告">
+          <div slot="header" class="clearfix">
+            <span>超期报告</span>
+            <el-input></el-input>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card title="能力验证结果">
+          <div slot="header" class="clearfix">
+            <span>能力验证结果</span>
+            <el-input></el-input>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card title="客户投诉">
+          <div slot="header" class="clearfix">
+            <span>客户投诉</span>
+            <el-input></el-input>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card title="风险识别">
+          <div slot="header" class="clearfix">
+            <span>风险识别</span>
+            <el-input></el-input>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card title="外部监督检查">
+          <div slot="header" class="clearfix">
+            <span>外部监督检查</span>
+            <el-input></el-input>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    
+  </div>
+</template>
+<script>
+import {
+  getmytasklist,
+} from "@/api/task";
+import { getOrgList, getSubOrgList } from "@/api/org";
+import checkPermission from "@/utils/permission";
+import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+import mytaskrecord from "@/views/supervision/mytaskrecord";
+export default {
+  components: { Pagination, mytaskrecord },
+  data() {
+    return {
+      taskList: [],
+      listQuery: {
+        page: 1,
+        page_size: 20,
+      },
+      form:{
+
+      },
+      listLoading: true,
+      query:null,
+      orgData: [],
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.getList();
+    this.getOrgList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getmytasklist(this.listQuery).then((response) => {
+        if (response.data) {
+          this.taskList = response.data;
+        }
+        this.listLoading = false;
+      });
+    },
+     getOrgList() {
+      if (this.checkPermission(["record_confirm"])) {
+        getOrgList({ can_supervision: true }).then((res) => {
+          this.orgData = res.data;
+        });
+      } else {
+        getSubOrgList().then((res) => {
+          this.orgData = res.data;
+        });
+      }
+    },
+    clickRow(obj){
+      this.query = {
+        dept:obj.dept,
+        task:obj.task
+      }
+    },
+     handleFilter() {
+      this.listQuery.page = 1;
+      
+      this.getList();
+    },
+    handleDo(val){
+      this.getList()
+    }
+  },
+};
+</script>
+<style scoped>
+.cardTitle{
+  display: inline-block;
+  font-size: 18px;
+  font-weight: 600;
+}
+</style>

client/src/views/supervisionNew/oinspect_form.vue

@@ -0,0 +1,149 @@
+<template>
+    <div class="">
+        <el-dialog
+            :title="titleOption[type]"
+            :visible.sync="dialogVisible"
+            @closed="$emit('closed')"
+        >
+            <el-form
+              ref="dialogForm"
+              :model="form"
+              label-width="100px"
+              label-position="right"
+              :rules="rules"
+            >
+                <el-form-item label="检查分类" >
+                    <el-select
+                        v-model="form.cate"
+                        placeholder="检查分类"
+                    >
+                    <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.key"
+                        :value="item.value"
+                    >
+                    </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查方" >
+                    <el-input v-model="form.checker"></el-input>
+                </el-form-item>
+                <el-form-item label="检查日期" >
+                    <el-date-picker
+                        v-model="form.date_inspect"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="检查结果" >
+                    <el-input v-model="form.result"></el-input>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="isSaveing" @click="onSubmit('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { createOinspect,updateOinspect} from "@/api/task";
+  export default {
+    emits: ["onSubmit", "onCancel"],
+    data() {
+      return {
+        form:{
+            checker: "",
+            result: "",
+            date_inspect: "",
+            cate: 10,
+            task2do: 0
+        },
+        titleOption: {
+            add: "新增外部监督检查",
+            edit: "外部监督检查编辑",
+        },
+        isSaveing:false,
+        dialogVisible:false,
+        rules: {
+            number: [{ required: true, message: "请填入" }],
+            vchannel: [{ required: true, message: "请选择视频" }],
+        },
+        options:[
+            {key:'市场监管部门检查',value:10},
+            {key:'行业主管部门检查',value:20},
+            {key:'其他检查',value:30}
+        ],
+      }
+    },
+    methods: {
+        //显示
+        open(type = "add",task2do) {
+            this.type = type;
+            if(task2do){
+                this.form.task2do = task2do;
+            }
+            this.dialogVisible = true;
+            return this;
+        },
+        //表单注入数据
+        setData(data) {
+            Object.assign(this.form, data);
+            debugger;
+            console.log(this.form);
+        },
+        onSubmit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                this.isSaveing = true;
+                try {
+                    var res;
+                    if (this.type == "add") {
+                        createOinspect(this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    } else if (this.type == "edit") {
+                        updateOinspect(this.form.id,this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }
+                    return res;
+                } catch (err) {
+                    //可以处理校验错误
+                    this.isSaveing = false;
+                    return err;
+                }
+                }
+            });
+        },
+        onCancel() {
+            this.$emit("closed");
+        }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .line{
+    text-align: center;
+  }
+  </style>
+  
+  

client/src/views/supervisionNew/pt_form.vue

@@ -0,0 +1,171 @@
+<template>
+    <div class="">
+        <el-dialog
+            :title="titleOption[type]"
+            :visible.sync="dialogVisible"
+            @closed="$emit('closed')"
+        >
+            <el-form
+              ref="dialogForm"
+              :model="form"
+              label-width="100px"
+              label-position="right"
+              :rules="rules"
+            >
+                <el-form-item label="名称" >
+                    <el-input v-model="form.name"></el-input>
+                </el-form-item>
+                <el-form-item label="编号" >
+                    <el-input v-model="form.number"></el-input>
+                </el-form-item>
+                <el-form-item label="组织方" >
+                    <el-input v-model="form.organizer"></el-input>
+                </el-form-item>
+                <el-form-item label="参加参数名称" >
+                    <el-input v-model="form.params"></el-input>
+                </el-form-item>
+                <el-form-item label="结果" >
+                    <el-select
+                        v-model="form.result"
+                        placeholder="结果"
+                    >
+                    <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.key"
+                        :value="item.value"
+                    >
+                    </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="处理结果" >
+                    <el-select
+                        v-model="form.result"
+                        placeholder="处理结果"
+                    >
+                    <el-option
+                        v-for="item in handleOptions"
+                        :key="item.value"
+                        :label="item.key"
+                        :value="item.value"
+                    >
+                    </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="isSaveing" @click="onSubmit('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import {createPt,updatePt} from "@/api/task";
+import { options } from "runjs";
+  export default {
+    emits: ["onSubmit", "onCancel"],
+    data() {
+      return {
+        form:{
+            name: "",
+            number: "",
+            organizer: "",
+            params: "",
+            result: 10,
+            handle_result:10,
+            task2do: 0
+        },
+        titleOption: {
+            add: "新增能力验证结果",
+            edit: "能力验证结果编辑",
+        },
+        options:[
+            {key:'满意',value:10},
+            {key:'有问题',value:20},
+            {key:'不满意',value:30}
+        ],
+        handleOptions:[
+            {key:'/',value:0},
+            {key:'已整改',value:10},
+            {key:'被暂停',value:20},
+            {key:'已被撤销认可资格',value:30}
+        ],
+        isSaveing:false,
+        dialogVisible:false,
+        rules: {
+        number: [{ required: true, message: "请填入" }],
+        vchannel: [{ required: true, message: "请选择视频" }],
+      },
+      }
+    },
+    methods: {
+        //显示
+        open(type = "add",task2do) {
+            // debugger;
+            this.type = type;
+            if(task2do){
+                this.form.task2do = task2do;
+            }
+            this.dialogVisible = true;
+            return this;
+        },
+        //表单注入数据
+        setData(data) {
+            Object.assign(this.form, data);
+            debugger;
+            console.log(this.form);
+        },
+        onSubmit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                this.isSaveing = true;
+                try {
+                    var res;
+                    if (this.type == "add") {
+                        createPt(this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                debugger;
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    } else if (this.type == "edit") {
+                        updatePt(this.form.id,this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                debugger;
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }
+                    return res;
+                } catch (err) {
+                    //可以处理校验错误
+                    this.isSaveing = false;
+                    return err;
+                }
+                }
+            });
+        },
+        onCancel() {
+            this.$emit("closed");
+        }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .line{
+    text-align: center;
+  }
+  </style>
+  
+  

client/src/views/supervisionNew/rc_form.vue

@@ -0,0 +1,198 @@
+<template>
+    <div class="">
+        <el-dialog
+            :title="titleOption[type]"
+            :visible.sync="dialogVisible"
+            @closed="$emit('closed')"
+        >
+            <el-form
+              ref="dialogForm"
+              :model="form"
+              label-width="120px"
+              label-position="right"
+              :rules="rules"
+            >
+                <el-form-item label="报告证书编号" >
+                    <el-input v-model="form.number"></el-input>
+                </el-form-item>
+                <el-form-item label="业务受理日期" v-if="type=='add2'||type=='edit2'">
+                    <el-date-picker
+                        v-model="form.date_accept"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="更改后证书编号" v-else>
+                    <el-input v-model="form.number_correct"></el-input>
+                </el-form-item>
+                <el-form-item label="预计发放日期" v-if="type=='add2'||type=='edit2'">
+                    <el-date-picker
+                        v-model="form.date_expect"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="出错原因" v-else>
+                    <el-input v-model="form.reason_error"></el-input>
+                </el-form-item>
+                <el-form-item label="实际发放日期"  v-if="type=='add2'||type=='edit2'">
+                    <el-date-picker
+                        v-model="form.date_issue"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="发放日期"  v-else>
+                    <el-date-picker
+                        v-model="form.date_issue"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="isSaveing" @click="onSubmit('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import {createRc,updateRc} from "@/api/task";
+  export default {
+    emits: ["onSubmit", "onCancel"],
+    data() {
+      return {
+        form:{
+            number: "",
+            date_issue: null,
+            reason_error: "",
+            date_expect: null,
+            date_accept: null,
+            number_correct: "",
+            etype: 10,
+            task2do: 0
+        },
+        titleOption: {
+            add: "新增不准确报告",
+            edit: "不准确报告编辑",
+            
+            add2: "新增超期报告",
+            edit2: "超期报告编辑",
+        },
+        type:10,
+        isSaveing:false,
+        dialogVisible:false,
+        rules: {
+        number: [{ required: true, message: "请填入" }],
+        vchannel: [{ required: true, message: "请选择视频" }],
+      },
+      }
+    },
+    methods: {
+        //显示
+        open(type = "add",task2do) {
+            this.type = type;
+            if(task2do){
+                this.form.task2do = task2do;
+            }
+            this.dialogVisible = true;
+            return this;
+        },
+        //表单注入数据
+        setData(data) {
+            Object.assign(this.form, data);
+            debugger;
+            console.log(this.form);
+        },
+        onSubmit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                this.isSaveing = true;
+                try {
+                    var res;
+                    if (this.type == "add") {
+                        this.form.etype=10;
+                        createRc(this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                debugger;
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    } else if (this.type == "edit") {
+                        this.form.etype=10;
+                        updateRc(this.form.id,this.form).then(res=>{
+                            debugger;
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }else if (this.type == "add2") {
+                        this.form.etype=20;
+                        createRc(this.form).then(res=>{
+                            debugger;
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }else if (this.type == "edit2") {
+                        this.form.etype=20;
+                        updateRc(this.form.id,this.form).then(res=>{
+                            debugger;
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success");
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }
+                    //return res;
+                } catch (err) {
+                    //可以处理校验错误
+                    this.isSaveing = false;
+                    return err;
+                }
+                }
+            });
+        },
+        onCancel() {
+            this.$emit("closed");
+        }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .line{
+    text-align: center;
+  }
+  </style>
+  
+  

client/src/views/supervisionNew/risk_form.vue

@@ -0,0 +1,158 @@
+<template>
+    <div class="">
+        <el-dialog
+            :title="titleOption[type]"
+            :visible.sync="dialogVisible"
+            @closed="$emit('closed')"
+        >
+            <el-form
+              ref="dialogForm"
+              :model="form"
+              label-width="100px"
+              label-position="right"
+              :rules="rules"
+            >
+                <el-form-item label="内容" >
+                    <el-input v-model="form.content"></el-input>
+                </el-form-item>
+                <el-form-item label="风险等级" >
+                    <el-select
+                        v-model="form.level"
+                        placeholder="风险等级"
+                    >
+                    <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.key"
+                        :value="item.value"
+                    >
+                    </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="风险代码" >
+                    <el-input v-model="form.code"></el-input>
+                </el-form-item>
+                <el-form-item label="整改状态" >
+                    <el-select
+                        v-model="form.state"
+                        placeholder="整改状态"
+                    >
+                    <el-option
+                        v-for="item in stateOptions"
+                        :key="item.value"
+                        :label="item.key"
+                        :value="item.value"
+                    >
+                    </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="isSaveing" @click="onSubmit('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import {createRisk,updateRisk} from "@/api/task";
+  export default {
+    emits: ["onSubmit", "onCancel"],
+    data() {
+      return {
+        form:{
+            content: "",
+            code: "",
+            level: 10,
+            state: 10,
+            task2do: 0
+        },
+        titleOption: {
+            add: "新增风险",
+            edit: "风险编辑",
+        },
+        isSaveing:false,
+        dialogVisible:false,
+        rules: {
+            number: [{ required: true, message: "请填入" }],
+            vchannel: [{ required: true, message: "请选择视频" }],
+        },
+        options:[
+            {key:'主要风险',value:10},
+            {key:'严重风险',value:20},
+            {key:'重大风险',value:30}
+        ],
+        stateOptions:[
+            {key:'未整改',value:10},
+            {key:'整改中',value:20},
+            {key:'整改完成',value:30}
+        ],
+      }
+    },
+    methods: {
+        //显示
+        open(type = "add",task2do) {
+            this.type = type;
+            if(task2do){
+                this.form.task2do = task2do;
+            }
+            this.dialogVisible = true;
+            return this;
+        },
+        //表单注入数据
+        setData(data) {
+            Object.assign(this.form, data);
+            debugger;
+            console.log(this.form);
+        },
+        onSubmit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                this.isSaveing = true;
+                try {
+                    var res;
+                    if (this.type == "add") {
+                        createRisk(this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    } else if (this.type == "edit") {
+                        updateRisk(this.form.id,this.form).then(res=>{
+                            this.isSaveing = false;
+                            if(res.code>=200){
+                                this.dialogVisible = false;
+                                this.$emit("success",this.type);
+                            }else{
+                                this.$message.warning(res.data.msg);
+                            }
+                        })
+                    }
+                    return res;
+                } catch (err) {
+                    //可以处理校验错误
+                    this.isSaveing = false;
+                    return err;
+                }
+                }
+            });
+        },
+        onCancel() {
+            this.$emit("closed");
+        }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .line{
+    text-align: center;
+  }
+  </style>
+  
+  

client/src/views/supervisionNew/statistics.vue

@@ -0,0 +1,718 @@
+ 
+<template>
+    <div class="app-container">
+      <el-card>
+          <el-row :gutter="6">
+            <el-select
+                v-model="listQuery.dept"
+                placeholder="报送部门"
+                clearable
+                @change="handleFilter"
+            >
+                <el-option
+                    v-for="item in orgData"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                />
+            </el-select>
+            <el-date-picker
+                v-model="listQuery.year"
+                type="year"
+                placeholder="选择年"
+                value-format="yyyy"
+                style="width:200px"
+            >
+            </el-date-picker>
+            <el-button
+              class="filter-item"
+              type="primary"
+              icon="el-icon-search"
+              @click="handleFilter"
+            >查看</el-button>
+            <el-button
+                type="primary"
+                @click="handlePrint"
+                >打印</el-button
+            >
+          </el-row>
+      </el-card>
+      <el-card style="margin-top:10px">
+        <div ref="print" id="myReport" class="printContainer">
+            <el-table
+            ref="tableRef"
+            :data="tableData"
+            class="tableStyle"
+            :header-cell-style="handerMethod"
+            :span-method="objectSpanMethod"
+            border
+            >
+            <el-table-column label="统计周期" width="180" prop="type"></el-table-column>
+            <el-table-column label="统计周期" width="180" prop="title"></el-table-column>
+            <el-table-column  prop="first" label="1-2月"></el-table-column>
+            <el-table-column prop="seconde" label="3-4月"></el-table-column>
+            <el-table-column prop="third" label="5-6月"></el-table-column>
+            <el-table-column prop="fouth" label="7-8月"></el-table-column>
+            <el-table-column prop="fifth" label="9-10月"></el-table-column>
+            <el-table-column prop="sixth" label="11-12月"></el-table-column>
+            <el-table-column prop="all" label="年度"></el-table-column>
+            </el-table>
+            <!-- <table border="1" width="1000" cellspacing="0">
+                <thead >
+                    <tr>
+                        <th colspan="2">统计周期</th>
+                        <th>1-2月</th>
+                        <th>3-4月</th>
+                        <th>5-6月</th>
+                        <th>7-8月</th>
+                        <th>9-10月</th>
+                        <th>11-12月</th>
+                        <th>年度</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td colspan="2">重大质量事故</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="3">报告/证书合格率</td>
+                        <td>已发放报告/证书数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>不准确报告/证书数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>报告/证书合格率</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="3">报告/证书及时率</td>
+                        <td>应发报告/证书数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>实际按时完成报告/证书数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>报告/证书及时率</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="3">能力验证满意率</td>
+                        <td>全部获结果参数数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>满意结果参数数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>能力验证满意率</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td rowspan="3">客户投诉处理满意率</td>
+                        <td>全部已处理投诉数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>获满意结果的投诉数量</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                    <tr>
+                        <td>客户投诉处理满意率</td>
+                        <td>1</td>
+                        <td>2</td>
+                        <td>3</td>
+                        <td>4</td>
+                        <td>5</td>
+                        <td>6</td>
+                        <td>7</td>
+                    </tr>
+                </tbody>
+            </table> -->
+            <el-row>
+                <el-col :span="12">
+                    <div id="bar1" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+                <el-col :span="12">
+                    <div id="bar2" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+                <el-col :span="12">
+                    <div id="lin1" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+                <el-col :span="12">
+                    <div id="lin2" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+                <el-col :span="12">
+                    <div id="lin3" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+                <el-col :span="12">
+                    <div id="lin4" style="width:500px;height:400px;margin-top: 50px;"></div>
+                </el-col>
+            </el-row>
+        </div>
+        
+      </el-card>
+    </div>
+  </template>
+<script>
+import { getOrgList, getSubOrgList } from "@/api/org";
+import checkPermission from "@/utils/permission";
+import * as echarts from 'echarts'
+export default {
+data() {
+    return {
+    listQuery:{
+        dept:'',
+        year:''
+    },
+    tableData: [{
+        type:'重大质量事故',
+        title:'重大质量事故',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'报告/证书合格率',
+        title:'已发放报告/证书数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'报告/证书合格率',
+        title:'不准确报告/证书数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    }, {
+        type:'报告/证书合格率',
+        title:'报告/证书合格率',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    }, {
+        type:'报告/证书及时率',
+        title:'应发报告/证书数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'报告/证书及时率',
+        title:'实际按时完成报告/证书数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    }, {
+        type:'报告/证书及时率',
+        title:'报告/证书及时率',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },
+    {
+        type:'能力验证满意率',
+        title:'全部获结果参数数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'能力验证满意率',
+        title:'满意结果参数数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    }, {
+        type:'能力验证满意率',
+        title:'能力验证满意率',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'客户投诉处理满意率',
+        title:'全部已处理投诉数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },{
+        type:'客户投诉处理满意率',
+        title:'获满意结果的投诉数量',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    }, {
+        type:'客户投诉处理满意率',
+        title:'客户投诉处理满意率',
+        first:'1',
+        seconde:'2',
+        third:'3',
+        fouth:'4',
+        fifth:'5',
+        sixth:'6',
+        all:'21'
+    },
+    ],
+    orgData:[],
+    barChart1:null,
+    barchart2:null,
+    lineChart1:null,
+    lineChart2:null,
+    lineChart3:null,
+    lineChart4:null,
+    xAxisData:["1-2月","3-4月","5-6月","7-8月","9-10月","11-12月"],
+    };
+},
+mounted() {
+    this.getGroup();
+    this.getBarChart1();
+    this.getBarChart2();
+    this.getLineChart1();
+    this.getLineChart2();
+    this.getLineChart3();
+    this.getLineChart4();
+},
+methods: {
+    handlePrint() {
+        this.$PRINT('#myReport');
+    },
+    getBarChart1(){
+        let chartDom = document.getElementById('bar1');
+        this.barChart1 = echarts.init(chartDom);
+        let option = {
+            title:{
+                text:"已发放报告/证书数量"
+            },
+            xAxis:{
+                axisTick: {
+                    show: false
+                },
+                data:this.xAxisData
+            },
+            yAxis:{},
+            series:[
+                {
+                    name:"已发放报告/证书数量",
+                    type:"bar",
+                    data:[8,10,4,5,4,8]
+                }
+            ]
+        }
+        this.barChart1.setOption(option);
+    },
+    getBarChart2(){
+        let chartDom = document.getElementById('bar2');
+        this.barChart2 = echarts.init(chartDom);
+        let option = {
+            title:{
+                text:"已发放报告/证书数量"
+            },
+            xAxis:{
+                axisTick: {
+                    show: false
+                },
+                data:this.xAxisData
+            },
+            yAxis:{},
+            series:[
+                {
+                    name:"已发放报告/证书数量",
+                    type:"bar",
+                    data:[8,10,4,5,4,8]
+                }
+            ]
+        }
+        this.barChart2.setOption(option);
+    },
+    getLineChart1(){
+        let chartDom = document.getElementById('lin1');
+        this.lineChart1 = echarts.init(chartDom);
+        let  option = {
+            title: {
+                text: '报告/证书合格率'
+            },
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {
+                data: ['报告/证书合格率']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                saveAsImage: {}
+                }
+            },
+            xAxis: {
+                axisTick: {
+                    show: false
+                },
+                splitLine: {
+                    show: false, 
+                },
+                type: 'category',
+                boundaryGap: false,
+                data: this.xAxisData
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                name: '报告/证书合格率',
+                type: 'line',
+                stack: 'Total',
+                data: [80, 99, 80, 96, 95, 97, 99]
+                }
+            ]
+        };
+        this.lineChart1.setOption(option);
+    },
+    getLineChart2(){
+        let chartDom = document.getElementById('lin2');
+        this.lineChart2 = echarts.init(chartDom);
+        let  option = {
+            title: {
+                text: '报告/证书合格率'
+            },
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {
+                data: ['报告/证书合格率']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                saveAsImage: {}
+                }
+            },
+            xAxis: {
+                axisTick: {
+                    show: false
+                },
+                splitLine: {
+                    show: false, 
+                },
+                type: 'category',
+                boundaryGap: false,
+                data: this.xAxisData
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                name: '报告/证书合格率',
+                type: 'line',
+                stack: 'Total',
+                data: [100, 99, 80, 96, 95, 97, 99]
+                }
+            ]
+        };
+        this.lineChart2.setOption(option);
+    },
+    getLineChart3(){
+        let chartDom = document.getElementById('lin3');
+        this.lineChart3 = echarts.init(chartDom);
+        let  option = {
+            title: {
+                text: '报告/证书合格率'
+            },
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {
+                data: ['报告/证书合格率']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                saveAsImage: {}
+                }
+            },
+            xAxis: {
+                axisTick: {
+                    show: false
+                },
+                splitLine: {
+                    show: false, 
+                },
+                type: 'category',
+                boundaryGap: false,
+                data: this.xAxisData
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                name: '报告/证书合格率',
+                type: 'line',
+                stack: 'Total',
+                data: [97, 99, 98.8, 98.9, 99, 99.9, 96]
+                }
+            ]
+        };
+        this.lineChart3.setOption(option);
+    },
+    getLineChart4(){
+        let chartDom = document.getElementById('lin4');
+        this.lineChart4 = echarts.init(chartDom);
+        let  option = {
+            title: {
+                text: '报告/证书合格率'
+            },
+            tooltip: {
+                trigger: 'axis'
+            },
+            legend: {
+                data: ['报告/证书合格率']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            toolbox: {
+                feature: {
+                saveAsImage: {}
+                }
+            },
+            xAxis: {
+                axisTick: {
+                    show: false
+                },
+                splitLine: {
+                    show: false, 
+                },
+                type: 'category',
+                boundaryGap: false,
+                data: this.xAxisData
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                name: '报告/证书合格率',
+                type: 'line',
+                stack: 'Total',
+                data:[89, 99, 92, 96, 95, 97, 99]
+                }
+            ]
+        };
+        this.lineChart4.setOption(option);
+    },
+    checkPermission,
+    getGroup() {
+        if (this.checkPermission(["record_confirm"])) {
+            getOrgList({ can_supervision: true }).then((res) => {
+                this.orgData = res.data;
+            });
+        } else {
+            getSubOrgList().then((res) => {
+                this.orgData = res.data;
+            });
+        }
+    },
+    //合并单位表头
+    handerMethod ({ row, column, rowIndex, columnIndex }) {
+    if (row[0].level == 1) {
+        //这里有个非常坑的bug 必须是row[0]=0 row[1]=2才会生效
+        row[0].colSpan = 0
+        row[1].colSpan = 2
+        if (columnIndex === 0) {
+        return { display: 'none' }
+        }
+    }
+    },
+    handleFilter(){},
+    
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+    // console.log(row, column, rowIndex, columnIndex)
+    if (rowIndex==0) {
+        if(columnIndex==1){
+            return {
+                rowspan: 1, 
+                colspan: 0,// 如果相等，则将colspan设置为0
+            };
+        }else if(columnIndex==0){
+            return {
+                rowspan: 1, 
+                colspan: 2,
+            };
+        }else{
+            return {
+                rowspan: 1, 
+                colspan: 1,
+            };
+        }
+    }else{
+        if(columnIndex==0){
+            if(rowIndex==1||rowIndex==4||rowIndex==7||rowIndex==10){
+                return {
+                    rowspan: 3,
+                    colspan: 1,
+                }
+            }else{
+                return {
+                    rowspan:0, 
+                    colspan:1,
+                }
+            }
+        }else{
+            return {
+                rowspan:1, 
+                colspan:1, 
+            }
+        }
+    }
+    },
+}
+};
+</script>
+<style>
+.printContainer{
+    width: 1075px;
+}
+</style>

client/src/views/supervisionNew/task.vue

@@ -0,0 +1,304 @@
+<template>
+    <div class="app-container">
+        <el-card>
+            <div>
+                <el-input
+                    v-model="listQuery.search"
+                    placeholder="请输入年份"
+                    style="width: 300px"
+                    class="filter-item"
+                    @keyup.enter.native="handleFilter"
+                />
+                <el-button
+                    class="filter-item"
+                    type="primary"
+                    icon="el-icon-search"
+                    @click="handleFilter"
+                >搜索</el-button>
+                <el-button
+                    class="filter-item"
+                    type="primary"
+                    icon="el-icon-refresh-left"
+                    @click="resetFilter"
+                >重置</el-button>
+            </div>
+            <div style="margin-top: 10px">
+                <el-button 
+                    type="primary" 
+                    icon="el-icon-plus" 
+                    @click="handleCreate"
+                >创建任务</el-button>
+            </div>
+        </el-card>
+        <el-card style="margin-top: 10px">
+            <el-table
+                v-loading="listLoading"
+                :data="taskList.results"
+                border
+                fit
+                stripe
+                highlight-current-row
+                max-height="600"
+            >
+                <el-table-column type="index" width="50" />
+                <el-table-column label="类型">
+                    <template slot-scope="scope">{{ typeOptions[scope.row.type] }}</template>
+                </el-table-column>
+                <el-table-column label="年份" prop="year"></el-table-column>
+                <el-table-column label="周期">
+                    <template slot-scope="scope" v-if="scope.row.state==20">{{ cycleList[scope.row.cycle] }}</template>
+                </el-table-column>
+                <el-table-column label="状态">
+                    <template slot-scope="scope">
+                        <el-tag v-if="scope.row.state=='10'" type="warning">创建中</el-tag>
+                        <el-tag v-else-if="scope.row.state=='20'" type="primary">进行中</el-tag>
+                        <el-tag v-else type="success">已关闭</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作"
+                    width="220px"
+                >
+                    <template slot-scope="scope">
+                        <el-link
+                        type="primary"
+                        v-if="checkPermission(['task2do'])"
+                        @click="handleDo(scope)"
+                        >执行</el-link>
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        @click="handleEdit(scope)"
+                        >编辑</el-link>
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        @click="handleClose(scope)"
+                        >关闭</el-link>
+                        <el-link
+                        v-if="checkPermission(['task2do'])"
+                        type="danger"
+                        @click="handleDelete(scope)"
+                        >删除</el-link>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination
+                v-show="taskList.count > 0"
+                :total="taskList.count"
+                :page.sync="listQuery.page"
+                :limit.sync="listQuery.page_size"
+                @pagination="getList"
+            />
+        </el-card>
+        <el-dialog
+            :visible.sync="dialogVisible"
+            :title="dialogType === 'edit' ? '编辑任务' : '新增任务'"
+        >
+            <el-form
+            ref="Form"
+            :model="task"
+            label-width="80px"
+            label-position="right"
+            :rules="rule1"
+            >
+                <el-form-item label="年份" prop="year">
+                    <el-date-picker
+                        v-model="task.year"
+                        type="year"
+                        placeholder="选择年"
+                        value-format="yyyy"
+                        style="width:50%"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="类型">
+                    <el-radio-group v-model="task.type">
+                        <el-radio :label="10">目标制定</el-radio>
+                        <el-radio :label="20">日常监督</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="周期" prop="cycle" v-if="task.type==20">
+                    <el-select
+                        v-model="task.cycle"
+                        placeholder="周期"
+                        clearable
+                        style="width: 50%"
+                        @change="handleFilter"
+                    >
+                        <el-option
+                            v-for="item in cycleOptions"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div style="text-align: right">
+                <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="confirm('Form')">确认</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+    import { getTask2List,createTask2,updateTask2,startTask2,closeTask2,deleteTask2 } from "@/api/task";
+    import checkPermission from "@/utils/permission";
+    import Pagination from "@/components/Pagination"; 
+    const defaulttask = {
+        year: "",
+        cycle: "",
+        type: 10,
+    };
+    export default {
+        components:{Pagination},
+        data(){
+            return{
+                dialogType:"new",
+                task: defaulttask,
+                listLoading:false,
+                dialogVisible:false,
+                taskList:{
+                    results:[],
+                    count:0,
+                },
+                listQuery:{
+                    page: 1,
+                    search:'',
+                    page_size: 20,
+                },
+                typeOptions:{
+                    10:"目标制定",
+                    20:"日常监督"
+                },
+                cycleList:["年","1-2月","3-4月","5-6月","7-8月","9-10月","11-12月"],
+                cycleOptions:[
+                    // {id:0,name:"年"},
+                    {id:1,name:"1-2月"},
+                    {id:2,name:"3-4月"},
+                    {id:3,name:"5-6月"},
+                    {id:4,name:"7-8月"},
+                    {id:5,name:"9-10月"},
+                    {id:6,name:"11-12月"},
+                ],
+
+                rule1: {
+                    year: [{ required: true, message: "请选择", trigger: "blur" }],
+                    cycle: [{ required: true, message: "请选择", trigger: "blur" }],
+                },
+            };
+        },
+        mounted(){
+            this.getList();
+        },
+        methods:{
+            checkPermission,
+            getList(){
+                this.listLoading = true;
+                getTask2List(this.listQuery).then((response) => {
+                    if (response.data) {
+                    this.taskList = response.data;
+                    }
+                    this.listLoading = false;
+                });
+            },
+            handleFilter() {
+                this.listQuery.page = 1;
+                this.getList();
+            },
+            resetFilter() {
+                this.listQuery = {
+                    page: 1,
+                    search:'',
+                    page_size: 20,
+                }
+                this.getList();
+            },
+            handleCreate() {
+                this.task = Object.assign({}, defaulttask);
+                this.dialogType = "new";
+                this.dialogVisible = true;
+                this.$nextTick(() => {
+                    this.$refs["Form"].clearValidate();
+                });
+            },
+            handleDo(scope) {
+                this.$router.push({name: "Task2do", params: { id: scope.row.id }, })
+            },
+            handleEdit(scope) {
+                this.task = Object.assign({}, scope.row); // copy obj
+                this.task.year = ''+this.task.year;
+                this.dialogType = "edit";
+                this.dialogVisible = true;
+                this.$nextTick(() => {
+                    this.$refs["Form"].clearValidate();
+                });
+            },
+            handleClose(scope) {
+                this.$confirm("确认关闭该任务吗?", "警告", {
+                    confirmButtonText: "确认",
+                    cancelButtonText: "取消",
+                    type: "warning",
+                }).then(async () => {
+                    await closeTask2(scope.row.id);
+                    this.getList();
+                    this.$message.success("成功");
+                })
+                .catch((err) => {
+                console.error(err);
+                });
+            },
+            handleDelete(scope) {
+                this.$confirm("确认删除?该操作将删除该任务所有报送记录!", "警告", {
+                    confirmButtonText: "确认",
+                    cancelButtonText: "取消",
+                    type: "error",
+                })
+                .then(async () => {
+                await deleteTask2(scope.row.id);
+                this.getList();
+                this.$message.success("成功");
+                })
+                .catch((err) => {
+                console.error(err);
+                });
+            },
+            confirm(form) {
+                debugger;
+                console.log(this.task)
+                this.$refs[form].validate((valid) => {
+                    if (valid) {
+                        
+                        const isEdit = this.dialogType === "edit";
+                        if (isEdit) {
+                            updateTask2(this.task.id, this.task).then((res) => {
+                            if (res.code >= 200) {
+                                this.getList();
+                                this.dialogVisible = false; 
+                                this.$message.success("成功");
+                            }
+                            });
+                        } else {
+                            if(this.task.type==10){
+                            this.task.cycle = 0;
+                        }
+                            createTask2(this.task).then((res) => {
+                            if (res.code >= 200) {
+                                this.getList();
+                                this.dialogVisible = false;
+                                this.$router.push({name: "Task2do", params: { id: res.data.id }, })
+                                this.$message.success("成功");
+                            }
+                            });
+                        }
+                    } else {
+                        return false;
+                    }
+                });
+            },
+        },
+    };
+</script>
+
+<style>
+</style>

client/src/views/supervisionNew/taskdo.vue

@@ -0,0 +1,734 @@
+<template>
+  <div class="app-container">
+    <!-- 任务详情 -->
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>任务详情</span>
+      </div>
+      <div style="margin-left: 10px; margin-right: 10px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <div style="margin-bottom: 6px">
+              <span class="term">任务类型：</span>
+              <span class="desc" v-if="task.type==10">目标制定</span>
+              <span class="desc" v-else>日常监督</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div style="margin-bottom: 6px">
+              <span class="term">年份：</span>
+              <span class="desc"> {{ task.year }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div style="margin-bottom: 6px">
+              <span class="term">周期：</span>
+              <span class="desc"> {{ cycleOptions[task.cycle] }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div style="margin-bottom: 6px">
+              <span class="term">任务状态</span>
+              <span class="desc">
+                <el-tag
+                  effect="plain"
+                  v-if="task.state == 10"
+                  type="warning"
+                  >创建中
+                </el-tag>
+                <el-tag
+                  effect="plain"
+                  v-else-if="task.state == 20"
+                  type="primary"
+                  >执行中
+                </el-tag>
+                <el-tag effect="plain" v-else type="success">已关闭</el-tag>
+              </span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div style="margin-bottom: 6px">
+              <span class="term">创建人：</span>
+              <span class="desc">{{ task.create_by_name }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <!-- 功能按钮 -->
+            <div style="margin-top: 4px">
+              <el-button
+                type="primary"
+                @click="startTask()"
+                v-if="task.state != 30"
+                size="small"
+              >发布任务</el-button>
+              <el-button
+                type="primary"
+                @click="append()"
+                v-if="task.state ==10 || task.state == 20"
+                size="small"
+                >添加执行部门</el-button>
+            </div>
+          </el-col>
+        </el-row>
+        
+      </div>
+    </el-card>
+    <!-- 执行组织 -->
+    <el-card style="margin-top: 2px">
+      <div slot="header" class="clearfix">
+        <span>执行组织</span>
+      </div>
+      <el-table
+        v-loading="listLoading"
+        :data="taskdeptall"
+        border
+        fit
+        stripe
+        highlight-current-row
+        max-height="300px"
+        @row-click="clickRow"
+      >
+        <el-table-column label="序号" type="index" align="center" width="55" />
+        <el-table-column label="公司名称">
+          <template slot-scope="scope" v-if="scope.row.belong_dept_">
+            <span style="color:darkblue">{{scope.row.belong_dept_.type_name}}</span>-
+            {{scope.row.belong_dept_.name}}
+          </template>
+        </el-table-column>
+         <el-table-column label="是否完成">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.count_up>scope.row.count_all " effect="plain">是</el-tag>
+          <el-tag type="danger" effect="plain" v-else>否</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="240px"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <!-- <el-link
+              v-if="
+                scope.row.confirm_rate != 100  &&
+                checkPermission(['record_confirm'])
+              "
+              type="warning"
+              size="small"
+              @click="handleConfirmDept(scope)"
+              >确认</el-link
+            >
+             <el-link
+            v-if="
+             scope.row.confirm_rate == 100  &&
+                checkPermission(['task_update'])
+              "
+             type="primary"
+              size="small"
+              @click="handleConfirmFK(scope)"
+              >反馈</el-link
+            > -->
+            <el-link
+              v-if="
+                checkPermission(['task_update'])
+              "
+              type="danger"
+              size="small"
+              @click="handleDeleteDept(scope)"
+              >删除</el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-dialog
+        :visible.sync="dialogVisibles"    
+      >
+        <el-form
+          ref="Forms"
+          :model="Taskdept"
+          label-width="80px"
+          label-position="right"
+        >
+          <el-form-item label="反馈文件" prop="template" v-if="dialogVisibles">
+            <el-upload
+            ref="upload"
+            :action="upUrl"
+            :on-preview="handlePreview"
+            :on-success="handleUpSuccess"
+            :on-remove="handleRemove"
+            :headers="upHeaders"
+            :file-list="fileList"
+            :limit="1"
+            accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+          >
+            <el-button size="small" type="primary">上传文件</el-button>
+          </el-upload>
+          </el-form-item>
+        </el-form>
+        <div style="text-align: right">
+          <el-button type="danger" @click="dialogVisibles = false">取消</el-button>
+          <el-button type="primary" @click="confirmfk('Forms')">确认</el-button>
+        </div>
+      </el-dialog>
+    </el-card>
+    <!-- 执行详情 -->
+    <el-card style="margin-top: 2px" v-if="task.type==10">
+      <div slot="header" class="clearfix">
+        <span>执行详情</span>
+      </div>
+      <el-table
+        v-loading="listLoading2"
+        :data="recordList"
+        border
+        fit
+        stripe
+        highlight-current-row
+        max-height="400px"
+        style="margin-top:2px"
+        @selection-change="handleSelectRecords"
+      >
+        <el-table-column type="selection" align="center" width="55" />
+        <el-table-column label="序号" type="index" align="center" width="55" />
+        <el-table-column label="名称">
+          <template slot-scope="scope">{{ scope.row.goal_name }}</template>
+        </el-table-column>
+        <el-table-column label="基础值">
+          <template slot-scope="scope">{{ scope.row.goal_value_a }}</template>
+        </el-table-column>
+        <el-table-column label="目标值">
+          <template slot-scope="scope">{{ scope.row.goal_value_b }}</template>
+        </el-table-column>
+        <el-table-column label="文件">
+          <template slot-scope="scope" v-if="scope.row.goal_file_">
+            <el-link :href="scope.row.goal_file_.path" target="_blank" type="primary">
+            {{scope.row.goal_file_.name}}</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <div style="margin-top: 2px" v-else>
+      <el-card>
+        <div>
+          <span>执行详情</span>
+        </div>
+        <p><span style="margin-right: 50px;">应发报告：{{ task2doItem.num_expect }} </span>已发报告：{{ task2doItem.num_issue }}</p>
+      </el-card>
+      <el-row :gutter="5">
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card >
+              <div class="cardHead">
+                <span class="cardTitle">不准确报告</span>
+              </div>
+              <el-table
+                :data="rcList"
+                fit
+                stripe
+                highlight-current-row
+                max-height="300px"
+              >
+                <el-table-column type="index" width="50" />
+                <el-table-column label="报告证书编号" prop="number"></el-table-column>
+                <el-table-column label="更改后编号" prop="number_correct"></el-table-column>
+                <el-table-column label="出错原因" prop="reason_error"></el-table-column>
+                <el-table-column label="更改发放日期" prop="date_issue"></el-table-column>
+              </el-table>
+            </el-card>
+        </el-col>
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card>
+              <div class="cardHead">
+                <span class="cardTitle">超期报告</span>
+              </div>
+              <el-table
+                  :data="rc2List"
+                  fit
+                  stripe
+                  highlight-current-row
+                  max-height="300px"
+                >
+                <el-table-column type="index" width="40" />
+                <el-table-column label="报告证书编号" prop="number"></el-table-column>
+                <el-table-column label="业务受理日期" prop="date_accept"></el-table-column>
+                <el-table-column label="预计发放日期" prop="date_expect"></el-table-column>
+                <el-table-column label="实际发放日期" prop="date_issue"></el-table-column>
+              </el-table>
+          </el-card>
+        </el-col>
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card>
+             <div class="cardHead">
+                <span class="cardTitle">能力验证结果</span>
+              </div>
+              <el-table
+                  :data="ptList"
+                  fit
+                  stripe
+                  highlight-current-row
+                  max-height="300px"
+                >
+                <el-table-column type="index" width="40" />
+                <el-table-column label="名称" prop="name"></el-table-column>
+                <el-table-column label="编号" prop="number"></el-table-column>
+                <el-table-column label="组织方" prop="organizer"></el-table-column>
+                <el-table-column label="参加参数名称" prop="params"></el-table-column>
+                <el-table-column label="结果">
+                  <template slot-scope="scope">
+                      <span>{{ resultsOptions[scope.row.result] }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="处理结果">
+                  <template slot-scope="scope">
+                      <span>{{ handleOptions[scope.row.handle_result] }}</span>
+                    </template>
+                </el-table-column>
+               
+              </el-table>
+          </el-card>
+        </el-col>
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card>
+             <div class="cardHead">
+                <span class="cardTitle">客户投诉</span>
+              </div>
+              <el-table
+                  :data="complaintList"
+                  fit
+                  stripe
+                  highlight-current-row
+                  max-height="300px"
+                >
+                <el-table-column type="index" width="40" />
+                <el-table-column label="投诉人" prop="complainant"></el-table-column>
+                <el-table-column label="投诉内容" prop="content"></el-table-column>
+                <el-table-column label="投诉日期" prop="date_occurrence"></el-table-column>
+                <el-table-column label="反馈日期" prop="date_feedback"></el-table-column>
+                <el-table-column label="是否满意">
+                    <template slot-scope="scope">
+                        <el-tag v-if="scope.row.is_satisfied" type="primary">满意</el-tag>
+                        <el-tag v-else type="warning">不满意</el-tag>
+                    </template>
+                </el-table-column>
+                
+              </el-table>
+          </el-card>
+        </el-col>
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card>
+            <div class="cardHead">
+                <span class="cardTitle">风险识别</span>
+              </div>
+              <el-table
+                  :data="riskList"
+                  fit
+                  stripe
+                  highlight-current-row
+                  max-height="300px"
+                >
+                <el-table-column type="index" width="40" />
+                <el-table-column label="内容" prop="content"></el-table-column>
+                <el-table-column label="风险等级">
+                  <template slot-scope="scope">
+                      <span>{{ levelOptions[scope.row.level] }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="风险代码" prop="code"></el-table-column>
+                <el-table-column label="整改状态">
+                  <template slot-scope="scope">
+                      <span>{{ codeOptions[scope.row.state] }}</span>
+                    </template>
+                </el-table-column>
+              </el-table>
+          </el-card>
+        </el-col>
+        <el-col :span="12" style="margin-top: 5px;">
+          <el-card>
+            <div class="cardHead">
+                <span class="cardTitle">外部监督检查</span>
+              </div>
+              <el-table
+                  :data="oinspectList"
+                  fit
+                  stripe
+                  highlight-current-row
+                  max-height="300px"
+                >
+                <el-table-column type="index" width="40" />
+                
+                <el-table-column label="检查分类">
+                  <template slot-scope="scope">
+                      <span>{{ cateOptions[scope.row.cate] }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="检查方" prop="checker"></el-table-column>
+                <el-table-column label="检查日期" prop="date_inspect"></el-table-column>
+                <el-table-column label="检查结果" prop="result"></el-table-column>
+              </el-table>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 添加执行组织 -->
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dgaction.name"
+      :close-on-click-modal="false"
+      width="1100px"
+    >
+      <el-transfer
+        v-model="depts"
+        :data="deptOptions"
+        :titles="['单位列表', '选择的单位']"
+        :props="{ key : 'id' , label: 'name' }"
+      >
+      <span slot-scope="{ option }">{{ option.sort }} - {{ option.name }}</span>
+      </el-transfer>
+      <div style="text-align: right">
+      <el-button type="primary" @click="confirm()">确认</el-button>
+    </div>
+    </el-dialog>
+    <!-- 记录 -->
+    <el-drawer
+      title="记录"
+      :visible.sync="drawer"
+      :with-header="false"
+      size="40%"
+    >
+      <recorddo
+        ref="recorddo"
+        :data="data"
+        @handleDo="handleDo"
+        v-if="drawer"
+      ></recorddo>
+    </el-drawer>
+  </div>
+</template>
+<style >
+.term {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: bold;
+  font-size: 16px;
+}
+.desc {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: bold;
+  font-size: 16px;
+}
+.litem {
+  margin-bottom: 4px;
+  margin-left: 2px;
+  cursor: pointer;
+  color: #409eff;
+}
+</style>
+<script>
+import { getOrgList } from "@/api/org";
+import { getTask2, addDeptsTask2, getTask2Do, startTask2, confirmTaskdept ,
+  getPgoalDeptList,getRcList,getPtList,getRiskList,getComplaintList,getOinspectList} from "@/api/task";
+import Pagination from "@/components/Pagination";
+import checkPermission from "@/utils/permission";
+import recorddo from "@/views/supervision/recorddo";
+import { upUrl, upHeaders } from "@/api/file";
+export default {
+  components: { Pagination, recorddo },
+  data() {
+    return {
+      task: { id: 0 },
+      dialogVisible: false,
+       dialogVisibles: false,
+        dialogType: "new",
+      activeName: "contenttab",
+      contents: [],
+      depts: [],
+      listLoading: false,
+      listLoading2: false,
+      recordList: [],
+      nowcontent: {},
+      nowdept: {},
+      drawer: false,
+      data: {},
+      taskdeptall: [],
+      listQuery:{},
+      selectRecords:[],
+      dgaction:{
+        action:'start',
+        name:'开始任务'
+      }
+      ,
+        upHeaders: upHeaders(),
+      upUrl: upUrl(),
+      fileList:[],
+      Taskdept:{is_yes:true},
+      statusOptios:{
+        10:'创建中',
+        20:'进行中',
+        30:'已关闭',
+      },
+      cycleOptions:{
+        0:'年',
+        1:'1-2月',
+        2:'3-4月',
+        3:'5-6月',
+        4:'7-8月',
+        5:'9-10月',
+        6:'11-12月',
+      },
+      task2do:'',
+      depts: [],
+      deptOptions: [],
+      task2doItem:{},
+      rcList:[],//报告证书{应发/超期}
+      rc2List:[],
+      ptList:[],//能力验证
+      riskList:[],//风险
+      complaintList:[],//投诉
+      oinspectList:[],//外部监查
+    };
+  },
+  created() {
+    this.task.id = this.$route.params.id;
+    this.gettask();
+  },
+  mounted(){
+    this.gettaskdeptall();
+  },
+  methods: {
+    checkPermission,
+    gettask() {
+      getTask2(this.task.id).then((res) => {
+        this.task = res.data;
+        if (this.task.state == "创建中") {
+          this.dialogVisible = true;
+        }
+      });
+    },
+    getOrgList() {
+      getOrgList({can_supervision:true}).then((res) => {
+        this.deptOptions = res.data;
+      });
+    },
+    gettaskdeptall() {
+      this.listLoading = true;
+      getTask2Do({task2:this.task.id})
+        .then((res) => {
+          // debugger;
+          this.listLoading = false;
+          this.taskdeptall = res.data.results;
+        })
+        .catch((e) => {
+          this.listLoading = false;
+        });
+    },
+    append() {
+      this.dgaction ={
+        action:'append',
+        name:'追加执行组织'
+      }
+      this.getOrgList();
+      this.dialogVisible = true;
+      
+    },
+    
+    startTask() {
+      this.$confirm("确认发布任务吗?", "提示")
+        .then(async () => {
+          await startTask2(this.task.id);
+          location.reload();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    handleRecord(data) {
+      this.data = data;
+      this.drawer = true;
+    },
+    handleDo(data) {
+      this.drawer = false;
+      this.gettask();
+      this.gettaskdeptall();
+      this.getRecordList();
+    },
+    getRecordList() {
+      getPgoalDeptList(this.listQuery)
+        .then((res) => {
+          // debugger;
+          this.listLoading2 = false;
+          this.recordList = res.data.results;
+        })
+        .catch((e) => {
+          this.listLoading2 = false;
+        });
+    },
+    clickRow(row) {
+      this.listLoading2 = true;
+      this.listQuery = { task2do: row.id };
+      if(this.task.type==10){
+        this.getRecordList();
+      }else if(this.task.type==20){
+        this.task2doItem = row;
+        this.task2do = row.id;
+        this.getPtList();
+        this.getRcList();
+        this.getRiskList();
+        this.getComplaintList();
+        this.getOinspectList();
+      } 
+    },
+    getRcList(){
+      let that = this;
+      getRcList({task2do:that.task2do,etype:10}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res)
+          that.rcList =res.data.results;
+        }
+      });
+      getRcList({task2do:that.task2do,etype:20}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res)
+          that.rc2List =res.data.results;
+        }
+      });
+    },
+    getPtList(){
+      let that = this;
+      getPtList({task2do:that.task2do}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res.data.results)
+          that.ptList=res.data.results;
+        }
+      });
+    },
+    getRiskList(){
+      let that = this;
+      getRiskList({task2do:that.task2do}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res)
+          that.riskList = res.data.results;
+        }
+      });
+    },
+    getComplaintList(){
+      let that = this;
+      getComplaintList({task2do:that.task2do}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res)
+          that.complaintList = res.data.results;
+        }
+      });
+    },
+    getOinspectList(){
+      let that = this;
+      getOinspectList({task2do:that.task2do}).then((res) => {
+        if (res.code >= 200) {
+          // debugger;
+          console.log(res)
+          that.oinspectList=res.data.results;
+        }
+      });
+    },
+    handleSelectRecords(val){
+      let selects = [];
+      for (var i = 0; i < val.length; i++) {
+        selects.push(val[i].id);
+      }
+      this.selectRecords = selects;
+    },
+    handleConfirmDept(scope){
+      confirmTaskdept(scope.row.id).then(res=>{
+        this.getRecordList()
+        this.gettaskdeptall()
+      })
+    },
+    //反馈意见
+     handlePreview(file) {
+      if ("url" in file) {
+        window.open(file.url);
+      } else {
+        window.open(file.response.data.path);
+      }
+    },
+    handleUpSuccess(res, file, filelist) {
+      this.Taskdept.file = res.data.path;
+       this.filename = res.data.name;
+    },
+    handleRemove(file, filelist){
+      this.Taskdept.file = null;
+    },
+    handleConfirmFK(scope){
+      this.Taskdept = Object.assign({}, scope.row); // copy obj
+      this.dialogVisibles = true;
+      if (this.Taskdept.file) {
+        this.fileList = [
+          {
+            name:"反馈文件",
+            url: this.Taskdept.file,
+          },
+        ];
+      }
+      this.$nextTick(() => {
+        this.$refs["Forms"].clearValidate();
+      });
+    },
+
+   async confirmfk(form) {
+      this.$refs[form].validate((valid) => {
+        console.log(this.Taskdept)
+        this.Taskdept.is_yes=true;
+          updateTaskdept(this.Taskdept.id,this.Taskdept).then((res) => {
+          if (res.code >= 200) {
+              this.gettaskdeptall()
+            this.dialogVisibles = false;
+            this.$message.success("成功");
+          }
+        });
+      });
+    },
+
+    handleDeleteDept(scope){
+      deleteTaskdept(scope.row.id).then(res=>{
+        this.gettaskdeptall()
+      })
+    },
+    handleUp2(){
+      if (this.selectRecords.length) {
+        this.$prompt('请输入备注内容', '提示').then(({ value }) => {
+          updateRecords({note:value, ids:this.selectRecords}).then(res=>{
+            this.$message.success('成功')
+            this.getRecordList();
+          })
+        }).catch(() => {      
+        });
+      } else {
+        this.$message({
+          message: "请先选择",
+          type: "warning",
+        });
+      }
+    },
+    confirm(){
+        if(this.depts.length>0){
+          let data = {ids:this.depts}
+          // this.task.depts = this.depts;
+          this.chooseComplete(data)
+        }else{
+            this.$message.error('请选择清单和单位!')
+        }
+    },
+    chooseComplete(data) {
+      this.dialogVisible = false;
+      const rLoading = this.openLoading("正在添加执行组织,请稍等...");
+      addDeptsTask2(this.task.id, data).then((res) => {
+        rLoading.close();
+        this.$message.success("成功");
+        this.$router.go(0);
+      }).catch(e=>{rLoading.close();});
+    },
+  },
+};
+</script>