|
@@ -1,30 +1,27 @@
|
|
|
<template>
|
|
|
<div style="display: flex; justify-content: space-between">
|
|
|
<div class="taskbox">
|
|
|
- <div class="tit">
|
|
|
- <span class="span1" @click="tabboxclick1">我的待办 ({{ this.daitotal }})</span>
|
|
|
- <span class="span2" @click="tabboxclick2">我的已办</span>
|
|
|
- <span class="span3" @click="tabboxclick3">我的发起</span>
|
|
|
+ <div class="homeTaskTit">
|
|
|
+ <span class="span span1" @click="tabboxclick(0)">我的待办 ({{ this.daitotal }})</span>
|
|
|
+ <span class="span" @click="tabboxclick(1)">我的已办</span>
|
|
|
+ <span class="span" @click="tabboxclick(2)">我的发起</span>
|
|
|
<!-- <span class="span" @click="more">更多>></span> -->
|
|
|
</div>
|
|
|
<div class="fatherbox">
|
|
|
<div class="tabbox">
|
|
|
<!-- 我的待办列表 -->
|
|
|
<el-table :header-cell-style="{
|
|
|
- background: '#F2F2F2',
|
|
|
- 'text-align': 'center',
|
|
|
- }" :cell-style="{ background: '#FaFaFa' }" v-if="tabbox1" class="com-table" ref="multipleTable"
|
|
|
+ background: '#F2F2F2',
|
|
|
+ 'text-align': 'center',
|
|
|
+ }" :cell-style="{ background: '#FaFaFa' }" v-if="tabbox == 0" class="com-table" ref="multipleTable"
|
|
|
:data="niticList" tooltip-effect="dark" size="small"
|
|
|
- style="width: 100%; font-size: 16px; background: '#FaFaFa'" height="442px">
|
|
|
+ style="width: 100%; font-size: 16px; background: '#FaFaFa'" height="442px" v-loading="loading0">
|
|
|
<el-table-column prop="woTitle" label="工单标题" align="left" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <span :title="scope.row.woTitle" @click="RowTitle(scope.row)" :style="
|
|
|
- scope.row.woTypeDesc == '预警工单'
|
|
|
+ <span :title="scope.row.woTitle" @click="RowTitle(scope.row)" :style="scope.row.woTypeDesc == '预警工单'
|
|
|
? 'cursor: pointer;color:red;'
|
|
|
: 'cursor: pointer;color:blue;'
|
|
|
- ">
|
|
|
- <!-- <span style="float: left; color: #afb2d8;margin-right:5px"
|
|
|
- >•</span> -->
|
|
|
+ ">
|
|
|
{{ scope.row.woTitle }}
|
|
|
</span>
|
|
|
</template>
|
|
@@ -32,11 +29,11 @@
|
|
|
<el-table-column prop="procName" label="流程名称" align="center" width="180" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<span :title="scope.row.procName">{{
|
|
|
- scope.row.procName
|
|
|
+ scope.row.procName
|
|
|
}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="assigneName" label="上一步处理人" align="center" width="120" :show-overflow-tooltip="true">
|
|
|
+ <!-- <el-table-column prop="assigneName" label="上一步处理人" align="center" width="120" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<span :title="scope.row.assigneName">{{
|
|
|
scope.row.assigneName
|
|
@@ -47,50 +44,43 @@
|
|
|
<template slot-scope="scope">
|
|
|
<span :title="scope.row.clsj">{{ scope.row.clsj }}</span>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table-column> -->
|
|
|
<el-table-column prop="opName" label="发起人" align="center" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.opName }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createTime" label="发起时间" align="center" width="130" :show-overflow-tooltip="true">
|
|
|
+ <el-table-column prop="createTime" label="发起时间" align="center" width="180" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <span :title="scope.row.createTime">{{ scope.row.createTime }}</span>
|
|
|
+ <span :title="scope.row.createTime">{{ scope.row.createTime }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <!-- <el-pagination class="pageBox" @current-change="currchangeDdaiban" layout="total,prev, pager, next" background
|
|
|
- page-size="10" :total="totalDaiban" v-if="tabbox1">
|
|
|
- </el-pagination> -->
|
|
|
<el-pagination @current-change="currchangeDdaiban" :current-page="daipage" :page-size="daisize"
|
|
|
- layout="total,prev, pager, next" :total="daitotal" v-if="tabbox1">
|
|
|
+ layout="total,prev, pager, next" :total="daitotal" v-if="tabbox == 0">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
<div class="tabbox">
|
|
|
<!-- 我的已办列表 -->
|
|
|
<el-table :header-cell-style="{
|
|
|
- background: '#F2F2F2',
|
|
|
- 'text-align': 'center',
|
|
|
- }" :cell-style="{ background: '#FaFaFa' }" class="com-table" ref="tableDatayj" v-if="tabbox2"
|
|
|
+ background: '#F2F2F2',
|
|
|
+ 'text-align': 'center',
|
|
|
+ }" :cell-style="{ background: '#FaFaFa' }" class="com-table" ref="tableDatayj" v-if="tabbox == 1"
|
|
|
:data="tableDatayj" tooltip-effect="dark" size="small"
|
|
|
- style="width: 100%; font-size: 16px; background: '#FaFaFa'" height="442px">
|
|
|
+ style="width: 100%; font-size: 16px; background: '#FaFaFa'" height="442px" v-loading="loading1">
|
|
|
<el-table-column prop="woTitle" label="工单标题" align="left" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <!-- <span style="float: left; color: #afb2d8;margin-right:5px"
|
|
|
- >•</span
|
|
|
- > -->
|
|
|
- <span @click="RowDoneTitle(scope.row)" :title="scope.row.woTitle"
|
|
|
- style="cursor: pointer; color: blue">{{ scope.row.woTitle }}</span>
|
|
|
+ <span @click="RowDoneTitle(scope.row)" :title="scope.row.woTitle" style="cursor: pointer; color: blue">{{
|
|
|
+ scope.row.woTitle }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="procName" label="流程名称" align="center" width="180" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<span :title="scope.row.procName">{{
|
|
|
- scope.row.procName
|
|
|
+ scope.row.procName
|
|
|
}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
<el-table-column prop="opName" label="发起人" align="center" width="120">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.opName }}</span>
|
|
@@ -102,34 +92,27 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <!-- <el-pagination class="pageBox" @current-change="currchangeDone"
|
|
|
- layout="total,prev, pager, next" background :total="totalDone" page-size="10">
|
|
|
- </el-pagination> -->
|
|
|
<el-pagination @current-change="currchangeyiban" :current-page="yibanpage" :page-size="yibansize"
|
|
|
- layout="total,prev, pager, next" :total="yibantotal" v-if="tabbox2">
|
|
|
+ layout="total,prev, pager, next" :total="yibantotal" v-if="tabbox == 1">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
<div class="tabbox">
|
|
|
<!-- 我的发起列表 -->
|
|
|
<el-table :header-cell-style="{
|
|
|
- background: '#F2F2F2',
|
|
|
- 'text-align': 'center',
|
|
|
- }" :cell-style="{ background: '#FaFaFa' }" class="com-table" ref="OpList" :data="OpList" v-if="tabbox3"
|
|
|
- tooltip-effect="dark" size="small" style="width: 100%; font-size: 16px; background: '#FaFaFa'"
|
|
|
- height="442px">
|
|
|
+ background: '#F2F2F2',
|
|
|
+ 'text-align': 'center',
|
|
|
+ }" :cell-style="{ background: '#FaFaFa' }" class="com-table" ref="OpList" :data="OpList" v-if="tabbox == 2"
|
|
|
+ tooltip-effect="dark" size="small" style="width: 100%; font-size: 16px; background: '#FaFaFa'" height="442px" v-loading="loading2">
|
|
|
<el-table-column prop="woTitle" label="工单标题" align="left" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <!-- <span style="float: left; color: #afb2d8;margin-right:5px"
|
|
|
- >•</span
|
|
|
- > -->
|
|
|
<span :title="scope.row.woTitle" @click="RowlaunchTitle(scope.row)"
|
|
|
style="cursor: pointer; color: blue">{{ scope.row.woTitle }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="procName" label="流程名称" align="center" :show-overflow-tooltip="true">
|
|
|
+ <el-table-column prop="procName" label="流程名称" width="180" align="center" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<span :title="scope.row.procName">{{
|
|
|
- scope.row.procName
|
|
|
+ scope.row.procName
|
|
|
}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -139,33 +122,22 @@
|
|
|
<span>{{ scope.row.createTime }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- width="80"
|
|
|
- label="操作"
|
|
|
- >
|
|
|
+ <el-table-column align="center" width="80" label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
-
|
|
|
- :disabled="scope.row.flag == '1' ? true : false"
|
|
|
+ <el-button size="mini" :disabled="scope.row.flag == '1' ? true : false"
|
|
|
@click="handleEdit(scope.$index, scope.row)">催办</el-button>
|
|
|
-
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
|
- <!-- <el-pagination class="pageBox" @current-change="currchangeOp" layout="total,prev, pager, next" background
|
|
|
- :total="totalOp" v-if="tabbox3" page-size="10">
|
|
|
- </el-pagination> -->
|
|
|
<el-pagination @current-change="currchangefaqi" :current-page="faqipage" :page-size="faqisize"
|
|
|
- layout="total,prev, pager, next" :total="faqitotal" v-if="tabbox3">
|
|
|
+ layout="total,prev, pager, next" :total="faqitotal" v-if="tabbox == 2">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 查看待办弹窗 -->
|
|
|
- <el-dialog title="查看" :visible.sync="WorkOrderStatus" width="50%" :close-on-press-escape="false"
|
|
|
- :show-close="true" :destroy-on-close="true" :modal-append-to-body="false" :close-on-click-modal="false">
|
|
|
+ <el-dialog title="查看" :visible.sync="WorkOrderStatus" width="50%" :close-on-press-escape="false" :show-close="true"
|
|
|
+ :destroy-on-close="true" :modal-append-to-body="false" :close-on-click-modal="false">
|
|
|
<div>
|
|
|
<el-form :inline="true" :model="StatusList" class="demo-form-inline">
|
|
|
<el-form-item label="工单标题">
|
|
@@ -233,47 +205,30 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 处理弹窗 -->
|
|
|
- <el-dialog title="处理" :visible.sync="WorkOrderStatus1" width="40%" :close-on-press-escape="false"
|
|
|
- :show-close="true" :destroy-on-close="true" :modal-append-to-body="false" :close-on-click-modal="false">
|
|
|
+ <el-dialog title="处理" :visible.sync="WorkOrderStatus1" width="40%" :close-on-press-escape="false" :show-close="true"
|
|
|
+ :destroy-on-close="true" :modal-append-to-body="false" :close-on-click-modal="false">
|
|
|
<div style="height: 450px">
|
|
|
<iframe height="100%" width="100%" :src="dialogdiv" frameborder="0"></iframe>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<div>
|
|
|
- <el-dialog title="有您的催办工单" :visible.sync="dialogTableVisible" :modal="false" >
|
|
|
- <el-table :data="gridData">
|
|
|
- <el-table-column property="woTitle"
|
|
|
- label="工单标题" width="625"
|
|
|
- show-overflow-tooltip=true
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <span
|
|
|
- @click="urgedDeal(scope.row)"
|
|
|
- :title="scope.row.woTitle"
|
|
|
- style="cursor: pointer; color: blue"
|
|
|
- >{{ scope.row.woTitle }}</span
|
|
|
- >
|
|
|
+ <el-dialog title="有您的催办工单" :visible.sync="dialogTableVisible" :modal="false">
|
|
|
+ <el-table :data="gridData">
|
|
|
+ <el-table-column property="woTitle" label="工单标题" width="625" show-overflow-tooltip=true>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span @click="urgedDeal(scope.row)" :title="scope.row.woTitle" style="cursor: pointer; color: blue">{{
|
|
|
+ scope.row.woTitle }}</span>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- width="100"
|
|
|
- label="操作"
|
|
|
- >
|
|
|
- <!-- <el-form-item> -->
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" width="100" label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
-
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- @click="handleEdit1(scope.$index, scope.row)">已阅</el-button>
|
|
|
-
|
|
|
+ <el-button size="mini" @click="handleEdit1(scope.$index, scope.row)">已阅</el-button>
|
|
|
</template>
|
|
|
- <!-- </el-form-item> -->
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -284,11 +239,9 @@ export default {
|
|
|
// props:["tableDatayj","niticList"],
|
|
|
data() {
|
|
|
return {
|
|
|
- gridData:[],//催办列表
|
|
|
+ gridData: [],//催办列表
|
|
|
dialogTableVisible: false,//催办弹窗是否显示
|
|
|
- tabbox1: true, //待办
|
|
|
- tabbox2: false, //已办
|
|
|
- tabbox3: false, //发起
|
|
|
+ tabbox: 0,//代办已办发起
|
|
|
niticList: [], //待办列表
|
|
|
tableDatayj: [], //已办列表
|
|
|
OpList: [], //我的发起列表
|
|
@@ -302,15 +255,8 @@ export default {
|
|
|
DoneList: [], //我的已办流程节点
|
|
|
launchList: [], //我的发起流程节点
|
|
|
urlllll: "", //跳转路由
|
|
|
- totalDone: 0, //已办分页
|
|
|
- totalDaiban: 0, //已办分页
|
|
|
- totalOp: 0, //已办分页
|
|
|
params: {},
|
|
|
- pageSize: 1,
|
|
|
- pagesize: 10,
|
|
|
- pageSizeDone: 1,
|
|
|
- pageSizeDdaiban: 1,
|
|
|
- pageSizeOp: 1,
|
|
|
+ loginNo: '',
|
|
|
daipage: 1, //第几页
|
|
|
daisize: 10, //一页多少条
|
|
|
daitotal: 0, //总条目数
|
|
@@ -320,6 +266,9 @@ export default {
|
|
|
faqipage: 1, //第几页
|
|
|
faqisize: 10, //一页多少条
|
|
|
faqitotal: 0, //总条目数
|
|
|
+ loading0:false,
|
|
|
+ loading1:false,
|
|
|
+ loading2:false,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -332,139 +281,139 @@ export default {
|
|
|
},
|
|
|
//查看标题按钮按钮
|
|
|
RowTitle(v) {
|
|
|
- this.StatusList = v;
|
|
|
+ // this.StatusList = v;
|
|
|
console.log(v.actionUrl);
|
|
|
- if (v.taskName) {
|
|
|
- this.WorkOrderStatus = true;
|
|
|
- this.$http({
|
|
|
- url: "/market/cwo/queryProcStepByWono",
|
|
|
- method: "post",
|
|
|
- headers: {
|
|
|
- "Content-Type": "application/json",
|
|
|
- },
|
|
|
- data: {
|
|
|
- woNo: v.woNo,
|
|
|
- },
|
|
|
- }).then((res) => {
|
|
|
- this.WorkOrderList = res.data;
|
|
|
- });
|
|
|
- this.$http({
|
|
|
- url: "/market/cwo/redirectDealPage",
|
|
|
- method: "post",
|
|
|
- headers: {
|
|
|
- "Content-Type": "application/json",
|
|
|
- },
|
|
|
- data: {
|
|
|
- procId: v.procId,
|
|
|
- },
|
|
|
- }).then((res) => {
|
|
|
- this.urlllll = res.data[0].jspUrl;
|
|
|
- // console.log(this.urlllll)
|
|
|
- // if(this.urlllll=="#"){
|
|
|
- // this.urlllll=res.data[1].jspUrl
|
|
|
- // }
|
|
|
- console.log(this.urlllll);
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$router.push(v.actionUrl);
|
|
|
- }
|
|
|
+ // if (v.taskName) {
|
|
|
+ // this.WorkOrderStatus = true;
|
|
|
+ // this.$http({
|
|
|
+ // url: "/market/cwo/queryProcStepByWono",
|
|
|
+ // method: "post",
|
|
|
+ // headers: {
|
|
|
+ // "Content-Type": "application/json",
|
|
|
+ // },
|
|
|
+ // data: {
|
|
|
+ // woNo: v.woNo,
|
|
|
+ // },
|
|
|
+ // }).then((res) => {
|
|
|
+ // this.WorkOrderList = res.data;
|
|
|
+ // });
|
|
|
+ // this.$http({
|
|
|
+ // url: "/market/cwo/redirectDealPage",
|
|
|
+ // method: "post",
|
|
|
+ // headers: {
|
|
|
+ // "Content-Type": "application/json",
|
|
|
+ // },
|
|
|
+ // data: {
|
|
|
+ // procId: v.procId,
|
|
|
+ // },
|
|
|
+ // }).then((res) => {
|
|
|
+ // this.urlllll = res.data[0].jspUrl;
|
|
|
+ // // console.log(this.urlllll)
|
|
|
+ // // if(this.urlllll=="#"){
|
|
|
+ // // this.urlllll=res.data[1].jspUrl
|
|
|
+ // // }
|
|
|
+ // console.log(this.urlllll);
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ this.$router.push(v.actionUrl);
|
|
|
+ // }
|
|
|
},
|
|
|
//我的已办查看按钮
|
|
|
RowDoneTitle(v) {
|
|
|
- this.StatusList = v;
|
|
|
+ // this.StatusList = v;
|
|
|
console.log(v.actionUrl);
|
|
|
- if (v.taskName) {
|
|
|
- this.DoneStatus = true;
|
|
|
- this.$http({
|
|
|
- url: "/market/cwo/queryProcStepByWono",
|
|
|
- method: "post",
|
|
|
- headers: {
|
|
|
- "Content-Type": "application/json",
|
|
|
- },
|
|
|
- data: {
|
|
|
- woNo: v.woNo,
|
|
|
- },
|
|
|
- }).then((res) => {
|
|
|
- this.DoneList = res.data;
|
|
|
- });
|
|
|
- this.$http({
|
|
|
- url: "/market/cwo/redirectDealPage",
|
|
|
- method: "post",
|
|
|
- headers: {
|
|
|
- "Content-Type": "application/json",
|
|
|
- },
|
|
|
- data: {
|
|
|
- procId: v.procId,
|
|
|
- },
|
|
|
- }).then((res) => {
|
|
|
- this.urlllll = res.data[0].jspUrl;
|
|
|
- // console.log(this.urlllll)
|
|
|
- // if(this.urlllll=="#"){
|
|
|
- // this.urlllll=res.data[1].jspUrl
|
|
|
- // }
|
|
|
- console.log(this.urlllll);
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$router.push(v.actionUrl);
|
|
|
- }
|
|
|
+ // if (v.taskName) {
|
|
|
+ // this.DoneStatus = true;
|
|
|
+ // this.$http({
|
|
|
+ // url: "/market/cwo/queryProcStepByWono",
|
|
|
+ // method: "post",
|
|
|
+ // headers: {
|
|
|
+ // "Content-Type": "application/json",
|
|
|
+ // },
|
|
|
+ // data: {
|
|
|
+ // woNo: v.woNo,
|
|
|
+ // },
|
|
|
+ // }).then((res) => {
|
|
|
+ // this.DoneList = res.data;
|
|
|
+ // });
|
|
|
+ // this.$http({
|
|
|
+ // url: "/market/cwo/redirectDealPage",
|
|
|
+ // method: "post",
|
|
|
+ // headers: {
|
|
|
+ // "Content-Type": "application/json",
|
|
|
+ // },
|
|
|
+ // data: {
|
|
|
+ // procId: v.procId,
|
|
|
+ // },
|
|
|
+ // }).then((res) => {
|
|
|
+ // this.urlllll = res.data[0].jspUrl;
|
|
|
+ // // console.log(this.urlllll)
|
|
|
+ // // if(this.urlllll=="#"){
|
|
|
+ // // this.urlllll=res.data[1].jspUrl
|
|
|
+ // // }
|
|
|
+ // console.log(this.urlllll);
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ this.$router.push(v.actionUrl);
|
|
|
+ // }
|
|
|
},
|
|
|
|
|
|
//我的发起查看按钮
|
|
|
RowlaunchTitle(v) {
|
|
|
- this.StatusList = v;
|
|
|
+ // this.StatusList = v;
|
|
|
console.log(v.actionUrl);
|
|
|
- if (v.taskName) {
|
|
|
- this.launchStatus = true;
|
|
|
- this.$http({
|
|
|
- url: "/market/cwo/queryProcStepByWono",
|
|
|
- method: "post",
|
|
|
- headers: {
|
|
|
- "Content-Type": "application/json",
|
|
|
- },
|
|
|
- data: {
|
|
|
- woNo: v.woNo,
|
|
|
- },
|
|
|
- }).then((res) => {
|
|
|
- this.launchList = res.data;
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$router.push(v.actionUrl);
|
|
|
- }
|
|
|
+ // if (v.taskName) {
|
|
|
+ // this.launchStatus = true;
|
|
|
+ // this.$http({
|
|
|
+ // url: "/market/cwo/queryProcStepByWono",
|
|
|
+ // method: "post",
|
|
|
+ // headers: {
|
|
|
+ // "Content-Type": "application/json",
|
|
|
+ // },
|
|
|
+ // data: {
|
|
|
+ // woNo: v.woNo,
|
|
|
+ // },
|
|
|
+ // }).then((res) => {
|
|
|
+ // this.launchList = res.data;
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ this.$router.push(v.actionUrl);
|
|
|
+ // }
|
|
|
},
|
|
|
- //催办按钮
|
|
|
- handleEdit(index, row) {
|
|
|
- this.open(row);
|
|
|
-
|
|
|
- },
|
|
|
- //已阅按钮
|
|
|
- handleEdit1(index, row) {
|
|
|
- this.haveRead(row); //点已阅后返回数据给后台
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
+ //催办按钮
|
|
|
+ handleEdit(index, row) {
|
|
|
+ this.open(row);
|
|
|
+
|
|
|
+ },
|
|
|
+ //已阅按钮
|
|
|
+ handleEdit1(index, row) {
|
|
|
+ this.haveRead(row); //点已阅后返回数据给后台
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
//催办按钮弹窗
|
|
|
open(row) {
|
|
|
- this.$confirm('催办此条工单, 是否继续?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- this.urgedDeal(row);
|
|
|
-
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '催办成功!'
|
|
|
- });
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消催办'
|
|
|
- });
|
|
|
+ this.$confirm('催办此条工单, 是否继续?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.urgedDeal(row);
|
|
|
+
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '催办成功!'
|
|
|
+ });
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消催办'
|
|
|
});
|
|
|
- },
|
|
|
-
|
|
|
- //催办向后台返回数据
|
|
|
- urgedDeal(row) {
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ //催办向后台返回数据
|
|
|
+ urgedDeal(row) {
|
|
|
let list = {}
|
|
|
list.id = row.id;
|
|
|
list.woNo = row.woNo;
|
|
@@ -473,20 +422,20 @@ export default {
|
|
|
list.nextName = row.assigneeName;
|
|
|
list.sts = row.sts;
|
|
|
list.actionUrl = row.actionUrl;
|
|
|
- console.log(row);
|
|
|
- this.$http({
|
|
|
+ console.log(row);
|
|
|
+ this.$http({
|
|
|
url: "/market/remind/add",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- },
|
|
|
+ },
|
|
|
data: list,
|
|
|
}).then((res) => {
|
|
|
-
|
|
|
+
|
|
|
});
|
|
|
- },
|
|
|
- //已阅向后台返回数据
|
|
|
- haveRead(row) {
|
|
|
+ },
|
|
|
+ //已阅向后台返回数据
|
|
|
+ haveRead(row) {
|
|
|
let list = {}
|
|
|
list.id = row.id;
|
|
|
list.woNo = row.woNo;
|
|
@@ -494,34 +443,34 @@ export default {
|
|
|
list.nextNo = row.assigneeNo;
|
|
|
list.nextName = row.assigneeName;
|
|
|
list.sts = row.sts;
|
|
|
- console.log(row);
|
|
|
- this.$http({
|
|
|
+ console.log(row);
|
|
|
+ this.$http({
|
|
|
url: "/market/remind/update",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- },
|
|
|
+ },
|
|
|
data: list,
|
|
|
}).then((res) => {
|
|
|
this.popupWindow();
|
|
|
});
|
|
|
- },
|
|
|
+ },
|
|
|
|
|
|
- //接收数据判断是否弹窗
|
|
|
- popupWindow(){
|
|
|
- this.$http({
|
|
|
+ //接收数据判断是否弹窗
|
|
|
+ popupWindow() {
|
|
|
+ this.$http({
|
|
|
url: "/market/remind/queryListByNo",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- },
|
|
|
-
|
|
|
+ },
|
|
|
+
|
|
|
}).then((res) => {
|
|
|
console.log(res);
|
|
|
console.log(res.data.length);
|
|
|
- if(res.data.length == 0){
|
|
|
+ if (res.data.length == 0) {
|
|
|
this.dialogTableVisible = false;
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.dialogTableVisible = true;
|
|
|
}
|
|
|
this.gridData = res.data
|
|
@@ -535,145 +484,112 @@ export default {
|
|
|
|
|
|
//待办列表初始化
|
|
|
daiban(v, n) {
|
|
|
- this.pageSizeDdaiban = n;
|
|
|
+ this.loading0=true
|
|
|
this.$http({
|
|
|
- url: "/market/cwo/queryQaToDoList",
|
|
|
+ url: "/market/taskToDo/queryPage",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- page: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
+ page: '{"pageNo":"' + n + '","pageSize":"10"}',
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ nextNo: this.loginNo,
|
|
|
},
|
|
|
- data: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
}).then((res) => {
|
|
|
- // this.niticList = res.data.data;
|
|
|
- let data = JSON.parse(JSON.stringify(res.data.data))
|
|
|
- this.niticList = data.splice(
|
|
|
- (this.daipage - 1) * this.daisize,
|
|
|
- this.daisize
|
|
|
- );
|
|
|
- this.daitotal = res.data.data.length
|
|
|
- // this.totalDaiban = res.data.totalRecord;
|
|
|
+ this.niticList = res.data.data;
|
|
|
+ this.daitotal = res.data.totalRecord;
|
|
|
+ this.loading0=false
|
|
|
});
|
|
|
},
|
|
|
|
|
|
//已办列表初始化
|
|
|
getListyj(v, n) {
|
|
|
- this.pageSizeDone = n;
|
|
|
+ this.loading1=true
|
|
|
let _this = this;
|
|
|
this.$http({
|
|
|
- url: "/market/cwo/queryQaFinishList",
|
|
|
+ url: "/market/taskFinish/queryPage",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- page: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
+ page: '{"pageNo":"' + n + '","pageSize":"10"}',
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ nextNo: this.loginNo,
|
|
|
},
|
|
|
- data: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
}).then((res) => {
|
|
|
- // this.tableDatayj = res.data.data;
|
|
|
- // this.totalDone = res.data.totalRecord;
|
|
|
- let data = JSON.parse(JSON.stringify(res.data.data))
|
|
|
- this.tableDatayj = data.splice(
|
|
|
- (this.yibanpage - 1) * this.yibansize,
|
|
|
- this.yibansize
|
|
|
- );
|
|
|
- this.yibantotal = res.data.data.length
|
|
|
+ this.tableDatayj = res.data.data;
|
|
|
+ this.yibantotal = res.data.totalRecord;
|
|
|
+ this.loading1=false
|
|
|
});
|
|
|
},
|
|
|
//待办分页
|
|
|
currchangeDdaiban(val) {
|
|
|
console.log("翻页,当前为第几页", val);
|
|
|
this.daipage = val;
|
|
|
- // this.getTabelData2();
|
|
|
- // this.pageSizeDdaiban = v;
|
|
|
- this.daiban(this.params, this.pageSizeDdaiban);
|
|
|
+ this.daiban(this.params, this.daipage);
|
|
|
},
|
|
|
//已办分页
|
|
|
currchangeyiban(val) {
|
|
|
- // this.pageSizeDone = v;
|
|
|
this.yibanpage = val;
|
|
|
- this.getListyj(this.params, this.pageSizeDone);
|
|
|
+ this.getListyj(this.params, this.yibanpage);
|
|
|
},
|
|
|
//发起分页
|
|
|
currchangefaqi(val) {
|
|
|
- // this.pageSizeOp = v;
|
|
|
this.faqipage = val;
|
|
|
- this.getOPlist(this.params, this.pageSizeOp);
|
|
|
+ this.getOPlist(this.params, this.faqipage);
|
|
|
},
|
|
|
//我的发起列表初始化
|
|
|
getOPlist(v, n) {
|
|
|
- this.pageSizeOp = n;
|
|
|
+ this.loading2=true
|
|
|
this.$http({
|
|
|
- url: "/market/cwo/queryOpList",
|
|
|
+ url: "/market/taskCreate/queryPage",
|
|
|
method: "post",
|
|
|
headers: {
|
|
|
"Content-Type": "application/json",
|
|
|
- page: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
+ page: '{"pageNo":"' + n + '","pageSize":"10"}',
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ opNo: this.loginNo,
|
|
|
},
|
|
|
- data: '{"pageNo":"' + '1' + '","pageSize":"100"}',
|
|
|
}).then((res) => {
|
|
|
- // this.OpList = res.data.data;
|
|
|
- // this.totalOp = res.data.totalRecord;
|
|
|
- let data = JSON.parse(JSON.stringify(res.data.data))
|
|
|
- this.OpList = data.splice(
|
|
|
- (this.faqipage - 1) * this.faqisize,
|
|
|
- this.faqisize
|
|
|
- );
|
|
|
- this.faqitotal = res.data.data.length
|
|
|
+ this.OpList = res.data.data;
|
|
|
+ this.faqitotal = res.data.totalRecord;
|
|
|
+ this.loading2=false
|
|
|
});
|
|
|
},
|
|
|
- tabboxclick1() {
|
|
|
- this.tabbox1 = true;
|
|
|
- this.tabbox2 = false;
|
|
|
- this.tabbox3 = false;
|
|
|
- document.querySelector(".span1").style.color = "blue";
|
|
|
- document.querySelector(".span2").style.color = "black";
|
|
|
- document.querySelector(".span2").style.border = 0;
|
|
|
- document.querySelector(".span1").style.borderBottom = "2px solid blue";
|
|
|
- document.querySelector(".span3").style.color = "black";
|
|
|
- document.querySelector(".span3").style.border = 0;
|
|
|
- document.querySelector(".com-table").style.backgroundColor = "#FaFaFa";
|
|
|
- },
|
|
|
- tabboxclick2() {
|
|
|
- this.tabbox1 = false;
|
|
|
- this.tabbox2 = true;
|
|
|
- this.tabbox3 = false;
|
|
|
- document.querySelector(".com-table").style.backgroundColor = "#FaFaFa";
|
|
|
- document.querySelector(".span1").style.border = 0;
|
|
|
- document.querySelector(".span2").style.borderBottom = "2px solid blue";
|
|
|
- document.querySelector(".span2").style.color = "blue";
|
|
|
- document.querySelector(".span1").style.color = "black";
|
|
|
- document.querySelector(".span3").style.color = "black";
|
|
|
- document.querySelector(".span3").style.border = 0;
|
|
|
- },
|
|
|
- tabboxclick3() {
|
|
|
- this.tabbox1 = false;
|
|
|
- this.tabbox2 = false;
|
|
|
- this.tabbox3 = true;
|
|
|
- document.querySelector(".com-table").style.backgroundColor = "#FaFaFa";
|
|
|
- document.querySelector(".span1").style.color = "black";
|
|
|
- document.querySelector(".span2").style.color = "black";
|
|
|
- document.querySelector(".span1").style.border = 0;
|
|
|
- document.querySelector(".span2").style.border = 0;
|
|
|
- document.querySelector(".span3").style.borderBottom = "2px solid blue";
|
|
|
- document.querySelector(".span3").style.color = "blue";
|
|
|
+ tabboxclick(e) {
|
|
|
+ this.tabbox = e
|
|
|
+ document.querySelectorAll(".homeTaskTit")[0].childNodes[0].className = 'span'
|
|
|
+ document.querySelectorAll(".homeTaskTit")[0].childNodes[1].className = 'span'
|
|
|
+ document.querySelectorAll(".homeTaskTit")[0].childNodes[2].className = 'span'
|
|
|
+ document.querySelectorAll(".homeTaskTit")[0].childNodes[e].className = 'span span1'
|
|
|
+ if (e == 0) {
|
|
|
+ this.daiban({}, 1);
|
|
|
+ } else if (e == 1) {
|
|
|
+ this.getListyj({}, 1);
|
|
|
+ } else if (e == 2) {
|
|
|
+ this.getOPlist({}, 1);
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
let list = getConfig()
|
|
|
console.log(list);
|
|
|
-
|
|
|
+
|
|
|
this.daiban({}, 1);
|
|
|
- this.getListyj({}, 1);
|
|
|
- this.getOPlist({}, 1);
|
|
|
- this.userInfo = JSON.parse(window.sessionStorage.userInfo);
|
|
|
},
|
|
|
created() {
|
|
|
- this.popupWindow();
|
|
|
+ this.popupWindow();
|
|
|
+ this.loginNo = JSON.parse(window.sessionStorage.userInfo).loginNo;
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.el-pagination {
|
|
|
+ // padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
.diobtn {
|
|
|
position: relative;
|
|
|
text-align: right;
|
|
@@ -687,7 +603,7 @@ export default {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
-.tit {
|
|
|
+.homeTaskTit {
|
|
|
margin-top: 10px;
|
|
|
clear: both;
|
|
|
height: 47px;
|
|
@@ -696,8 +612,8 @@ export default {
|
|
|
line-height: 47px;
|
|
|
padding: 0 20px;
|
|
|
font-size: 16px;
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-top-right-radius: 5px;
|
|
|
+ border-top-left-radius: 10px;
|
|
|
+ border-top-right-radius: 10px;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.com-table {
|
|
@@ -705,21 +621,6 @@ export default {
|
|
|
}
|
|
|
|
|
|
.span {
|
|
|
- float: right;
|
|
|
- color: orange;
|
|
|
- }
|
|
|
-
|
|
|
- .span1 {
|
|
|
- display: inline-block;
|
|
|
- color: blue;
|
|
|
- text-align: center;
|
|
|
- height: 46px;
|
|
|
- font-weight: 900;
|
|
|
- width: 120px;
|
|
|
- border-bottom: 2px solid blue;
|
|
|
- }
|
|
|
-
|
|
|
- .span2 {
|
|
|
display: inline-block;
|
|
|
text-align: center;
|
|
|
height: 46px;
|
|
@@ -727,14 +628,17 @@ export default {
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
|
|
|
- .span3 {
|
|
|
+ .span1 {
|
|
|
display: inline-block;
|
|
|
+ color: blue;
|
|
|
text-align: center;
|
|
|
height: 46px;
|
|
|
- width: 120px;
|
|
|
font-weight: 900;
|
|
|
+ width: 120px;
|
|
|
+ border-bottom: 2px solid blue;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
span {
|
|
|
cursor: pointer;
|
|
|
}
|
|
@@ -775,8 +679,8 @@ export default {
|
|
|
background: #fafafa;
|
|
|
padding: 10px;
|
|
|
height: 484px;
|
|
|
- border-bottom-left-radius: 5px;
|
|
|
- border-bottom-right-radius: 5px;
|
|
|
+ border-bottom-left-radius: 10px;
|
|
|
+ border-bottom-right-radius: 10px;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
@@ -790,6 +694,11 @@ export default {
|
|
|
background: #fafafa;
|
|
|
}
|
|
|
|
|
|
+::v-deep .el-button--mini,
|
|
|
+.el-button--mini.is-round {
|
|
|
+ padding: 3px !important;
|
|
|
+}
|
|
|
+
|
|
|
// ::v-deep .el-table--scrollable-y .el-table__body-wrapper {
|
|
|
// overflow: hidden;
|
|
|
// }
|