菜单整合
This commit is contained in:
parent
9308f1e8f5
commit
28515318fc
|
|
@ -0,0 +1,26 @@
|
|||
<template>
|
||||
<div >
|
||||
<div>
|
||||
<app-main />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { AppMain } from './components'
|
||||
import ResizeMixin from './mixin/ResizeHandler'
|
||||
|
||||
export default {
|
||||
name: 'Layout',
|
||||
components: {
|
||||
AppMain
|
||||
},
|
||||
mixins: [ResizeMixin],
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "~@/styles/mixin.scss";
|
||||
@import "~@/styles/variables.scss";
|
||||
</style>
|
||||
|
||||
|
|
@ -5,6 +5,7 @@ Vue.use(Router)
|
|||
|
||||
/* Layout */
|
||||
import Layout from '@/layout'
|
||||
import Middle from '@/layout/middle.vue'
|
||||
|
||||
/**
|
||||
* Note: sub-menu only appear when route children.length >= 1
|
||||
|
|
@ -206,6 +207,12 @@ export const asyncRoutes = [
|
|||
meta: { title: '日常监督', icon: 'table', perms: ['supervision'] },
|
||||
alwaysShow: true,
|
||||
children: [
|
||||
{
|
||||
path: 'basicGoal',
|
||||
name: 'basicGoal',
|
||||
component: () => import('@/views/supervisionNew/basicGoal.vue'),
|
||||
meta: { title: '年度基础目标' , perms: ['task2']}
|
||||
},
|
||||
{
|
||||
path: 'content',
|
||||
name: 'Content',
|
||||
|
|
@ -214,15 +221,45 @@ export const asyncRoutes = [
|
|||
},
|
||||
{
|
||||
path: 'task',
|
||||
name: 'Task',
|
||||
component: () => import('@/views/supervision/task.vue'),
|
||||
meta: { title: '报送任务', perms: ['task_view'] }
|
||||
name: 'task',
|
||||
component: Middle,
|
||||
redirect: '/supervision/task',
|
||||
meta: { title: '报送任务' },
|
||||
children: [
|
||||
{
|
||||
path: 'goal',
|
||||
name: 'goal',
|
||||
component: () => import('@/views/supervisionNew/task.vue'),
|
||||
meta: { title: '质量目标' , perms: ['task2']}
|
||||
},
|
||||
{
|
||||
path: 'mytask',
|
||||
name: 'myTask',
|
||||
path: 'other',
|
||||
name: 'other',
|
||||
component: () => import('@/views/supervision/task.vue'),
|
||||
meta: { title: '其他任务'}
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'taskMy',
|
||||
name: 'taskMy',
|
||||
component: Middle,
|
||||
redirect: '/supervision/task',
|
||||
meta: { title: '我的报送任务' },
|
||||
children: [
|
||||
{
|
||||
path: 'myGoalTask',
|
||||
name: 'myGoalTask',
|
||||
component: () => import('@/views/supervisionNew/mytask.vue'),
|
||||
meta: { title: '质量目标', perms: ['task2do']}
|
||||
},
|
||||
{
|
||||
path: 'myOthertask',
|
||||
name: 'myOthertask',
|
||||
component: () => import('@/views/supervision/mytask.vue'),
|
||||
meta: { title: '我的报送任务', perms: ['record_view'] }
|
||||
meta: { title: '其他任务', perms: ['record_view'] }
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'record',
|
||||
|
|
@ -237,47 +274,12 @@ export const asyncRoutes = [
|
|||
meta: { title: '报送任务执行', perms: ['task_view'] },
|
||||
hidden: true
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
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: '部门报告'},
|
||||
},
|
||||
{
|
||||
path: 'mytaskDo',
|
||||
name: 'mytaskDo',
|
||||
component: () => import('@/views/supervisionNew/mytaskDo.vue'),
|
||||
meta: { title: '我的任务执行'},
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'task2do/:id',
|
||||
name: 'Task2do',
|
||||
|
|
@ -287,6 +289,48 @@ 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: '部门报告'},
|
||||
// },
|
||||
// {
|
||||
// path: 'mytaskDo',
|
||||
// name: 'mytaskDo',
|
||||
// component: () => import('@/views/supervisionNew/mytaskDo.vue'),
|
||||
// meta: { title: '我的任务执行'},
|
||||
// hidden: true
|
||||
// },
|
||||
|
||||
// ]
|
||||
// },
|
||||
{
|
||||
path: '/qualityinspect',
|
||||
component: Layout,
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ const getters = {
|
|||
device: state => state.app.device,
|
||||
token: state => state.user.token,
|
||||
avatar: state => state.user.avatar,
|
||||
dept: state => state.user.dept,
|
||||
name: state => state.user.name,
|
||||
perms: state => state.user.perms,
|
||||
permission_routes: state => state.permission.routes
|
||||
|
|
|
|||
|
|
@ -33,11 +33,11 @@
|
|||
>
|
||||
<template slot-scope="scope">
|
||||
<el-link
|
||||
v-if="checkPermission(['task2do'])"
|
||||
v-if="checkPermission(['task2'])"
|
||||
@click="handleEdit(scope)"
|
||||
>编辑</el-link>
|
||||
<el-link
|
||||
v-if="checkPermission(['task2do'])"
|
||||
v-if="checkPermission(['task2'])"
|
||||
type="danger"
|
||||
@click="handleDelete(scope)"
|
||||
>删除</el-link>
|
||||
|
|
@ -77,6 +77,22 @@
|
|||
<el-input v-model="form.pgoal_1" type="number" style="width:90%"/>
|
||||
<span>件</span>
|
||||
</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="pgoal_3">
|
||||
<el-input v-model="form.pgoal_3" type="number" style="width:90%"/>
|
||||
<span>%</span>
|
||||
</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="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"
|
||||
|
|
@ -86,17 +102,13 @@
|
|||
:on-remove="handleRemove1"
|
||||
:headers="upHeaders"
|
||||
:file-list="fileList1"
|
||||
:limit="1"
|
||||
:limit="5"
|
||||
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-form-item label="模板文件" prop="template" v-if="dialogVisible">
|
||||
<el-upload
|
||||
ref="upload1"
|
||||
:action="upUrl"
|
||||
|
|
@ -111,10 +123,6 @@
|
|||
<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"
|
||||
|
|
@ -130,10 +138,6 @@
|
|||
<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"
|
||||
|
|
@ -149,10 +153,6 @@
|
|||
<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"
|
||||
|
|
@ -167,7 +167,7 @@
|
|||
>
|
||||
<el-button size="small" type="primary">上传文件</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<div style="text-align: right">
|
||||
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
|
||||
|
|
@ -203,10 +203,10 @@
|
|||
upHeaders: upHeaders(),
|
||||
upUrl: upUrl(),
|
||||
fileList1:[],
|
||||
fileList2:[],
|
||||
fileList3:[],
|
||||
fileList4:[],
|
||||
fileList5:[],
|
||||
// fileList2:[],
|
||||
// fileList3:[],
|
||||
// fileList4:[],
|
||||
// fileList5:[],
|
||||
dialogType:"new",
|
||||
form: defaultForm,
|
||||
listLoading:false,
|
||||
|
|
@ -242,37 +242,51 @@
|
|||
}
|
||||
},
|
||||
handleUpSuccess1(res, file, filelist) {
|
||||
this.form.pgoal_1_file = res.data.id;
|
||||
debugger;
|
||||
console.log(res)
|
||||
console.log(file)
|
||||
console.log(filelist)
|
||||
// this.form.pgoal_1_file = res.data.id;
|
||||
console.log(filelist)
|
||||
this.form.pgoal_1_file = '';
|
||||
this.form.pgoal_2_file = '';
|
||||
this.form.pgoal_3_file = '';
|
||||
this.form.pgoal_4_file = '';
|
||||
this.form.pgoal_5_file = '';
|
||||
for(let i=0;i<filelist.length;i++){
|
||||
let key = 'pgoal_'+(i+1)+'_file';
|
||||
if(filelist[i].response){
|
||||
this.form[key] = filelist[i].response.data.id;
|
||||
}else{
|
||||
this.form[key] = filelist[i].id;
|
||||
}
|
||||
}
|
||||
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;
|
||||
},
|
||||
// handleUpSuccess2(res, file, filelist) {
|
||||
// this.form.pgoal_2_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;
|
||||
debugger;
|
||||
console.log(file)
|
||||
console.log(filelist)
|
||||
this.form.pgoal_1_file = '';
|
||||
this.form.pgoal_2_file = '';
|
||||
this.form.pgoal_3_file = '';
|
||||
this.form.pgoal_4_file = '';
|
||||
this.form.pgoal_5_file = '';
|
||||
for(let i=0;i<filelist.length;i++){
|
||||
let key = 'pgoal_'+(i+1)+'_file';
|
||||
if(filelist[i].response){
|
||||
this.form[key] = filelist[i].response.data.id;
|
||||
}else{
|
||||
this.form[key] = filelist[i].id;
|
||||
}
|
||||
}
|
||||
},
|
||||
// handleRemove2(file, filelist){
|
||||
// this.form.pgoal_2_file = null;
|
||||
// },
|
||||
checkPermission,
|
||||
getList(){
|
||||
this.listLoading = true;
|
||||
|
|
@ -292,28 +306,49 @@
|
|||
});
|
||||
},
|
||||
handleEdit(scope) {
|
||||
debugger;
|
||||
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.fileList1=[];
|
||||
if(scope.row.pgoal_1_file_!==null){
|
||||
this.fileList1.push({
|
||||
name:scope.row.pgoal_1_file_.name,
|
||||
url: scope.row.pgoal_1_file_.path,
|
||||
id: scope.row.pgoal_1_file
|
||||
})
|
||||
}
|
||||
if(scope.row.pgoal_2_file_!==null){
|
||||
this.fileList1.push({
|
||||
name:scope.row.pgoal_2_file_.name,
|
||||
url: scope.row.pgoal_2_file_.path,
|
||||
id: scope.row.pgoal_2_file
|
||||
})
|
||||
}
|
||||
if(scope.row.pgoal_3_file_!==null){
|
||||
this.fileList1.push({
|
||||
name:scope.row.pgoal_3_file_.name,
|
||||
url: scope.row.pgoal_3_file_.path,
|
||||
id: scope.row.pgoal_3_file
|
||||
})
|
||||
}
|
||||
if(scope.row.pgoal_4_file_!==null){
|
||||
this.fileList1.push({
|
||||
name:scope.row.pgoal_4_file_.name,
|
||||
url:scope.row.pgoal_4_file_.path,
|
||||
id:scope.row.pgoal_4_file
|
||||
})
|
||||
}
|
||||
if(scope.row.pgoal_5_file_!==null){
|
||||
this.fileList1.push({
|
||||
name:scope.row.pgoal_5_file_.name,
|
||||
url: scope.row.pgoal_5_file_.path,
|
||||
id: scope.row.pgoal_5_file
|
||||
})
|
||||
}
|
||||
// this.fileList2=[{
|
||||
// name:this.form.pgoal_2_file_.name,
|
||||
// url: this.form.pgoal_2_file_.path,
|
||||
// }];
|
||||
this.dialogType = "edit";
|
||||
this.dialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
|
|
@ -341,7 +376,7 @@
|
|||
if (valid) {
|
||||
const isEdit = this.dialogType === "edit";
|
||||
if (isEdit) {
|
||||
updatePgoal(this.task.id, this.form).then((res) => {
|
||||
updatePgoal(this.form.id, this.form).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
debugger;
|
||||
this.getList();
|
||||
|
|
|
|||
|
|
@ -4,6 +4,18 @@
|
|||
<el-col :span="7">
|
||||
<el-card :style="{height:leftHeight+'px'}" class="leftCard">
|
||||
<h5>任务列表</h5>
|
||||
<el-select
|
||||
v-model="listQuery.dept"
|
||||
placeholder="报送部门"
|
||||
@change="handleFilter"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in orgData"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
<el-table :data="dataList.results" @row-click="itemClick">
|
||||
<el-table-column type="expand" >
|
||||
<template slot-scope="props" v-if="props.row.task2_&&props.row.task2_.type==20">
|
||||
|
|
@ -86,38 +98,60 @@
|
|||
<div v-if="type==10">
|
||||
<el-card>
|
||||
<div style="display: flex;justify-content: space-between;">
|
||||
<span style="font-weight: bold;margin-top: px;">{{task2Item.task2_.year}}年目标制定</span>
|
||||
<span style="font-weight: bold;margin-top: px;">{{deptName}} {{task2Item.task2_.year}}年目标制定</span>
|
||||
<el-button type="primary" @click="addNewGoal">添加新目标</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<span>指导文件:</span>
|
||||
<div v-if="task.pgoal_1_file_!==null">
|
||||
<el-link :href="task.pgoal_1_file_.path" target="_blank" type="primary">{{task.pgoal_1_file_.name}}</el-link>
|
||||
</div>
|
||||
<div v-if="task.pgoal_2_file_!==null">
|
||||
<el-link :href="task.pgoal_2_file_.path" target="_blank" type="primary">{{task.pgoal_2_file_.name}}</el-link>
|
||||
</div>
|
||||
<div v-if="task.pgoal_3_file_!==null">
|
||||
<el-link :href="task.pgoal_3_file_.path" target="_blank" type="primary">{{task.pgoal_3_file_.name}}</el-link>
|
||||
</div>
|
||||
<div v-if="task.pgoal_4_file_!==null">
|
||||
<el-link :href="task.pgoal_4_file_.path" target="_blank" type="primary">{{task.pgoal_4_file_.name}}</el-link>
|
||||
</div>
|
||||
<div v-if="task.pgoal_5_file_!==null">
|
||||
<el-link :href="task.pgoal_5_file_.path" target="_blank" type="primary">{{task.pgoal_5_file_.name}}</el-link>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12" style="margin-top:10px" v-for="(item,$index) in subData">
|
||||
<el-card>
|
||||
<div style="padding:10px 20px 5px 10px">
|
||||
<div v-if="item.goal_key" style="font-size:18px">
|
||||
<div v-if="item.goal_key" style="font-size:18px;height: 25px;">
|
||||
{{item.goal_name}}
|
||||
<span v-if="item.goal_name=='重大质量事故'">(件)</span>
|
||||
<span v-else-if="item.goal_key!=''&&item.goal_key!=='other'">(%)</span>
|
||||
<span v-else-if="item.goal_key==''||item.goal_key==='other'"></span>
|
||||
|
||||
<div class="tabType" v-if="item.goal_key==''||item.goal_key==='other'">自定义目标</div>
|
||||
<div class="tabType" v-if="item.goal_key==''||item.goal_key=='other'">自定义目标</div>
|
||||
<div class="tabType tabTypeBasic" v-else>基础目标</div>
|
||||
</div>
|
||||
<div v-else style="font-size:18px">新增目标</div>
|
||||
<el-row style="height:140px">
|
||||
<p v-if="!item.goal_key" style="font-size:18px">目标名称：
|
||||
<div v-else style="font-size:18px;height: 25px;">新增目标</div>
|
||||
<el-row style="height:165px">
|
||||
<div v-if="!item.goal_key" style="font-size:18px">目标名称：
|
||||
<el-input v-model="item.goal_name" style="width:60%"/>
|
||||
</p>
|
||||
<el-col :span="10">
|
||||
<p v-if="item.goal_key&&item.goal_key!=''&&item.goal_key!='other'">集团目标值：{{ item. goal_value_a}}</p>
|
||||
</div>
|
||||
<el-col>
|
||||
<div v-if="item.goal_key&&item.goal_key!=''&&item.goal_key!='other'"
|
||||
>
|
||||
集团目标值：{{ item. goal_value_a}}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<p>公司目标：
|
||||
<el-input v-model="item.goal_value_b" type="number" style="width:100px"/>
|
||||
</p>
|
||||
</el-col>
|
||||
<el-col :span="14">
|
||||
<p v-if="item.goal_key&&item.goal_key!==''&&item.goal_key!=='other'">集团目标文件：<el-link type="primary" :href="item.goal_o_file_.file">{{item.goal_o_file_.name}}</el-link></p>
|
||||
<p style="display:flex;position:relative">
|
||||
<span>公司文件：</span>
|
||||
<el-col :span="24">
|
||||
<div style="display:flex;position:relative">
|
||||
<span style="display: inline-block;line-height: 33px;">公司文件：</span>
|
||||
<el-upload
|
||||
ref="upload1"
|
||||
:action="upUrl"
|
||||
|
|
@ -132,64 +166,81 @@
|
|||
>
|
||||
<el-button size="small" type="primary">上传文件</el-button>
|
||||
</el-upload>
|
||||
</p>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-button size="small" @click="historyFiles(item)"
|
||||
style="margin-left:10px;height:32px;position: absolute;right: 0px;top:-25px">历史文件</el-button>
|
||||
</el-row>
|
||||
<div style="text-align:right;" v-if="task2Item.task2_.state!==30">
|
||||
<el-button v-if="!item.goal_key||item.goal_key==''||item.goal_key=='other'" size="small" type="warning" @click="delGoal(item,$index)">删除</el-button>
|
||||
<el-button size="small" type="primary" v-loading="saveLoading" @click="saveGoal(item)">保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog title="历史文件" :visible.sync="historyFile">
|
||||
<div
|
||||
class="recordfiles"
|
||||
v-for="(item, index) in fileList"
|
||||
v-bind:key="item.id"
|
||||
>
|
||||
<p>
|
||||
<el-link :href="item.path" target="_blank" type="primary">
|
||||
{{item.name}}
|
||||
</el-link>
|
||||
</p>
|
||||
</div>
|
||||
<div style="text-align: right">
|
||||
<el-button type="danger" @click="historyFile = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div v-else-if="type==20">
|
||||
<el-card id="numCard">
|
||||
<span style="font-weight: bold;margin-bottom: 10px;display: inline-block;">{{task2Item.task2_.year}}年{{ cycleList[task2Item.task2_.cycle] }}日常监督</span>
|
||||
<span style="font-weight: bold;margin-bottom: 10px;display: inline-block;">{{deptName}}{{task2Item.task2_.year}}年{{ cycleList[task2Item.task2_.cycle] }}日常监督</span>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="numbers"
|
||||
label-width="120px"
|
||||
label-width="115px"
|
||||
label-position="right"
|
||||
:rules="rule"
|
||||
>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="应发报告：" prop="num_expect">
|
||||
<el-input v-model="numbers.num_expect" type="number" style="width:150px"/>
|
||||
<span>件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="已发放报告：" prop="num_issue">
|
||||
<el-input v-model="numbers.num_issue" type="number" style="width:150px"/>
|
||||
<span>件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :lg="8" :md="12" :sm="24">
|
||||
<el-form-item label="重大事故：" prop="num_acc">
|
||||
<el-input v-model="numbers.num_acc" type="number" style="width:150px"/>
|
||||
<span>件</span>
|
||||
<span class="danwei">件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :md="12" :sm="24">
|
||||
<el-form-item label="应发报告：" prop="num_expect">
|
||||
<el-input v-model="numbers.num_expect" type="number" style="width:150px"/>
|
||||
<span class="danwei">件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :md="12" :sm="24">
|
||||
<el-form-item label="已发放报告：" prop="num_issue">
|
||||
<el-input v-model="numbers.num_issue" type="number" style="width:150px"/>
|
||||
<span class="danwei">件</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
<div style="margin:auto 0">
|
||||
<el-button type="primary" @click="numsConfirm('Form')">确认</el-button>
|
||||
<div style="position: absolute; right: 50px; top: 5px;">
|
||||
<el-button type="primary" size="mini" @click="numsConfirm('Form')">确认</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-row :gutter="10">
|
||||
<!-- 不准确报告 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">不准确报告</span>
|
||||
<div>
|
||||
<el-button v-if="rcList.length==0" type="primary" @click="handleNoNum('rc')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('rc')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('rc')"></el-button>
|
||||
<el-button v-if="rcList.length==0" size="mini" type="primary" @click="handleNoNum('rc')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('rc')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('rc')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -226,14 +277,14 @@
|
|||
</el-card>
|
||||
</el-col>
|
||||
<!-- 超期报告 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">超期报告</span>
|
||||
<div>
|
||||
<el-button v-if="rc2List.length==0" type="primary" @click="handleNoNum('rc2')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('rc2')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('rc2')"></el-button>
|
||||
<el-button v-if="rc2List.length==0" size="mini" type="primary" @click="handleNoNum('rc2')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('rc2')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('rc2')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -277,14 +328,14 @@
|
|||
</saverc-dialog>
|
||||
</el-col>
|
||||
<!-- 能力验证结果 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">能力验证结果</span>
|
||||
<div>
|
||||
<el-button v-if="ptList.length==0" type="primary" @click="handleNoNum('pt')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('pt')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('pt')"></el-button>
|
||||
<el-button v-if="ptList.length==0" size="mini" type="primary" @click="handleNoNum('pt')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('pt')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('pt')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -338,14 +389,14 @@
|
|||
</savept-dialog>
|
||||
</el-col>
|
||||
<!-- 客户投诉 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">客户投诉</span>
|
||||
<div>
|
||||
<el-button v-if="complaintList.length==0" type="primary" @click="handleNoNum('complaint')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('complaint')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('complaint')"></el-button>
|
||||
<el-button v-if="complaintList.length==0" size="mini" type="primary" @click="handleNoNum('complaint')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('complaint')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('complaint')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -395,14 +446,14 @@
|
|||
</savecom-dialog>
|
||||
</el-col>
|
||||
<!-- 风险识别 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">风险识别</span>
|
||||
<div>
|
||||
<el-button v-if="riskList.length==0" type="primary" @click="handleNoNum('risk')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('risk')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('risk')"></el-button>
|
||||
<el-button v-if="riskList.length==0" size="mini" type="primary" @click="handleNoNum('risk')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('risk')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('risk')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -454,14 +505,14 @@
|
|||
</saverisk-dialog>
|
||||
</el-col>
|
||||
<!-- 外部监督检查 -->
|
||||
<el-col :span="12" style="margin-top:10px">
|
||||
<el-col :lg="12" :md="24" style="margin-top:10px">
|
||||
<el-card >
|
||||
<div class="cardHead">
|
||||
<span class="cardTitle">外部监督检查</span>
|
||||
<div>
|
||||
<el-button v-if="oinspectList.length==0" type="primary" @click="handleNoNum('oinspect')">无记录</el-button>
|
||||
<el-button type="primary" @click="handleImport('oinspect')">导入</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="handleCreate('oinspect')"></el-button>
|
||||
<el-button v-if="oinspectList.length==0" size="mini" type="primary" @click="handleNoNum('oinspect')">无记录</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleImport('oinspect')">导入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-plus" @click="handleCreate('oinspect')"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -472,7 +523,6 @@
|
|||
:height="tableHeight"
|
||||
>
|
||||
<el-table-column type="index" width="40" />
|
||||
|
||||
<el-table-column label="检查分类">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ cateOptions[scope.row.cate] }}</span>
|
||||
|
|
@ -552,7 +602,8 @@
|
|||
import { getMyTask2Do,getPgoalDeptList,createPgoalDept,updatePgoalDept,noNum,
|
||||
deletePgoalDept,saveNum,getPtList,deletePt,getRcList,deleteRc,getRiskList,
|
||||
deleteRisk,getComplaintList,deleteComplaint,getOinspectList,deleteOinspect,
|
||||
impPt,impRc,impOverdue,impRisk,impComplaint,impOinspect} from "@/api/task";
|
||||
impPt,impRc,impOverdue,impRisk,impComplaint,impOinspect,getPgoalList} from "@/api/task";
|
||||
import { getOrgList, getSubOrgList } from "@/api/org";
|
||||
import checkPermission from "@/utils/permission";
|
||||
import Pagination from "@/components/Pagination";
|
||||
import { upUrl, upHeaders } from "@/api/file";
|
||||
|
|
@ -561,6 +612,7 @@
|
|||
import saveriskDialog from "./risk_form.vue";
|
||||
import savecomDialog from "./complaint_form.vue";
|
||||
import saveoinDialog from "./oinspect_form.vue";
|
||||
import user from "@/store/modules/user";
|
||||
const defaulttask = {
|
||||
year: "",
|
||||
cycle: "",
|
||||
|
|
@ -577,15 +629,20 @@
|
|||
upHeaders: upHeaders(),
|
||||
upUrl: upUrl(),
|
||||
dialogType:"new",
|
||||
orgData:[],
|
||||
subData:[],
|
||||
fileList:[],
|
||||
task2do:'',
|
||||
taskYear:'',
|
||||
deptName:'',
|
||||
numbers:{
|
||||
num_issue:null,//已发放报告数量
|
||||
num_expect:null,//应发报告数
|
||||
num_acc:0,
|
||||
},
|
||||
task2Item:{},
|
||||
task:{},
|
||||
historyFile:false,
|
||||
saveLoading:false,
|
||||
listLoading:false,
|
||||
dialogVisible:false,
|
||||
|
|
@ -596,6 +653,7 @@
|
|||
},
|
||||
listQuery:{
|
||||
page: 1,
|
||||
dept:null,
|
||||
page_size: 20,
|
||||
},
|
||||
typeOptions:{
|
||||
|
|
@ -655,14 +713,174 @@
|
|||
mounted(){
|
||||
let height1 = document.getElementsByClassName('app-main')[0].clientHeight;
|
||||
this.leftHeight = height1-15;
|
||||
this.listQuery.dept =this.$store.getters.dept;
|
||||
this.getOrgList();
|
||||
this.getList();
|
||||
},
|
||||
methods:{
|
||||
|
||||
checkPermission,
|
||||
getOrgList() {
|
||||
let that = this;
|
||||
if (that.checkPermission(["record_confirm"])) {
|
||||
getOrgList({ can_supervision: true }).then((res) => {
|
||||
that.orgData = res.data;
|
||||
that.orgData.filter(item=>{
|
||||
if(item.id==that.listQuery.dept){
|
||||
that.deptName = item.name;
|
||||
}
|
||||
})
|
||||
});
|
||||
} else {
|
||||
getSubOrgList().then((res) => {
|
||||
that.orgData = res.data;
|
||||
that.orgData.filter(item=>{
|
||||
if(item.id==that.listQuery.dept){
|
||||
that.deptName = item.name;
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
},
|
||||
getList(){
|
||||
this.listLoading = true;
|
||||
this.dataList.results =[];
|
||||
this.dataList.count =0;
|
||||
getMyTask2Do(this.listQuery).then((response) => {
|
||||
if (response.data) {
|
||||
this.dataList.results = response.data;
|
||||
this.dataList.count = response.data.length;
|
||||
}
|
||||
this.listLoading = false;
|
||||
});
|
||||
},
|
||||
handleFilter() {
|
||||
let that = this;
|
||||
that.subData = [];
|
||||
that.rcList=[],//报告证书{应发/超期}
|
||||
that.rc2List=[]
|
||||
that.ptList=[],//能力验证
|
||||
that.riskList=[],//风险
|
||||
that.complaintList=[],//投诉
|
||||
that.oinspectList=[],//外部监查
|
||||
that.numbers.num_acc = '';
|
||||
that.numbers.num_expect = '';
|
||||
that.numbers.num_issue = '';
|
||||
that.listQuery.page = 1;
|
||||
that.orgData.filter(item=>{
|
||||
if(item.id==that.listQuery.dept){
|
||||
that.deptName = item.name;
|
||||
}
|
||||
})
|
||||
that.getList();
|
||||
},
|
||||
resetFilter() {
|
||||
this.listQuery = {
|
||||
page: 1,
|
||||
search:'',
|
||||
page_size: 20,
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
itemClick(item){
|
||||
console.log(item);
|
||||
let that = this;
|
||||
that.task2Item = item;
|
||||
that.task2do = item.id;
|
||||
that.type = item.task2_.type;
|
||||
if(item.task2_.type==10){
|
||||
that.taskYear = item.task2_.year;
|
||||
//获取任务目标值
|
||||
getPgoalDeptList({task2do:item.id}).then(res=>{
|
||||
let data = res.data.results;
|
||||
that.subData = [];
|
||||
data.forEach(item => {
|
||||
let obj = item;
|
||||
obj.fileLists = [];
|
||||
if(item.goal_file!==null){
|
||||
let file = {};
|
||||
file.name = item.goal_file_.name;
|
||||
file.value = item.goal_file_.path;
|
||||
obj.fileLists.push(file);
|
||||
that.subData.push(obj);
|
||||
}else{
|
||||
that.subData.push(obj);
|
||||
}
|
||||
});
|
||||
})
|
||||
//获取集团指导文件
|
||||
getPgoalList({year:item.task2_.year,page:0}).then(resp=>{
|
||||
that.task= resp.data[0];
|
||||
console.log(that.task)
|
||||
debugger;
|
||||
})
|
||||
}else{//日常监督
|
||||
this.numbers.num_expect = item.num_expect;
|
||||
this.numbers.num_issue = item.num_issue;
|
||||
this.$nextTick(re=>{
|
||||
let height1 = document.getElementsByClassName('app-main')[0].clientHeight;
|
||||
let height2 = document.getElementById('numCard').clientHeight;
|
||||
let height3 = (height1 - height2 - 200) / 3;
|
||||
this.tableHeight = height3;
|
||||
})
|
||||
//获取6个列表
|
||||
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) {
|
||||
that.rcList =res.data.results;
|
||||
}
|
||||
});
|
||||
getRcList({task2do:that.task2do,etype:20}).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
that.rc2List =res.data.results;
|
||||
}
|
||||
});
|
||||
},
|
||||
getPtList(){
|
||||
let that = this;
|
||||
getPtList({task2do:that.task2do}).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
that.ptList=res.data.results;
|
||||
}
|
||||
});
|
||||
},
|
||||
getRiskList(){
|
||||
let that = this;
|
||||
getRiskList({task2do:that.task2do}).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
that.riskList = res.data.results;
|
||||
}
|
||||
});
|
||||
},
|
||||
getComplaintList(){
|
||||
let that = this;
|
||||
getComplaintList({task2do:that.task2do}).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
that.complaintList = res.data.results;
|
||||
}
|
||||
});
|
||||
},
|
||||
getOinspectList(){
|
||||
let that = this;
|
||||
getOinspectList({task2do:that.task2do}).then((res) => {
|
||||
if (res.code >= 200) {
|
||||
that.oinspectList=res.data.results;
|
||||
}
|
||||
});
|
||||
},
|
||||
historyFiles(item){
|
||||
this.historyFile = true;
|
||||
this.fileList = item.goal_files_;
|
||||
},
|
||||
addNewGoal(){
|
||||
// debugger;
|
||||
this.subData.push({goal_name:'',goal_file:'',goal_value_b:0,year:this.taskYear});
|
||||
console.log(this.subData)
|
||||
},
|
||||
delGoal(item,index){
|
||||
if(item.id){
|
||||
|
|
@ -723,138 +941,11 @@
|
|||
this.subData[index].goal_file = null;
|
||||
},
|
||||
handleSuccessImp(res, file, fileList){
|
||||
// debugger;
|
||||
console.log(res)
|
||||
this.impForm.path = res.data.path;
|
||||
},
|
||||
handleRemoveImp(file, fileList){
|
||||
this.impForm.path = '';
|
||||
},
|
||||
checkPermission,
|
||||
getList(){
|
||||
this.listLoading = true;
|
||||
getMyTask2Do(this.listQuery).then((response) => {
|
||||
if (response.data) {
|
||||
this.dataList.results = response.data;
|
||||
this.dataList.count = response.data.length;
|
||||
}
|
||||
this.listLoading = false;
|
||||
});
|
||||
},
|
||||
handleFilter() {
|
||||
this.listQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
resetFilter() {
|
||||
this.listQuery = {
|
||||
page: 1,
|
||||
search:'',
|
||||
page_size: 20,
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
itemClick(item){
|
||||
console.log(item);
|
||||
let that = this;
|
||||
that.task2Item = item;
|
||||
that.task2do = item.id;
|
||||
that.type = item.task2_.type;
|
||||
if(item.task2_.type==10){
|
||||
that.taskYear = item.task2_.year;
|
||||
//获取任务目标值
|
||||
getPgoalDeptList({task2do:item.id}).then(res=>{
|
||||
let data = res.data.results;
|
||||
that.subData = [];
|
||||
data.forEach(item => {
|
||||
let obj = item;
|
||||
obj.fileLists = [];
|
||||
if(item.goal_file!==null){
|
||||
let file = {};
|
||||
file.name = item.goal_file_.name;
|
||||
file.value = item.goal_file_.path;
|
||||
obj.fileLists.push(file);
|
||||
that.subData.push(obj);
|
||||
}else{
|
||||
that.subData.push(obj);
|
||||
}
|
||||
|
||||
});
|
||||
})
|
||||
}else{//日常监督
|
||||
this.numbers.num_expect = item.num_expect;
|
||||
this.numbers.num_issue = item.num_issue;
|
||||
this.$nextTick(re=>{
|
||||
let height1 = document.getElementsByClassName('app-main')[0].clientHeight;
|
||||
let height2 = document.getElementById('numCard').clientHeight;
|
||||
let height3 = (height1 - height2 - 195) / 3;
|
||||
this.tableHeight = height3;
|
||||
})
|
||||
//获取6个列表
|
||||
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;
|
||||
}
|
||||
});
|
||||
},
|
||||
numsConfirm(form){
|
||||
this.$refs[form].validate((valid) => {
|
||||
if (valid) {
|
||||
|
|
@ -978,7 +1069,6 @@
|
|||
}
|
||||
let base_url = this.downloadUrl.substr(0, this.downloadUrl.length - 3);
|
||||
this.downloadUrl = base_url+file_url;
|
||||
// this.downloads();
|
||||
},
|
||||
imporCconfirm(){
|
||||
this.impForm.task2do =this.task2do;
|
||||
|
|
@ -1055,28 +1145,6 @@
|
|||
});
|
||||
|
||||
},
|
||||
// downloadFile(type){
|
||||
// let file_url = '';
|
||||
// if(type=='rc'){
|
||||
// form.key = "num_error";
|
||||
// }else if(type=='rc2'){
|
||||
// form.key = "num_overdue"
|
||||
// }else if(type=='pt'){
|
||||
// form.key = "num_pt"
|
||||
// }else if(type=='risk'){
|
||||
// form.key = "num_risk"
|
||||
// }else if(type=='complaint'){
|
||||
// form.key = "num_complaint"
|
||||
// }else if(type=='oinspect'){
|
||||
// form.key = "num_oinspect "
|
||||
// }
|
||||
// noNum(this.task2do,form).then(res=>{
|
||||
// if(res.code>=200){
|
||||
// this.$message.success("提交成功");
|
||||
// }else{}
|
||||
// })
|
||||
|
||||
// },
|
||||
rcSaveSuccess(){
|
||||
this.dialogRc = false;
|
||||
this.getRcList();
|
||||
|
|
@ -1157,7 +1225,9 @@
|
|||
margin-bottom: 0;
|
||||
width: 200px
|
||||
}
|
||||
|
||||
.danwei{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.taskUpload>.el-upload-list{
|
||||
/* position:relative; */
|
||||
|
|
|
|||
|
|
@ -109,17 +109,17 @@
|
|||
<td class="numCell">{{item[1]}}</td>
|
||||
<td class="numCell">{{item[2]}}</td>
|
||||
<td class="numCell">{{item[3]}}</td>
|
||||
<td class="numCell">{{item[4]}}</td>
|
||||
<td class="numCell">{{item[5]}}</td>
|
||||
<td class="numCell">{{item[6]}}</td>
|
||||
<td class="numCell numCell_last">{{item[7]}}</td>
|
||||
<td class="numCell numCell_last">{{item[6]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<el-row id="echartsContainer">
|
||||
<el-col :span="12" class="chartsWrap" style="border-right:1px solid #eeeeee;border-top:0">
|
||||
<el-col :span="12" class="chartsWrap" style="border-right:1px solid #eeeeee;border-top:0;padding-top: 0;">
|
||||
<div id="bar1" style="width:495px;height:300px;"></div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="chartsWrap" style="border-top:0">
|
||||
<el-col :span="12" class="chartsWrap" style="border-top:0;padding-top: 0;">
|
||||
<div id="bar2" style="width:495px;height:300px;margin-left: 10px;"></div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="chartsWrap" style="border-right:1px solid #eeeeee">
|
||||
|
|
@ -600,7 +600,6 @@
|
|||
let data = res.data.filter(item=>{
|
||||
return item.task2_.type==20
|
||||
});
|
||||
console.log(data)
|
||||
data.forEach(element => {
|
||||
let obj = element;
|
||||
if(element.num_issue!==null&&element.num_error!==null&&element.num_issue!==0){
|
||||
|
|
@ -654,8 +653,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
// debugger;
|
||||
console.log(that.tableDatas)
|
||||
that.timeStamp++;
|
||||
for(let k=0;k<that.tableDatas.length;k++){
|
||||
let num = 0;
|
||||
|
|
@ -666,25 +663,26 @@
|
|||
let num5 = that.tableDatas[k][4]?that.tableDatas[k][4]:0;
|
||||
let num6 = that.tableDatas[k][5]?that.tableDatas[k][5]:0;
|
||||
if(k==3){
|
||||
num = ((that.tableDatas[1][7]-that.tableDatas[2][7])/that.tableDatas[1][7]).toFixed(4)
|
||||
num = ((that.tableDatas[1][6]-that.tableDatas[2][6])/that.tableDatas[1][6]).toFixed(4)
|
||||
}else if(k==6){
|
||||
num = (that.tableDatas[5][7]/that.tableDatas[4][7]).toFixed(4)
|
||||
num = (that.tableDatas[5][6]/that.tableDatas[4][6]).toFixed(4)
|
||||
}else if(k==9){
|
||||
num =(that.tableDatas[8][7]/that.tableDatas[7][7]).toFixed(4)
|
||||
num =(that.tableDatas[8][6]/that.tableDatas[7][6]).toFixed(4)
|
||||
}else if(k==12){
|
||||
num = (that.tableDatas[11][7]/that.tableDatas[10][7]).toFixed(4)
|
||||
num = (that.tableDatas[11][6]/that.tableDatas[10][6]).toFixed(4)
|
||||
}else{
|
||||
num = Number(num1)+Number(num2)+Number(num3)+Number(num4)+Number(num5)+Number(num6);
|
||||
}
|
||||
if(num!=='NaN'&&num!==NaN){
|
||||
if(k==3||k==6||k==9||k==12){
|
||||
let numbe = Number(num)*100;
|
||||
that.tableDatas[k][7] = numbe;
|
||||
console.log(parseFloat((Number(num)*100)))
|
||||
let numbe = parseFloat((Number(num)*100).toPrecision(12));
|
||||
that.tableDatas[k][6] = numbe;
|
||||
}else{
|
||||
that.tableDatas[k][7] = num;
|
||||
that.tableDatas[k][6] = num;
|
||||
}
|
||||
}else{
|
||||
that.tableDatas[k][7] = ''
|
||||
that.tableDatas[k][6] = ''
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -842,7 +840,7 @@
|
|||
}
|
||||
.chartsWrap{
|
||||
/* margin-top: 30px; */
|
||||
/* padding-top: 50px; */
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,562 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-card>
|
||||
<el-row :gutter="6">
|
||||
<el-select
|
||||
v-model="listQuery.belong_dept"
|
||||
placeholder="报送部门"
|
||||
clearable
|
||||
@change="belongDeptChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in orgData"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="listQuery.task2__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">
|
||||
<h3 style="text-align: center;">{{ fileName }}</h3>
|
||||
<p v-if="fileName!==''" style="text-align: center;">{{ listQuery.task2__year }}年 1—12月质量目标双月报</p>
|
||||
<el-row id="echartsContainer">
|
||||
<el-col :span="24" class="chartsWrap">
|
||||
<div id="main" style="width:1000px;height:300px;margin-left: 10px;"></div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getTask2Do } from "@/api/task";
|
||||
import { getOrgList, getSubOrgList } from "@/api/org";
|
||||
import checkPermission from "@/utils/permission";
|
||||
import * as echarts from 'echarts';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
timeStamp:0,
|
||||
listQuery:{
|
||||
belong_dept:'',
|
||||
task2__year:'',
|
||||
page:0
|
||||
},
|
||||
|
||||
deptName:'',
|
||||
fileName:'',
|
||||
|
||||
tableDatas:[
|
||||
[],[],[],[],[],[],[],[],[],[],[],[],[]
|
||||
],
|
||||
orgData:[],
|
||||
barChart1:null,
|
||||
bar1option:{},
|
||||
barchart2:null,
|
||||
lineChart1:null,
|
||||
lineChart2:null,
|
||||
lineChart3:null,
|
||||
lineChart4:null,
|
||||
xAxisData:["1-2月","3-4月","5-6月","7-8月","9-10月","11-12月"],
|
||||
line1Data:[],
|
||||
line2Data:[],
|
||||
line3Data:[],
|
||||
line4Data:[],
|
||||
line1Option:{},
|
||||
line2Option:{},
|
||||
line3Option:{},
|
||||
line4Option:{},
|
||||
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getGroup();
|
||||
this.optionSet();
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var option = {
|
||||
tooltip: {
|
||||
trigger:"axis",
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
},
|
||||
formatter:"{a1}<br/>{b1}：{c1}%"
|
||||
},
|
||||
legend: {
|
||||
data:['目标值']
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ["中存","中存","中存","中存","中存","中存"]
|
||||
},
|
||||
color:['#91cc75','#438af4'],
|
||||
yAxis: {
|
||||
axisLabel:{
|
||||
formatter:"{value}%"
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '',
|
||||
type: 'bar',
|
||||
z:"-1",
|
||||
barGap: '-100%',
|
||||
data: [100, 100, 100, 100, 100, 100],
|
||||
markLine : {
|
||||
symbol:"none",
|
||||
label: {
|
||||
position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end" 开始 中点 结束
|
||||
},
|
||||
data : [{
|
||||
silent:false, //鼠标悬停事件 true没有，false有
|
||||
lineStyle:{ //警戒线的样式 ，虚实 颜色
|
||||
type:"solid",
|
||||
color:"#ffb4b4",
|
||||
},
|
||||
label:{
|
||||
position:'end',
|
||||
formatter:"目标(90)",
|
||||
color:"#ffb4b4",
|
||||
fontSize:'8'
|
||||
},
|
||||
yAxis:90 // 警戒线的标注值，可以有多个yAxis,多条警示线 或者采用 {type : 'average', name: '平均值'}，type值有 max min average，分为最大，最小，平均值
|
||||
}]
|
||||
}
|
||||
},
|
||||
{
|
||||
name: '及时率',
|
||||
type: 'bar',
|
||||
data: [95, 92, 96, 90, 91, 98]
|
||||
}
|
||||
],
|
||||
};
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
myChart.setOption(option);
|
||||
},
|
||||
methods: {
|
||||
belongDeptChange(a){
|
||||
this.fileName = '';
|
||||
let selectItem = this.orgData.filter(item=>{
|
||||
return item.id==a
|
||||
})
|
||||
this.deptName = selectItem[0].name;
|
||||
},
|
||||
optionSet(){
|
||||
let chartDom3 = document.getElementById('lin1');
|
||||
this.lineChart1 = echarts.init(chartDom3);
|
||||
this.line1Option = {
|
||||
title: {
|
||||
text: '报告/证书合格率'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: ['报告/证书合格率']
|
||||
},
|
||||
grid: {
|
||||
left: '5%',
|
||||
right: '7%',
|
||||
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: this.line1Data
|
||||
}
|
||||
]
|
||||
};
|
||||
let chartDom4 = document.getElementById('lin2');
|
||||
this.lineChart2 = echarts.init(chartDom4);
|
||||
this.line2Option = {
|
||||
title: {
|
||||
text: '报告/证书及时率'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: ['报告/证书及时率']
|
||||
},
|
||||
grid: {
|
||||
left: '7%',
|
||||
right: '5%',
|
||||
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: this.line2Data
|
||||
}
|
||||
]
|
||||
};
|
||||
let chartDom5 = document.getElementById('lin3');
|
||||
this.lineChart3 = echarts.init(chartDom5);
|
||||
this.line3Option = {
|
||||
title: {
|
||||
text: '能力验证满意率'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: ['能力验证满意率']
|
||||
},
|
||||
grid: {
|
||||
left: '5%',
|
||||
right: '7%',
|
||||
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: this.line3Data
|
||||
}
|
||||
]
|
||||
};
|
||||
let chartDom6 = document.getElementById('lin4');
|
||||
this.lineChart4 = echarts.init(chartDom6);
|
||||
this.line4Option = {
|
||||
title: {
|
||||
text: '客户投诉处理满意率'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: ['客户投诉处理满意率']
|
||||
},
|
||||
grid: {
|
||||
left: '7%',
|
||||
right: '5%',
|
||||
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:this.line4Data
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
handleFilter(){
|
||||
let that = this;
|
||||
if(that.listQuery.belong_dept!==''){
|
||||
if(that.listQuery.task2__year!==''){
|
||||
that.bar1Data = [];
|
||||
that.bar2Data = [];
|
||||
that.line1Data = [];
|
||||
that.line2Data = [];
|
||||
that.line3Data = [];
|
||||
that.line4Data = [];
|
||||
that.fileName = that.deptName;
|
||||
that.tableData1 = [];
|
||||
that.tableDatas = [ [],[],[],[],[],[],[],[],[],[],[],[],[]];
|
||||
getTask2Do(that.listQuery).then(res=>{
|
||||
let data = res.data.filter(item=>{
|
||||
return item.task2_.type==20
|
||||
});
|
||||
data.forEach(element => {
|
||||
let obj = element;
|
||||
if(element.num_issue!==null&&element.num_error!==null&&element.num_issue!==0){
|
||||
let rate1 = ((element.num_issue-element.num_error)/element.num_issue).toFixed(4)
|
||||
obj.rate1 = Number(rate1)*100
|
||||
}else{
|
||||
obj.rate1 = ''
|
||||
}
|
||||
if(element.num_expect!==null&&element.num_issue!==null&&element.num_expect!==0){
|
||||
let rate2 = (element.num_issue/element.num_expect).toFixed(4)
|
||||
obj.rate2 = Number(rate2)*100
|
||||
}
|
||||
else{
|
||||
obj.rate2 = ''
|
||||
}
|
||||
if(element.num_pt!==null&&element.num_pt_10!==null&&element.num_pt!==0){
|
||||
let rate3 = (element.num_pt_10/element.num_pt).toFixed(4)
|
||||
obj.rate3 = Number(rate3)*100
|
||||
}
|
||||
else{
|
||||
obj.rate3 = ''
|
||||
}
|
||||
if(element.num_complaint!==null&&element.num_complaint_10!==null&&element.num_complaint!==0){
|
||||
let rate4 = (element.num_complaint_10/element.num_complaint).toFixed(4)
|
||||
obj.rate4 = Number(rate4)*100
|
||||
}
|
||||
else{
|
||||
obj.rate4 = ''
|
||||
}
|
||||
let ind = element.task2_.cycle-1;
|
||||
that.tableData1[ind] = obj;
|
||||
});
|
||||
for (let i = 0; i < that.tableData1.length; i++) {
|
||||
let item = that.tableData1[i];
|
||||
if(item!==undefined){
|
||||
for(let j = 0; j < that.tableDatas.length; j++){
|
||||
that.tableDatas[j][i] =
|
||||
j==0?item.num_acc:
|
||||
j==1?item.num_issue:
|
||||
j==2?item.num_error:
|
||||
j==3?item.rate1:
|
||||
j==4?item.num_expect:
|
||||
j==5?item.num_issue:
|
||||
j==6?item.rate2:
|
||||
j==7?item.num_pt:
|
||||
j==8?item.num_pt_10:
|
||||
j==9?item.rate3:
|
||||
j==10?item.num_complaint:
|
||||
j==11?item.num_complaint_10:
|
||||
item.rate4;
|
||||
}
|
||||
}
|
||||
}
|
||||
that.timeStamp++;
|
||||
for(let k=0;k<that.tableDatas.length;k++){
|
||||
let num = 0;
|
||||
let num1 = that.tableDatas[k][0]?that.tableDatas[k][0]:0;
|
||||
let num2 = that.tableDatas[k][1]?that.tableDatas[k][1]:0;
|
||||
let num3 = that.tableDatas[k][2]?that.tableDatas[k][2]:0;
|
||||
let num4 = that.tableDatas[k][3]?that.tableDatas[k][3]:0;
|
||||
let num5 = that.tableDatas[k][4]?that.tableDatas[k][4]:0;
|
||||
let num6 = that.tableDatas[k][5]?that.tableDatas[k][5]:0;
|
||||
if(k==3){
|
||||
num = ((that.tableDatas[1][7]-that.tableDatas[2][7])/that.tableDatas[1][7]).toFixed(4)
|
||||
}else if(k==6){
|
||||
num = (that.tableDatas[5][7]/that.tableDatas[4][7]).toFixed(4)
|
||||
}else if(k==9){
|
||||
num =(that.tableDatas[8][7]/that.tableDatas[7][7]).toFixed(4)
|
||||
}else if(k==12){
|
||||
num = (that.tableDatas[11][7]/that.tableDatas[10][7]).toFixed(4)
|
||||
}else{
|
||||
num = Number(num1)+Number(num2)+Number(num3)+Number(num4)+Number(num5)+Number(num6);
|
||||
}
|
||||
if(num!=='NaN'&&num!==NaN){
|
||||
if(k==3||k==6||k==9||k==12){
|
||||
// debugger;
|
||||
console.log(parseFloat((Number(num)*100)))
|
||||
// parseFloat((Number(num)*100).toPrecision(12))
|
||||
let numbe = parseFloat((Number(num)*100).toPrecision(12));
|
||||
that.tableDatas[k][7] = numbe;
|
||||
}else{
|
||||
that.tableDatas[k][7] = num;
|
||||
}
|
||||
}else{
|
||||
that.tableDatas[k][7] = ''
|
||||
}
|
||||
}
|
||||
|
||||
for(let i=0;i<6;i++){
|
||||
if(that.tableDatas[1][i]!==undefined){
|
||||
that.bar1Data.push(Number(that.tableDatas[1][i]))
|
||||
}else{
|
||||
that.bar1Data.push(0)
|
||||
}
|
||||
if(that.tableDatas[4][i]!==undefined){
|
||||
that.bar2Data.push(Number(that.tableDatas[4][i]))
|
||||
}else{
|
||||
that.bar2Data.push(0)
|
||||
}
|
||||
if(that.tableDatas[3][i]!==undefined){
|
||||
that.line1Data.push(Number(that.tableDatas[3][i]))
|
||||
}else{
|
||||
that.line1Data.push(0)
|
||||
}
|
||||
if(that.tableDatas[6][i]!==undefined){
|
||||
that.line2Data.push(Number(that.tableDatas[6][i]))
|
||||
}else{
|
||||
that.line2Data.push(0)
|
||||
}
|
||||
if(that.tableDatas[9][i]!==undefined){
|
||||
that.line3Data.push(Number(that.tableDatas[9][i]))
|
||||
}else{
|
||||
that.line3Data.push(0)
|
||||
}
|
||||
if(that.tableDatas[12][i]!==undefined){
|
||||
that.line4Data.push(Number(that.tableDatas[12][i]))
|
||||
}else{
|
||||
that.line4Data.push(0)
|
||||
}
|
||||
}
|
||||
that.bar1Option.series[0].data = that.bar1Data;
|
||||
that.bar2Option.series[0].data = that.bar2Data;
|
||||
that.line1Option.series[0].data = that.line1Data;
|
||||
that.line2Option.series[0].data = that.line2Data;
|
||||
that.line3Option.series[0].data = that.line3Data;
|
||||
that.line4Option.series[0].data = that.line4Data;
|
||||
|
||||
that.barChart1.clear();
|
||||
that.barChart1.setOption(that.bar1Option);
|
||||
that.barChart2.clear();
|
||||
that.barChart2.setOption(that.bar2Option);
|
||||
|
||||
that.lineChart1.clear();
|
||||
that.lineChart1.setOption(that.line1Option);
|
||||
that.lineChart2.clear();
|
||||
that.lineChart2.setOption(that.line2Option);
|
||||
|
||||
that.lineChart3.clear();
|
||||
that.lineChart3.setOption(that.line3Option);
|
||||
that.lineChart4.clear();
|
||||
that.lineChart4.setOption(that.line4Option);
|
||||
})
|
||||
|
||||
}else{
|
||||
this.$message.warning('请选择时间')
|
||||
}
|
||||
}else{
|
||||
this.$message.warning('请选择部门')
|
||||
}
|
||||
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
},
|
||||
|
||||
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;
|
||||
});
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.printContainer{
|
||||
width: 1075px;
|
||||
}
|
||||
#numTable,#echartsContainer{
|
||||
margin-left: 37px;
|
||||
}
|
||||
#numTable td{
|
||||
height: 32px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.numCell{
|
||||
width: 80px;
|
||||
}
|
||||
.numCell.numCell_last{
|
||||
width: 100px;
|
||||
}
|
||||
#echartsContainer{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.chartsWrap{
|
||||
/* margin-top: 30px; */
|
||||
/* padding-top: 50px; */
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
</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>
|
||||
<template slot-scope="scope">{{ cycleList[scope.row.cycle] }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -55,6 +55,7 @@
|
|||
<el-tag v-else type="success">已关闭</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="截止日期" prop="end_date"></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="操作"
|
||||
|
|
@ -133,6 +134,16 @@
|
|||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止日期" prop="end_date">
|
||||
<el-date-picker
|
||||
v-model="task.end_date"
|
||||
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>
|
||||
|
|
@ -149,6 +160,7 @@
|
|||
year: "",
|
||||
cycle: "",
|
||||
type: 10,
|
||||
end_date:''
|
||||
};
|
||||
export default {
|
||||
components:{Pagination},
|
||||
|
|
@ -185,6 +197,7 @@
|
|||
rule1: {
|
||||
year: [{ required: true, message: "请选择", trigger: "blur" }],
|
||||
cycle: [{ required: true, message: "请选择", trigger: "blur" }],
|
||||
end_date: [{ required: true, message: "请选择", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
|
@ -228,6 +241,7 @@
|
|||
handleEdit(scope) {
|
||||
this.task = Object.assign({}, scope.row); // copy obj
|
||||
this.task.year = ''+this.task.year;
|
||||
this.task.end_date = ''+this.task.end_date;
|
||||
this.dialogType = "edit";
|
||||
this.dialogVisible = true;
|
||||
this.$nextTick(() => {
|
||||
|
|
|
|||
|
|
@ -7,26 +7,32 @@
|
|||
</div>
|
||||
<div style="margin-left: 10px; margin-right: 10px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<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">
|
||||
<el-col :span="6">
|
||||
<div style="margin-bottom: 6px">
|
||||
<span class="term">年份：</span>
|
||||
<span class="desc"> {{ task.year }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<div style="margin-bottom: 6px">
|
||||
<span class="term">周期：</span>
|
||||
<span class="desc"> {{ cycleOptions[task.cycle] }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<div style="margin-bottom: 6px">
|
||||
<span class="term">截止日期：</span>
|
||||
<span class="desc"> {{ task.end_date }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div style="margin-bottom: 6px">
|
||||
<span class="term">任务状态</span>
|
||||
<span class="desc">
|
||||
|
|
@ -46,7 +52,7 @@
|
|||
</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<div style="margin-bottom: 6px">
|
||||
<span class="term">创建人：</span>
|
||||
<span class="desc">{{ task.create_by_name }}</span>
|
||||
|
|
@ -94,6 +100,11 @@
|
|||
<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">
|
||||
{{ scope.row.pross }}%
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否完成">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -537,7 +548,15 @@ export default {
|
|||
.then((res) => {
|
||||
// debugger;
|
||||
this.listLoading = false;
|
||||
this.taskdeptall = res.data.results;
|
||||
this.taskdeptall = [];
|
||||
let taskdept = res.data.results;
|
||||
taskdept.forEach(item=>{
|
||||
let obj = item;
|
||||
// debugger;
|
||||
let pross = Number((item.count_up/item.count_all).toFixed(4))
|
||||
obj.pross = parseFloat((pross*100).toPrecision(12));
|
||||
this.taskdeptall.push(obj);
|
||||
})
|
||||
})
|
||||
.catch((e) => {
|
||||
this.listLoading = false;
|
||||
|
|
|
|||
Loading…
Reference in New Issue